ooxml-ui 1.0.0 → 1.2.0

package/dist/pptx/{chunk-AIL3BNZS.cjs → chunk-YRHK45AB.cjs}

@@ -1532,6 +1532,88 @@ function formatChartNumber(value, formatCode) {
   return formatChartNumberWithColor(value, formatCode)?.text;
 }
 
+// src/pptx/render/chart-style-palette.ts
+function hexToRgb(hex) {
+  const h = hex.replace("#", "");
+  return [
+    parseInt(h.substring(0, 2), 16),
+    parseInt(h.substring(2, 4), 16),
+    parseInt(h.substring(4, 6), 16)
+  ];
+}
+function rgbToHex(r, g, b) {
+  const clamp3 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp3(r).toString(16).padStart(2, "0")}${clamp3(g).toString(16).padStart(2, "0")}${clamp3(b).toString(16).padStart(2, "0")}`;
+}
+function tint(hex, amount) {
+  const [r, g, b] = hexToRgb(hex);
+  return rgbToHex(r + (255 - r) * amount, g + (255 - g) * amount, b + (255 - b) * amount);
+}
+function shade(hex, amount) {
+  const [r, g, b] = hexToRgb(hex);
+  return rgbToHex(r * (1 - amount), g * (1 - amount), b * (1 - amount));
+}
+var OFFICE_ACCENTS = [
+  "#4472C4",
+  "#ED7D31",
+  "#A5A5A5",
+  "#FFC000",
+  "#5B9BD5",
+  "#70AD47"
+];
+var DEFAULT_EXTRAS = ["#FF0000", "#00B0F0"];
+var DEFAULT_CHART_PALETTE = [...OFFICE_ACCENTS, ...DEFAULT_EXTRAS];
+function monochromaticRamp(base) {
+  return [
+    shade(base, 0.5),
+    shade(base, 0.35),
+    shade(base, 0.15),
+    base,
+    tint(base, 0.2),
+    tint(base, 0.4),
+    tint(base, 0.6),
+    tint(base, 0.8)
+  ];
+}
+var GREY = "#7F7F7F";
+function buildPalette(column, accents) {
+  if (column === 0) {
+    return monochromaticRamp(GREY);
+  }
+  if (column === 1) {
+    return [...accents, ...accents.map((accent) => shade(accent, 0.4))];
+  }
+  return monochromaticRamp(accents[column - 2]);
+}
+function usableAccents(accents) {
+  return accents?.length === 6 && accents.every((accent) => /^#[0-9a-f]{6}$/iu.test(accent)) ? accents : OFFICE_ACCENTS;
+}
+var paletteCache = /* @__PURE__ */ new Map();
+function getChartStylePalette(styleId, themeAccents) {
+  const accents = usableAccents(themeAccents);
+  const valid = styleId !== void 0 && styleId >= 1 && styleId <= 48;
+  if (!valid && accents === OFFICE_ACCENTS) {
+    return DEFAULT_CHART_PALETTE;
+  }
+  const column = valid ? (Math.trunc(styleId) - 1) % 8 : -1;
+  const key = `${column}:${accents.join(",")}`;
+  let palette = paletteCache.get(key);
+  if (!palette) {
+    palette = column < 0 ? [...accents, ...DEFAULT_EXTRAS] : buildPalette(column, accents);
+    paletteCache.set(key, palette);
+  }
+  return palette;
+}
+function resolveChartPalette(chartData) {
+  if (chartData.colorPalette && chartData.colorPalette.length > 0) {
+    return [...chartData.colorPalette];
+  }
+  return [...getChartStylePalette(chartData.style?.styleId, chartData.themeAccentColors)];
+}
+function withResolvedPalette(chartData) {
+  return chartData.colorPalette && chartData.colorPalette.length > 0 ? chartData : { ...chartData, colorPalette: resolveChartPalette(chartData) };
+}
+
 // src/pptx/render/chart-style-defaults.ts
 var DEFAULT_LABEL_COLOR = "#334155";
 var DEFAULT_TITLE_TEXT_PX = 12;
@@ -1716,114 +1798,6 @@ function withChartTitleBand(vm, chartData) {
 }
 
 // src/pptx/render/chart-helpers.ts
-var ACCENT1 = "#4472C4";
-var ACCENT2 = "#ED7D31";
-var ACCENT3 = "#A5A5A5";
-var ACCENT4 = "#FFC000";
-var ACCENT5 = "#5B9BD5";
-var ACCENT6 = "#70AD47";
-var ACCENTS = [ACCENT1, ACCENT2, ACCENT3, ACCENT4, ACCENT5, ACCENT6];
-var DEFAULT_CHART_PALETTE = [
-  "#4472C4",
-  "#ED7D31",
-  "#A5A5A5",
-  "#FFC000",
-  "#5B9BD5",
-  "#70AD47",
-  "#FF0000",
-  "#00B0F0"
-];
-function hexToRgb(hex) {
-  const h = hex.replace("#", "");
-  return [
-    parseInt(h.substring(0, 2), 16),
-    parseInt(h.substring(2, 4), 16),
-    parseInt(h.substring(4, 6), 16)
-  ];
-}
-function rgbToHex(r, g, b) {
-  const clamp3 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp3(r).toString(16).padStart(2, "0")}${clamp3(g).toString(16).padStart(2, "0")}${clamp3(b).toString(16).padStart(2, "0")}`;
-}
-function tint(hex, amount) {
-  const [r, g, b] = hexToRgb(hex);
-  return rgbToHex(r + (255 - r) * amount, g + (255 - g) * amount, b + (255 - b) * amount);
-}
-function shade(hex, amount) {
-  const [r, g, b] = hexToRgb(hex);
-  return rgbToHex(r * (1 - amount), g * (1 - amount), b * (1 - amount));
-}
-function colorfulSequential(offset) {
-  const out = [];
-  for (let i = 0; i < 8; i++) {
-    out.push(ACCENTS[(i + offset) % ACCENTS.length]);
-  }
-  return out;
-}
-function monochromaticRamp(base) {
-  return [
-    shade(base, 0.5),
-    shade(base, 0.35),
-    shade(base, 0.15),
-    base,
-    tint(base, 0.2),
-    tint(base, 0.4),
-    tint(base, 0.6),
-    tint(base, 0.8)
-  ];
-}
-function colorfulVariant(offset, tintAmount) {
-  return ACCENTS.map((_, i) => {
-    const idx = (i + offset) % ACCENTS.length;
-    return tintAmount > 0 ? tint(ACCENTS[idx], tintAmount) : shade(ACCENTS[idx], -tintAmount);
-  }).concat([
-    tint(ACCENTS[offset % ACCENTS.length], 0.4),
-    shade(ACCENTS[(offset + 1) % ACCENTS.length], 0.2)
-  ]);
-}
-function darkPalette(offset, shadeAmount) {
-  return colorfulSequential(offset).map((c) => shade(c, shadeAmount));
-}
-function tonedPalette(offset, tintAmount) {
-  return colorfulSequential(offset).map((c) => tint(c, tintAmount));
-}
-function buildPalette(styleId) {
-  const id = Math.max(1, Math.min(48, styleId));
-  if (id <= 8) {
-    return colorfulSequential(id - 1);
-  }
-  if (id <= 16) {
-    const accentIdx = (id - 9) % ACCENTS.length;
-    return monochromaticRamp(ACCENTS[accentIdx]);
-  }
-  if (id <= 24) {
-    const sub2 = id - 17;
-    const tintAmt = sub2 < 4 ? sub2 * 0.1 : -(sub2 - 4) * 0.1;
-    return colorfulVariant(sub2, tintAmt);
-  }
-  if (id <= 32) {
-    const sub2 = id - 25;
-    return darkPalette(sub2, 0.25 + sub2 % 4 * 0.1);
-  }
-  if (id <= 40) {
-    const sub2 = id - 33;
-    return tonedPalette(sub2, 0.15 + sub2 % 4 * 0.08);
-  }
-  const sub = id - 41;
-  return tonedPalette(sub, 0.4 + sub % 4 * 0.1);
-}
-var paletteCache = /* @__PURE__ */ new Map();
-function getChartStylePalette(styleId) {
-  if (styleId === void 0 || styleId < 1 || styleId > 48) {
-    return DEFAULT_CHART_PALETTE;
-  }
-  let palette = paletteCache.get(styleId);
-  if (!palette) {
-    palette = buildPalette(styleId);
-    paletteCache.set(styleId, palette);
-  }
-  return palette;
-}
 function seriesColor(series, index, styleId, colorPalette) {
   const explicit = series.color ?? series.marker?.spPr?.fillColor;
   if (explicit) {
@@ -2105,46 +2079,56 @@ function computeBarRects(series, catCount, layout, range, colorPalette) {
   }
   return rects;
 }
-function computeStackedBarRects(series, catCount, layout, range, colorPalette) {
-  const rects = [], barW = layout.plotWidth / Math.max(catCount, 1) * 0.7, barOffset = (layout.plotWidth / Math.max(catCount, 1) - barW) / 2, zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom);
+function stackedBarWidth(slotWidth, gapWidth, fallbackFraction) {
+  return gapWidth === void 0 ? slotWidth * fallbackFraction : chart.clusteredBarGeometry(slotWidth, 1, { 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);
+  return high > low ? { low, high } : void 0;
+}
+function stackedSegmentExtent(baseCoord, tipCoord, minSize) {
+  const size = Math.max(Math.abs(tipCoord - baseCoord), 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;
   for (let ci = 0; ci < catCount; ci++) {
-    let posTop = zeroY, negBottom = zeroY;
+    let posTotal = 0, negTotal = 0;
     for (let si = 0; si < series.length; si++) {
       const val = series[si].values[ci] ?? 0;
       if (val === 0) {
         continue;
       }
-      const x = layout.plotLeft + layout.plotWidth / Math.max(catCount, 1) * ci + barOffset, h = Math.max(
-        Math.abs(
-          valueToY2(val, range, layout.plotTop, layout.plotBottom) - valueToY2(0, range, layout.plotTop, layout.plotBottom)
-        ),
-        1
-      );
+      const base = val > 0 ? posTotal : negTotal;
       if (val > 0) {
-        const y = posTop - h;
-        rects.push({
-          x,
-          y,
-          w: barW,
-          h,
-          fill: seriesColor2(series[si], si, colorPalette),
-          seriesIndex: si,
-          pointIndex: ci
-        });
-        posTop = y;
+        posTotal += val;
       } else {
-        const y = negBottom;
-        rects.push({
-          x,
-          y,
-          w: barW,
-          h,
-          fill: seriesColor2(series[si], si, colorPalette),
-          seriesIndex: si,
-          pointIndex: ci
-        });
-        negBottom = y + h;
+        negTotal += val;
+      }
+      const segment = clipStackedSegment(base, val, range);
+      if (!segment) {
+        continue;
       }
+      const baseY = valueToY2(
+        val > 0 ? segment.low : segment.high,
+        range,
+        layout.plotTop,
+        layout.plotBottom
+      ), tipY = valueToY2(
+        val > 0 ? segment.high : segment.low,
+        range,
+        layout.plotTop,
+        layout.plotBottom
+      ), { start, size } = stackedSegmentExtent(baseY, tipY, 1);
+      rects.push({
+        x: layout.plotLeft + slot * ci + barOffset,
+        y: start,
+        w: barW,
+        h: size,
+        fill: seriesColor2(series[si], si, colorPalette),
+        seriesIndex: si,
+        pointIndex: ci
+      });
     }
   }
   return rects;
@@ -2383,28 +2367,6 @@ function resolveDataPointPictureFill(series, pointIndex, seriesIndex, face) {
   };
 }
 
-// src/pptx/render/chart-palette.ts
-function hexToRgb2(hex) {
-  const h = hex.replace("#", "");
-  return [
-    parseInt(h.substring(0, 2), 16),
-    parseInt(h.substring(2, 4), 16),
-    parseInt(h.substring(4, 6), 16)
-  ];
-}
-function rgbToHex2(r, g, b) {
-  const clamp3 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp3(r).toString(16).padStart(2, "0")}${clamp3(g).toString(16).padStart(2, "0")}${clamp3(b).toString(16).padStart(2, "0")}`;
-}
-function tint2(hex, amount) {
-  const [r, g, b] = hexToRgb2(hex);
-  return rgbToHex2(r + (255 - r) * amount, g + (255 - g) * amount, b + (255 - b) * amount);
-}
-function shade2(hex, amount) {
-  const [r, g, b] = hexToRgb2(hex);
-  return rgbToHex2(r * (1 - amount), g * (1 - amount), b * (1 - amount));
-}
-
 // src/pptx/render/chart-picture-pattern-def.ts
 function polygonBoundingBox(points) {
   const coords = points.trim().split(/\s+/u).map((pair) => pair.split(",").map(Number));
@@ -2433,7 +2395,7 @@ function buildPictureFillPatternDef(id, href, format, box, tileHeightPx) {
 
 // src/pptx/render/chart-bar3d-face-picture.ts
 function resolveUntargetedBarFaceFill(face, baseColor) {
-  return face === "end" ? tint2(baseColor, 0.22) : shade2(baseColor, 0.25);
+  return face === "end" ? tint(baseColor, 0.22) : shade(baseColor, 0.25);
 }
 function resolveExtrusionFaceFill(facePoints, face, resolvedColor, rect, picture, defs) {
   const fallback = resolveUntargetedBarFaceFill(face, resolvedColor);
@@ -2633,8 +2595,8 @@ function pieExtrusion(paths, depth) {
   return paths.map((p) => ({
     kind: "path",
     d: translateSlicePath(p.d, 0, offsetY),
-    fill: shade2(p.fill, 0.32),
-    stroke: shade2(p.fill, 0.4),
+    fill: shade(p.fill, 0.32),
+    stroke: shade(p.fill, 0.4),
     strokeWidth: 0.5
   }));
 }
@@ -2646,7 +2608,7 @@ function ribbonExtrusion(prims, depth) {
       out.push({
         ...pl,
         points: shiftPoints(pl.points, depth.dx, depth.dy),
-        stroke: shade2(pl.stroke, 0.3),
+        stroke: shade(pl.stroke, 0.3),
         fill: "none",
         part: void 0
       });
@@ -2655,7 +2617,7 @@ function ribbonExtrusion(prims, depth) {
       out.push({
         ...pg,
         points: shiftPoints(pg.points, depth.dx, depth.dy),
-        fill: shade2(pg.fill === "none" ? "#888888" : pg.fill, 0.3),
+        fill: shade(pg.fill === "none" ? "#888888" : pg.fill, 0.3),
         part: void 0
       });
     }
@@ -2793,6 +2755,39 @@ function computeValueRangeForAxis(series, axis, plotHeightPx) {
   const requestedLogBase = axis?.logBase ?? 10;
   const logBase = axis?.logScale && Number.isFinite(requestedLogBase) && requestedLogBase > 1 ? requestedLogBase : axis?.logScale ? 10 : void 0;
   const automatic = logBase ? computeLogValueRange(series, logBase) : computeValueRange(series, plotHeightPx);
+  return withAxisBounds(automatic, axis, logBase);
+}
+function computeStackedValueRangeForAxis(series, catCount, axis, isPercent, plotSizePx) {
+  if (isPercent) {
+    return {
+      ...percentStackedRange(series, catCount, plotSizePx),
+      ...axis?.orientation === "maxMin" ? { reverseOrder: true } : {}
+    };
+  }
+  return withAxisBounds(computeStackedValueRange(series, catCount, plotSizePx), axis);
+}
+function percentStackedRange(series, catCount, plotSizePx) {
+  const shares = series.map((entry) => ({
+    ...entry,
+    values: Array.from({ length: catCount }, (_, ci) => {
+      const total = series.reduce((sum, s) => sum + Math.abs(s.values[ci] ?? 0), 0);
+      return total > 0 ? (entry.values[ci] ?? 0) / total * 100 : 0;
+    })
+  }));
+  const automatic = computeStackedValueRange(shares, catCount, plotSizePx);
+  if (automatic.min >= 0) {
+    return { min: 0, max: 100, span: 100 };
+  }
+  const min = Math.max(automatic.min, -100);
+  const unit = automatic.majorUnit;
+  return {
+    min,
+    max: 100,
+    span: 100 - min,
+    ...unit !== void 0 && 100 % unit === 0 && min % unit === 0 ? { majorUnit: unit } : {}
+  };
+}
+function withAxisBounds(automatic, axis, logBase) {
   const validMin = typeof axis?.min === "number" && Number.isFinite(axis.min) && (!logBase || axis.min > 0) ? axis.min : void 0;
   const validMax = typeof axis?.max === "number" && Number.isFinite(axis.max) && (!logBase || axis.max > 0) ? axis.max : void 0;
   const min = validMin ?? automatic.min;
@@ -3554,6 +3549,9 @@ function unitsLabelTextStyle(axis, baseStyle) {
     ...fontFamily ? { fontFamily } : {}
   };
 }
+function isNoLine(shape) {
+  return shape?.lineNoFill === true && shape.strokeColor === void 0;
+}
 function chartLineStyle(shape, fallbackColor = DEFAULT_COLOR, fallbackWidth = 1) {
   const strokeWidth = shape?.strokeWidth ?? fallbackWidth;
   return {
@@ -3565,7 +3563,7 @@ function chartLineStyle(shape, fallbackColor = DEFAULT_COLOR, fallbackWidth = 1)
 
 // src/pptx/render/chart-axis-primitives.ts
 function buildVerticalTickMark(axisX, y, placement, side, length, shape) {
-  if (!placement || placement === "none") {
+  if (!placement || placement === "none" || isNoLine(shape)) {
     return void 0;
   }
   const inward = side === "left" ? 1 : -1;
@@ -3581,7 +3579,7 @@ function buildVerticalTickMark(axisX, y, placement, side, length, shape) {
   };
 }
 function buildVerticalAxisLine(axis, axisX, layout) {
-  return axis?.spPr ? {
+  return axis?.spPr && !isNoLine(axis.spPr) ? {
     kind: "line",
     x1: axisX,
     y1: layout.plotTop,
@@ -3677,7 +3675,7 @@ function primaryCategoryAxis(axes) {
   return categoryAxes2?.find((axis) => axis.axPos !== "t") ?? categoryAxes2?.[0];
 }
 function tickLine(x, y, placement, topAxis, length, axis) {
-  if (!placement || placement === "none") {
+  if (!placement || placement === "none" || isNoLine(axis.spPr)) {
     return void 0;
   }
   const inward = topAxis ? length : -length;
@@ -3699,7 +3697,7 @@ function buildTickMarks(axis, sourceCount, layout, spacing, axisY) {
   const result = [];
   const topAxis = axis.axPos === "t";
   const y = axisY ?? (topAxis ? layout.plotTop : layout.plotBottom);
-  if (axis.spPr) {
+  if (axis.spPr && !isNoLine(axis.spPr)) {
     result.push({
       kind: "line",
       x1: layout.plotLeft,
@@ -3786,6 +3784,41 @@ function chartDataInCategoryOrder(chartData, sourceIndices2) {
   };
 }
 
+// src/pptx/render/chart-gridlines-toggle.ts
+function primaryValueAxis(axes) {
+  if (!axes) {
+    return void 0;
+  }
+  return axes.find((axis) => axis.axisType === "valAx" && axis.axPos === "l") ?? axes.find((axis) => axis.axisType === "valAx");
+}
+function chartGridlinesState(chartData) {
+  const axis = primaryValueAxis(chartData.axes);
+  if (axis) {
+    return axis.majorGridlines ?? false;
+  }
+  return chartData.style?.hasGridlines ?? true;
+}
+var shouldRenderMajorGridlines = chartGridlinesState;
+function axisShowsMajorGridlines(axis) {
+  return axis ? axis.majorGridlines === true : true;
+}
+function chartGridlinesPatch(chartData, show) {
+  const axes = chartData.axes ? [...chartData.axes] : [];
+  let index = axes.findIndex((axis) => axis.axisType === "valAx" && axis.axPos === "l");
+  if (index === -1) {
+    index = axes.findIndex((axis) => axis.axisType === "valAx");
+  }
+  if (index === -1) {
+    axes.push({ axisType: "valAx", majorGridlines: show });
+  } else {
+    axes[index] = { ...axes[index], majorGridlines: show };
+  }
+  return {
+    axes,
+    style: { ...chartData.style, hasGridlines: show }
+  };
+}
+
 // src/pptx/render/chart-scatter-x-axis.ts
 var GRIDLINE_COLOR = "#e2e8f0";
 var TICK_COUNT = 5;
@@ -3806,7 +3839,7 @@ function buildScatterXAxisPlan(chartData, layout) {
   }));
   const range = computeValueRangeForAxis(pseudoSeries, xAxis, layout.plotWidth);
   const toPixelX = (value) => valueToY2(value, range, layout.plotRight, layout.plotLeft);
-  const showGridlines = xAxis ? xAxis.majorGridlines === true : true;
+  const showGridlines = axisShowsMajorGridlines(xAxis) && !isNoLine(xAxis?.majorGridlinesSpPr);
   const gridlines = [];
   const labels = [];
   const textStyle = chartAxisTextStyle(xAxis, DEFAULT_CHART_TEXT_PX);
@@ -4160,10 +4193,11 @@ function buildPrimaryAxis(range, layout, axis, axisX = layout.plotLeft, showMajo
   const tickVals = generateAxisTicks(range, axis, TICK_COUNT2);
   const minorTickVals = generateMinorAxisTicks(range, axis);
   const axisLine = buildVerticalAxisLine(axis, axisX, layout);
+  const drawMajorGridlines = showMajorGridlines && !isNoLine(axis?.majorGridlinesSpPr);
   if (axisLine) {
     gridlines.push(axisLine);
   }
-  if (axis?.minorGridlines) {
+  if (axis?.minorGridlines && !isNoLine(axis.minorGridlinesSpPr)) {
     for (const val of minorTickVals) {
       const y = valueToY2(val, range, layout.plotTop, layout.plotBottom);
       gridlines.push(
@@ -4187,7 +4221,7 @@ function buildPrimaryAxis(range, layout, axis, axisX = layout.plotLeft, showMajo
   }
   for (const val of tickVals) {
     const y = valueToY2(val, range, layout.plotTop, layout.plotBottom);
-    if (showMajorGridlines) {
+    if (drawMajorGridlines) {
       gridlines.push(
         buildStyledGridline(
           y,
@@ -4243,18 +4277,19 @@ function buildPrimaryAxis(range, layout, axis, axisX = layout.plotLeft, showMajo
   }
   return { gridlines, axisLabels };
 }
-function buildSecondaryAxis(range, layout, axis, axisX = layout.plotRight) {
+function buildSecondaryAxis(range, layout, axis, axisX = layout.plotRight, showMajorGridlines = true) {
   const gridlines = [];
   const axisLabels = [];
   const textStyle = chartAxisTextStyle(axis);
   const captionStyle = chartAxisTextStyle(axis);
   const axisLine = buildVerticalAxisLine(axis, axisX, layout);
+  const drawMajorGridlines = showMajorGridlines && !isNoLine(axis?.majorGridlinesSpPr);
   if (axisLine) {
     gridlines.push(axisLine);
   }
   const tickValues = generateAxisTicks(range, axis, TICK_COUNT2 - 1);
   const minorTickValues = generateMinorAxisTicks(range, axis);
-  if (axis?.minorGridlines) {
+  if (axis?.minorGridlines && !isNoLine(axis.minorGridlinesSpPr)) {
     for (const val of minorTickValues) {
       const y = valueToY2(val, range, layout.plotTop, layout.plotBottom);
       gridlines.push(
@@ -4286,17 +4321,19 @@ function buildSecondaryAxis(range, layout, axis, axisX = layout.plotRight) {
   }
   for (const val of tickValues) {
     const y = valueToY2(val, range, layout.plotTop, layout.plotBottom);
-    gridlines.push(
-      buildStyledGridline(
-        y,
-        layout,
-        axis?.majorGridlinesSpPr,
-        SECONDARY_GRID_COLOR,
-        0.5,
-        "2 3",
-        0.5
-      )
-    );
+    if (drawMajorGridlines) {
+      gridlines.push(
+        buildStyledGridline(
+          y,
+          layout,
+          axis?.majorGridlinesSpPr,
+          SECONDARY_GRID_COLOR,
+          0.5,
+          "2 3",
+          0.5
+        )
+      );
+    }
     const tick = buildVerticalTickMark(
       axisX,
       y,
@@ -4351,38 +4388,6 @@ function buildSecondaryAxis(range, layout, axis, axisX = layout.plotRight) {
   return { gridlines, axisLabels };
 }
 
-// src/pptx/render/chart-gridlines-toggle.ts
-function primaryValueAxis(axes) {
-  if (!axes) {
-    return void 0;
-  }
-  return axes.find((axis) => axis.axisType === "valAx" && axis.axPos === "l") ?? axes.find((axis) => axis.axisType === "valAx");
-}
-function chartGridlinesState(chartData) {
-  const axis = primaryValueAxis(chartData.axes);
-  if (axis) {
-    return axis.majorGridlines ?? false;
-  }
-  return chartData.style?.hasGridlines ?? true;
-}
-var shouldRenderMajorGridlines = chartGridlinesState;
-function chartGridlinesPatch(chartData, show) {
-  const axes = chartData.axes ? [...chartData.axes] : [];
-  let index = axes.findIndex((axis) => axis.axisType === "valAx" && axis.axPos === "l");
-  if (index === -1) {
-    index = axes.findIndex((axis) => axis.axisType === "valAx");
-  }
-  if (index === -1) {
-    axes.push({ axisType: "valAx", majorGridlines: show });
-  } else {
-    axes[index] = { ...axes[index], majorGridlines: show };
-  }
-  return {
-    axes,
-    style: { ...chartData.style, hasGridlines: show }
-  };
-}
-
 // src/pptx/render/chart-cartesian-axes.ts
 function hasRicherAxisFeatures(chartData) {
   return Boolean(
@@ -4434,7 +4439,8 @@ function buildCartesianAxes(chartData, layout, primaryRange, secondaryRange, cat
     secondaryRange,
     layout,
     secondaryAxis,
-    axisX(secondaryAxis?.crossAxisId, "right")
+    axisX(secondaryAxis?.crossAxisId, "right"),
+    axisShowsMajorGridlines(secondaryAxis)
   );
   return {
     ...primary,
@@ -4451,7 +4457,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 = barGroupWidth * 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, 0.6), barOffset = (barGroupWidth - barW) / 2, displaySeries = series.map((entry) => ({
     ...entry,
     values: sourceIndices2.map((sourceIndex) => entry.values[sourceIndex] ?? 0)
   })), totals = categoryTotals(displaySeries, catCount);
@@ -4459,7 +4465,17 @@ function buildPercentStackedBars(chartData, catCount, layout, primaryRange, sour
     let posRunning = 0, negRunning = 0;
     const catTotal = totals[ci] || 1;
     for (let si = 0; si < series.length; si++) {
-      const sourceIndex = sourceIndices2[ci] ?? ci, rawVal = series[si].values[sourceIndex] ?? 0, val = catTotal > 0 ? rawVal / catTotal * 100 : 0, isNeg = val < 0, base = isNeg ? negRunning : posRunning, top = base + val, x = layout.plotLeft + barGroupWidth * ci + barOffset, baseY = valueToY2(base, primaryRange, layout.plotTop, layout.plotBottom), topY = valueToY2(top, primaryRange, layout.plotTop, layout.plotBottom), y = Math.min(baseY, topY), h = Math.max(Math.abs(baseY - topY), 0.5), pctBaseFill = resolveDataPointFill(series[si], sourceIndex, paletteColor2(si, palette)) ?? seriesColor2(series[si], si, palette);
+      const sourceIndex = sourceIndices2[ci] ?? ci, rawVal = series[si].values[sourceIndex] ?? 0, val = catTotal > 0 ? rawVal / catTotal * 100 : 0, base = val < 0 ? negRunning : posRunning;
+      if (val < 0) {
+        negRunning += val;
+      } else {
+        posRunning += val;
+      }
+      const segment = clipStackedSegment(base, val, primaryRange);
+      if (!segment) {
+        continue;
+      }
+      const x = layout.plotLeft + barGroupWidth * ci + barOffset, toY = (value) => valueToY2(value, primaryRange, layout.plotTop, layout.plotBottom), { start: y, size: h } = val < 0 ? stackedSegmentExtent(toY(segment.high), toY(segment.low), 0.5) : stackedSegmentExtent(toY(segment.low), toY(segment.high), 0.5), pctBaseFill = resolveDataPointFill(series[si], sourceIndex, paletteColor2(si, palette)) ?? seriesColor2(series[si], si, palette);
       primitives.push({
         kind: "rect",
         x,
@@ -4488,11 +4504,6 @@ function buildPercentStackedBars(chartData, catCount, layout, primaryRange, sour
           ...dataLabelFontOverride(resolveDataLabelTextStyle(chartData, series[si], sourceIndex))
         });
       }
-      if (isNeg) {
-        negRunning += val;
-      } else {
-        posRunning += val;
-      }
     }
   }
   return { primitives, dataLabels };
@@ -4638,7 +4649,14 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
     const displaySeries = series.map((entry) => ({
       ...entry,
       values: sourceIndices2.map((sourceIndex) => entry.values[sourceIndex] ?? 0)
-    })), rects = computeStackedBarRects(displaySeries, catCount, layout, primaryRange, palette);
+    })), rects = computeStackedBarRects(
+      displaySeries,
+      catCount,
+      layout,
+      primaryRange,
+      palette,
+      chartData.barGapWidth
+    );
     for (const r of rects) {
       let fill = r.fill, part, title;
       if (r.seriesIndex !== void 0 && r.pointIndex !== void 0) {
@@ -5328,7 +5346,7 @@ function addUnit(date, amount, unit) {
 }
 function tickLine2(x, y, axis, minor) {
   const placement = minor ? axis.minorTickMark : axis.majorTickMark;
-  if (!placement || placement === "none") {
+  if (!placement || placement === "none" || isNoLine(axis.spPr)) {
     return void 0;
   }
   const length = minor ? 2.5 : 4;
@@ -5421,7 +5439,7 @@ function buildDateAxisPlan(chartData, layout, selectedAxis, axisY) {
     const line2 = tickLine2(x, y, axis, false);
     return line2 ? [line2] : [];
   });
-  if (!axis.deleted && axis.spPr) {
+  if (!axis.deleted && axis.spPr && !isNoLine(axis.spPr)) {
     tickMarks.unshift({
       kind: "line",
       x1: layout.plotLeft,
@@ -5624,19 +5642,21 @@ function valueToX(val, range, leftX, rightX) {
   }
   return range.reverseOrder ? rightX - ratio * usable : leftX + ratio * usable;
 }
-function buildTransposedValueAxis(range, layout) {
-  const gridlines = [], axisLabels = [];
+function buildTransposedValueAxis(range, layout, axis, showMajorGridlines = true) {
+  const gridlines = [], axisLabels = [], drawGridlines = showMajorGridlines && !isNoLine(axis?.majorGridlinesSpPr);
   for (const val of axisTickValues(range)) {
     const x = valueToX(val, range, layout.plotLeft, layout.plotRight);
-    gridlines.push({
-      kind: "line",
-      x1: x,
-      y1: layout.plotTop,
-      x2: x,
-      y2: layout.plotBottom,
-      stroke: GRIDLINE_COLOR3,
-      strokeWidth: 1
-    });
+    if (drawGridlines) {
+      gridlines.push(
+        buildVerticalStyledGridline(
+          x,
+          layout,
+          axis?.majorGridlinesSpPr,
+          GRIDLINE_COLOR3,
+          1,
+          void 0)
+      );
+    }
     axisLabels.push({
       kind: "text",
       x,
@@ -5686,7 +5706,12 @@ function barFill(chartData, series, seriesIndex, pointIndex) {
 function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
   const layout = computePlotLayout(element.width, element.height, chartData, true, {
     leftCategoryLabelWidth: widestCategoryLabelWidth(categoryLabels, DEFAULT_CHART_TEXT_PX)
-  }), catCount = Math.max(categoryLabels.length, 1), series = chartData.series, grouping = chartData.grouping ?? "clustered", isStacked = grouping === "stacked" || grouping === "percentStacked", isPercent = grouping === "percentStacked", range = isPercent ? { min: 0, max: 100, span: 100 } : isStacked ? computeStackedValueRange(series, catCount, layout.plotWidth) : computeValueRangeForChart(series, chartData.axes, layout.plotWidth), { gridlines, axisLabels } = buildTransposedValueAxis(range, layout), zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight), zeroLine = range.min < 0 && range.max > 0 ? {
+  }), catCount = Math.max(categoryLabels.length, 1), series = chartData.series, grouping = chartData.grouping ?? "clustered", isStacked = grouping === "stacked" || grouping === "percentStacked", isPercent = grouping === "percentStacked", valueAxis = primaryValueAxis(chartData.axes), range = isStacked ? computeStackedValueRangeForAxis(series, catCount, valueAxis, isPercent, layout.plotWidth) : computeValueRangeForChart(series, chartData.axes, layout.plotWidth), { gridlines, axisLabels } = buildTransposedValueAxis(
+    range,
+    layout,
+    valueAxis,
+    shouldRenderMajorGridlines(chartData)
+  ), zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight), zeroLine = range.min < 0 && range.max > 0 ? {
     kind: "line",
     x1: zeroX,
     y1: layout.plotTop,
@@ -5745,7 +5770,7 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
       }
     }
   } else {
-    const totals = isPercent ? categoryTotals2(series, catCount) : [], barH = band * (isPercent ? 0.6 : 0.7), barOffset = (band - barH) / 2;
+    const totals = isPercent ? categoryTotals2(series, catCount) : [], barH = stackedBarWidth(band, chartData.barGapWidth, isPercent ? 0.6 : 0.7), barOffset = (band - barH) / 2;
     for (let ci = 0; ci < catCount; ci++) {
       let posRunning = 0, negRunning = 0;
       const catTotal = isPercent ? totals[ci] || 1 : 1;
@@ -5754,7 +5779,21 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
         if (val === 0) {
           continue;
         }
-        const isNeg = val < 0, base = isNeg ? negRunning : posRunning, top = base + val, y = layout.plotTop + band * ci + barOffset, baseX = valueToX(base, range, layout.plotLeft, layout.plotRight), topX = valueToX(top, range, layout.plotLeft, layout.plotRight), x = Math.min(baseX, topX), w = Math.max(Math.abs(topX - baseX), 0.5);
+        const isNeg = val < 0, base = isNeg ? negRunning : posRunning;
+        if (isNeg) {
+          negRunning += val;
+        } else {
+          posRunning += val;
+        }
+        const segment = clipStackedSegment(base, val, range);
+        if (!segment) {
+          continue;
+        }
+        const y = layout.plotTop + band * ci + barOffset, { start: x, size: w } = stackedSegmentExtent(
+          valueToX(isNeg ? segment.high : segment.low, range, layout.plotLeft, layout.plotRight),
+          valueToX(isNeg ? segment.low : segment.high, range, layout.plotLeft, layout.plotRight),
+          0.5
+        );
         primitives.push({
           kind: "rect",
           x,
@@ -5808,11 +5847,6 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
             });
           }
         }
-        if (isNeg) {
-          negRunning += val;
-        } else {
-          posRunning += val;
-        }
       }
     }
   }
@@ -5844,12 +5878,6 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
 }
 
 // src/pptx/render/chart-cartesian.ts
-function stackedRange(chartData, catCount, isPercent, plotHeightPx) {
-  if (isPercent) {
-    return { min: 0, max: 100, span: 100 };
-  }
-  return computeStackedValueRange(chartData.series, catCount, plotHeightPx);
-}
 function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
   if (kind === "bar" && chartData.barDirection === "bar") {
     return buildHorizontalBarViewModel(element, chartData, categoryLabels);
@@ -5865,13 +5893,13 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
   const useSecondary = !isStacked && secondaryIdx.size > 0;
   const primaryPlotSeries = useSecondary ? chartData.series.filter((_s, i) => !secondaryIdx.has(i)) : chartData.series;
   const secondaryPlotSeries = useSecondary ? chartData.series.filter((_s, i) => secondaryIdx.has(i)) : [];
-  const primaryAxis = chartData.axes?.find(
-    (axis) => axis.axisType === "valAx" && axis.axPos !== "r"
-  );
-  const primaryRange = isStacked ? {
-    ...stackedRange(chartData, catCount, isPercent, layout.autoPlotHeight),
-    ...primaryAxis?.orientation === "maxMin" ? { reverseOrder: true } : {}
-  } : computeValueRangeForChart(
+  const primaryRange = isStacked ? computeStackedValueRangeForAxis(
+    chartData.series,
+    catCount,
+    primaryValueAxis(chartData.axes),
+    isPercent,
+    layout.autoPlotHeight
+  ) : computeValueRangeForChart(
     primaryPlotSeries.length > 0 ? primaryPlotSeries : chartData.series,
     chartData.axes,
     layout.autoPlotHeight
@@ -6432,7 +6460,8 @@ function buildComboViewModel(element, chartData, categoryLabels) {
       layout,
       "right",
       chartData.dateCategories?.values
-    )
+    ),
+    axisShowsMajorGridlines(secondaryAxisFormatting)
   ) : void 0;
   const zeroLine = primaryRange.logScale ? void 0 : buildZeroLine(primaryRange, layout);
   const horizontalAxis = buildCartesianHorizontalAxis(
@@ -10264,7 +10293,7 @@ function buildChartViewModelInner(element) {
   if (element.type !== "chart") {
     return buildFallbackViewModel(element.width, element.height, "Chart");
   }
-  const chartEl = element, chartData = chartEl.chartData ? withChartTextDefaults(withAutoTitle(chartEl.chartData)) : chartEl.chartData;
+  const chartEl = element, chartData = chartEl.chartData ? withResolvedPalette(withChartTextDefaults(withAutoTitle(chartEl.chartData))) : chartEl.chartData;
   if (!chartData || chartData.series.length === 0) {
     return buildFallbackViewModel(element.width, element.height, chartData?.title ?? "Chart");
   }
@@ -10850,6 +10879,7 @@ exports.applyDataPointPictureFills = applyDataPointPictureFills;
 exports.applyLabelManualLayout = applyLabelManualLayout;
 exports.applyLegendEntryOverrides = applyLegendEntryOverrides;
 exports.applyParetoConversion = applyParetoConversion;
+exports.axisShowsMajorGridlines = axisShowsMajorGridlines;
 exports.axisTickValues = axisTickValues;
 exports.buildBoxWhiskerViewModel = buildBoxWhiskerViewModel;
 exports.buildCartesianViewModel = buildCartesianViewModel;
@@ -10904,6 +10934,7 @@ exports.chartTitleBandFor = chartTitleBandFor;
 exports.chartTitleFontPx = chartTitleFontPx;
 exports.chartTitleReservePx = chartTitleReservePx;
 exports.clampCropValue = clampCropValue;
+exports.clipStackedSegment = clipStackedSegment;
 exports.collapseChartTitleRunsForEdit = collapseChartTitleRunsForEdit;
 exports.computeAxisTitlePrimitives = computeAxisTitlePrimitives;
 exports.computeBarRects = computeBarRects;
@@ -10929,6 +10960,7 @@ exports.computeScatterDots = computeScatterDots;
 exports.computeScatterXDomain = computeScatterXDomain;
 exports.computeStackedBarRects = computeStackedBarRects;
 exports.computeStackedValueRange = computeStackedValueRange;
+exports.computeStackedValueRangeForAxis = computeStackedValueRangeForAxis;
 exports.computeSunburstArcs = computeSunburstArcs;
 exports.computeTrendlinePrimitives = computeTrendlinePrimitives;
 exports.computeValueRange = computeValueRange;
@@ -11002,6 +11034,7 @@ exports.paletteColor = paletteColor;
 exports.paletteColor2 = paletteColor2;
 exports.parseDrawingPercent = parseDrawingPercent;
 exports.plotAreaFill = plotAreaFill;
+exports.primaryValueAxis = primaryValueAxis;
 exports.reserveLegendSpace = reserveLegendSpace;
 exports.resetBarFacePicturePixelCacheForTests = resetBarFacePicturePixelCacheForTests;
 exports.resolveActiveDataPointPicture = resolveActiveDataPointPicture;
@@ -11011,6 +11044,7 @@ exports.resolveBarLabelAnchor = resolveBarLabelAnchor;
 exports.resolveBarLabelPlacement = resolveBarLabelPlacement;
 exports.resolveCategoryLabels = resolveCategoryLabels;
 exports.resolveChartKind = resolveChartKind;
+exports.resolveChartPalette = resolveChartPalette;
 exports.resolveChartStyleDefaults = resolveChartStyleDefaults;
 exports.resolveChartTitleRunSpans = resolveChartTitleRunSpans;
 exports.resolveChartTitleTextStyle = resolveChartTitleTextStyle;
@@ -11038,15 +11072,17 @@ exports.seriesColor = seriesColor;
 exports.seriesColor2 = seriesColor2;
 exports.seriesXValues = seriesXValues;
 exports.setChartTextMeasurer = setChartTextMeasurer;
-exports.shade = shade2;
+exports.shade = shade;
 exports.shouldRenderMajorGridlines = shouldRenderMajorGridlines;
 exports.shouldRenderRegionLabel = shouldRenderRegionLabel;
 exports.splitLabelLines = splitLabelLines;
 exports.splitSeriesByAxis = splitSeriesByAxis;
+exports.stackedBarWidth = stackedBarWidth;
+exports.stackedSegmentExtent = stackedSegmentExtent;
 exports.subscribeBarFacePicturePixelSamples = subscribeBarFacePicturePixelSamples;
 exports.suppressesCssFill = suppressesCssFill;
 exports.surfaceColor = surfaceColor;
-exports.tint = tint2;
+exports.tint = tint;
 exports.titleBaselineFor = titleBaselineFor;
 exports.toCssGradientStop = toCssGradientStop;
 exports.unitsCaptionOffset = unitsCaptionOffset;