pptx-react-viewer 3.19.1 → 3.20.0

package/dist/{chunk-EJSRXEXA.js → chunk-NGWA6L3N.js}

@@ -24292,7 +24292,9 @@ function getElementTextContent(element) {
   return element.textSegments.map((segment) => String(segment.text || "")).join("");
 }
 function createEditorId(prefix) {
-  return `${prefix}-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+  const random = Math.random().toString(36).slice(2, 8).padEnd(6, "0");
+  const sequence = (nextEditorIdSequence++).toString(36);
+  return `${prefix}-${Date.now()}-${random}${sequence}`;
 }
 function ensureArrayValue(value) {
   if (!value) {
@@ -24300,10 +24302,12 @@ function ensureArrayValue(value) {
   }
   return Array.isArray(value) ? value : [value];
 }
+var nextEditorIdSequence;
 var init_element_utils = __esm({
   "src/core/utils/element-utils.ts"() {
     init_types();
     init_clone_utils();
+    nextEditorIdSequence = 0;
   }
 });
 function isTemplateElementId(elementId) {
@@ -46496,6 +46500,10 @@ function parseChartDataPointPicture(dPtNode, xmlLookup) {
   if (Number.isFinite(stackUnit)) {
     result.pictureStackUnit = stackUnit;
   }
+  const opacity2 = parseBlipOpacity(dPtNode, xmlLookup);
+  if (opacity2 !== void 0) {
+    result.opacity = opacity2;
+  }
   return Object.keys(result).length > 0 ? result : void 0;
 }
 function parseChartDataPointPictureBlipRel(dPtNode, xmlLookup) {
@@ -46505,6 +46513,26 @@ function parseChartDataPointPictureBlipRel(dPtNode, xmlLookup) {
   const relId = String(blip?.["@_r:embed"] ?? blip?.["@_r:link"] ?? "").trim();
   return relId.length > 0 ? relId : void 0;
 }
+function parseBlipOpacity(dPtOrSerNode, xmlLookup) {
+  const spPr = xmlLookup.getChildByLocalName(dPtOrSerNode, "spPr");
+  const blipFill = xmlLookup.getChildByLocalName(spPr, "blipFill");
+  const blip = xmlLookup.getChildByLocalName(blipFill, "blip");
+  const alphaModFix = xmlLookup.getChildByLocalName(blip, "alphaModFix");
+  const amt = Number.parseFloat(String(alphaModFix?.["@_amt"] ?? ""));
+  return Number.isFinite(amt) ? Math.min(Math.max(amt / 1e5, 0), 1) : void 0;
+}
+function parseImplicitBlipPictureFill(dPtOrSerNode, xmlLookup) {
+  const pictureOptions = xmlLookup.getChildByLocalName(dPtOrSerNode, "pictureOptions");
+  if (pictureOptions) {
+    return void 0;
+  }
+  const relId = parseChartDataPointPictureBlipRel(dPtOrSerNode, xmlLookup);
+  if (!relId) {
+    return void 0;
+  }
+  const opacity2 = parseBlipOpacity(dPtOrSerNode, xmlLookup);
+  return { pictureFormat: "stretch", ...opacity2 !== void 0 ? { opacity: opacity2 } : {} };
+}
 function buildDptPictureOptions(existing, picture) {
   if (picture === void 0) {
     return existing;
@@ -46670,7 +46698,9 @@ function buildChartMarkerXml(existing, marker, getLocalName2, resolveColor2) {
     throw new RangeError("marker size must be an integer from 2 through 72");
   }
   const node = {};
-  node["c:symbol"] = { "@_val": marker.symbol };
+  if (marker.symbol !== "auto") {
+    node["c:symbol"] = { "@_val": marker.symbol };
+  }
   if (marker.size !== void 0) {
     node["c:size"] = { "@_val": String(marker.size) };
   }
@@ -47035,10 +47065,7 @@ function parseMarker(markerNode, xmlLookup, colorParser) {
   }
   const symbolNode = xmlLookup.getChildByLocalName(markerNode, "symbol");
   const rawSymbol = String(symbolNode?.["@_val"] || "").trim();
-  const symbol = MARKER_SYMBOL_MAP[rawSymbol];
-  if (!symbol) {
-    return void 0;
-  }
+  const symbol = MARKER_SYMBOL_MAP[rawSymbol] ?? "auto";
   const result = { symbol };
   const sizeNode = xmlLookup.getChildByLocalName(markerNode, "size");
   const size = Number(sizeNode?.["@_val"]);
@@ -47078,6 +47105,11 @@ function parseSeriesDataPoints(seriesNode, xmlLookup, colorParser) {
     const picture = parseChartDataPointPicture(node, xmlLookup);
     if (picture) {
       result.picture = picture;
+    } else {
+      const impliedPicture = parseImplicitBlipPictureFill(node, xmlLookup);
+      if (impliedPicture) {
+        result.impliedPicture = impliedPicture;
+      }
     }
     const explosionNode = xmlLookup.getChildByLocalName(node, "explosion");
     const explosion = safeUnsignedInt(explosionNode?.["@_val"]);
@@ -48308,6 +48340,13 @@ function safeInt3(val2) {
   const n = parseInt(String(val2), 10);
   return Number.isFinite(n) ? n : void 0;
 }
+function hasLocalName(node, name) {
+  if (Object.hasOwn(node, name)) {
+    return true;
+  }
+  const suffix = `:${name}`;
+  return Object.keys(node).some((key2) => key2.endsWith(suffix));
+}
 function parseChartAxes(plotArea, xmlLookup, colorParser, getLocalName2, resolveTypeface) {
   const result = [];
   for (const key2 of Object.keys(plotArea)) {
@@ -48403,20 +48442,24 @@ function parseSingleAxis(axisNode, axisType, xmlLookup, colorParser, getLocalNam
     result,
     (parent, name) => xmlLookup.getChildByLocalName(parent, name)
   );
-  const majorGrid = xmlLookup.getChildByLocalName(axisNode, "majorGridlines");
-  if (majorGrid) {
+  if (hasLocalName(axisNode, "majorGridlines")) {
     result.majorGridlines = true;
     result.majorGridlinesSpPr = parseShapeProps(
-      xmlLookup.getChildByLocalName(majorGrid, "spPr"),
+      xmlLookup.getChildByLocalName(
+        xmlLookup.getChildByLocalName(axisNode, "majorGridlines"),
+        "spPr"
+      ),
       xmlLookup,
       colorParser
     );
   }
-  const minorGrid = xmlLookup.getChildByLocalName(axisNode, "minorGridlines");
-  if (minorGrid) {
+  if (hasLocalName(axisNode, "minorGridlines")) {
     result.minorGridlines = true;
     result.minorGridlinesSpPr = parseShapeProps(
-      xmlLookup.getChildByLocalName(minorGrid, "spPr"),
+      xmlLookup.getChildByLocalName(
+        xmlLookup.getChildByLocalName(axisNode, "minorGridlines"),
+        "spPr"
+      ),
       xmlLookup,
       colorParser
     );
@@ -48619,20 +48662,24 @@ function parseSingleCxAxis(axisNode, xmlLookup, colorParser, resolveTypeface) {
   if (formatCode) {
     result.numFmt = { formatCode, sourceLinked: numFmtNode?.["@_sourceLinked"] === "1" };
   }
-  const majorGrid = xmlLookup.getChildByLocalName(axisNode, "majorGridlines");
-  if (majorGrid) {
+  if (hasLocalName(axisNode, "majorGridlines")) {
     result.majorGridlines = true;
     result.majorGridlinesSpPr = parseShapeProps(
-      xmlLookup.getChildByLocalName(majorGrid, "spPr"),
+      xmlLookup.getChildByLocalName(
+        xmlLookup.getChildByLocalName(axisNode, "majorGridlines"),
+        "spPr"
+      ),
       xmlLookup,
       colorParser
     );
   }
-  const minorGrid = xmlLookup.getChildByLocalName(axisNode, "minorGridlines");
-  if (minorGrid) {
+  if (hasLocalName(axisNode, "minorGridlines")) {
     result.minorGridlines = true;
     result.minorGridlinesSpPr = parseShapeProps(
-      xmlLookup.getChildByLocalName(minorGrid, "spPr"),
+      xmlLookup.getChildByLocalName(
+        xmlLookup.getChildByLocalName(axisNode, "minorGridlines"),
+        "spPr"
+      ),
       xmlLookup,
       colorParser
     );
@@ -48671,6 +48718,7 @@ function parseCxAxes(plotArea, xmlLookup, colorParser, resolveTypeface) {
 var NO_COLOR;
 var init_chart_cx_axis_parser = __esm({
   "src/core/utils/chart-cx-axis-parser.ts"() {
+    init_chart_axis_parser();
     init_chart_series_detail_parser();
     init_chart_title_xml_ops();
     NO_COLOR = { parseColor: () => void 0 };
@@ -67430,6 +67478,12 @@ var init_PptxShapeStyleExtractor = __esm({
           style.fillMode = "image";
           style.fillColor = "transparent";
           style.fillOpacity = 0;
+          const blipRotToken = String(blipFill["@_rotWithShape"] ?? "").trim().toLowerCase();
+          if (blipRotToken === "1" || blipRotToken === "true") {
+            style.fillImageRotWithShape = true;
+          } else if (blipRotToken === "0" || blipRotToken === "false") {
+            style.fillImageRotWithShape = false;
+          }
         } else if (shapeProps["a:grpFill"] !== void 0) {
           style.fillMode = "group";
         } else if (styleNode?.["a:fillRef"]) {
@@ -80942,7 +80996,7 @@ async function resolveDataPointPictureImages(xmlLookup, readChartRels, resolveIm
     if (!seriesNode) {
       continue;
     }
-    const seriesPicture = series[si].picture;
+    const seriesPicture = series[si].picture ?? series[si].impliedPicture;
     if (seriesPicture) {
       const seriesRelId = parseChartDataPointPictureBlipRel(seriesNode, xmlLookup);
       if (seriesRelId) {
@@ -80968,7 +81022,8 @@ async function resolveDataPointPictureImages(xmlLookup, readChartRels, resolveIm
         10
       );
       const dataPoint = dataPoints.find((dp) => dp.idx === idx);
-      if (!dataPoint?.picture) {
+      const dataPointPicture = dataPoint?.picture ?? dataPoint?.impliedPicture;
+      if (!dataPointPicture) {
         continue;
       }
       const relId = parseChartDataPointPictureBlipRel(dPtNode, xmlLookup);
@@ -80983,7 +81038,7 @@ async function resolveDataPointPictureImages(xmlLookup, readChartRels, resolveIm
       const imagePath = resolveImagePath(chartPartPath, rel.target);
       const imageUrl = await getImageData(imagePath);
       if (imageUrl) {
-        dataPoint.picture.imageUrl = imageUrl;
+        dataPointPicture.imageUrl = imageUrl;
       }
     }
   }
@@ -96974,6 +97029,7 @@ var PptxHandlerRuntime10;
 var init_PptxHandlerRuntimePresentationProps = __esm({
   "src/core/core/runtime/PptxHandlerRuntimePresentationProps.ts"() {
     init_chart_data_label_parser();
+    init_chart_def_rpr_style();
     init_chart_legend_serializer();
     init_chart_title_style_parser();
     init_pptx_presentation_props_helpers();
@@ -97128,6 +97184,18 @@ var init_PptxHandlerRuntimePresentationProps = __esm({
             if (entries.length > 0) {
               style.legendEntries = entries;
             }
+            const legendTxPr = this.xmlLookupService.getChildByLocalName(legend, "txPr");
+            const chartSpaceTxPr = this.xmlLookupService.getChildByLocalName(chartSpace, "txPr");
+            const legendDefRPr = resolveTxPrDefRPr(legendTxPr ?? chartSpaceTxPr, this.xmlLookupService);
+            const legendTextStyle = parseDefRPrTextStyle(
+              legendDefRPr,
+              this.xmlLookupService,
+              { parseColor: (node) => this.parseColor(node) },
+              (raw) => this.resolveThemeTypeface(raw) ?? raw
+            );
+            if (legendTextStyle) {
+              style.legendTextStyle = legendTextStyle;
+            }
           }
           const title = this.xmlLookupService.getChildByLocalName(chartRoot, "title");
           if (title) {
@@ -122022,7 +122090,9 @@ var init_PptxHandlerRuntimeChartParsing = __esm({
               });
             }
           }
-          if (finalSeries.some((s) => s.picture || s.dataPoints?.some((dp) => dp.picture))) {
+          if (finalSeries.some(
+            (s) => s.picture || s.impliedPicture || s.dataPoints?.some((dp) => dp.picture || dp.impliedPicture)
+          )) {
             await resolveDataPointPictureImages(
               this.xmlLookupService,
               this.readChartRels.bind(this),
@@ -122279,6 +122349,9 @@ var init_PptxHandlerRuntimeChartParsing = __esm({
       buildChartSeries(seriesList, categories, seriesChartType, axisId, containerChartType) {
         return seriesList.map((seriesNode, seriesIndex) => {
           const seriesName = this.extractChartSeriesName(seriesNode);
+          const rawIdx = this.xmlLookupService.getChildByLocalName(seriesNode, "idx")?.["@_val"];
+          const parsedIdx = rawIdx !== void 0 ? Number.parseInt(String(rawIdx), 10) : Number.NaN;
+          const idx = Number.isFinite(parsedIdx) ? parsedIdx : void 0;
           const valNode2 = this.xmlLookupService.getChildByLocalName(seriesNode, "val") || this.xmlLookupService.getChildByLocalName(seriesNode, "yVal");
           const expanded = extractSeriesNumbersWithBlanks(valNode2, this.xmlLookupService);
           const hasBlanks = expanded.some((value) => value === null);
@@ -122337,6 +122410,7 @@ var init_PptxHandlerRuntimeChartParsing = __esm({
             (key2) => this.compatibilityService.getXmlLocalName(key2)
           );
           const seriesPicture = parseChartDataPointPicture(seriesNode, this.xmlLookupService);
+          const impliedSeriesPicture = seriesPicture ? void 0 : parseImplicitBlipPictureFill(seriesNode, this.xmlLookupService);
           const xValues = extractSeriesNumbersWithBlanks(
             this.xmlLookupService.getChildByLocalName(seriesNode, "xVal"),
             this.xmlLookupService
@@ -122367,6 +122441,7 @@ var init_PptxHandlerRuntimeChartParsing = __esm({
           ) : void 0;
           return {
             name: seriesName.trim().length > 0 ? seriesName : `Series ${seriesIndex + 1}`,
+            ...idx !== void 0 ? { idx } : {},
             values: fallbackValues,
             ...blanks ? { blanks } : {},
             ...xValues.length > 0 ? { xValues } : {},
@@ -122382,6 +122457,7 @@ var init_PptxHandlerRuntimeChartParsing = __esm({
             ...dataLabels.length > 0 ? { dataLabels } : {},
             ...explosion !== void 0 ? { explosion } : {},
             ...seriesPicture ? { picture: seriesPicture } : {},
+            ...impliedSeriesPicture ? { impliedPicture: impliedSeriesPicture } : {},
             ...invertIfNegative !== void 0 ? { invertIfNegative } : {},
             ...smooth !== void 0 ? { smooth } : {},
             ...axisId !== void 0 ? { axisId } : {},
@@ -144129,6 +144205,28 @@ function resolveGroupChildFill(child27, parentGroupFill) {
   }
   return getComputedFillStyle(child27, parentGroupFill);
 }
+function getFrameInverseTransform(element) {
+  const transforms = [];
+  if (element.flipVertical) {
+    transforms.push("scaleY(-1)");
+  }
+  if (element.flipHorizontal) {
+    transforms.push("scaleX(-1)");
+  }
+  if (element.rotation) {
+    transforms.push(`rotate(${-element.rotation}deg)`);
+  }
+  return transforms.length > 0 ? transforms.join(" ") : void 0;
+}
+function getImageFillCounterTransform(element, hasCompetingTransform = false) {
+  if (hasCompetingTransform || !hasShapeProperties(element)) {
+    return void 0;
+  }
+  if (element.shapeStyle?.fillImageRotWithShape !== false) {
+    return void 0;
+  }
+  return getFrameInverseTransform(element);
+}
 var DEFAULT_SCHEME_COLOR_MAP2 = {
   dk1: "#000000",
   lt1: "#FFFFFF",
@@ -150506,7 +150604,20 @@ function compileEquationTemplateMathMl() {
 }
 var NICE_STEPS = [1, 2, 2.5, 5, 10];
 var HEADROOM = 0.05;
+var POINTS_PER_GRIDLINE = 20;
+var MIN_TARGET_INTERVALS = 1;
+var MAX_TARGET_INTERVALS = 10;
+var PX_PER_POINT = 4 / 3;
+var DEFAULT_TARGET_INTERVALS = 4;
 var ZERO_ANCHOR_RATIO = 5 / 6;
+function axisTargetIntervals(plotHeightPx) {
+  if (!Number.isFinite(plotHeightPx) || plotHeightPx <= 0) {
+    return DEFAULT_TARGET_INTERVALS;
+  }
+  const plotHeightPt = plotHeightPx / PX_PER_POINT;
+  const raw = Math.round(plotHeightPt / POINTS_PER_GRIDLINE);
+  return Math.min(MAX_TARGET_INTERVALS, Math.max(MIN_TARGET_INTERVALS, raw));
+}
 function niceAxisStep(value) {
   if (!Number.isFinite(value) || value <= 0) {
     return 1;
@@ -150522,7 +150633,7 @@ function snap(value, unit, direction) {
   const rounded = direction === "up" ? Math.ceil(scaled - 1e-9) : Math.floor(scaled + 1e-9);
   return rounded * unit;
 }
-function niceValueAxisBounds(dataMin, dataMax, targetIntervals = 4) {
+function niceValueAxisBounds(dataMin, dataMax, targetIntervals = DEFAULT_TARGET_INTERVALS) {
   if (!Number.isFinite(dataMin) || !Number.isFinite(dataMax)) {
     return { min: 0, max: 1, majorUnit: 0.5 };
   }
@@ -150926,14 +151037,15 @@ function getChartStylePalette(styleId) {
   }
   return palette;
 }
-function computeValueRange(series) {
+function computeValueRange(series, plotHeightPx) {
   const allValues = series.flatMap((s) => s.values);
   if (allValues.length === 0) {
     return { min: 0, max: 1, span: 1 };
   }
   const { min, max, majorUnit } = niceValueAxisBounds(
     Math.min(...allValues),
-    Math.max(...allValues)
+    Math.max(...allValues),
+    plotHeightPx !== void 0 ? axisTargetIntervals(plotHeightPx) : void 0
   );
   return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
@@ -150961,7 +151073,7 @@ function resolve(fill, fallback) {
   return fill ?? fallback;
 }
 function chartAreaFill(chartData) {
-  return resolve(chartData?.style?.chartAreaFill, DEFAULT_CHART_AREA_FILL);
+  return resolve(chartData?.style?.chartAreaFill, void 0);
 }
 function plotAreaFill(chartData) {
   return resolve(chartData?.style?.plotAreaFill, void 0);
@@ -151034,10 +151146,10 @@ function computeLogValueRange(series, logBase) {
     logBase
   };
 }
-function computeValueRangeForAxis(series, axis) {
+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);
+  const automatic = logBase ? computeLogValueRange(series, logBase) : computeValueRange(series, plotHeightPx);
   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;
@@ -151114,9 +151226,9 @@ function generateMinorAxisTicks(range, axis) {
     (value) => Math.abs(value / majorUnit - Math.round(value / majorUnit)) > tolerance
   );
 }
-function computeValueRangeForChart(series, axes) {
+function computeValueRangeForChart(series, axes, plotHeightPx) {
   const primaryAxis = axes?.find((axis) => axis.axisType === "valAx" && axis.axPos === "l") ?? axes?.find((axis) => axis.axisType === "valAx" && axis.axPos !== "r");
-  return computeValueRangeForAxis(series, primaryAxis);
+  return computeValueRangeForAxis(series, primaryAxis, plotHeightPx);
 }
 var DISPLAY_UNIT_DIVISORS = {
   hundreds: 100,
@@ -151178,11 +151290,20 @@ function hasSecondaryValueAxis(axes) {
   }
   return axes.some((a) => a.axisType === "valAx" && a.axPos === "r");
 }
+function categoryAxes(axes) {
+  return axes?.filter((a) => a.axisType === "catAx" || a.axisType === "dateAx") ?? [];
+}
 function hasSecondaryCategoryAxis(axes) {
-  if (!axes) {
+  const cats = categoryAxes(axes);
+  return cats.length > 1 && cats.some((a) => a.axPos === "t");
+}
+function isPrimaryCategoryAxisAtTop(axes) {
+  const cats = categoryAxes(axes);
+  if (cats.length === 0) {
     return false;
   }
-  return axes.some((a) => (a.axisType === "catAx" || a.axisType === "dateAx") && a.axPos === "t");
+  const primary = cats.find((a) => a.axPos !== "t") ?? cats[0];
+  return primary.axPos === "t";
 }
 function getSecondaryValueAxis(axes) {
   if (!axes) {
@@ -151194,6 +151315,7 @@ function computeLayoutOptions(axes, dataTable, seriesCount) {
   return {
     hasSecondaryValueAxis: hasSecondaryValueAxis(axes),
     hasSecondaryCategoryAxis: hasSecondaryCategoryAxis(axes),
+    categoryAxisAtTop: isPrimaryCategoryAxisAtTop(axes),
     hasDataTable: Boolean(dataTable),
     dataTableRowCount: dataTable ? seriesCount : void 0
   };
@@ -151254,6 +151376,113 @@ function shade2(hex4, amount) {
   const [r, g2, b] = hexToRgb3(hex4);
   return rgbToHex2(r * (1 - amount), g2 * (1 - amount), b * (1 - amount));
 }
+var AUTOMATIC_MARKER_CYCLE = [
+  "diamond",
+  "square",
+  "triangle",
+  "x",
+  "star",
+  "circle",
+  "plus",
+  "dot",
+  "dash"
+];
+function automaticMarkerSymbol(seriesIdx) {
+  const length = AUTOMATIC_MARKER_CYCLE.length;
+  const normalized = (seriesIdx % length + length) % length;
+  return AUTOMATIC_MARKER_CYCLE[normalized];
+}
+function markerRadius(size, defaultRadius2) {
+  if (size === void 0 || !Number.isFinite(size) || size <= 0) {
+    return defaultRadius2;
+  }
+  return size / 2;
+}
+function polygonPoints(vertices) {
+  return vertices.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(" ");
+}
+function starVertices(cx, cy, r) {
+  const inner = r * 0.5;
+  const out = [];
+  for (let i2 = 0; i2 < 10; i2++) {
+    const radius = i2 % 2 === 0 ? r : inner;
+    const angle = -Math.PI / 2 + Math.PI * i2 / 5;
+    out.push([cx + radius * Math.cos(angle), cy + radius * Math.sin(angle)]);
+  }
+  return out;
+}
+function buildMarkerPrimitive(input) {
+  const { symbol, cx, cy, fill, part } = input;
+  if (symbol === "none") {
+    return null;
+  }
+  const r = markerRadius(input.size, input.defaultRadius);
+  const stroke = fill;
+  switch (symbol) {
+    case "square":
+      return { kind: "rect", x: cx - r, y: cy - r, w: r * 2, h: r * 2, fill, part };
+    case "dash":
+      return { kind: "rect", x: cx - r, y: cy - r * 0.32, w: r * 2, h: r * 0.64, fill, part };
+    case "diamond":
+      return {
+        kind: "polygon",
+        points: polygonPoints([
+          [cx, cy - r],
+          [cx + r, cy],
+          [cx, cy + r],
+          [cx - r, cy]
+        ]),
+        fill,
+        stroke,
+        strokeWidth: 0,
+        part
+      };
+    case "triangle":
+      return {
+        kind: "polygon",
+        points: polygonPoints([
+          [cx, cy - r],
+          [cx + r * 0.9, cy + r * 0.75],
+          [cx - r * 0.9, cy + r * 0.75]
+        ]),
+        fill,
+        stroke,
+        strokeWidth: 0,
+        part
+      };
+    case "star":
+      return {
+        kind: "polygon",
+        points: polygonPoints(starVertices(cx, cy, r)),
+        fill,
+        stroke,
+        strokeWidth: 0,
+        part
+      };
+    case "plus":
+      return {
+        kind: "path",
+        d: `M${(cx - r).toFixed(2)},${cy.toFixed(2)} L${(cx + r).toFixed(2)},${cy.toFixed(2)} M${cx.toFixed(2)},${(cy - r).toFixed(2)} L${cx.toFixed(2)},${(cy + r).toFixed(2)}`,
+        fill: "none",
+        stroke,
+        strokeWidth: Math.max(1, r * 0.4),
+        part
+      };
+    case "x":
+      return {
+        kind: "path",
+        d: `M${(cx - r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx + r).toFixed(2)},${(cy + r).toFixed(2)} M${(cx + r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx - r).toFixed(2)},${(cy + r).toFixed(2)}`,
+        fill: "none",
+        stroke,
+        strokeWidth: Math.max(1, r * 0.4),
+        part
+      };
+    case "dot":
+      return { kind: "circle", cx, cy, r: Math.max(r * 0.6, 1), fill, part };
+    default:
+      return { kind: "circle", cx, cy, r, fill, part };
+  }
+}
 function findDataPoint(series, pointIndex) {
   return series.dataPoints?.find((p) => p.idx === pointIndex);
 }
@@ -151268,21 +151497,28 @@ function resolveDataPointExplosion(series, pointIndex) {
   const point = findDataPoint(series, pointIndex);
   return point?.explosion ?? series.explosion ?? 0;
 }
-function resolveDataPointMarker(series, pointIndex) {
+function resolveDataPointMarker(series, pointIndex, seriesPosition = 0) {
   const point = findDataPoint(series, pointIndex)?.marker;
+  const hasMarker = point !== void 0 || series.marker !== void 0;
+  const rawSymbol = point?.symbol ?? series.marker?.symbol;
+  const symbol = hasMarker && (rawSymbol === void 0 || rawSymbol === "auto") ? automaticMarkerSymbol(series.idx ?? seriesPosition) : rawSymbol;
   return {
-    symbol: point?.symbol ?? series.marker?.symbol,
+    symbol,
     size: point?.size ?? series.marker?.size,
     fill: point?.spPr?.fillColor ?? series.marker?.spPr?.fillColor
   };
 }
 var DEFAULT_PICTURE_FORMAT = "stretch";
 function resolveActiveDataPointPicture(series, pointIndex) {
-  const pointPicture = findDataPoint(series, pointIndex)?.picture;
-  if (pointPicture?.imageUrl) {
+  const point = findDataPoint(series, pointIndex);
+  const pointPicture = point?.picture?.imageUrl ? point.picture : point?.impliedPicture?.imageUrl ? point.impliedPicture : void 0;
+  if (pointPicture) {
     return pointPicture;
   }
-  return series.picture?.imageUrl ? series.picture : void 0;
+  if (series.picture?.imageUrl) {
+    return series.picture;
+  }
+  return series.impliedPicture?.imageUrl ? series.impliedPicture : void 0;
 }
 function resolveBarFaceTargets(picture) {
   if (!picture) {
@@ -151311,7 +151547,8 @@ function resolveDataPointPictureFill(series, pointIndex, seriesIndex, face) {
     patternId: `chart-dpt-pic-${seriesIndex}-${pointIndex}${face && face !== "front" ? `-${face}` : ""}`,
     imageUrl: picture.imageUrl,
     format,
-    ...format !== "stretch" && picture.pictureStackUnit !== void 0 ? { tileHeightPx: chartFontPx(picture.pictureStackUnit) } : {}
+    ...format !== "stretch" && picture.pictureStackUnit !== void 0 ? { tileHeightPx: chartFontPx(picture.pictureStackUnit) } : {},
+    ...picture.opacity !== void 0 ? { opacity: picture.opacity } : {}
   };
 }
 function polygonBoundingBox2(points4) {
@@ -151368,7 +151605,11 @@ function applyDataPointPictureFills(chartData, elementId, primitives) {
         resolved.tileHeightPx
       )
     );
-    return { ...primitive, fill: `url(#${patternId})` };
+    return {
+      ...primitive,
+      fill: `url(#${patternId})`,
+      ...resolved.opacity !== void 0 ? { opacity: resolved.opacity } : {}
+    };
   });
   return { primitives: next, defs };
 }
