ooxml-ui 1.2.0 → 1.4.0

package/dist/pptx/{chunk-XQVKQD5Z.mjs → chunk-STLXPKJJ.mjs}

@@ -4,7 +4,7 @@ export { clampUnitInterval, colorWithOpacity, hexToRgbChannels, normalizeHexColo
 import { buildRectPathGradientImage } from 'ooxml-core/diagram';
 export { buildRectPathGradientImage, buildRectPathGradientSvg } from 'ooxml-core/diagram';
 import { niceValueAxisBounds, axisTargetIntervals, clusteredBarGeometry, hasManualLayoutFields, resolveManualLayoutRect, groupRowsByCategory, computeBoxStats, computeHistogramBins as computeHistogramBins$1, aggregateByCategory, radarRingPoints, radarAngle, computeRadarPoints, resolveBlankDisplay, computeStackedSeriesPlots, visibleRuns, placeBestFitLabel, nudgeOutsideLabels, buildChartGradientDef, fitPolynomial, formatPolynomialEquation, computeRSquared, computeLinearRegression, formatPowerEquation, formatLogarithmicEquation, formatExponentialEquation, formatLinearEquation, squarify } from 'ooxml-core/chart';
-export { axisTargetIntervals, computeBoxStats, computeLinearRegression, computeRSquared, computeRadarPoints, computeStackedSeriesPlots, fitPolynomial, hasManualLayoutFields, niceValueAxisBounds, radarAngle, radarRingPoints, resolveManualLayoutRect } from 'ooxml-core/chart';
+export { DEFAULT_BAR_GAP_WIDTH, axisTargetIntervals, computeBoxStats, computeLinearRegression, computeRSquared, computeRadarPoints, computeStackedSeriesPlots, fitPolynomial, hasManualLayoutFields, niceValueAxisBounds, radarAngle, radarRingPoints, resolveManualLayoutRect } from 'ooxml-core/chart';
 
 // src/pptx/render/chart-font.ts
 var CHART_PX_PER_PT = 4 / 3;
@@ -2065,7 +2065,7 @@ function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotT
 
 // src/pptx/render/chart-view-model-bars.ts
 function computeBarRects(series, catCount, layout, range, colorPalette) {
-  const rects = [], seriesCount = Math.max(series.length, 1), barGroupWidth = layout.plotWidth / Math.max(catCount, 1), singleBarWidth = barGroupWidth * 0.7 / seriesCount, groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
+  const rects = [], seriesCount = Math.max(series.length, 1), barGroupWidth = layout.plotWidth / Math.max(catCount, 1), { singleBarWidth, clusterWidth } = clusteredBarGeometry(barGroupWidth, seriesCount, {}), groupOffset = (barGroupWidth - clusterWidth) / 2;
   for (let ci = 0; ci < catCount; ci++) {
     for (let si = 0; si < series.length; si++) {
       const val = series[si].values[ci] ?? 0, x = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si, zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom), valY = valueToY2(val, range, layout.plotTop, layout.plotBottom), y = Math.min(zeroY, valY), h = Math.max(Math.abs(zeroY - valY), 1);
@@ -2080,8 +2080,8 @@ function computeBarRects(series, catCount, layout, range, colorPalette) {
   }
   return rects;
 }
-function stackedBarWidth(slotWidth, gapWidth, fallbackFraction) {
-  return gapWidth === void 0 ? slotWidth * fallbackFraction : clusteredBarGeometry(slotWidth, 1, { barGapWidth: gapWidth }).singleBarWidth;
+function stackedBarWidth(slotWidth, gapWidth) {
+  return clusteredBarGeometry(slotWidth, 1, gapWidth === void 0 ? {} : { barGapWidth: gapWidth }).singleBarWidth;
 }
 function clipStackedSegment(base, value, range) {
   const low = Math.max(Math.min(base, base + value), range.min), high = Math.min(Math.max(base, base + value), range.max);
@@ -2092,7 +2092,7 @@ function stackedSegmentExtent(baseCoord, tipCoord, minSize) {
   return { start: tipCoord < baseCoord ? baseCoord - size : baseCoord, size };
 }
 function computeStackedBarRects(series, catCount, layout, range, colorPalette, gapWidth) {
-  const rects = [], slot = layout.plotWidth / Math.max(catCount, 1), barW = stackedBarWidth(slot, gapWidth, 0.7), barOffset = (slot - barW) / 2;
+  const rects = [], slot = layout.plotWidth / Math.max(catCount, 1), barW = stackedBarWidth(slot, gapWidth), barOffset = (slot - barW) / 2;
   for (let ci = 0; ci < catCount; ci++) {
     let posTotal = 0, negTotal = 0;
     for (let si = 0; si < series.length; si++) {
@@ -3173,8 +3173,8 @@ function resolveMarkerLabelAnchor(position, point, offset = 7) {
       return { x: point.x, y: point.y - offset, textAnchor: "middle" };
   }
 }
-function resolveBarLabelPlacement(chartData, series, pointIndex, rect, value, orientation, frame) {
-  const point = findPointLabel(series, pointIndex), position = point?.position ?? series.dataLabelOptions?.position ?? chartData.style?.dataLabels?.position, anchor = resolveBarLabelAnchor(position, rect, value, orientation), shifted = applyLabelManualLayout(point?.layout, frame, anchor);
+function resolveBarLabelPlacement(chartData, series, pointIndex, rect, value, orientation, frame, defaultPosition) {
+  const point = findPointLabel(series, pointIndex), position = point?.position ?? series.dataLabelOptions?.position ?? chartData.style?.dataLabels?.position ?? defaultPosition, anchor = resolveBarLabelAnchor(position, rect, value, orientation), shifted = applyLabelManualLayout(point?.layout, frame, anchor);
   return { ...anchor, x: shifted.x, y: shifted.y };
 }
 function resolveMarkerLabelPlacement(chartData, series, pointIndex, point, frame, offset = 7, defaultPosition) {
@@ -3500,18 +3500,46 @@ function smoothLinePath(points) {
   }
   let d = `M${points[0].x.toFixed(2)},${points[0].y.toFixed(2)}`;
   for (let i = 0; i < points.length - 1; i++) {
-    const p0 = points[i - 1] ?? points[i];
-    const p1 = points[i];
-    const p2 = points[i + 1];
-    const p3 = points[i + 2] ?? p2;
-    const cp1x = p1.x + (p2.x - p0.x) / 6;
-    const cp1y = p1.y + (p2.y - p0.y) / 6;
-    const cp2x = p2.x - (p3.x - p1.x) / 6;
-    const cp2y = p2.y - (p3.y - p1.y) / 6;
-    d += ` C${cp1x.toFixed(2)},${cp1y.toFixed(2)} ${cp2x.toFixed(2)},${cp2y.toFixed(2)} ${p2.x.toFixed(2)},${p2.y.toFixed(2)}`;
+    const [cp1, cp2, end] = smoothSegment(points, i);
+    d += ` C${cp1.x.toFixed(2)},${cp1.y.toFixed(2)} ${cp2.x.toFixed(2)},${cp2.y.toFixed(2)} ${end.x.toFixed(2)},${end.y.toFixed(2)}`;
   }
   return d;
 }
+function smoothSegment(points, i) {
+  const p0 = points[i - 1] ?? points[i];
+  const p1 = points[i];
+  const p2 = points[i + 1];
+  const p3 = points[i + 2] ?? p2;
+  return [
+    { x: p1.x + (p2.x - p0.x) / 6, y: p1.y + (p2.y - p0.y) / 6 },
+    { x: p2.x - (p3.x - p1.x) / 6, y: p2.y - (p3.y - p1.y) / 6 },
+    p2
+  ];
+}
+function sampleSmoothLine(points, stepsPerSegment = 16) {
+  if (points.length < 3) {
+    return [...points];
+  }
+  const out = [points[0]];
+  for (let i = 0; i < points.length - 1; i++) {
+    const start = points[i], [cp1, cp2, end] = smoothSegment(points, i);
+    for (let step = 1; step <= stepsPerSegment; step++) {
+      const t = step / stepsPerSegment, u = 1 - t, a = u * u * u, b = 3 * u * u * t, c = 3 * u * t * t, d = t * t * t;
+      out.push(
+        step === stepsPerSegment ? end : {
+          x: a * start.x + b * cp1.x + c * cp2.x + d * end.x,
+          y: a * start.y + b * cp1.y + c * cp2.y + d * end.y
+        }
+      );
+    }
+  }
+  return out;
+}
+function polylineRunsPath(runs) {
+  return runs.map(
+    (run) => run.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(" ")
+  ).join(" ");
+}
 
 // src/pptx/render/chart-axis-style.ts
 var DEFAULT_COLOR = "#64748b";
@@ -3990,9 +4018,113 @@ function buildScatter(chartData, layout, range) {
   return { primitives: [...primitives, ...labelBoxes], dataLabels };
 }
 
+// src/pptx/render/chart-plot-clip.ts
+var EPSILON = 1e-6;
+function plotBand(layout) {
+  return {
+    top: Math.min(layout.plotTop, layout.plotBottom),
+    bottom: Math.max(layout.plotTop, layout.plotBottom)
+  };
+}
+function insideBand(point, band) {
+  return point.y >= band.top - EPSILON && point.y <= band.bottom + EPSILON;
+}
+function clipSegment(a, b, band) {
+  const dy = b.y - a.y;
+  if (Math.abs(dy) < EPSILON) {
+    return insideBand(a, band) ? [a, b] : void 0;
+  }
+  const tTop = (band.top - a.y) / dy, tBottom = (band.bottom - a.y) / dy, low = Math.max(0, Math.min(tTop, tBottom)), high = Math.min(1, Math.max(tTop, tBottom));
+  if (high - low < EPSILON) {
+    return void 0;
+  }
+  const at = (t) => t <= 0 ? a : t >= 1 ? b : { x: a.x + (b.x - a.x) * t, y: a.y + dy * t };
+  return [insideBand(a, band) ? a : at(low), insideBand(b, band) ? b : at(high)];
+}
+function clipPolylineToBand(points, band) {
+  if (points.every((point) => insideBand(point, band))) {
+    return points.length >= 2 ? [[...points]] : [];
+  }
+  const runs = [];
+  let run = [];
+  const flush = () => {
+    if (run.length >= 2) {
+      runs.push(run);
+    }
+    run = [];
+  };
+  for (let i = 0; i + 1 < points.length; i++) {
+    const clipped = clipSegment(points[i], points[i + 1], band);
+    if (!clipped) {
+      flush();
+      continue;
+    }
+    const [start, end] = clipped;
+    if (run[run.length - 1] !== start) {
+      flush();
+      run.push(start);
+    }
+    run.push(end);
+    if (end !== points[i + 1]) {
+      flush();
+    }
+  }
+  flush();
+  return runs;
+}
+function crossAt(a, b, y) {
+  const t = (y - a.y) / (b.y - a.y);
+  return { x: a.x + (b.x - a.x) * t, y };
+}
+function clipPolygonEdge(polygon, keep, y) {
+  const out = [];
+  for (let i = 0; i < polygon.length; i++) {
+    const current = polygon[i], previous = polygon[(i + polygon.length - 1) % polygon.length];
+    if (keep(current)) {
+      if (!keep(previous)) {
+        out.push(crossAt(previous, current, y));
+      }
+      out.push(current);
+    } else if (keep(previous)) {
+      out.push(crossAt(previous, current, y));
+    }
+  }
+  return out;
+}
+function clipPolygonToBand(polygon, band) {
+  if (polygon.every((point) => insideBand(point, band))) {
+    return [...polygon];
+  }
+  const top = clipPolygonEdge(polygon, (point) => point.y >= band.top - EPSILON, band.top);
+  return clipPolygonEdge(top, (point) => point.y <= band.bottom + EPSILON, band.bottom);
+}
+function visibleSpanCentre(y1, y2, band) {
+  const low = Math.max(Math.min(y1, y2), band.top), high = Math.min(Math.max(y1, y2), band.bottom);
+  if (high < low - EPSILON) {
+    return void 0;
+  }
+  return (low + high) / 2;
+}
+function clippedSeriesLine(points, smooth, style, band) {
+  if (points.every((point) => insideBand(point, band))) {
+    return [
+      smooth ? { kind: "path", d: smoothLinePath(points), ...style } : { kind: "polyline", points: linePointsToSvgString(points), ...style }
+    ];
+  }
+  if (smooth) {
+    const runs = clipPolylineToBand(sampleSmoothLine(points), band);
+    return runs.length > 0 ? [{ kind: "path", d: polylineRunsPath(runs), ...style }] : [];
+  }
+  return clipPolylineToBand(points, band).map((run) => ({
+    kind: "polyline",
+    points: linePointsToSvgString(run),
+    ...style
+  }));
+}
+
 // src/pptx/render/chart-cartesian-area.ts
 function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositions, stacking = "clustered") {
-  const primitives = [], dataLabels = [], labelBoxes = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== "clustered", isPercent = stacking === "percentStacked", baselineY = valueToY2(0, range, layout.plotTop, layout.plotBottom), allDisplayValues = chartData.series.map(
+  const primitives = [], dataLabels = [], labelBoxes = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== "clustered", isPercent = stacking === "percentStacked", baselineY = valueToY2(0, range, layout.plotTop, layout.plotBottom), band = plotBand(layout), allDisplayValues = chartData.series.map(
     (series) => series.values.length === 0 ? void 0 : sourceIndices2.map((sourceIndex) => series.values[sourceIndex] ?? 0)
   ), stackedPlots = isStackedMode ? computeStackedSeriesPlots(
     allDisplayValues.map((values) => values ?? []),
@@ -4007,44 +4139,33 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositio
     const plot = stackedPlots?.[si], topValues = plot ? plot.cumulative : displayValues, pts = computeLinePoints(topValues, catCount, layout, range).map((point, index) => ({
       ...point,
       x: xPositions?.[index] ?? point.x
-    })), c = seriesColor2(series, si, chartData.colorPalette), lineStr = linePointsToSvgString(pts), firstPt = pts[0], lastPt = pts[pts.length - 1];
-    if (plot) {
-      const baseStr = linePointsToSvgString(
-        [
-          ...computeLinePoints(plot.base, catCount, layout, range).map((point, index) => ({
-            ...point,
-            x: xPositions?.[index] ?? point.x
-          }))
-        ].reverse()
-      );
-      primitives.push({
-        kind: "polyline",
-        points: `${lineStr} ${baseStr}`,
-        stroke: "none",
-        strokeWidth: 0,
-        fill: c,
-        part: { role: "series", seriesIndex: si }
-      });
-    } else if (firstPt && lastPt) {
+    })), c = seriesColor2(series, si, chartData.colorPalette), firstPt = pts[0], lastPt = pts[pts.length - 1], fillPolygon = plot ? [
+      ...pts,
+      ...computeLinePoints(plot.base, catCount, layout, range).map((point, index) => ({ ...point, x: xPositions?.[index] ?? point.x })).reverse()
+    ] : firstPt && lastPt ? [{ x: firstPt.x, y: baselineY }, ...pts, { x: lastPt.x, y: baselineY }] : [], clippedFill = clipPolygonToBand(fillPolygon, band);
+    if (clippedFill.length > 0) {
       primitives.push({
         kind: "polyline",
-        points: `${firstPt.x.toFixed(2)},${baselineY.toFixed(2)} ${lineStr} ${lastPt.x.toFixed(2)},${baselineY.toFixed(2)}`,
+        points: linePointsToSvgString(clippedFill),
         stroke: "none",
         strokeWidth: 0,
         fill: c,
-        opacity: 0.25,
+        ...plot ? {} : { opacity: 0.25 },
         part: { role: "series", seriesIndex: si }
       });
     }
-    primitives.push({
-      kind: "polyline",
-      points: lineStr,
-      stroke: c,
-      strokeWidth: 2,
-      fill: "none",
-      part: { role: "series", seriesIndex: si }
-    });
+    primitives.push(
+      ...clippedSeriesLine(
+        pts,
+        false,
+        { stroke: c, strokeWidth: 2, fill: "none", part: { role: "series", seriesIndex: si } },
+        band
+      )
+    );
     pts.forEach((pt, displayIndex) => {
+      if (!insideBand(pt, band)) {
+        return;
+      }
       const idx = sourceIndices2[displayIndex] ?? displayIndex, part = { role: "dataPoint", seriesIndex: si, pointIndex: idx };
       pushMarker(
         primitives,
@@ -4075,11 +4196,18 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositio
           if (val === 0) {
             return;
           }
-          const baseVal = plot?.base[displayIndex] ?? 0, topVal = plot?.cumulative[displayIndex] ?? val, baseY = valueToY2(baseVal, range, layout.plotTop, layout.plotBottom), topY = valueToY2(topVal, range, layout.plotTop, layout.plotBottom);
+          const baseVal = plot?.base[displayIndex] ?? 0, topVal = plot?.cumulative[displayIndex] ?? val, centreY = visibleSpanCentre(
+            valueToY2(baseVal, range, layout.plotTop, layout.plotBottom),
+            valueToY2(topVal, range, layout.plotTop, layout.plotBottom),
+            band
+          );
+          if (centreY === void 0) {
+            return;
+          }
           dataLabels.push({
             kind: "text",
             x: pt.x,
-            y: (baseY + topY) / 2,
+            y: centreY,
             text: `${Math.round(val)}%`,
             fontSize: DEFAULT_CHART_DATA_LABEL_PX,
             fill: "#ffffff",
@@ -4100,7 +4228,11 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositio
         if (label === void 0) {
           return;
         }
-        const bandBase = plot ? valueToY2(plot.base[displayIndex] ?? 0, range, layout.plotTop, layout.plotBottom) : baselineY, mid = { x: pt.x, y: (pt.y + bandBase) / 2 }, anchor = resolveMarkerLabelPlacement(
+        const bandBase = plot ? valueToY2(plot.base[displayIndex] ?? 0, range, layout.plotTop, layout.plotBottom) : baselineY, midY = visibleSpanCentre(pt.y, bandBase, band);
+        if (midY === void 0) {
+          return;
+        }
+        const mid = { x: pt.x, y: midY }, anchor = resolveMarkerLabelPlacement(
           chartData,
           series,
           pointIndex,
@@ -4458,7 +4590,7 @@ function categoryTotals(series, catCount) {
   );
 }
 function buildPercentStackedBars(chartData, catCount, layout, primaryRange, sourceIndices2, invertNegativeFill2) {
-  const primitives = [], dataLabels = [], series = chartData.series, palette = chartData.colorPalette, showLabels = chartData.style?.hasDataLabels, barGroupWidth = layout.plotWidth / Math.max(catCount, 1), barW = stackedBarWidth(barGroupWidth, chartData.barGapWidth, 0.6), barOffset = (barGroupWidth - barW) / 2, displaySeries = series.map((entry) => ({
+  const primitives = [], dataLabels = [], series = chartData.series, palette = chartData.colorPalette, showLabels = chartData.style?.hasDataLabels, barGroupWidth = layout.plotWidth / Math.max(catCount, 1), barW = stackedBarWidth(barGroupWidth, chartData.barGapWidth), barOffset = (barGroupWidth - barW) / 2, displaySeries = series.map((entry) => ({
     ...entry,
     values: sourceIndices2.map((sourceIndex) => entry.values[sourceIndex] ?? 0)
   })), totals = categoryTotals(displaySeries, catCount);
@@ -4511,41 +4643,37 @@ function buildPercentStackedBars(chartData, catCount, layout, primaryRange, sour
 }
 
 // src/pptx/render/chart-cartesian-stacked-labels.ts
-function pushClusteredStackedLabels(chartData, series, sourceIndices2, catCount, layout, range, dataLabels) {
-  const barGroupWidth = layout.plotWidth / catCount, seriesCount = Math.max(series.length, 1), singleBarWidth = barGroupWidth * 0.7 / seriesCount, groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
-  for (let ci = 0; ci < catCount; ci++) {
-    const sourceIndex = sourceIndices2[ci] ?? ci;
-    for (let si = 0; si < series.length; si++) {
-      const val = series[si].values[sourceIndex] ?? 0, barX = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si, zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom), valY = valueToY2(val, range, layout.plotTop, layout.plotBottom), barY = Math.min(zeroY, valY), barH = Math.max(Math.abs(zeroY - valY), 1), label = buildDataLabelText({
-        chartData,
-        series: series[si],
-        pointIndex: sourceIndex,
-        value: val
-      });
-      if (label === void 0) {
-        continue;
-      }
-      const anchor = resolveBarLabelPlacement(
-        chartData,
-        series[si],
-        sourceIndex,
-        { x: barX, y: barY, width: singleBarWidth, height: barH },
-        val,
-        "vertical",
-        { width: layout.svgWidth, height: layout.svgHeight }
-      );
-      dataLabels.push({
-        kind: "text",
-        x: anchor.x,
-        y: anchor.y,
-        text: label.text,
-        fontSize: DEFAULT_CHART_DATA_LABEL_PX,
-        fill: label.color ?? "#334155",
-        textAnchor: anchor.textAnchor,
-        ...anchor.dominantBaseline ? { dominantBaseline: anchor.dominantBaseline } : {},
-        ...dataLabelFontOverride(resolveDataLabelTextStyle(chartData, series[si], sourceIndex))
-      });
+function pushStackedBarLabels(chartData, series, sourceIndices2, rects, layout, dataLabels) {
+  for (const rect of rects) {
+    const entry = rect.seriesIndex === void 0 ? void 0 : series[rect.seriesIndex];
+    if (!entry || rect.pointIndex === void 0) {
+      continue;
+    }
+    const sourceIndex = sourceIndices2[rect.pointIndex] ?? rect.pointIndex, val = entry.values[sourceIndex] ?? 0, label = buildDataLabelText({ chartData, series: entry, pointIndex: sourceIndex, value: val });
+    if (label === void 0) {
+      continue;
     }
+    const anchor = resolveBarLabelPlacement(
+      chartData,
+      entry,
+      sourceIndex,
+      { x: rect.x, y: rect.y, width: rect.w, height: rect.h },
+      val,
+      "vertical",
+      { width: layout.svgWidth, height: layout.svgHeight },
+      "ctr"
+    );
+    dataLabels.push({
+      kind: "text",
+      x: anchor.x,
+      y: anchor.y,
+      text: label.text,
+      fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+      fill: label.color ?? "#334155",
+      textAnchor: anchor.textAnchor,
+      ...anchor.dominantBaseline ? { dominantBaseline: anchor.dominantBaseline } : {},
+      ...dataLabelFontOverride(resolveDataLabelTextStyle(chartData, entry, sourceIndex))
+    });
   }
 }
 
@@ -4676,15 +4804,7 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
       primitives.push({ kind: "rect", x: r.x, y: r.y, w: r.w, h: r.h, fill, rx: 1, part, title });
     }
     if (showLabels) {
-      pushClusteredStackedLabels(
-        chartData,
-        series,
-        sourceIndices2,
-        catCount,
-        layout,
-        primaryRange,
-        dataLabels
-      );
+      pushStackedBarLabels(chartData, series, sourceIndices2, rects, layout, dataLabels);
     }
     return { primitives, dataLabels };
   }
@@ -4774,7 +4894,7 @@ function seriesLineStroke(chartData, series) {
 
 // src/pptx/render/chart-cartesian-line-area.ts
 function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices2, xPositions, stacking = "clustered") {
-  const primitives = [], dataLabels = [], labelBoxes = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== "clustered", isPercent = stacking === "percentStacked", resolved = chartData.series.map((series) => {
+  const primitives = [], dataLabels = [], labelBoxes = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== "clustered", isPercent = stacking === "percentStacked", band = plotBand(layout), resolved = chartData.series.map((series) => {
     if (series.values.length === 0) {
       return void 0;
     }
@@ -4798,41 +4918,21 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
       ...point,
       x: xPositions?.[index] ?? point.x
     })), c = seriesColor2(series, si, chartData.colorPalette), seriesPart = { role: "series", seriesIndex: si }, allVisible = visible.every(Boolean);
-    if (allVisible) {
+    for (const run of allVisible ? [pts] : visibleRuns(visible).map((r) => r.map((i) => pts[i]))) {
+      if (!allVisible && run.length < 2) {
+        continue;
+      }
       primitives.push(
-        series.smooth ? {
-          kind: "path",
-          d: smoothLinePath(pts),
-          stroke: c,
-          ...lineStroke,
-          fill: "none",
-          part: seriesPart
-        } : {
-          kind: "polyline",
-          points: linePointsToSvgString(pts),
-          stroke: c,
-          ...lineStroke,
-          fill: "none",
-          part: seriesPart
-        }
+        ...clippedSeriesLine(
+          run,
+          allVisible && Boolean(series.smooth),
+          { stroke: c, ...lineStroke, fill: "none", part: seriesPart },
+          band
+        )
       );
-    } else {
-      for (const run of visibleRuns(visible)) {
-        if (run.length < 2) {
-          continue;
-        }
-        primitives.push({
-          kind: "polyline",
-          points: linePointsToSvgString(run.map((i) => pts[i])),
-          stroke: c,
-          ...lineStroke,
-          fill: "none",
-          part: seriesPart
-        });
-      }
     }
     pts.forEach((pt, displayIndex) => {
-      if (!visible[displayIndex]) {
+      if (!visible[displayIndex] || !insideBand(pt, band)) {
         return;
       }
       const idx = sourceIndices2[displayIndex] ?? displayIndex, part = { role: "dataPoint", seriesIndex: si, pointIndex: idx };
@@ -4858,7 +4958,7 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
       const labelValues = stackedPlots ? stackedPlots[si].own : displayValues;
       labelValues.forEach((val, displayIndex) => {
         const pt = pts[displayIndex];
-        if (!pt || !visible[displayIndex]) {
+        if (!pt || !visible[displayIndex] || !insideBand(pt, band)) {
           return;
         }
         if (isPercent) {
@@ -5771,7 +5871,7 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
       }
     }
   } else {
-    const totals = isPercent ? categoryTotals2(series, catCount) : [], barH = stackedBarWidth(band, chartData.barGapWidth, isPercent ? 0.6 : 0.7), barOffset = (band - barH) / 2;
+    const totals = isPercent ? categoryTotals2(series, catCount) : [], barH = stackedBarWidth(band, chartData.barGapWidth), barOffset = (band - barH) / 2;
     for (let ci = 0; ci < catCount; ci++) {
       let posRunning = 0, negRunning = 0;
       const catTotal = isPercent ? totals[ci] || 1 : 1;
@@ -5833,7 +5933,9 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
               { x, y, width: w, height: barH },
               rawVal,
               "horizontal",
-              { width: layout.svgWidth, height: layout.svgHeight }
+              { width: layout.svgWidth, height: layout.svgHeight },
+              // A stacked segment's label is centred unless c:dLblPos says otherwise.
+              "ctr"
             );
             dataLabels.push({
               kind: "text",

package/dist/pptx/{chunk-YMTQLZ2I.mjs → chunk-TC7HCF5M.mjs}

@@ -1,11 +1,85 @@
 import { overflowCanvasCss, hasThreeViewOverflow, MAX_VIEW_PIXELS, NO_THREE_VIEW_OVERFLOW, getThreeRendererHost, overflowPixelSize, threeViewOverflowChanged } from './chunk-2V5ATMMB.mjs';
 import { normalizeColorsForCapture } from './chunk-7JBQPQ6G.mjs';
 
+// src/pptx/render/device-pixel-stroke.ts
+var DEVICE_PX_VAR = "--pptx-device-px";
+var DEVICE_PIXEL_RATIO_VAR = "--pptx-dpr";
+function cssPx(width) {
+  const rounded = Number(width.toFixed(4));
+  return `${rounded > 0 ? rounded : 1e-4}px`;
+}
+function screenStrokeWidth(width) {
+  if (typeof width !== "number" || !Number.isFinite(width) || width <= 0) {
+    return "0px";
+  }
+  return `max(${cssPx(width)}, var(${DEVICE_PX_VAR}, 0px))`;
+}
+function screenBorder(width, style, color) {
+  return `${screenStrokeWidth(width)} ${style ?? "solid"} ${color}`;
+}
+var watchedWindows = /* @__PURE__ */ new WeakSet();
+function watchDevicePixelRatio(win = typeof window === "undefined" ? void 0 : window) {
+  if (!win || watchedWindows.has(win)) {
+    return;
+  }
+  const style = win.document?.documentElement?.style;
+  if (!style) {
+    return;
+  }
+  watchedWindows.add(win);
+  const publish = () => {
+    const ratio = win.devicePixelRatio;
+    const safe = typeof ratio === "number" && Number.isFinite(ratio) && ratio > 0 ? ratio : 1;
+    style.setProperty(DEVICE_PIXEL_RATIO_VAR, String(safe));
+    win.matchMedia?.(`(resolution: ${safe}dppx)`).addEventListener?.("change", publish, {
+      once: true
+    });
+  };
+  publish();
+}
+function deviceStrokeStageStyle(scale) {
+  if (!Number.isFinite(scale) || scale <= 0) {
+    return {};
+  }
+  watchDevicePixelRatio();
+  return {
+    [DEVICE_PX_VAR]: `calc(1px / (${Number(scale.toFixed(6))} * var(${DEVICE_PIXEL_RATIO_VAR}, 1)))`
+  };
+}
+var CARRIER_SELECTOR = `[style*="${DEVICE_PX_VAR}:"]`;
+function carriers(root) {
+  const nested = [...root.querySelectorAll(CARRIER_SELECTOR)];
+  return root.closest(CARRIER_SELECTOR) ? [root, ...nested.filter((el) => el !== root)] : nested;
+}
+function neutralizeDeviceStrokes(root) {
+  for (const el of carriers(root)) {
+    el.style?.setProperty(DEVICE_PX_VAR, "0px");
+  }
+}
+function withAuthoredStrokeWidths(root, read) {
+  const saved = carriers(root).map((el) => ({ el, style: el.getAttribute("style") }));
+  for (const { el } of saved) {
+    el.style?.setProperty(DEVICE_PX_VAR, "0px");
+  }
+  try {
+    return read();
+  } finally {
+    for (const { el, style } of saved) {
+      if (style === null) {
+        el.removeAttribute("style");
+      } else {
+        el.setAttribute("style", style);
+      }
+    }
+  }
+}
+
 // src/pptx/render/export-clone.ts
 function isExportIgnoredElement(element) {
   return element.getAttribute("data-export-ignore") === "true";
 }
 function prepareExportClone(root) {
+  neutralizeDeviceStrokes(root);
   for (const overlay of root.querySelectorAll('[data-export-ignore="true"]')) {
     overlay.remove();
   }
@@ -30,7 +104,7 @@ async function loadChart3DThree() {
 
 // src/pptx/three-view/scene-registry.ts
 var loaders = {
-  chart: async () => (await import('./chart-3d-view-scene-6B5TOWB6.mjs')).mountChart3DView,
+  chart: async () => (await import('./chart-3d-view-scene-OYJ4CDCO.mjs')).mountChart3DView,
   smartart: async () => (await import('./view-scene-GHBN7QMR.mjs')).mountSmartArt3DView
 };
 async function loadThreeViewScene(kind) {
@@ -877,4 +951,4 @@ async function prepareHtml2CanvasClone(original, doc, clonedEl) {
   preprocessCssForCapture(clonedEl);
 }
 
-export { MAX_DEVICE_PIXEL_RATIO, THREE_VIEW_MARKER_ATTR, THREE_VIEW_SETTLE_TIMEOUT_MS, THREE_VIEW_SNAPSHOT_ATTR, THREE_VIEW_TAG, computeThreeViewSize, defineThreeViewElement, flatten3dTransform, flatten3dTransforms, flattenBackdropFilter, flattenMixBlendMode, has3dTransform, isExportIgnoredElement, parseBlurValue, prepareExportClone, prepareHtml2CanvasClone, preprocessCssForCapture, removeUnsupportedFeatures, resolveCustomProperties, settleThreeViews, snapshotThreeViewsIntoClone };
+export { DEVICE_PIXEL_RATIO_VAR, DEVICE_PX_VAR, MAX_DEVICE_PIXEL_RATIO, THREE_VIEW_MARKER_ATTR, THREE_VIEW_SETTLE_TIMEOUT_MS, THREE_VIEW_SNAPSHOT_ATTR, THREE_VIEW_TAG, computeThreeViewSize, defineThreeViewElement, deviceStrokeStageStyle, flatten3dTransform, flatten3dTransforms, flattenBackdropFilter, flattenMixBlendMode, has3dTransform, isExportIgnoredElement, neutralizeDeviceStrokes, parseBlurValue, prepareExportClone, prepareHtml2CanvasClone, preprocessCssForCapture, removeUnsupportedFeatures, resolveCustomProperties, screenBorder, screenStrokeWidth, settleThreeViews, snapshotThreeViewsIntoClone, watchDevicePixelRatio, withAuthoredStrokeWidths };