pptx-react-viewer 3.19.1 → 3.19.2

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

@@ -46496,6 +46496,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 +46509,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;
@@ -47078,6 +47102,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"]);
@@ -67430,6 +67459,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 +80977,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 +81003,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 +81019,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;
       }
     }
   }
@@ -122022,7 +122058,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),
@@ -122337,6 +122375,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
@@ -122382,6 +122421,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 +144169,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",
@@ -150961,7 +151023,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);
@@ -151178,11 +151240,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 +151265,7 @@ function computeLayoutOptions(axes, dataTable, seriesCount) {
   return {
     hasSecondaryValueAxis: hasSecondaryValueAxis(axes),
     hasSecondaryCategoryAxis: hasSecondaryCategoryAxis(axes),
+    categoryAxisAtTop: isPrimaryCategoryAxisAtTop(axes),
     hasDataTable: Boolean(dataTable),
     dataTableRowCount: dataTable ? seriesCount : void 0
   };
@@ -151278,11 +151350,15 @@ function resolveDataPointMarker(series, pointIndex) {
 }
 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 +151387,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 +151445,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 +151604,136 @@ 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 } : {}
     };
   });
 }
+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 };
+  }
+}
+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) {
+  const resolved = resolveDataPointMarker(series, -1), 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") {
@@ -151685,6 +151892,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) } : {}
+    };
+  });
+  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 +152588,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 };
 }
@@ -152959,7 +153099,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 +153816,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") {
@@ -154231,7 +154371,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);
@@ -154860,7 +155000,8 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
     layout.svgWidth,
     legendPos,
     layout.svgHeight,
-    layout.plotTop
+    layout.plotTop,
+    resolveLegendSwatchKind(kind)
   );
   let plot;
   if (kind === "bar") {
@@ -155149,13 +155290,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 = [];
@@ -157408,6 +157553,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 +157606,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";
@@ -158635,6 +158689,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;
@@ -206700,6 +206829,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) {
@@ -207837,6 +207971,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 +208393,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;