@@ -151523,10 +151764,45 @@ function computeChartLegendLayout(vm) {
       fill: textStyle?.color ?? DEFAULT_LEGEND_TEXT_COLOR,
       fontWeight: textStyle?.bold ? "bold" : "normal",
       fontStyle: textStyle?.italic ? "italic" : "normal",
-      fontFamily: textStyle?.fontFamily
+      fontFamily: textStyle?.fontFamily,
+      ...entry2.lineSwatch ? { lineSwatch: entry2.lineSwatch } : {}
     };
   });
 }
+var LEGEND_LINE_SWATCH_WIDTH = 2;
+var LEGEND_MARKER_RADIUS = 3;
+var SWATCH_CENTER_Y = -2;
+var SWATCH_WIDTH = 10;
+function resolveLegendSwatchKind(kind) {
+  return kind === "line" || kind === "scatter" ? "line" : "rect";
+}
+function buildLineLegendSwatch(series, color2, seriesPosition = 0) {
+  const resolved = resolveDataPointMarker(series, -1, seriesPosition), primitives = [];
+  if (!series.lineNoFill) {
+    primitives.push({
+      kind: "line",
+      x1: 0,
+      y1: SWATCH_CENTER_Y,
+      x2: SWATCH_WIDTH,
+      y2: SWATCH_CENTER_Y,
+      stroke: color2,
+      strokeWidth: LEGEND_LINE_SWATCH_WIDTH
+    });
+  }
+  const marker = buildMarkerPrimitive({
+    symbol: resolved.symbol,
+    // Deliberately ignore the series' authored size (see doc comment above).
+    size: void 0,
+    cx: SWATCH_WIDTH / 2,
+    cy: SWATCH_CENTER_Y,
+    fill: resolved.fill ?? color2,
+    defaultRadius: LEGEND_MARKER_RADIUS
+  });
+  if (marker) {
+    primitives.push(marker);
+  }
+  return { primitives };
+}
 var DEFAULT_COLOR2 = "#64748b";
 function dashArray(style, width) {
   if (!style || style === "solid") {
@@ -151618,7 +151894,7 @@ function paletteColor2(index, colorPalette) {
 function seriesColor2(series, index, colorPalette) {
   return series.color ?? series.marker?.spPr?.fillColor ?? paletteColor2(index, colorPalette);
 }
-function computeValueRange2(series) {
+function computeValueRange2(series, plotHeightPx) {
   let dataMin = Number.POSITIVE_INFINITY, dataMax = Number.NEGATIVE_INFINITY;
   for (const item of series) {
     for (const value of item.values) {
@@ -151633,10 +151909,14 @@ function computeValueRange2(series) {
   if (dataMin === Number.POSITIVE_INFINITY) {
     return { min: 0, max: 1, span: 1 };
   }
-  const { min, max, majorUnit } = niceValueAxisBounds(dataMin, dataMax);
+  const { min, max, majorUnit } = niceValueAxisBounds(
+    dataMin,
+    dataMax,
+    plotHeightPx !== void 0 ? axisTargetIntervals(plotHeightPx) : void 0
+  );
   return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
-function computeStackedValueRange(series, catCount) {
+function computeStackedValueRange(series, catCount, plotHeightPx) {
   let maxSum = 0, minSum = 0;
   for (let ci = 0; ci < catCount; ci++) {
     let pos2 = 0, neg = 0;
@@ -151651,7 +151931,11 @@ function computeStackedValueRange(series, catCount) {
     maxSum = Math.max(maxSum, pos2);
     minSum = Math.min(minSum, neg);
   }
-  const { min, max, majorUnit } = niceValueAxisBounds(Math.min(minSum, 0), Math.max(maxSum, 0));
+  const { min, max, majorUnit } = niceValueAxisBounds(
+    Math.min(minSum, 0),
+    Math.max(maxSum, 0),
+    plotHeightPx !== void 0 ? axisTargetIntervals(plotHeightPx) : void 0
+  );
   return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
 function valueToY2(val2, range, topY, bottomY) {
@@ -151685,6 +151969,30 @@ function buildMarkTooltip(seriesName, categoryLabel, value, numberFormat) {
   const label = [seriesName, categoryLabel].filter((part) => Boolean(part && part.length > 0)).join(", "), formatted = formatAxisValue2(value, numberFormat);
   return label.length > 0 ? `${label}: ${formatted}` : formatted;
 }
+function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotTop, swatchKind = "rect") {
+  const legend = series.map((s, i2) => {
+    const color2 = seriesColor2(s, i2, colorPalette), kind = Array.isArray(swatchKind) ? swatchKind[i2] ?? "rect" : swatchKind;
+    return {
+      color: color2,
+      label: s.name,
+      ...kind === "line" ? { lineSwatch: buildLineLegendSwatch(s, color2, i2) } : {}
+    };
+  });
+  let legendX = svgWidth / 2, legendY = svgHeight - 8, legendAnchor = "middle";
+  const side = resolveLegendPlacement(legendPos).side;
+  if (side === "r") {
+    legendX = svgWidth - 75;
+    legendY = plotTop;
+    legendAnchor = "start";
+  } else if (side === "l") {
+    legendX = 4;
+    legendY = plotTop;
+    legendAnchor = "start";
+  } else if (side === "t") {
+    legendY = 28;
+  }
+  return { legend, legendX, legendY, legendAnchor };
+}
 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;
   for (let ci = 0; ci < catCount; ci++) {
@@ -152357,97 +152665,6 @@ function smoothLinePath(points4) {
   }
   return d;
 }
-function markerRadius(size, defaultRadius2) {
-  if (size === void 0 || !Number.isFinite(size) || size <= 0) {
-    return defaultRadius2;
-  }
-  return size / 2;
-}
-function polygonPoints(vertices) {
-  return vertices.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(" ");
-}
-function starVertices(cx, cy, r) {
-  const inner = r * 0.5;
-  const out = [];
-  for (let i2 = 0; i2 < 10; i2++) {
-    const radius = i2 % 2 === 0 ? r : inner;
-    const angle = -Math.PI / 2 + Math.PI * i2 / 5;
-    out.push([cx + radius * Math.cos(angle), cy + radius * Math.sin(angle)]);
-  }
-  return out;
-}
-function buildMarkerPrimitive(input) {
-  const { symbol, cx, cy, fill, part } = input;
-  if (symbol === "none") {
-    return null;
-  }
-  const r = markerRadius(input.size, input.defaultRadius);
-  const stroke = fill;
-  switch (symbol) {
-    case "square":
-      return { kind: "rect", x: cx - r, y: cy - r, w: r * 2, h: r * 2, fill, part };
-    case "dash":
-      return { kind: "rect", x: cx - r, y: cy - r * 0.32, w: r * 2, h: r * 0.64, fill, part };
-    case "diamond":
-      return {
-        kind: "polygon",
-        points: polygonPoints([
-          [cx, cy - r],
-          [cx + r, cy],
-          [cx, cy + r],
-          [cx - r, cy]
-        ]),
-        fill,
-        stroke,
-        strokeWidth: 0,
-        part
-      };
-    case "triangle":
-      return {
-        kind: "polygon",
-        points: polygonPoints([
-          [cx, cy - r],
-          [cx + r * 0.9, cy + r * 0.75],
-          [cx - r * 0.9, cy + r * 0.75]
-        ]),
-        fill,
-        stroke,
-        strokeWidth: 0,
-        part
-      };
-    case "star":
-      return {
-        kind: "polygon",
-        points: polygonPoints(starVertices(cx, cy, r)),
-        fill,
-        stroke,
-        strokeWidth: 0,
-        part
-      };
-    case "plus":
-      return {
-        kind: "path",
-        d: `M${(cx - r).toFixed(2)},${cy.toFixed(2)} L${(cx + r).toFixed(2)},${cy.toFixed(2)} M${cx.toFixed(2)},${(cy - r).toFixed(2)} L${cx.toFixed(2)},${(cy + r).toFixed(2)}`,
-        fill: "none",
-        stroke,
-        strokeWidth: Math.max(1, r * 0.4),
-        part
-      };
-    case "x":
-      return {
-        kind: "path",
-        d: `M${(cx - r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx + r).toFixed(2)},${(cy + r).toFixed(2)} M${(cx + r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx - r).toFixed(2)},${(cy + r).toFixed(2)}`,
-        fill: "none",
-        stroke,
-        strokeWidth: Math.max(1, r * 0.4),
-        part
-      };
-    case "dot":
-      return { kind: "circle", cx, cy, r: Math.max(r * 0.6, 1), fill, part };
-    default:
-      return { kind: "circle", cx, cy, r, fill, part };
-  }
-}
 function elementFrame(layout) {
   return { width: layout.svgWidth, height: layout.svgHeight };
 }
@@ -152455,8 +152672,8 @@ function xyMarkTooltip(seriesName, xVal, yVal, numberFormat) {
   const y = formatAxisValue2(yVal, numberFormat), coords = xVal !== void 0 ? `(${formatAxisValue2(xVal)}, ${y})` : y;
   return seriesName.length > 0 ? `${seriesName}: ${coords}` : coords;
 }
-function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius2, part, opacity2, title) {
-  const marker = resolveDataPointMarker(series, pointIndex), m = buildMarkerPrimitive({
+function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius2, part, opacity2, title, seriesPosition = part.seriesIndex ?? 0) {
+  const marker = resolveDataPointMarker(series, pointIndex, seriesPosition), m = buildMarkerPrimitive({
     symbol: marker.symbol,
     size: marker.size,
     cx,
@@ -152959,7 +153176,7 @@ function invertNegativeFill(series, pointIndex, value, baseFill) {
 function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, grouping, sourceIndices2) {
   const primitives = [], dataLabels = [], series = chartData.series, palette = chartData.colorPalette, showLabels = chartData.style?.hasDataLabels, varyColorsSingle = chartData.varyColors === true && series.length === 1;
   if (grouping === "clustered") {
-    const seriesCount = Math.max(series.length, 1), barGroupWidth = layout.plotWidth / Math.max(catCount, 1), singleBarWidth = chartData.barGapWidth !== void 0 ? barGroupWidth / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100) : barGroupWidth * 0.7 / seriesCount, overlap = chartData.barOverlap ?? 0, step = singleBarWidth * (1 - overlap / 100), clusterWidth = singleBarWidth + step * (seriesCount - 1), groupOffset = (barGroupWidth - clusterWidth) / 2;
+    const seriesCount = Math.max(series.length, 1), barGroupWidth = layout.plotWidth / Math.max(catCount, 1), overlap = chartData.barOverlap ?? 0, overlapSpan = 1 + (seriesCount - 1) * (1 - overlap / 100), singleBarWidth = chartData.barGapWidth !== void 0 ? barGroupWidth / ((1 + Math.max(chartData.barGapWidth, 0) / 100) * overlapSpan) : barGroupWidth * 0.7 / seriesCount, step = singleBarWidth * (1 - overlap / 100), clusterWidth = singleBarWidth + step * (seriesCount - 1), groupOffset = (barGroupWidth - clusterWidth) / 2;
     for (let displayIndex = 0; displayIndex < catCount; displayIndex++) {
       const sourceIndex = sourceIndices2[displayIndex] ?? displayIndex;
       for (let si = 0; si < series.length; si++) {
@@ -153676,10 +153893,10 @@ function buildMultiLevelCategoryLabels(categoryLabels, categoryLevels, sourceInd
   });
 }
 function primaryCategoryAxis(axes) {
-  const categoryAxes = axes?.filter(
+  const categoryAxes2 = axes?.filter(
     (axis) => axis.axisType === "catAx" || axis.axisType === "dateAx"
   );
-  return categoryAxes?.find((axis) => axis.axPos !== "t") ?? categoryAxes?.[0];
+  return categoryAxes2?.find((axis) => axis.axPos !== "t") ?? categoryAxes2?.[0];
 }
 function tickLine(x, y, placement, topAxis, length, axis) {
   if (!placement || placement === "none") {
@@ -154221,7 +154438,7 @@ function barFill(chartData, series, seriesIndex, pointIndex) {
   return resolveDataPointFill(series, pointIndex, paletteColor2(seriesIndex, palette)) ?? seriesColor2(series, seriesIndex, palette);
 }
 function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
-  const layout = computePlotLayout(element.width, element.height, chartData, true), 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) : computeValueRangeForChart(series, chartData.axes), { gridlines, axisLabels } = buildTransposedValueAxis(range, layout), zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight), zeroLine = range.min < 0 && range.max > 0 ? {
+  const layout = computePlotLayout(element.width, element.height, chartData, true), 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 ? {
     kind: "line",
     x1: zeroX,
     y1: layout.plotTop,
@@ -154231,7 +154448,7 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
     strokeWidth: 1
   } : void 0, primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, band = layout.plotHeight / catCount;
   if (!isStacked) {
-    const seriesCount = Math.max(series.length, 1), singleBarHeight = chartData.barGapWidth !== void 0 ? band / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100) : band * 0.7 / seriesCount, overlap = chartData.barOverlap ?? 0, step = singleBarHeight * (1 - overlap / 100), clusterHeight = singleBarHeight + step * (seriesCount - 1), groupOffset = (band - clusterHeight) / 2;
+    const seriesCount = Math.max(series.length, 1), overlap = chartData.barOverlap ?? 0, overlapSpan = 1 + (seriesCount - 1) * (1 - overlap / 100), singleBarHeight = chartData.barGapWidth !== void 0 ? band / ((1 + Math.max(chartData.barGapWidth, 0) / 100) * overlapSpan) : band * 0.7 / seriesCount, step = singleBarHeight * (1 - overlap / 100), clusterHeight = singleBarHeight + step * (seriesCount - 1), groupOffset = (band - clusterHeight) / 2;
     for (let ci = 0; ci < catCount; ci++) {
       for (let si = 0; si < series.length; si++) {
         const val2 = series[si].values[ci] ?? 0, y = layout.plotTop + band * ci + groupOffset + step * si, valX = valueToX(val2, range, layout.plotLeft, layout.plotRight), x = Math.min(zeroX, valX), w = Math.max(Math.abs(valX - zeroX), 1);
@@ -154807,11 +155024,11 @@ function computeTrendlinePrimitives(chartData, catCount, layout, range, mode = "
   });
   return out;
 }
-function stackedRange(chartData, catCount, isPercent) {
+function stackedRange(chartData, catCount, isPercent, plotHeightPx) {
   if (isPercent) {
     return { min: 0, max: 100, span: 100 };
   }
-  return computeStackedValueRange(chartData.series, catCount);
+  return computeStackedValueRange(chartData.series, catCount, plotHeightPx);
 }
 function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
   if (kind === "bar" && chartData.barDirection === "bar") {
@@ -154832,15 +155049,17 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
     (axis) => axis.axisType === "valAx" && axis.axPos !== "r"
   );
   const primaryRange = isStacked ? {
-    ...stackedRange(chartData, catCount, isPercent),
+    ...stackedRange(chartData, catCount, isPercent, layout.plotHeight),
     ...primaryAxis?.orientation === "maxMin" ? { reverseOrder: true } : {}
   } : computeValueRangeForChart(
     primaryPlotSeries.length > 0 ? primaryPlotSeries : chartData.series,
-    chartData.axes
+    chartData.axes,
+    layout.plotHeight
   );
   const secondaryRange = useSecondary && secondaryPlotSeries.length > 0 ? computeValueRangeForAxis(
     secondaryPlotSeries,
-    chartData.axes?.find((axis) => axis.axisType === "valAx" && axis.axPos === "r")
+    chartData.axes?.find((axis) => axis.axisType === "valAx" && axis.axPos === "r"),
+    layout.plotHeight
   ) : void 0;
   const axisRes = buildCartesianAxes(chartData, layout, primaryRange, secondaryRange, catCount);
   const zeroLine = primaryRange.logScale ? void 0 : buildZeroLine(primaryRange, layout);
@@ -154860,7 +155079,8 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
     layout.svgWidth,
     legendPos,
     layout.svgHeight,
-    layout.plotTop
+    layout.plotTop,
+    resolveLegendSwatchKind(kind)
   );
   let plot;
   if (kind === "bar") {
@@ -155105,10 +155325,11 @@ function buildComboViewModel(element, chartData, categoryLabels) {
   const primaryAxisId = getPrimaryValueAxisId(chartData.axes);
   const primaryAxis = chartData.axes?.find((axis) => axis.axisId === primaryAxisId);
   const secondaryAxisFormatting = getSecondaryValueAxis(chartData.axes);
-  const primaryRange = computeValueRangeForAxis(primarySeries, primaryAxis);
+  const primaryRange = computeValueRangeForAxis(primarySeries, primaryAxis, layout.plotHeight);
   const secondaryRange = secondary.length > 0 ? computeValueRangeForAxis(
     secondary.map((entry2) => entry2.series),
-    secondaryAxisFormatting
+    secondaryAxisFormatting,
+    layout.plotHeight
   ) : void 0;
   const primaryCategoryAxis2 = chartData.axes?.find(
     (axis) => (axis.axisType === "catAx" || axis.axisType === "dateAx") && axis.axisId === primaryAxis?.crossAxisId
@@ -155149,13 +155370,17 @@ function buildComboViewModel(element, chartData, categoryLabels) {
   );
   const sourceIndices2 = horizontalAxis.sourceIndices;
   const legendPos = chartData.style?.legendPosition ?? "b";
+  const comboSwatchKinds = chartData.series.map(
+    (_s, i2) => i2 === 0 ? "rect" : "line"
+  );
   const { legend, legendX, legendY, legendAnchor } = buildLegend(
     chartData.series,
     chartData.colorPalette,
     layout.svgWidth,
     legendPos,
     layout.svgHeight,
-    layout.plotTop
+    layout.plotTop,
+    comboSwatchKinds
   );
   const primitives = [];
   const dataLabels = [];
@@ -155275,7 +155500,11 @@ function buildStockViewModel(element, chartData, categoryLabels) {
     computeLayoutOptions(chartData.axes, chartData.dataTable, chartData.series.length)
   );
   const catCount = Math.max(categoryLabels.length, 1);
-  const range = computeValueRangeForChart(chartData.series, chartData.axes);
+  const range = computeValueRangeForChart(
+    chartData.series,
+    chartData.axes,
+    layout.plotHeight
+  );
   const valueAxis = chartData.axes?.find((axis) => axis.axisType === "valAx" && axis.axPos !== "r");
   const categoryAxis = chartData.axes?.find(
     (axis) => (axis.axisType === "catAx" || axis.axisType === "dateAx") && axis.axisId === valueAxis?.crossAxisId
@@ -156096,18 +156325,19 @@ function buildSunburstViewModel(element, chartData, categoryLabels) {
     legendAnchor: "middle"
   };
 }
-function applyLegendEntryOverrides(legend, entries) {
-  if (!entries || entries.length === 0) {
+function applyLegendEntryOverrides(legend, entries, defaultTextStyle) {
+  if ((!entries || entries.length === 0) && !defaultTextStyle) {
     return legend;
   }
-  const byIndex = new Map(entries.map((entry2) => [entry2.index, entry2]));
+  const byIndex = new Map((entries ?? []).map((entry2) => [entry2.index, entry2]));
   const result = [];
   legend.forEach((item, index) => {
     const override = byIndex.get(index);
     if (override?.deleted) {
       return;
     }
-    result.push(override?.textStyle ? { ...item, textStyle: override.textStyle } : item);
+    const textStyle = override?.textStyle ?? defaultTextStyle;
+    result.push(textStyle ? { ...item, textStyle } : item);
   });
   return result;
 }
@@ -156427,7 +156657,7 @@ function buildSurfaceWallPanels(cols, rows, cellSize, zScale, offsetX, offsetY,
 }
 function buildIsometricSurfaceViewModel(element, chartData, categoryLabels) {
   const layout = computePlotLayout(element.width, element.height, chartData, false);
-  const range = computeValueRange2(chartData.series);
+  const range = computeValueRange2(chartData.series, layout.plotHeight);
   const catCount = Math.max(categoryLabels.length, 1);
   const seriesCount = chartData.series.length;
   const cols = Math.max(catCount - 1, 1);
@@ -156546,7 +156776,7 @@ function buildIsometricSurfaceViewModel(element, chartData, categoryLabels) {
 }
 function buildFlatSurfaceViewModel(element, chartData, categoryLabels) {
   const layout = computePlotLayout(element.width, element.height, chartData, false);
-  const range = computeValueRange2(chartData.series);
+  const range = computeValueRange2(chartData.series, layout.plotHeight);
   const catCount = Math.max(categoryLabels.length, 1);
   const seriesCount = chartData.series.length;
   const cellW = layout.plotWidth / Math.max(catCount - 1, 1);
@@ -157408,6 +157638,10 @@ function categoryAxisBand(chartData) {
 function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, options) {
   const svgWidth = Math.max(1, elementWidth), svgHeight = Math.max(1, elementHeight);
   let plotLeft = hasAxes ? 48 : 8, plotTop = 8, plotRight = svgWidth - 8, plotBottom = svgHeight - (hasAxes ? categoryAxisBand(chartData) : 8);
+  if (hasAxes && options?.categoryAxisAtTop) {
+    plotBottom = svgHeight - 8;
+    plotTop += categoryAxisBand(chartData);
+  }
   const style = chartData.style, legendPos = style?.legendPosition ?? "b";
   if (style?.hasTitle) {
     plotTop += 20;
@@ -157457,101 +157691,6 @@ function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, opti
     plotHeight
   };
 }
-var GRIDLINE_COLOR = "#e2e8f0";
-var AXIS_LABEL_COLOR = "#64748b";
-var ZERO_LINE_COLOR = "#94a3b8";
-var TICK_COUNT = 5;
-function axisTickValues(range) {
-  const unit = range.majorUnit;
-  if (unit !== void 0 && Number.isFinite(unit) && unit > 0 && !range.logScale) {
-    const steps = Math.round((range.max - range.min) / unit);
-    if (steps >= 1 && steps <= 100) {
-      return Array.from({ length: steps + 1 }, (_unused, index) => range.min + unit * index);
-    }
-  }
-  return Array.from(
-    { length: TICK_COUNT + 1 },
-    (_unused, index) => range.min + range.span / TICK_COUNT * index
-  );
-}
-function buildGridlinesAndLabels(range, layout, showMajorGridlines = true) {
-  const gridlines = [], axisLabels = [];
-  for (const val2 of axisTickValues(range)) {
-    const y = valueToY2(val2, range, layout.plotTop, layout.plotBottom);
-    if (showMajorGridlines) {
-      gridlines.push({
-        kind: "line",
-        x1: layout.plotLeft,
-        y1: y,
-        x2: layout.plotRight,
-        y2: y,
-        stroke: GRIDLINE_COLOR,
-        strokeWidth: 1
-      });
-    }
-    axisLabels.push({
-      kind: "text",
-      x: layout.plotLeft - 4,
-      y,
-      text: formatAxisValue2(val2),
-      fontSize: DEFAULT_CHART_TEXT_PX,
-      fill: AXIS_LABEL_COLOR,
-      textAnchor: "end",
-      dominantBaseline: "central"
-    });
-  }
-  return { gridlines, axisLabels };
-}
-function buildZeroLine(range, layout) {
-  if (range.min >= 0 || range.max <= 0) {
-    return void 0;
-  }
-  const y = valueToY2(0, range, layout.plotTop, layout.plotBottom);
-  return {
-    kind: "line",
-    x1: layout.plotLeft,
-    y1: y,
-    x2: layout.plotRight,
-    y2: y,
-    stroke: ZERO_LINE_COLOR,
-    strokeWidth: 1
-  };
-}
-function buildCategoryLabels(categoryLabels, layout, catSpacing) {
-  const catCount = Math.max(categoryLabels.length, 1);
-  return categoryLabels.map((label, i2) => {
-    const x = catSpacing === "bar" ? layout.plotLeft + layout.plotWidth / catCount * (i2 + 0.5) : catCount > 1 ? layout.plotLeft + layout.plotWidth / (catCount - 1) * i2 : layout.plotLeft + layout.plotWidth / 2;
-    return {
-      kind: "text",
-      x,
-      y: layout.plotBottom + 12,
-      text: label,
-      fontSize: DEFAULT_CHART_TEXT_PX,
-      fill: AXIS_LABEL_COLOR,
-      textAnchor: "middle"
-    };
-  });
-}
-function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotTop) {
-  const legend = series.map((s, i2) => ({
-    color: seriesColor2(s, i2, colorPalette),
-    label: s.name
-  }));
-  let legendX = svgWidth / 2, legendY = svgHeight - 8, legendAnchor = "middle";
-  const side = resolveLegendPlacement(legendPos).side;
-  if (side === "r") {
-    legendX = svgWidth - 75;
-    legendY = plotTop;
-    legendAnchor = "start";
-  } else if (side === "l") {
-    legendX = 4;
-    legendY = plotTop;
-    legendAnchor = "start";
-  } else if (side === "t") {
-    legendY = 28;
-  }
-  return { legend, legendX, legendY, legendAnchor };
-}
 var RADAR_RINGS = 4;
 var RADAR_RING_COLOR = "#cbd5e1";
 var RADAR_SPOKE_COLOR = "#94a3b8";
@@ -158395,13 +158534,16 @@ function buildWaterfallSteps(values, options) {
   }
   return steps;
 }
-function computeWaterfallRange(steps) {
-  return computeValueRange2([
-    {
-      name: "Waterfall range",
-      values: steps.flatMap((step) => [step.startValue, step.endValue])
-    }
-  ]);
+function computeWaterfallRange(steps, plotHeightPx) {
+  return computeValueRange2(
+    [
+      {
+        name: "Waterfall range",
+        values: steps.flatMap((step) => [step.startValue, step.endValue])
+      }
+    ],
+    plotHeightPx
+  );
 }
 var WF_COLOR_POSITIVE = "#22c55e";
 var WF_COLOR_NEGATIVE = "#ef4444";
@@ -158412,7 +158554,7 @@ function buildWaterfallViewModel(element, chartData, categoryLabels) {
   const series = chartData.series[0];
   const values = series?.values ?? [];
   const steps = buildWaterfallSteps(values, series?.waterfallOptions);
-  const range = computeWaterfallRange(steps);
+  const range = computeWaterfallRange(steps, layout.plotHeight);
   const catCount = Math.max(categoryLabels.length, values.length, 1);
   const barWidth = layout.plotWidth / catCount * 0.6;
   const gap = layout.plotWidth / catCount * 0.2;
@@ -158568,7 +158710,11 @@ function withDataPointPictureFills(vm, chartData, elementId) {
   return { ...vm, primitives, defs: [...vm.defs ?? [], ...defs] };
 }
 function withLegendEntries(vm, chartData) {
-  const legend = applyLegendEntryOverrides(vm.legend, chartData.style?.legendEntries);
+  const legend = applyLegendEntryOverrides(
+    vm.legend,
+    chartData.style?.legendEntries,
+    chartData.style?.legendTextStyle
+  );
   return legend === vm.legend ? vm : { ...vm, legend };
 }
 function withChartAreaFill(vm, chartData) {
@@ -158635,6 +158781,81 @@ function buildFlatViewModel(element, chartData, categoryLabels, kind) {
   }
   return buildCartesianViewModel(element, chartData, categoryLabels, kind);
 }
+var GRIDLINE_COLOR = "#e2e8f0";
+var AXIS_LABEL_COLOR = "#64748b";
+var ZERO_LINE_COLOR = "#94a3b8";
+var TICK_COUNT = 5;
+function axisTickValues(range) {
+  const unit = range.majorUnit;
+  if (unit !== void 0 && Number.isFinite(unit) && unit > 0 && !range.logScale) {
+    const steps = Math.round((range.max - range.min) / unit);
+    if (steps >= 1 && steps <= 100) {
+      return Array.from({ length: steps + 1 }, (_unused, index) => range.min + unit * index);
+    }
+  }
+  return Array.from(
+    { length: TICK_COUNT + 1 },
+    (_unused, index) => range.min + range.span / TICK_COUNT * index
+  );
+}
+function buildGridlinesAndLabels(range, layout, showMajorGridlines = true) {
+  const gridlines = [], axisLabels = [];
+  for (const val2 of axisTickValues(range)) {
+    const y = valueToY2(val2, range, layout.plotTop, layout.plotBottom);
+    if (showMajorGridlines) {
+      gridlines.push({
+        kind: "line",
+        x1: layout.plotLeft,
+        y1: y,
+        x2: layout.plotRight,
+        y2: y,
+        stroke: GRIDLINE_COLOR,
+        strokeWidth: 1
+      });
+    }
+    axisLabels.push({
+      kind: "text",
+      x: layout.plotLeft - 4,
+      y,
+      text: formatAxisValue2(val2),
+      fontSize: DEFAULT_CHART_TEXT_PX,
+      fill: AXIS_LABEL_COLOR,
+      textAnchor: "end",
+      dominantBaseline: "central"
+    });
+  }
+  return { gridlines, axisLabels };
+}
+function buildZeroLine(range, layout) {
+  if (range.min >= 0 || range.max <= 0) {
+    return void 0;
+  }
+  const y = valueToY2(0, range, layout.plotTop, layout.plotBottom);
+  return {
+    kind: "line",
+    x1: layout.plotLeft,
+    y1: y,
+    x2: layout.plotRight,
+    y2: y,
+    stroke: ZERO_LINE_COLOR,
+    strokeWidth: 1
+  };
+}
+function buildCategoryLabels(categoryLabels, layout, catSpacing) {
+  const catCount = Math.max(categoryLabels.length, 1);
+  return categoryLabels.map((label, i2) => {
+    const x = catSpacing === "bar" ? layout.plotLeft + layout.plotWidth / catCount * (i2 + 0.5) : catCount > 1 ? layout.plotLeft + layout.plotWidth / (catCount - 1) * i2 : layout.plotLeft + layout.plotWidth / 2;
+    return {
+      kind: "text",
+      x,
+      y: layout.plotBottom + 12,
+      text: label,
+      fontSize: DEFAULT_CHART_TEXT_PX,
+      fill: AXIS_LABEL_COLOR,
+      textAnchor: "middle"
+    };
+  });
+}
 var GRIDLINE_COLOR2 = "#e2e8f0";
 var SECONDARY_GRID_COLOR = "#e2e8f0";
 var TICK_COUNT2 = 5;
@@ -159284,13 +159505,16 @@ function hideChartSeries(data, seriesIndex) {
     return null;
   }
   const series = data.series[seriesIndex];
-  const takenIndices = /* @__PURE__ */ new Set([
-    ...data.series.map((_, i2) => i2).filter((i2) => i2 !== seriesIndex),
-    ...(data.filteredSeries ?? []).map((f6) => f6.idx)
-  ]);
-  let idx = 0;
-  while (takenIndices.has(idx)) {
-    idx++;
+  let idx = series.idx;
+  if (idx === void 0) {
+    const taken = /* @__PURE__ */ new Set([
+      ...data.series.map((_, i2) => i2).filter((i2) => i2 !== seriesIndex),
+      ...(data.filteredSeries ?? []).map((f6) => f6.idx)
+    ]);
+    idx = 0;
+    while (taken.has(idx)) {
+      idx++;
+    }
   }
   const filteredEntry = {
     idx,
@@ -159298,7 +159522,12 @@ function hideChartSeries(data, seriesIndex) {
     name: series.name,
     categories: data.categories,
     values: series.values,
-    ...series.uniqueId ? { uniqueId: series.uniqueId } : {}
+    ...series.uniqueId ? { uniqueId: series.uniqueId } : {},
+    // Full snapshot so restoreFilteredSeries can bring back everything
+    // (fill/line formatting, marker, data labels, ...), not just name and
+    // values: this used to silently reset a series with a picture fill
+    // or any other non-default formatting to plain defaults on restore.
+    originalSeries: series
   };
   return {
     ...data,
@@ -159314,15 +159543,19 @@ function restoreFilteredSeries(data, filteredIndex) {
   const name = filtered.name ?? data.filteredSeriesTitle ?? `Series ${data.series.length + 1}`;
   const categories = data.categories;
   const values = filtered.values ?? (filtered.categories ?? data.filteredCategoryTitle)?.map(() => 0) ?? categories.map(() => 0);
-  const restored = {
+  const restored = filtered.originalSeries ? { ...filtered.originalSeries, idx: filtered.idx } : {
     name,
     values,
+    idx: filtered.idx,
     ...filtered.uniqueId ? { uniqueId: filtered.uniqueId } : {}
   };
+  const insertAt3 = data.series.findIndex((s, i2) => (s.idx ?? i2) > filtered.idx);
+  const nextSeries = [...data.series];
+  nextSeries.splice(insertAt3 === -1 ? nextSeries.length : insertAt3, 0, restored);
   const remainingFiltered = (data.filteredSeries ?? []).filter((_, i2) => i2 !== filteredIndex);
   return {
     ...data,
-    series: [...data.series, restored],
+    series: nextSeries,
     ...remainingFiltered.length > 0 ? { filteredSeries: remainingFiltered } : { filteredSeries: void 0 }
   };
 }
@@ -159341,6 +159574,199 @@ function setDataLabelsRangeCache(series, pointIndex, text22) {
     dataLabelOptions: { ...series.dataLabelOptions, dataLabelsRange: { ...range, cache } }
   };
 }
+var CHART_STYLE_PRESETS = [
+  { id: "colorful", labelKey: "pptx.chart.styleColorful", styleId: 2 },
+  { id: "monochrome", labelKey: "pptx.chart.styleMonochrome", styleId: 10 },
+  { id: "colorfulLight", labelKey: "pptx.chart.styleColorfulLight", styleId: 18 },
+  { id: "colorfulDark", labelKey: "pptx.chart.styleColorfulDark", styleId: 26 },
+  { id: "mutedDark", labelKey: "pptx.chart.styleMutedDark", styleId: 34 },
+  { id: "pastel", labelKey: "pptx.chart.stylePastel", styleId: 42 }
+];
+function paletteEquals(a, b) {
+  if (!b || a.length !== b.length) {
+    return false;
+  }
+  return a.every((c, i2) => c.toLowerCase() === b[i2]?.toLowerCase());
+}
+function findPreset(id) {
+  return CHART_STYLE_PRESETS.find((p) => p.id === id);
+}
+function buildChartStylePresets(chartData) {
+  return CHART_STYLE_PRESETS.map(({ id, labelKey, styleId }) => {
+    const colors = getChartStylePalette(styleId);
+    return {
+      id,
+      labelKey,
+      colors,
+      applied: paletteEquals(colors, chartData.colorPalette)
+    };
+  });
+}
+function clearDataPointFill(point) {
+  const { spPr, marker, ...rest } = point;
+  const nextSpPr = spPr && { ...spPr, fillColor: void 0 };
+  const nextMarker = marker?.spPr && {
+    ...marker,
+    spPr: { ...marker.spPr, fillColor: void 0 }
+  };
+  return { ...rest, ...spPr && { spPr: nextSpPr }, ...nextMarker && { marker: nextMarker } };
+}
+function clearSeriesColor(series) {
+  const { color: _color, marker, dataPoints, ...rest } = series;
+  const nextMarker = marker?.spPr && { ...marker, spPr: { ...marker.spPr, fillColor: void 0 } };
+  return {
+    ...rest,
+    ...marker && { marker: nextMarker ?? marker },
+    ...dataPoints && { dataPoints: dataPoints.map(clearDataPointFill) }
+  };
+}
+function applyChartStylePreset(chartData, presetId) {
+  const preset = findPreset(presetId);
+  if (!preset) {
+    return null;
+  }
+  const colors = [...getChartStylePalette(preset.styleId)];
+  return {
+    ...chartData,
+    colorPalette: colors,
+    style: { ...chartData.style, styleId: preset.styleId },
+    series: chartData.series.map(clearSeriesColor)
+  };
+}
+var AXIS_TYPES_WITH_TITLES = [
+  "catAx",
+  "valAx",
+  "dateAx"
+];
+var DEFAULT_AXIS_TITLE_TEXT = "Axis Title";
+function chartAxesVisibilityPatch(chartData, show) {
+  const axes = (chartData.axes ?? []).map(
+    (axis) => AXIS_TYPES_WITH_TITLES.includes(axis.axisType) ? { ...axis, deleted: !show } : axis
+  );
+  return { axes };
+}
+function chartAxesVisibilityState(chartData) {
+  const relevant = (chartData.axes ?? []).filter(
+    (axis) => AXIS_TYPES_WITH_TITLES.includes(axis.axisType)
+  );
+  return relevant.length === 0 || relevant.some((axis) => !axis.deleted);
+}
+function chartAxisTitlesPatch(chartData, show) {
+  const axes = (chartData.axes ?? []).map((axis) => {
+    if (!AXIS_TYPES_WITH_TITLES.includes(axis.axisType)) {
+      return axis;
+    }
+    if (!show) {
+      return { ...axis, titleText: void 0 };
+    }
+    return { ...axis, titleText: axis.titleText || DEFAULT_AXIS_TITLE_TEXT };
+  });
+  return { axes };
+}
+function chartAxisTitlesState(chartData) {
+  return (chartData.axes ?? []).some(
+    (axis) => AXIS_TYPES_WITH_TITLES.includes(axis.axisType) && Boolean(axis.titleText)
+  );
+}
+function applyChartElementToggle(chartData, key2, checked) {
+  switch (key2) {
+    case "title":
+      return patchChartData(chartData, { style: { ...chartData.style, hasTitle: checked } });
+    case "legend":
+      return patchChartData(chartData, { style: { ...chartData.style, hasLegend: checked } });
+    case "dataLabels":
+      return patchChartData(chartData, { style: { ...chartData.style, hasDataLabels: checked } });
+    case "gridlines":
+      return patchChartData(chartData, chartGridlinesPatch(chartData, checked));
+    case "axes":
+      return patchChartData(chartData, chartAxesVisibilityPatch(chartData, checked));
+    case "axisTitles":
+      return patchChartData(chartData, chartAxisTitlesPatch(chartData, checked));
+    default:
+      return chartData;
+  }
+}
+var CHART_QUICK_ACTION_BUTTON_SIZE = 24;
+var BUTTON_GAP = 6;
+var OUTSIDE_GAP = 8;
+var BUTTON_ORDER = [
+  { id: "elements", labelKey: "pptx.chart.quickElements" },
+  { id: "styles", labelKey: "pptx.chart.quickStyles" },
+  { id: "filters", labelKey: "pptx.chart.quickFilters" }
+];
+function buildButtons(selectionBox, showFilters) {
+  const x = selectionBox.x + selectionBox.width + OUTSIDE_GAP;
+  return BUTTON_ORDER.filter((entry2) => entry2.id !== "filters" || showFilters).map((entry2, i2) => ({
+    ...entry2,
+    x,
+    y: selectionBox.y + i2 * (CHART_QUICK_ACTION_BUTTON_SIZE + BUTTON_GAP),
+    size: CHART_QUICK_ACTION_BUTTON_SIZE
+  }));
+}
+function buildElements(chartData) {
+  const items = [
+    { key: "title", labelKey: "pptx.chart.showTitle", checked: chartData.style?.hasTitle ?? false },
+    {
+      key: "legend",
+      labelKey: "pptx.chart.showLegend",
+      checked: chartData.style?.hasLegend ?? false
+    },
+    {
+      key: "gridlines",
+      labelKey: "pptx.chart.showGridlines",
+      checked: chartGridlinesState(chartData)
+    },
+    {
+      key: "dataLabels",
+      labelKey: "pptx.chart.showDataLabels",
+      checked: chartData.style?.hasDataLabels ?? false
+    }
+  ];
+  if (chartData.axes && chartData.axes.length > 0) {
+    items.push({
+      key: "axes",
+      labelKey: "pptx.chart.quickAxes",
+      checked: chartAxesVisibilityState(chartData)
+    });
+    items.push({
+      key: "axisTitles",
+      labelKey: "pptx.chart.quickAxisTitles",
+      checked: chartAxisTitlesState(chartData)
+    });
+  }
+  return items;
+}
+function buildFilters(chartData) {
+  const visibleSeries = chartData.series.map((series2, index) => ({
+    key: `visible-${index}`,
+    name: series2.name,
+    visible: true,
+    seriesIndex: index,
+    sortKey: series2.idx ?? index
+  }));
+  const filtered = (chartData.filteredSeries ?? []).map((entry2, index) => ({
+    key: `filtered-${index}`,
+    name: entry2.name ?? chartData.filteredSeriesTitle ?? `Series ${index + 1}`,
+    visible: false,
+    filteredIndex: index,
+    sortKey: entry2.idx
+  }));
+  const series = [...visibleSeries, ...filtered].sort((a, b) => a.sortKey - b.sortKey).map(({ sortKey: _sortKey, ...rest }) => rest);
+  return { visible: series.length > 1, series };
+}
+function buildChartQuickActionsDescriptor(input) {
+  if (!input.isChartSelected || !input.chartData) {
+    return null;
+  }
+  const { chartData, selectionBox } = input;
+  const filters = buildFilters(chartData);
+  return {
+    buttons: buildButtons(selectionBox, filters.visible),
+    elements: buildElements(chartData),
+    filters,
+    styles: { presets: buildChartStylePresets(chartData) }
+  };
+}
 var TWO_PI = Math.PI * 2;
 var ANGLE_EPSILON = TWO_PI * 1e-3;
 function buildPieDragGeometry(element, chartData, pointIndex) {
@@ -159397,7 +159823,7 @@ function buildStackedDragGeometry(element, chartData, seriesIndex, pointIndex) {
   ), plots = computeStackedSeriesPlots(seriesValues, catCount, percent3), baseValue = plots[seriesIndex]?.base[pointIndex] ?? 0, otherAbsSum = seriesValues.reduce(
     (sum, values, si) => si === seriesIndex ? sum : sum + Math.abs(values[pointIndex] ?? 0),
     0
-  ), range = percent3 ? { min: 0, max: 100, span: 100 } : computeStackedValueRange(chartData.series, catCount), layoutOpts = computeLayoutOptions(chartData.axes, chartData.dataTable, chartData.series.length), layout = computePlotLayout(element.width, element.height, chartData, true, layoutOpts);
+  ), layoutOpts = computeLayoutOptions(chartData.axes, chartData.dataTable, chartData.series.length), layout = computePlotLayout(element.width, element.height, chartData, true, layoutOpts), range = percent3 ? { min: 0, max: 100, span: 100 } : computeStackedValueRange(chartData.series, catCount, layout.plotHeight);
   return {
     range,
     plotTop: layout.plotTop,
@@ -172898,6 +173324,17 @@ var translationsEn = {
   "pptx.chart.chartFilters": "Chart filters",
   "pptx.chart.hideSeries": "Hide {{name}}",
   "pptx.chart.showSeries": "Show {{name}}",
+  "pptx.chart.quickElements": "Chart Elements",
+  "pptx.chart.quickStyles": "Chart Styles",
+  "pptx.chart.quickFilters": "Chart Filters",
+  "pptx.chart.quickAxes": "Axes",
+  "pptx.chart.quickAxisTitles": "Axis Titles",
+  "pptx.chart.styleColorful": "Colorful",
+  "pptx.chart.styleMonochrome": "Monochrome",
+  "pptx.chart.styleColorfulLight": "Colorful Light",
+  "pptx.chart.styleColorfulDark": "Colorful Dark",
+  "pptx.chart.styleMutedDark": "Muted Dark",
+  "pptx.chart.stylePastel": "Pastel",
   "pptx.chart.valueFromCells": "Value from cells: {{name}}",
   "pptx.chart.removeCategory": "Remove category",
   "pptx.chart.axes": "Axes",
@@ -177494,10 +177931,10 @@ function resolveTrackedTextWidth(text22, font, naturalWidth) {
   const tracking = resolveMetricTrackingPx(text22, font);
   return tracking === 0 ? naturalWidth : naturalWidth + tracking * [...text22].length;
 }
-var PX_PER_POINT = 96 / 72;
+var PX_PER_POINT2 = 96 / 72;
 function authoredLetterSpacingPx(style) {
   const spc = style?.characterSpacing;
-  return typeof spc === "number" && spc !== 0 ? spc / 100 * PX_PER_POINT : 0;
+  return typeof spc === "number" && spc !== 0 ? spc / 100 * PX_PER_POINT2 : 0;
 }
 function pieceLetterSpacing(authoredPx, tracking) {
   const spacing = authoredPx + tracking;
@@ -191470,7 +191907,7 @@ function buildSurfaceChart3DData(chartData, categoryLabels, options) {
   if (seriesCount === 0 || catCount === 0) {
     return null;
   }
-  const range = computeValueRange2(chartData.series);
+  const range = computeValueRange2(chartData.series, options.height);
   const heightMap = new Float32Array(seriesCount * catCount);
   const colorMap = new Float32Array(seriesCount * catCount * 3);
   const values = new Float32Array(seriesCount * catCount);
@@ -192303,7 +192740,7 @@ function buildBarChart3DData(chartData, categoryLabels, options) {
   const isPercent = grouping === "percentStacked";
   const horizontal = chartData.barDirection === "bar";
   const points4 = buildPoints(chartData, cols, isPercent);
-  const range = isPercent ? { min: 0, max: 100, span: 100 } : grouping === "stacked" ? computeStackedValueRange(chartData.series, cols) : computeValueRange2(chartData.series);
+  const range = isPercent ? { min: 0, max: 100, span: 100 } : grouping === "stacked" ? computeStackedValueRange(chartData.series, cols, options.height) : computeValueRange2(chartData.series, options.height);
   const depthPercent = chartData.view3D?.depthPercent;
   const boxes = layoutBarChart3D(points4, cols, rows, range, grouping, depthPercent, horizontal);
   return {
@@ -192419,7 +192856,7 @@ function buildCartesianLine3DSceneData(chartData, categoryLabels, options) {
     return null;
   }
   const points4 = buildPoints2(chartData, cols);
-  const range = computeValueRange2(chartData.series);
+  const range = computeValueRange2(chartData.series, options.height);
   const depthPercent = chartData.view3D?.depthPercent;
   const series = layoutCartesianLine3DSeries(points4, cols, rows, range, depthPercent);
   return {
@@ -206700,6 +207137,11 @@ function segmentFrameCount(durationMs, fps) {
   }
   return Math.max(1, Math.ceil(durationMs / (1e3 / fps)));
 }
+function stopCaptureStream(stream) {
+  for (const track of stream.getTracks()) {
+    track.stop();
+  }
+}
 var table;
 function getTable() {
   if (table) {
@@ -207290,6 +207732,7 @@ exports.BEVEL_PRESETS = BEVEL_PRESETS;
 exports.BROADCAST_THROTTLE_MS = BROADCAST_THROTTLE_MS;
 exports.CATEGORIES = CATEGORIES;
 exports.CHARACTER_SPACING_OPTIONS = CHARACTER_SPACING_OPTIONS;
+exports.CHART_QUICK_ACTION_BUTTON_SIZE = CHART_QUICK_ACTION_BUTTON_SIZE;
 exports.CHART_TYPE_OPTIONS = CHART_TYPE_OPTIONS;
 exports.CINEMATIC_TRANSITION_KEYFRAMES = CINEMATIC_TRANSITION_KEYFRAMES;
 exports.COMMENT_MARKER_SIZE = COMMENT_MARKER_SIZE;
@@ -207483,7 +207926,9 @@ exports.applyActiveInlineListFormatting = applyActiveInlineListFormatting;
 exports.applyAnimationTimelineOrder = applyAnimationTimelineOrder;
 exports.applyAutoCorrect = applyAutoCorrect;
 exports.applyCaseTransformToSegments = applyCaseTransformToSegments;
+exports.applyChartElementToggle = applyChartElementToggle;
 exports.applyChartPartHighlight = applyChartPartHighlight;
+exports.applyChartStylePreset = applyChartStylePreset;
 exports.applyColorChange = applyColorChange;
 exports.applyDuotone = applyDuotone;
 exports.applyFindReplacements = applyFindReplacements;
@@ -207540,6 +207985,7 @@ exports.buildBroadcastViewerUrl = buildBroadcastViewerUrl;
 exports.buildCacheKey = buildCacheKey;
 exports.buildCalloutLeaderLineSvgPath = buildCalloutLeaderLineSvgPath;
 exports.buildChartMarkDragGeometry = buildChartMarkDragGeometry;
+exports.buildChartQuickActionsDescriptor = buildChartQuickActionsDescriptor;
 exports.buildChartViewModel = buildChartViewModel;
 exports.buildChromeStyle = buildChromeStyle;
 exports.buildCollaborationShareUrl = buildCollaborationShareUrl;
@@ -207837,6 +208283,7 @@ exports.getGroupChildParentFill = getGroupChildParentFill;
 exports.getImageColorWashStyle = getImageColorWashStyle;
 exports.getImageEffectsFilter = getImageEffectsFilter;
 exports.getImageEffectsOpacity = getImageEffectsOpacity;
+exports.getImageFillCounterTransform = getImageFillCounterTransform;
 exports.getImageFitStyle = getImageFitStyle;
 exports.getImageSvgFilters = getImageSvgFilters;
 exports.getImageTilingStyle = getImageTilingStyle;
@@ -208258,6 +208705,7 @@ exports.splitRunForMetrics = splitRunForMetrics;
 exports.splitWordsForUnderline = splitWordsForUnderline;
 exports.stepPresenterZoom = stepPresenterZoom;
 exports.stopAllPersistentAudio = stopAllPersistentAudio;
+exports.stopCaptureStream = stopCaptureStream;
 exports.storeAudienceContent = storeAudienceContent;
 exports.stripUnderlineDecoration = stripUnderlineDecoration;
 exports.strokeOutlineViewBox = strokeOutlineViewBox;