pptx-react-viewer 2.19.7 → 2.20.0

package/dist/{chunk-GUGHIQ4P.js → chunk-J56DMNSD.js}

@@ -27589,9 +27589,9 @@ function addSmartArtNode(data, text2, afterNodeId) {
   };
   const nodes = [...data.nodes];
   if (afterNodeId) {
-    const siblingIndex = nodes.findIndex((n) => n.id === afterNodeId);
-    if (siblingIndex >= 0) {
-      nodes.splice(siblingIndex + 1, 0, newNode);
+    const siblingIndex2 = nodes.findIndex((n) => n.id === afterNodeId);
+    if (siblingIndex2 >= 0) {
+      nodes.splice(siblingIndex2 + 1, 0, newNode);
     } else {
       nodes.push(newNode);
     }
@@ -97262,6 +97262,15 @@ function resolveDataPointMarker(series, pointIndex) {
     fill: point?.spPr?.fillColor ?? series.marker?.spPr?.fillColor
   };
 }
+var LEGEND_ITEM_WIDTH = 80;
+var LEGEND_ITEM_HEIGHT = 14;
+function computeChartLegendLayout(vm) {
+  const vertical = vm.legendAnchor === "start";
+  return vm.legend.map((entry2, i) => {
+    const x = vertical ? vm.legendX : vm.legendX - vm.legend.length * LEGEND_ITEM_WIDTH / 2 + i * LEGEND_ITEM_WIDTH, y = vertical ? vm.legendY + i * LEGEND_ITEM_HEIGHT : vm.legendY;
+    return { x, y, color: entry2.color, label: entry2.label };
+  });
+}
 function schemaLabel(keys, token2, translate) {
   if (token2 === void 0) {
     return "";
@@ -97904,47 +97913,24 @@ function blendToWhite(color2) {
   if (!match) {
     return color2;
   }
-  const value = Number.parseInt(match[1], 16);
-  const mix = (channel) => Math.round(channel + (255 - channel) * 0.5);
-  const r = mix(value >> 16 & 255);
-  const g = mix(value >> 8 & 255);
-  const b = mix(value & 255);
+  const value = Number.parseInt(match[1], 16), mix = (channel) => Math.round(channel + (255 - channel) * 0.5), r = mix(value >> 16 & 255), g = mix(value >> 8 & 255), b = mix(value & 255);
   return `#${(r << 16 | g << 8 | b).toString(16).padStart(6, "0").toUpperCase()}`;
 }
 function invertNegativeFill(series, pointIndex, value, baseFill) {
   if (value >= 0) {
     return baseFill;
   }
-  const point = series.dataPoints?.find((p) => p.idx === pointIndex);
-  const invert = point?.invertIfNegative ?? series.invertIfNegative ?? false;
+  const point = series.dataPoints?.find((p) => p.idx === pointIndex), invert = point?.invertIfNegative ?? series.invertIfNegative ?? false;
   return invert ? blendToWhite(baseFill) : baseFill;
 }
 function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, grouping, sourceIndices2) {
-  const primitives = [];
-  const dataLabels = [];
-  const series = chartData.series;
-  const palette = chartData.colorPalette;
-  const showLabels = chartData.style?.hasDataLabels;
-  const varyColorsSingle = chartData.varyColors === true && series.length === 1;
+  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);
-    const barGroupWidth2 = layout.plotWidth / Math.max(catCount, 1);
-    const singleBarWidth = chartData.barGapWidth !== void 0 ? barGroupWidth2 / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100) : barGroupWidth2 * 0.7 / seriesCount;
-    const overlap = chartData.barOverlap ?? 0;
-    const step = singleBarWidth * (1 - overlap / 100);
-    const clusterWidth = singleBarWidth + step * (seriesCount - 1);
-    const groupOffset = (barGroupWidth2 - clusterWidth) / 2;
+    const seriesCount = Math.max(series.length, 1), barGroupWidth2 = layout.plotWidth / Math.max(catCount, 1), singleBarWidth = chartData.barGapWidth !== void 0 ? barGroupWidth2 / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100) : barGroupWidth2 * 0.7 / seriesCount, overlap = chartData.barOverlap ?? 0, step = singleBarWidth * (1 - overlap / 100), clusterWidth = singleBarWidth + step * (seriesCount - 1), groupOffset = (barGroupWidth2 - clusterWidth) / 2;
     for (let displayIndex = 0; displayIndex < catCount; displayIndex++) {
       const sourceIndex = sourceIndices2[displayIndex] ?? displayIndex;
       for (let si = 0; si < series.length; si++) {
-        const val2 = series[si].values[sourceIndex] ?? 0;
-        const x = layout.plotLeft + barGroupWidth2 * displayIndex + groupOffset + step * si;
-        const activeRange = secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange;
-        const zeroY = valueToY2(0, activeRange, layout.plotTop, layout.plotBottom);
-        const valY = valueToY2(val2, activeRange, layout.plotTop, layout.plotBottom);
-        const y = Math.min(zeroY, valY);
-        const h = Math.max(Math.abs(zeroY - valY), 1);
-        const baseFill = varyColorsSingle ? resolveVaryColorFill(series[si], sourceIndex, paletteColor2(sourceIndex, palette)) : resolveDataPointFill(series[si], sourceIndex, paletteColor2(si, palette)) ?? seriesColor2(series[si], si, palette);
+        const val2 = series[si].values[sourceIndex] ?? 0, x = layout.plotLeft + barGroupWidth2 * displayIndex + groupOffset + step * si, activeRange = secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange, zeroY = valueToY2(0, activeRange, layout.plotTop, layout.plotBottom), valY = valueToY2(val2, activeRange, layout.plotTop, layout.plotBottom), y = Math.min(zeroY, valY), h = Math.max(Math.abs(zeroY - valY), 1), baseFill = varyColorsSingle ? resolveVaryColorFill(series[si], sourceIndex, paletteColor2(sourceIndex, palette)) : resolveDataPointFill(series[si], sourceIndex, paletteColor2(si, palette)) ?? seriesColor2(series[si], si, palette);
         primitives.push({
           kind: "rect",
           x,
@@ -97953,7 +97939,13 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
           h,
           fill: invertNegativeFill(series[si], sourceIndex, val2, baseFill),
           rx: 1,
-          part: { role: "dataPoint", seriesIndex: si, pointIndex: sourceIndex }
+          part: { role: "dataPoint", seriesIndex: si, pointIndex: sourceIndex },
+          title: buildMarkTooltip(
+            series[si].name,
+            chartData.categories[sourceIndex],
+            val2,
+            series[si].numberFormat
+          )
         });
         if (showLabels) {
           const text2 = buildDataLabelText({
@@ -97982,19 +97974,23 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
     const displaySeries2 = series.map((entry2) => ({
       ...entry2,
       values: sourceIndices2.map((sourceIndex) => entry2.values[sourceIndex] ?? 0)
-    }));
-    const rects = computeStackedBarRects(displaySeries2, catCount, layout, primaryRange, palette);
+    })), rects = computeStackedBarRects(displaySeries2, catCount, layout, primaryRange, palette);
     for (const r of rects) {
-      let fill = r.fill;
-      let part;
+      let fill = r.fill, part, title;
       if (r.seriesIndex !== void 0 && r.pointIndex !== void 0) {
         const sourcePointIndex = sourceIndices2[r.pointIndex] ?? r.pointIndex;
         fill = resolveDataPointFill(series[r.seriesIndex], sourcePointIndex, r.fill) ?? r.fill;
         const value = series[r.seriesIndex].values[sourcePointIndex] ?? 0;
         fill = invertNegativeFill(series[r.seriesIndex], sourcePointIndex, value, fill);
         part = { role: "dataPoint", seriesIndex: r.seriesIndex, pointIndex: sourcePointIndex };
+        title = buildMarkTooltip(
+          series[r.seriesIndex].name,
+          chartData.categories[sourcePointIndex],
+          value,
+          series[r.seriesIndex].numberFormat
+        );
       }
-      primitives.push({ kind: "rect", x: r.x, y: r.y, w: r.w, h: r.h, fill, rx: 1, part });
+      primitives.push({ kind: "rect", x: r.x, y: r.y, w: r.w, h: r.h, fill, rx: 1, part, title });
     }
     if (showLabels) {
       pushClusteredStackedLabels(
@@ -98009,31 +98005,15 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
     }
     return { primitives, dataLabels };
   }
-  const barGroupWidth = layout.plotWidth / Math.max(catCount, 1);
-  const barW = barGroupWidth * 0.6;
-  const barOffset = (barGroupWidth - barW) / 2;
-  const displaySeries = series.map((entry2) => ({
+  const barGroupWidth = layout.plotWidth / Math.max(catCount, 1), barW = barGroupWidth * 0.6, barOffset = (barGroupWidth - barW) / 2, displaySeries = series.map((entry2) => ({
     ...entry2,
     values: sourceIndices2.map((sourceIndex) => entry2.values[sourceIndex] ?? 0)
-  }));
-  const totals = categoryTotals(displaySeries, catCount);
+  })), totals = categoryTotals(displaySeries, catCount);
   for (let ci = 0; ci < catCount; ci++) {
-    let posRunning = 0;
-    let negRunning = 0;
+    let posRunning = 0, negRunning = 0;
     const catTotal = totals[ci] || 1;
     for (let si = 0; si < series.length; si++) {
-      const sourceIndex = sourceIndices2[ci] ?? ci;
-      const rawVal = series[si].values[sourceIndex] ?? 0;
-      const val2 = catTotal > 0 ? rawVal / catTotal * 100 : 0;
-      const isNeg = val2 < 0;
-      const base = isNeg ? negRunning : posRunning;
-      const top = base + val2;
-      const x = layout.plotLeft + barGroupWidth * ci + barOffset;
-      const baseY = valueToY2(base, primaryRange, layout.plotTop, layout.plotBottom);
-      const topY = valueToY2(top, primaryRange, layout.plotTop, layout.plotBottom);
-      const y = Math.min(baseY, topY);
-      const h = Math.max(Math.abs(baseY - topY), 0.5);
-      const pctBaseFill = resolveDataPointFill(series[si], sourceIndex, paletteColor2(si, palette)) ?? seriesColor2(series[si], si, palette);
+      const sourceIndex = sourceIndices2[ci] ?? ci, rawVal = series[si].values[sourceIndex] ?? 0, val2 = catTotal > 0 ? rawVal / catTotal * 100 : 0, isNeg = val2 < 0, base = isNeg ? negRunning : posRunning, top = base + val2, x = layout.plotLeft + barGroupWidth * ci + barOffset, baseY = valueToY2(base, primaryRange, layout.plotTop, layout.plotBottom), topY = valueToY2(top, primaryRange, layout.plotTop, layout.plotBottom), y = Math.min(baseY, topY), h = Math.max(Math.abs(baseY - topY), 0.5), pctBaseFill = resolveDataPointFill(series[si], sourceIndex, paletteColor2(si, palette)) ?? seriesColor2(series[si], si, palette);
       primitives.push({
         kind: "rect",
         x,
@@ -98041,7 +98021,13 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
         w: barW,
         h,
         fill: invertNegativeFill(series[si], sourceIndex, rawVal, pctBaseFill),
-        part: { role: "dataPoint", seriesIndex: si, pointIndex: sourceIndex }
+        part: { role: "dataPoint", seriesIndex: si, pointIndex: sourceIndex },
+        title: buildMarkTooltip(
+          series[si].name,
+          chartData.categories[sourceIndex],
+          rawVal,
+          series[si].numberFormat
+        )
       });
       if (showLabels && Math.abs(val2) > 0) {
         dataLabels.push({
@@ -98065,19 +98051,11 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
   return { primitives, dataLabels };
 }
 function pushClusteredStackedLabels(chartData, series, sourceIndices2, catCount, layout, range, dataLabels) {
-  const barGroupWidth = layout.plotWidth / catCount;
-  const seriesCount = Math.max(series.length, 1);
-  const singleBarWidth = barGroupWidth * 0.7 / seriesCount;
-  const groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
+  const barGroupWidth = layout.plotWidth / catCount, seriesCount = Math.max(series.length, 1), singleBarWidth = barGroupWidth * 0.7 / seriesCount, groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
   for (let ci = 0; ci < catCount; ci++) {
     const sourceIndex = sourceIndices2[ci] ?? ci;
     for (let si = 0; si < series.length; si++) {
-      const val2 = series[si].values[sourceIndex] ?? 0;
-      const x = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si + singleBarWidth / 2;
-      const zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom);
-      const valY = valueToY2(val2, range, layout.plotTop, layout.plotBottom);
-      const labelY = val2 >= 0 ? Math.min(zeroY, valY) - 4 : Math.max(zeroY, valY) + 10;
-      const text2 = buildDataLabelText({
+      const val2 = series[si].values[sourceIndex] ?? 0, x = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si + singleBarWidth / 2, zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom), valY = valueToY2(val2, range, layout.plotTop, layout.plotBottom), labelY = val2 >= 0 ? Math.min(zeroY, valY) - 4 : Math.max(zeroY, valY) + 10, text2 = buildDataLabelText({
         chartData,
         series: series[si],
         pointIndex: sourceIndex,
@@ -98269,9 +98247,12 @@ function buildMarkerPrimitive(input) {
       return { kind: "circle", cx, cy, r, fill, part };
   }
 }
-function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius2, part, opacity2) {
-  const marker = resolveDataPointMarker(series, pointIndex);
-  const m = buildMarkerPrimitive({
+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({
     symbol: marker.symbol,
     size: marker.size,
     cx,
@@ -98288,34 +98269,180 @@ function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius2, part,
   if (opacity2 !== void 0) {
     m.opacity = opacity2;
   }
+  if (title !== void 0) {
+    m.title = title;
+  }
   out.push(m);
 }
-function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices2, xPositions) {
-  const primitives = [];
-  const dataLabels = [];
-  const showLabels = chartData.style?.hasDataLabels;
+function seriesXValues(chartData, series) {
+  if (series.xValues && series.xValues.length > 0) {
+    return series.xValues;
+  }
+  const fromCategories = chartData.categories.map(Number);
+  return fromCategories.length > 0 ? fromCategories : void 0;
+}
+function scatterDrawsLine(chartData, series) {
+  if (series.lineNoFill === true) {
+    return false;
+  }
+  const style = chartData.scatterStyle;
+  return style === "line" || style === "lineMarker" || style === "smooth" || style === "smoothMarker";
+}
+function buildScatter(chartData, layout, range) {
+  const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i)), maxXIndex = Math.max(1, ...allIndices), perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series)), xDomain = computeScatterXDomain(perSeriesX), smoothStyle = chartData.scatterStyle === "smooth" || chartData.scatterStyle === "smoothMarker";
   for (let si = 0; si < chartData.series.length; si++) {
-    const series = chartData.series[si];
+    const series = chartData.series[si], c = seriesColor2(series, si, chartData.colorPalette), dots = computeScatterDots(series.values, maxXIndex, layout, range, perSeriesX[si], xDomain);
+    if (scatterDrawsLine(chartData, series) && dots.length >= 2) {
+      const points3 = dots.map((dot) => ({ x: dot.cx, y: dot.cy })), seriesPart = { role: "series", seriesIndex: si };
+      primitives.push(
+        series.smooth ?? smoothStyle ? {
+          kind: "path",
+          d: smoothLinePath(points3),
+          stroke: c,
+          strokeWidth: 2.4,
+          fill: "none",
+          part: seriesPart
+        } : {
+          kind: "polyline",
+          points: linePointsToSvgString(points3),
+          stroke: c,
+          strokeWidth: 2.4,
+          fill: "none",
+          part: seriesPart
+        }
+      );
+    }
+    dots.forEach((dot, vi) => {
+      const part = { role: "dataPoint", seriesIndex: si, pointIndex: vi };
+      pushMarker(
+        primitives,
+        series,
+        vi,
+        dot.cx,
+        dot.cy,
+        resolveDataPointFill(series, vi, c) ?? c,
+        4,
+        part,
+        0.85,
+        xyMarkTooltip(
+          series.name,
+          perSeriesX[si]?.[vi],
+          series.values[vi] ?? 0,
+          series.numberFormat
+        )
+      );
+    });
+    if (showLabels) {
+      series.values.forEach((val2, vi) => {
+        const dot = dots[vi], text2 = buildDataLabelText({ chartData, series, pointIndex: vi, value: val2 });
+        if (!dot || text2 === void 0) {
+          return;
+        }
+        dataLabels.push({
+          kind: "text",
+          x: dot.cx,
+          y: dot.cy - 6,
+          text: text2,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+          fill: "#334155",
+          textAnchor: "middle"
+        });
+      });
+    }
+  }
+  return { primitives, dataLabels };
+}
+function buildBubbles(chartData, layout, range) {
+  const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i)), maxXIndex = Math.max(1, ...allIndices), perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series)), xDomain = computeScatterXDomain(perSeriesX), allSizes = chartData.series.flatMap((series) => series.bubbleSizes ?? []), maxBubble = allSizes.length > 0 ? Math.max(1, ...allSizes.map(Math.abs)) : 1, medianRadius = Math.min(layout.plotWidth, layout.plotHeight) * 0.04;
+  for (let si = 0; si < chartData.series.length; si++) {
+    const series = chartData.series[si], c = seriesColor2(series, si, chartData.colorPalette), dots = computeScatterDots(series.values, maxXIndex, layout, range, perSeriesX[si], xDomain);
+    dots.forEach((dot, vi) => {
+      const r = computeBubbleRadius(series.bubbleSizes?.[vi], maxBubble, medianRadius), size = series.bubbleSizes?.[vi], label = size !== void 0 ? `${xyMarkTooltip(series.name, perSeriesX[si]?.[vi], series.values[vi] ?? 0, series.numberFormat)}, size ${formatAxisValue2(size)}` : xyMarkTooltip(
+        series.name,
+        perSeriesX[si]?.[vi],
+        series.values[vi] ?? 0,
+        series.numberFormat
+      );
+      primitives.push({
+        kind: "circle",
+        cx: dot.cx,
+        cy: dot.cy,
+        r,
+        fill: resolveDataPointFill(series, vi, c) ?? c,
+        opacity: 0.6,
+        part: { role: "dataPoint", seriesIndex: si, pointIndex: vi },
+        title: label
+      });
+    });
+    if (showLabels) {
+      series.values.forEach((val2, vi) => {
+        const dot = dots[vi], text2 = buildDataLabelText({ chartData, series, pointIndex: vi, value: val2 });
+        if (!dot || text2 === void 0) {
+          return;
+        }
+        dataLabels.push({
+          kind: "text",
+          x: dot.cx,
+          y: dot.cy - 10,
+          text: text2,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+          fill: "#334155",
+          textAnchor: "middle"
+        });
+      });
+    }
+  }
+  return { primitives, dataLabels };
+}
+function categoryAbsTotals(seriesValues, catCount) {
+  return Array.from(
+    { length: catCount },
+    (_, ci) => seriesValues.reduce((sum, values) => sum + Math.abs(values[ci] ?? 0), 0)
+  );
+}
+function computeStackedSeriesPlots(seriesValues, catCount, percent3) {
+  const totals = percent3 ? categoryAbsTotals(seriesValues, catCount) : void 0, posRunning = new Array(catCount).fill(0), negRunning = new Array(catCount).fill(0);
+  return seriesValues.map((values) => {
+    const cumulative = [], base = [], own = [];
+    for (let ci = 0; ci < catCount; ci++) {
+      const raw = values[ci] ?? 0, total = totals?.[ci] ?? 0, val2 = percent3 ? total > 0 ? raw / total * 100 : 0 : raw, isNeg = val2 < 0, from = isNeg ? negRunning[ci] : posRunning[ci], to = from + val2;
+      base.push(from);
+      cumulative.push(to);
+      own.push(val2);
+      if (isNeg) {
+        negRunning[ci] = to;
+      } else {
+        posRunning[ci] = to;
+      }
+    }
+    return { cumulative, base, own };
+  });
+}
+function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices2, xPositions, stacking = "clustered") {
+  const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== "clustered", isPercent = stacking === "percentStacked", resolved = chartData.series.map((series) => {
     if (series.values.length === 0) {
-      continue;
+      return void 0;
     }
-    const activeRange = secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange;
-    const rawValues = sourceIndices2.map((sourceIndex) => series.values[sourceIndex] ?? 0);
-    const displayBlanks = sourceIndices2.map((sourceIndex) => series.blanks?.[sourceIndex] ?? false);
-    const { values: displayValues, visible } = resolveBlankDisplay(
+    const rawValues = sourceIndices2.map((sourceIndex) => series.values[sourceIndex] ?? 0), displayBlanks = sourceIndices2.map((sourceIndex) => series.blanks?.[sourceIndex] ?? false), { values: displayValues, visible } = resolveBlankDisplay(
       rawValues,
       displayBlanks,
       chartData.chartChrome?.dispBlanksAs
     );
-    const pts = computeLinePoints(displayValues, catCount, layout, activeRange).map(
-      (point, index) => ({
-        ...point,
-        x: xPositions?.[index] ?? point.x
-      })
-    );
-    const c = seriesColor2(series, si, chartData.colorPalette);
-    const seriesPart = { role: "series", seriesIndex: si };
-    const allVisible = visible.every(Boolean);
+    return { displayValues, visible };
+  }), stackedPlots = isStackedMode ? computeStackedSeriesPlots(
+    resolved.map((entry2) => entry2?.displayValues ?? []),
+    catCount,
+    isPercent
+  ) : void 0;
+  for (let si = 0; si < chartData.series.length; si++) {
+    const series = chartData.series[si], entry2 = resolved[si];
+    if (!entry2) {
+      continue;
+    }
+    const { displayValues, visible } = entry2, activeRange = isStackedMode ? primaryRange : secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange, plotValues = stackedPlots ? stackedPlots[si].cumulative : displayValues, pts = computeLinePoints(plotValues, catCount, layout, activeRange).map((point, index) => ({
+      ...point,
+      x: xPositions?.[index] ?? point.x
+    })), c = seriesColor2(series, si, chartData.colorPalette), seriesPart = { role: "series", seriesIndex: si }, allVisible = visible.every(Boolean);
     if (allVisible) {
       primitives.push(
         series.smooth ? {
@@ -98353,8 +98480,7 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
       if (!visible[displayIndex]) {
         return;
       }
-      const idx = sourceIndices2[displayIndex] ?? displayIndex;
-      const part = { role: "dataPoint", seriesIndex: si, pointIndex: idx };
+      const idx = sourceIndices2[displayIndex] ?? displayIndex, part = { role: "dataPoint", seriesIndex: si, pointIndex: idx };
       pushMarker(
         primitives,
         series,
@@ -98363,19 +98489,45 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
         pt.y,
         resolveDataPointFill(series, idx, c) ?? c,
         2.5,
-        part
+        part,
+        void 0,
+        buildMarkTooltip(
+          series.name,
+          chartData.categories[idx],
+          series.values[idx] ?? 0,
+          series.numberFormat
+        )
       );
     });
     if (showLabels) {
-      displayValues.forEach((val2, displayIndex) => {
+      const labelValues = stackedPlots ? stackedPlots[si].own : displayValues;
+      labelValues.forEach((val2, displayIndex) => {
         const pt = pts[displayIndex];
+        if (!pt || !visible[displayIndex]) {
+          return;
+        }
+        if (isPercent) {
+          if (val2 === 0) {
+            return;
+          }
+          dataLabels.push({
+            kind: "text",
+            x: pt.x,
+            y: pt.y - 7,
+            text: `${Math.round(val2)}%`,
+            fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+            fill: "#334155",
+            textAnchor: "middle"
+          });
+          return;
+        }
         const text2 = buildDataLabelText({
           chartData,
           series,
           pointIndex: sourceIndices2[displayIndex] ?? displayIndex,
           value: val2
         });
-        if (!pt || !visible[displayIndex] || text2 === void 0) {
+        if (text2 === void 0) {
           return;
         }
         dataLabels.push({
@@ -98392,26 +98544,41 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
   }
   return { primitives, dataLabels };
 }
-function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositions) {
-  const primitives = [];
-  const dataLabels = [];
-  const showLabels = chartData.style?.hasDataLabels;
-  const baselineY = valueToY2(0, range, layout.plotTop, layout.plotBottom);
+function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositions, stacking = "clustered") {
+  const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== "clustered", isPercent = stacking === "percentStacked", baselineY = valueToY2(0, range, layout.plotTop, layout.plotBottom), allDisplayValues = chartData.series.map(
+    (series) => series.values.length === 0 ? void 0 : sourceIndices2.map((sourceIndex) => series.values[sourceIndex] ?? 0)
+  ), stackedPlots = isStackedMode ? computeStackedSeriesPlots(
+    allDisplayValues.map((values) => values ?? []),
+    catCount,
+    isPercent
+  ) : void 0;
   for (let si = 0; si < chartData.series.length; si++) {
-    const series = chartData.series[si];
-    if (series.values.length === 0) {
+    const series = chartData.series[si], displayValues = allDisplayValues[si];
+    if (!displayValues) {
       continue;
     }
-    const displayValues = sourceIndices2.map((sourceIndex) => series.values[sourceIndex] ?? 0);
-    const pts = computeLinePoints(displayValues, catCount, layout, range).map((point, index) => ({
+    const plot = stackedPlots?.[si], topValues = plot ? plot.cumulative : displayValues, pts = computeLinePoints(topValues, catCount, layout, range).map((point, index) => ({
       ...point,
       x: xPositions?.[index] ?? point.x
-    }));
-    const c = seriesColor2(series, si, chartData.colorPalette);
-    const lineStr = linePointsToSvgString(pts);
-    const firstPt = pts[0];
-    const lastPt = pts[pts.length - 1];
-    if (firstPt && lastPt) {
+    })), c = seriesColor2(series, si, chartData.colorPalette), lineStr = linePointsToSvgString(pts), firstPt = pts[0], lastPt = pts[pts.length - 1];
+    if (plot) {
+      const baseStr = linePointsToSvgString(
+        [
+          ...computeLinePoints(plot.base, catCount, layout, range).map((point, index) => ({
+            ...point,
+            x: xPositions?.[index] ?? point.x
+          }))
+        ].reverse()
+      );
+      primitives.push({
+        kind: "polyline",
+        points: `${lineStr} ${baseStr}`,
+        stroke: "none",
+        strokeWidth: 0,
+        fill: c,
+        part: { role: "series", seriesIndex: si }
+      });
+    } else if (firstPt && lastPt) {
       primitives.push({
         kind: "polyline",
         points: `${firstPt.x.toFixed(2)},${baselineY.toFixed(2)} ${lineStr} ${lastPt.x.toFixed(2)},${baselineY.toFixed(2)}`,
@@ -98431,8 +98598,7 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositio
       part: { role: "series", seriesIndex: si }
     });
     pts.forEach((pt, displayIndex) => {
-      const idx = sourceIndices2[displayIndex] ?? displayIndex;
-      const part = { role: "dataPoint", seriesIndex: si, pointIndex: idx };
+      const idx = sourceIndices2[displayIndex] ?? displayIndex, part = { role: "dataPoint", seriesIndex: si, pointIndex: idx };
       pushMarker(
         primitives,
         series,
@@ -98441,19 +98607,45 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositio
         pt.y,
         resolveDataPointFill(series, idx, c) ?? c,
         2,
-        part
+        part,
+        void 0,
+        buildMarkTooltip(
+          series.name,
+          chartData.categories[idx],
+          series.values[idx] ?? 0,
+          series.numberFormat
+        )
       );
     });
     if (showLabels) {
-      displayValues.forEach((val2, displayIndex) => {
+      const labelValues = plot ? plot.own : displayValues;
+      labelValues.forEach((val2, displayIndex) => {
         const pt = pts[displayIndex];
+        if (!pt) {
+          return;
+        }
+        if (isPercent) {
+          if (val2 === 0) {
+            return;
+          }
+          dataLabels.push({
+            kind: "text",
+            x: pt.x,
+            y: pt.y - 6,
+            text: `${Math.round(val2)}%`,
+            fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+            fill: "#334155",
+            textAnchor: "middle"
+          });
+          return;
+        }
         const text2 = buildDataLabelText({
           chartData,
           series,
           pointIndex: sourceIndices2[displayIndex] ?? displayIndex,
           value: val2
         });
-        if (!pt || text2 === void 0) {
+        if (text2 === void 0) {
           return;
         }
         dataLabels.push({
@@ -98470,151 +98662,6 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositio
   }
   return { primitives, dataLabels };
 }
-function seriesXValues(chartData, series) {
-  if (series.xValues && series.xValues.length > 0) {
-    return series.xValues;
-  }
-  const fromCategories = chartData.categories.map(Number);
-  return fromCategories.length > 0 ? fromCategories : void 0;
-}
-function scatterDrawsLine(chartData, series) {
-  if (series.lineNoFill === true) {
-    return false;
-  }
-  const style = chartData.scatterStyle;
-  return style === "line" || style === "lineMarker" || style === "smooth" || style === "smoothMarker";
-}
-function buildScatter(chartData, layout, range) {
-  const primitives = [];
-  const dataLabels = [];
-  const showLabels = chartData.style?.hasDataLabels;
-  const allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i));
-  const maxXIndex = Math.max(1, ...allIndices);
-  const perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series));
-  const xDomain = computeScatterXDomain(perSeriesX);
-  const smoothStyle = chartData.scatterStyle === "smooth" || chartData.scatterStyle === "smoothMarker";
-  for (let si = 0; si < chartData.series.length; si++) {
-    const series = chartData.series[si];
-    const c = seriesColor2(series, si, chartData.colorPalette);
-    const dots = computeScatterDots(
-      series.values,
-      maxXIndex,
-      layout,
-      range,
-      perSeriesX[si],
-      xDomain
-    );
-    if (scatterDrawsLine(chartData, series) && dots.length >= 2) {
-      const points3 = dots.map((dot) => ({ x: dot.cx, y: dot.cy }));
-      const seriesPart = { role: "series", seriesIndex: si };
-      primitives.push(
-        series.smooth ?? smoothStyle ? {
-          kind: "path",
-          d: smoothLinePath(points3),
-          stroke: c,
-          strokeWidth: 2.4,
-          fill: "none",
-          part: seriesPart
-        } : {
-          kind: "polyline",
-          points: linePointsToSvgString(points3),
-          stroke: c,
-          strokeWidth: 2.4,
-          fill: "none",
-          part: seriesPart
-        }
-      );
-    }
-    dots.forEach((dot, vi) => {
-      const part = { role: "dataPoint", seriesIndex: si, pointIndex: vi };
-      pushMarker(
-        primitives,
-        series,
-        vi,
-        dot.cx,
-        dot.cy,
-        resolveDataPointFill(series, vi, c) ?? c,
-        4,
-        part,
-        0.85
-      );
-    });
-    if (showLabels) {
-      series.values.forEach((val2, vi) => {
-        const dot = dots[vi];
-        const text2 = buildDataLabelText({ chartData, series, pointIndex: vi, value: val2 });
-        if (!dot || text2 === void 0) {
-          return;
-        }
-        dataLabels.push({
-          kind: "text",
-          x: dot.cx,
-          y: dot.cy - 6,
-          text: text2,
-          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
-          fill: "#334155",
-          textAnchor: "middle"
-        });
-      });
-    }
-  }
-  return { primitives, dataLabels };
-}
-function buildBubbles(chartData, layout, range) {
-  const primitives = [];
-  const dataLabels = [];
-  const showLabels = chartData.style?.hasDataLabels;
-  const allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i));
-  const maxXIndex = Math.max(1, ...allIndices);
-  const perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series));
-  const xDomain = computeScatterXDomain(perSeriesX);
-  const allSizes = chartData.series.flatMap((series) => series.bubbleSizes ?? []);
-  const maxBubble = allSizes.length > 0 ? Math.max(1, ...allSizes.map(Math.abs)) : 1;
-  const medianRadius = Math.min(layout.plotWidth, layout.plotHeight) * 0.04;
-  for (let si = 0; si < chartData.series.length; si++) {
-    const series = chartData.series[si];
-    const c = seriesColor2(series, si, chartData.colorPalette);
-    const dots = computeScatterDots(
-      series.values,
-      maxXIndex,
-      layout,
-      range,
-      perSeriesX[si],
-      xDomain
-    );
-    dots.forEach((dot, vi) => {
-      const r = computeBubbleRadius(series.bubbleSizes?.[vi], maxBubble, medianRadius);
-      primitives.push({
-        kind: "circle",
-        cx: dot.cx,
-        cy: dot.cy,
-        r,
-        fill: resolveDataPointFill(series, vi, c) ?? c,
-        opacity: 0.6,
-        part: { role: "dataPoint", seriesIndex: si, pointIndex: vi }
-      });
-    });
-    if (showLabels) {
-      series.values.forEach((val2, vi) => {
-        const dot = dots[vi];
-        const text2 = buildDataLabelText({ chartData, series, pointIndex: vi, value: val2 });
-        if (!dot || text2 === void 0) {
-          return;
-        }
-        dataLabels.push({
-          kind: "text",
-          x: dot.cx,
-          y: dot.cy - 10,
-          text: text2,
-          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
-          fill: "#334155",
-          textAnchor: "middle"
-        });
-      });
-    }
-  }
-  return { primitives, dataLabels };
-}
 function categoryX(index, catCount, layout, options) {
   const explicit = options.xPositions?.[index];
   if (explicit !== void 0) {
@@ -99122,10 +99169,7 @@ function valueToX(val2, range, leftX, rightX) {
   const usable = rightX - leftX;
   let ratio;
   if (range.logScale && range.logBase) {
-    const base = range.logBase;
-    const clampedVal = Math.max(val2, range.min);
-    const logVal = Math.log(clampedVal) / Math.log(base);
-    const logMin = Math.log(range.min) / Math.log(base);
+    const base = range.logBase, clampedVal = Math.max(val2, range.min), logVal = Math.log(clampedVal) / Math.log(base), logMin = Math.log(range.min) / Math.log(base);
     ratio = (logVal - logMin) / range.span;
   } else {
     ratio = (val2 - range.min) / range.span;
@@ -99133,8 +99177,7 @@ function valueToX(val2, range, leftX, rightX) {
   return range.reverseOrder ? rightX - ratio * usable : leftX + ratio * usable;
 }
 function buildTransposedValueAxis(range, layout) {
-  const gridlines = [];
-  const axisLabels = [];
+  const gridlines = [], axisLabels = [];
   for (const val2 of axisTickValues(range)) {
     const x = valueToX(val2, range, layout.plotLeft, layout.plotRight);
     gridlines.push({
@@ -99159,8 +99202,7 @@ function buildTransposedValueAxis(range, layout) {
   return { gridlines, axisLabels };
 }
 function buildSideCategoryLabels(categoryLabels, layout) {
-  const catCount = Math.max(categoryLabels.length, 1);
-  const band = layout.plotHeight / catCount;
+  const catCount = Math.max(categoryLabels.length, 1), band = layout.plotHeight / catCount;
   return categoryLabels.map((label, i) => ({
     kind: "text",
     x: layout.plotLeft - 4,
@@ -99186,16 +99228,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);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const series = chartData.series;
-  const grouping = chartData.grouping ?? "clustered";
-  const isStacked = grouping === "stacked" || grouping === "percentStacked";
-  const isPercent = grouping === "percentStacked";
-  const range = isPercent ? { min: 0, max: 100, span: 100 } : isStacked ? computeStackedValueRange(series, catCount) : computeValueRangeForChart(series, chartData.axes);
-  const { gridlines, axisLabels } = buildTransposedValueAxis(range, layout);
-  const zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight);
-  const 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) : computeValueRangeForChart(series, chartData.axes), { 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,
@@ -99203,25 +99236,12 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
     y2: layout.plotBottom,
     stroke: ZERO_LINE_COLOR,
     strokeWidth: 1
-  } : void 0;
-  const primitives = [];
-  const dataLabels = [];
-  const showLabels = chartData.style?.hasDataLabels;
-  const band = layout.plotHeight / catCount;
+  } : void 0, primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, band = layout.plotHeight / catCount;
   if (!isStacked) {
-    const seriesCount = Math.max(series.length, 1);
-    const singleBarHeight = chartData.barGapWidth !== void 0 ? band / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100) : band * 0.7 / seriesCount;
-    const overlap = chartData.barOverlap ?? 0;
-    const step = singleBarHeight * (1 - overlap / 100);
-    const clusterHeight = singleBarHeight + step * (seriesCount - 1);
-    const groupOffset = (band - clusterHeight) / 2;
+    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;
     for (let ci = 0; ci < catCount; ci++) {
       for (let si = 0; si < series.length; si++) {
-        const val2 = series[si].values[ci] ?? 0;
-        const y = layout.plotTop + band * ci + groupOffset + step * si;
-        const valX = valueToX(val2, range, layout.plotLeft, layout.plotRight);
-        const x = Math.min(zeroX, valX);
-        const w = Math.max(Math.abs(valX - zeroX), 1);
+        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);
         primitives.push({
           kind: "rect",
           x,
@@ -99230,7 +99250,13 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
           h: singleBarHeight,
           fill: barFill(chartData, series[si], si, ci),
           rx: 1,
-          part: { role: "dataPoint", seriesIndex: si, pointIndex: ci }
+          part: { role: "dataPoint", seriesIndex: si, pointIndex: ci },
+          title: buildMarkTooltip(
+            series[si].name,
+            categoryLabels[ci],
+            val2,
+            series[si].numberFormat
+          )
         });
         if (showLabels) {
           dataLabels.push({
@@ -99247,27 +99273,16 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
       }
     }
   } else {
-    const totals = isPercent ? categoryTotals2(series, catCount) : [];
-    const barH = band * (isPercent ? 0.6 : 0.7);
-    const barOffset = (band - barH) / 2;
+    const totals = isPercent ? categoryTotals2(series, catCount) : [], barH = band * (isPercent ? 0.6 : 0.7), barOffset = (band - barH) / 2;
     for (let ci = 0; ci < catCount; ci++) {
-      let posRunning = 0;
-      let negRunning = 0;
+      let posRunning = 0, negRunning = 0;
       const catTotal = isPercent ? totals[ci] || 1 : 1;
       for (let si = 0; si < series.length; si++) {
-        const rawVal = series[si].values[ci] ?? 0;
-        const val2 = isPercent ? rawVal / catTotal * 100 : rawVal;
+        const rawVal = series[si].values[ci] ?? 0, val2 = isPercent ? rawVal / catTotal * 100 : rawVal;
         if (val2 === 0) {
           continue;
         }
-        const isNeg = val2 < 0;
-        const base = isNeg ? negRunning : posRunning;
-        const top = base + val2;
-        const y = layout.plotTop + band * ci + barOffset;
-        const baseX = valueToX(base, range, layout.plotLeft, layout.plotRight);
-        const topX = valueToX(top, range, layout.plotLeft, layout.plotRight);
-        const x = Math.min(baseX, topX);
-        const w = Math.max(Math.abs(topX - baseX), 0.5);
+        const isNeg = val2 < 0, base = isNeg ? negRunning : posRunning, top = base + val2, y = layout.plotTop + band * ci + barOffset, baseX = valueToX(base, range, layout.plotLeft, layout.plotRight), topX = valueToX(top, range, layout.plotLeft, layout.plotRight), x = Math.min(baseX, topX), w = Math.max(Math.abs(topX - baseX), 0.5);
         primitives.push({
           kind: "rect",
           x,
@@ -99276,7 +99291,13 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
           h: barH,
           fill: barFill(chartData, series[si], si, ci),
           rx: 1,
-          part: { role: "dataPoint", seriesIndex: si, pointIndex: ci }
+          part: { role: "dataPoint", seriesIndex: si, pointIndex: ci },
+          title: buildMarkTooltip(
+            series[si].name,
+            categoryLabels[ci],
+            rawVal,
+            series[si].numberFormat
+          )
         });
         if (showLabels && Math.abs(val2) > 0) {
           dataLabels.push({
@@ -99299,8 +99320,7 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
       }
     }
   }
-  const legendPos = chartData.style?.legendPosition ?? "b";
-  const { legend, legendX, legendY, legendAnchor } = buildLegend(
+  const legendPos = chartData.style?.legendPosition ?? "b", { legend, legendX, legendY, legendAnchor } = buildLegend(
     series,
     chartData.colorPalette,
     layout.svgWidth,
@@ -99935,7 +99955,7 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
   const layoutOpts = computeLayoutOptions(chartData.axes, chartData.dataTable, seriesCount);
   const layout = computePlotLayout(element.width, element.height, chartData, true, layoutOpts);
   const catCount = Math.max(categoryLabels.length, 1);
-  const isStacked = kind === "bar" && (chartData.grouping === "stacked" || chartData.grouping === "percentStacked");
+  const isStacked = (kind === "bar" || kind === "line" || kind === "area") && (chartData.grouping === "stacked" || chartData.grouping === "percentStacked");
   const isPercent = isStacked && chartData.grouping === "percentStacked";
   const { secondary } = splitSeriesByAxis(chartData.series, chartData.axes);
   const secondaryIdx = new Set(secondary.map((e) => e.index));
@@ -99997,7 +100017,8 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
       secondaryRange,
       secondaryIdx,
       sourceIndices2,
-      horizontalAxis.xPositions
+      horizontalAxis.xPositions,
+      isStacked ? isPercent ? "percentStacked" : "stacked" : "clustered"
     );
   } else if (kind === "area") {
     plot = buildAreas(
@@ -100006,7 +100027,8 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
       layout,
       primaryRange,
       sourceIndices2,
-      horizontalAxis.xPositions
+      horizontalAxis.xPositions,
+      isStacked ? isPercent ? "percentStacked" : "stacked" : "clustered"
     );
   } else if (kind === "scatter") {
     plot = buildScatter(chartData, layout, primaryRange);
@@ -102653,8 +102675,7 @@ function seriesColor2(series, index, colorPalette) {
   return series.color ?? series.marker?.spPr?.fillColor ?? paletteColor2(index, colorPalette);
 }
 function computeValueRange2(series) {
-  let dataMin = Number.POSITIVE_INFINITY;
-  let dataMax = Number.NEGATIVE_INFINITY;
+  let dataMin = Number.POSITIVE_INFINITY, dataMax = Number.NEGATIVE_INFINITY;
   for (const item of series) {
     for (const value of item.values) {
       if (value < dataMin) {
@@ -102672,11 +102693,9 @@ function computeValueRange2(series) {
   return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
 function computeStackedValueRange(series, catCount) {
-  let maxSum = 0;
-  let minSum = 0;
+  let maxSum = 0, minSum = 0;
   for (let ci = 0; ci < catCount; ci++) {
-    let pos2 = 0;
-    let neg = 0;
+    let pos2 = 0, neg = 0;
     for (const s of series) {
       const v = s.values[ci] ?? 0;
       if (v >= 0) {
@@ -102695,10 +102714,7 @@ function valueToY2(val2, range, topY, bottomY) {
   const usable = bottomY - topY;
   let ratio;
   if (range.logScale && range.logBase) {
-    const base = range.logBase;
-    const clampedVal = Math.max(val2, range.min);
-    const logVal = Math.log(clampedVal) / Math.log(base);
-    const logMin = Math.log(range.min) / Math.log(base);
+    const base = range.logBase, clampedVal = Math.max(val2, range.min), logVal = Math.log(clampedVal) / Math.log(base), logMin = Math.log(range.min) / Math.log(base);
     ratio = (logVal - logMin) / range.span;
   } else {
     ratio = (val2 - range.min) / range.span;
@@ -102721,23 +102737,20 @@ function formatAxisValue2(val2, formatCode) {
   }
   return val2.toFixed(1);
 }
+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 categoryAxisBand(chartData) {
   const axis = chartData.axes?.find(
     (candidate) => candidate.axisType === "catAx" || candidate.axisType === "dateAx"
-  );
-  const fontPx = axis?.fontSize !== void 0 ? chartFontPx(axis.fontSize) : DEFAULT_CHART_TEXT_PX;
-  const offset = 4 + 8 * ((axis?.labelOffset ?? 100) / 100);
+  ), fontPx = axis?.fontSize !== void 0 ? chartFontPx(axis.fontSize) : DEFAULT_CHART_TEXT_PX, offset = 4 + 8 * ((axis?.labelOffset ?? 100) / 100);
   return Math.max(24, offset + fontPx * 1.2);
 }
 function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, options) {
-  const svgWidth = Math.max(1, elementWidth);
-  const svgHeight = Math.max(1, elementHeight);
-  let plotLeft = hasAxes ? 48 : 8;
-  let plotTop = 8;
-  let plotRight = svgWidth - 8;
-  let plotBottom = svgHeight - (hasAxes ? categoryAxisBand(chartData) : 8);
-  const style = chartData.style;
-  const legendPos = style?.legendPosition ?? "b";
+  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);
+  const style = chartData.style, legendPos = style?.legendPosition ?? "b";
   if (style?.hasTitle) {
     plotTop += 20;
   }
@@ -102762,8 +102775,7 @@ function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, opti
     const rowCount = options.dataTableRowCount ?? 1;
     plotBottom -= 14 + rowCount * 14;
   }
-  const plotWidth = Math.max(plotRight - plotLeft, 1);
-  const plotHeight = Math.max(plotBottom - plotTop, 1);
+  const plotWidth = Math.max(plotRight - plotLeft, 1), plotHeight = Math.max(plotBottom - plotTop, 1);
   return {
     svgWidth,
     svgHeight,
@@ -102793,8 +102805,7 @@ function axisTickValues(range) {
   );
 }
 function buildGridlinesAndLabels(range, layout) {
-  const gridlines = [];
-  const axisLabels = [];
+  const gridlines = [], axisLabels = [];
   for (const val2 of axisTickValues(range)) {
     const y = valueToY2(val2, range, layout.plotTop, layout.plotBottom);
     gridlines.push({
@@ -102854,9 +102865,7 @@ function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotT
     color: seriesColor2(s, i, colorPalette),
     label: s.name
   }));
-  let legendX = svgWidth / 2;
-  let legendY = svgHeight - 8;
-  let legendAnchor = "middle";
+  let legendX = svgWidth / 2, legendY = svgHeight - 8, legendAnchor = "middle";
   if (legendPos === "r") {
     legendX = svgWidth - 75;
     legendY = plotTop;
@@ -102871,19 +102880,10 @@ function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotT
   return { legend, legendX, legendY, legendAnchor };
 }
 function computeBarRects(series, catCount, layout, range, colorPalette) {
-  const rects = [];
-  const seriesCount = Math.max(series.length, 1);
-  const barGroupWidth = layout.plotWidth / Math.max(catCount, 1);
-  const singleBarWidth = barGroupWidth * 0.7 / seriesCount;
-  const groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
+  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++) {
     for (let si = 0; si < series.length; si++) {
-      const val2 = series[si].values[ci] ?? 0;
-      const x = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si;
-      const zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom);
-      const valY = valueToY2(val2, range, layout.plotTop, layout.plotBottom);
-      const y = Math.min(zeroY, valY);
-      const h = Math.max(Math.abs(zeroY - valY), 1);
+      const val2 = series[si].values[ci] ?? 0, x = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si, zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom), valY = valueToY2(val2, range, layout.plotTop, layout.plotBottom), y = Math.min(zeroY, valY), h = Math.max(Math.abs(zeroY - valY), 1);
       rects.push({
         x,
         y,
@@ -102896,20 +102896,15 @@ function computeBarRects(series, catCount, layout, range, colorPalette) {
   return rects;
 }
 function computeStackedBarRects(series, catCount, layout, range, colorPalette) {
-  const rects = [];
-  const barW = layout.plotWidth / Math.max(catCount, 1) * 0.7;
-  const barOffset = (layout.plotWidth / Math.max(catCount, 1) - barW) / 2;
-  const zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom);
+  const rects = [], barW = layout.plotWidth / Math.max(catCount, 1) * 0.7, barOffset = (layout.plotWidth / Math.max(catCount, 1) - barW) / 2, zeroY = valueToY2(0, range, layout.plotTop, layout.plotBottom);
   for (let ci = 0; ci < catCount; ci++) {
-    let posTop = zeroY;
-    let negBottom = zeroY;
+    let posTop = zeroY, negBottom = zeroY;
     for (let si = 0; si < series.length; si++) {
       const val2 = series[si].values[ci] ?? 0;
       if (val2 === 0) {
         continue;
       }
-      const x = layout.plotLeft + layout.plotWidth / Math.max(catCount, 1) * ci + barOffset;
-      const h = Math.max(
+      const x = layout.plotLeft + layout.plotWidth / Math.max(catCount, 1) * ci + barOffset, h = Math.max(
         Math.abs(
           valueToY2(val2, range, layout.plotTop, layout.plotBottom) - valueToY2(0, range, layout.plotTop, layout.plotBottom)
         ),
@@ -102947,9 +102942,7 @@ function computeStackedBarRects(series, catCount, layout, range, colorPalette) {
 function computeLinePoints(values, catCount, layout, range) {
   const n = Math.max(catCount, 2);
   return values.map((val2, i) => {
-    const nx = n > 1 ? i / (n - 1) : 0;
-    const x = layout.plotLeft + layout.plotWidth * nx;
-    const y = valueToY2(val2, range, layout.plotTop, layout.plotBottom);
+    const nx = n > 1 ? i / (n - 1) : 0, x = layout.plotLeft + layout.plotWidth * nx, y = valueToY2(val2, range, layout.plotTop, layout.plotBottom);
     return { x, y };
   });
 }
@@ -102957,49 +102950,30 @@ function linePointsToSvgString(points3) {
   return points3.map((p) => `${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(" ");
 }
 function computePieSlicePath(cx, cy, outerR, innerR, startAngle, endAngle) {
-  const largeArc = endAngle - startAngle > Math.PI ? 1 : 0;
-  const x1 = cx + outerR * Math.cos(startAngle);
-  const y1 = cy + outerR * Math.sin(startAngle);
-  const x2 = cx + outerR * Math.cos(endAngle);
-  const y2 = cy + outerR * Math.sin(endAngle);
+  const largeArc = endAngle - startAngle > Math.PI ? 1 : 0, x1 = cx + outerR * Math.cos(startAngle), y1 = cy + outerR * Math.sin(startAngle), x2 = cx + outerR * Math.cos(endAngle), y2 = cy + outerR * Math.sin(endAngle);
   let d;
   if (innerR > 0) {
-    const ix1 = cx + innerR * Math.cos(startAngle);
-    const iy1 = cy + innerR * Math.sin(startAngle);
-    const ix2 = cx + innerR * Math.cos(endAngle);
-    const iy2 = cy + innerR * Math.sin(endAngle);
+    const ix1 = cx + innerR * Math.cos(startAngle), iy1 = cy + innerR * Math.sin(startAngle), ix2 = cx + innerR * Math.cos(endAngle), iy2 = cy + innerR * Math.sin(endAngle);
     d = `M${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} L${ix2},${iy2} A${innerR},${innerR} 0 ${largeArc} 0 ${ix1},${iy1} Z`;
   } else {
     d = `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`;
   }
-  const midAngle = (startAngle + endAngle) / 2;
-  const labelR = outerR * 0.7;
-  const labelX = cx + labelR * Math.cos(midAngle);
-  const labelY = cy + labelR * Math.sin(midAngle);
+  const midAngle = (startAngle + endAngle) / 2, labelR = outerR * 0.7, labelX = cx + labelR * Math.cos(midAngle), labelY = cy + labelR * Math.sin(midAngle);
   return { d, midAngle, labelX, labelY };
 }
 function computePieLayout(elementWidth, elementHeight, chartData, isDoughnut) {
-  const size = Math.min(Math.max(elementWidth, 1), Math.max(elementHeight, 1));
-  const titleOffset = chartData.style?.hasTitle ? 20 : 0;
-  const legendOffset = chartData.style?.hasLegend ? 20 : 0;
-  const cx = size / 2;
-  const cy = titleOffset + (size - titleOffset - legendOffset) / 2;
-  const outerR = Math.max((size - titleOffset - legendOffset) * 0.42, 0);
-  const holeRatio = isDoughnut && chartData.doughnutHoleSize !== void 0 ? Math.min(Math.max(chartData.doughnutHoleSize, 10), 90) / 100 : 0.55;
-  const innerR = isDoughnut ? outerR * holeRatio : 0;
+  const size = Math.min(Math.max(elementWidth, 1), Math.max(elementHeight, 1)), titleOffset = chartData.style?.hasTitle ? 20 : 0, legendOffset = chartData.style?.hasLegend ? 20 : 0, cx = size / 2, cy = titleOffset + (size - titleOffset - legendOffset) / 2, outerR = Math.max((size - titleOffset - legendOffset) * 0.42, 0), holeRatio = isDoughnut && chartData.doughnutHoleSize !== void 0 ? Math.min(Math.max(chartData.doughnutHoleSize, 10), 90) / 100 : 0.55, innerR = isDoughnut ? outerR * holeRatio : 0;
   return { cx, cy, outerR, innerR, size };
 }
 function computePieSlices(values, cx, cy, outerR, innerR, options) {
   const total = values.reduce((s, v) => s + Math.abs(v), 0) || 1;
   let cumAngle = options?.startAngle ?? -Math.PI / 2;
   return values.map((val2, i) => {
-    const sliceAngle = Math.abs(val2) / total * Math.PI * 2;
-    const startAngle = cumAngle;
+    const sliceAngle = Math.abs(val2) / total * Math.PI * 2, startAngle = cumAngle;
     cumAngle += sliceAngle;
     const explosion = options?.explosions?.[i] ?? 0;
     if (explosion > 0) {
-      const mid = (startAngle + cumAngle) / 2;
-      const offset = outerR * (explosion / 100);
+      const mid = (startAngle + cumAngle) / 2, offset = outerR * (explosion / 100);
       return computePieSlicePath(
         cx + Math.cos(mid) * offset,
         cy + Math.sin(mid) * offset,
@@ -103028,9 +103002,7 @@ function computeScatterXDomain(seriesXValues2) {
   return { min, span: Math.max(Math.max(...finite2) - min, 1) };
 }
 function computeScatterDots(values, maxXIndex, layout, range, xValues, xDomain) {
-  const finiteX = xValues?.slice(0, values.length).filter(Number.isFinite);
-  const minX = xDomain ? xDomain.min : finiteX?.length ? Math.min(...finiteX) : 0;
-  const spanX = xDomain ? xDomain.span : finiteX?.length ? Math.max(Math.max(...finiteX) - minX, 1) : maxXIndex;
+  const finiteX = xValues?.slice(0, values.length).filter(Number.isFinite), minX = xDomain ? xDomain.min : finiteX?.length ? Math.min(...finiteX) : 0, spanX = xDomain ? xDomain.span : finiteX?.length ? Math.max(Math.max(...finiteX) - minX, 1) : maxXIndex;
   return values.map((val2, i) => ({
     cx: layout.plotLeft + (spanX > 0 ? (Number.isFinite(xValues?.[i]) ? xValues[i] - minX : i) / spanX : 0) * layout.plotWidth,
     cy: valueToY2(val2, range, layout.plotTop, layout.plotBottom)
@@ -103050,8 +103022,7 @@ function radarAngle(index, catCount) {
 function computeRadarPoints(values, maxVal, radius, cx, cy, catCount) {
   const denom = maxVal > 0 ? maxVal : 1;
   return values.slice(0, Math.max(catCount, 1)).map((val2, i) => {
-    const angle = radarAngle(i, catCount);
-    const r = Math.abs(val2) / denom * radius;
+    const angle = radarAngle(i, catCount), r = Math.abs(val2) / denom * radius;
     return { x: cx + r * Math.cos(angle), y: cy + r * Math.sin(angle) };
   });
 }
@@ -103118,18 +103089,15 @@ function buildChartViewModel(element) {
   if (element.type !== "chart") {
     return buildFallbackViewModel(element.width, element.height, "Chart");
   }
-  const chartEl = element;
-  const chartData = chartEl.chartData;
+  const chartEl = element, chartData = chartEl.chartData;
   if (!chartData || chartData.series.length === 0) {
     return buildFallbackViewModel(element.width, element.height, chartData?.title ?? "Chart");
   }
-  const chartType = chartData.chartType ?? "bar";
-  const kind = resolveChartKind(chartType);
+  const chartType = chartData.chartType ?? "bar", kind = resolveChartKind(chartType);
   if (kind === "unsupported") {
     return buildFallbackViewModel(element.width, element.height, chartData.title ?? chartType);
   }
-  const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0);
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestLen }, (_, i) => String(i + 1));
+  const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0), categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestLen }, (_, i) => String(i + 1));
   if (chartType === "ofPie") {
     return withChartAreaFill(
       withUserShapeOverlay(buildOfPieViewModel(element, chartData, categoryLabels), chartData),
@@ -103206,8 +103174,7 @@ function buildFlatViewModel(element, chartData, categoryLabels, kind) {
   return buildCartesianViewModel(element, chartData, categoryLabels, kind);
 }
 function buildFallbackViewModel(width, height, label) {
-  const svgWidth = Math.max(width, 1);
-  const svgHeight = Math.max(height, 1);
+  const svgWidth = Math.max(width, 1), svgHeight = Math.max(height, 1);
   return {
     svgWidth,
     svgHeight,
@@ -103255,15 +103222,7 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
     element.height,
     chartData,
     isDoughnut
-  );
-  const svgWidth = Math.max(size, 100);
-  const svgHeight = Math.max(size, 60);
-  const pieSeries = chartData.series[0];
-  const values = pieSeries?.values ?? [];
-  const startAngle = -Math.PI / 2 + (chartData.firstSliceAngle ?? 0) * Math.PI / 180;
-  const explosions = pieSeries ? values.map((_v, i) => resolveDataPointExplosion(pieSeries, i)) : void 0;
-  const slices = computePieSlices(values, cx, cy, outerR, innerR, { startAngle, explosions });
-  const primitives = slices.map(
+  ), svgWidth = Math.max(size, 100), svgHeight = Math.max(size, 60), pieSeries = chartData.series[0], values = pieSeries?.values ?? [], startAngle = -Math.PI / 2 + (chartData.firstSliceAngle ?? 0) * Math.PI / 180, explosions = pieSeries ? values.map((_v, i) => resolveDataPointExplosion(pieSeries, i)) : void 0, slices = computePieSlices(values, cx, cy, outerR, innerR, { startAngle, explosions }), primitives = slices.map(
     ({ d }, i) => ({
       kind: "path",
       d,
@@ -103272,13 +103231,17 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
       fill: pieSeries ? resolveVaryColorFill(pieSeries, i, paletteColor2(i, chartData.colorPalette)) : paletteColor2(i, chartData.colorPalette),
       stroke: "#ffffff",
       strokeWidth: 1.5,
-      part: { role: "dataPoint", seriesIndex: 0, pointIndex: i }
+      part: { role: "dataPoint", seriesIndex: 0, pointIndex: i },
+      title: buildMarkTooltip(
+        pieSeries?.name,
+        categoryLabels[i],
+        values[i] ?? 0,
+        pieSeries?.numberFormat
+      )
     })
-  );
-  const dataLabels = [];
+  ), dataLabels = [];
   if (chartData.style?.hasDataLabels) {
-    const percentBase = values.reduce((total, entry2) => total + Math.abs(entry2), 0);
-    const labelResult = buildPieDataLabels({
+    const percentBase = values.reduce((total, entry2) => total + Math.abs(entry2), 0), labelResult = buildPieDataLabels({
       slices,
       values,
       cx,
@@ -103298,12 +103261,10 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
     dataLabels.push(...labelResult.labels);
     primitives.push(...labelResult.leaderLines);
   }
-  const legendPos = chartData.style?.legendPosition ?? "b";
-  const legend = categoryLabels.map((label, i) => ({
+  const legendPos = chartData.style?.legendPosition ?? "b", legend = categoryLabels.map((label, i) => ({
     color: pieSeries ? resolveVaryColorFill(pieSeries, i, paletteColor2(i, chartData.colorPalette)) : paletteColor2(i, chartData.colorPalette),
     label
-  }));
-  const legendX = svgWidth / 2;
+  })), legendX = svgWidth / 2;
   let legendY = svgHeight - 8;
   const legendAnchor = "middle";
   if (legendPos === "t") {
@@ -103333,14 +103294,7 @@ var RADAR_RING_COLOR = "#cbd5e1";
 var RADAR_SPOKE_COLOR = "#94a3b8";
 var RADAR_LABEL_COLOR = "#64748b";
 function buildRadarViewModel(element, chartData, categoryLabels) {
-  const layout = computePlotLayout(element.width, element.height, chartData, false);
-  const cx = layout.plotLeft + layout.plotWidth / 2;
-  const cy = layout.plotTop + layout.plotHeight / 2;
-  const radius = Math.max(Math.min(layout.plotWidth, layout.plotHeight) / 2 - 4, 1);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const maxVal = Math.max(1, ...chartData.series.flatMap((s) => s.values.map((v) => Math.abs(v))));
-  const primitives = [];
-  const perimeterLabels = [];
+  const layout = computePlotLayout(element.width, element.height, chartData, false), cx = layout.plotLeft + layout.plotWidth / 2, cy = layout.plotTop + layout.plotHeight / 2, radius = Math.max(Math.min(layout.plotWidth, layout.plotHeight) / 2 - 4, 1), catCount = Math.max(categoryLabels.length, 1), maxVal = Math.max(1, ...chartData.series.flatMap((s) => s.values.map((v) => Math.abs(v)))), primitives = [], perimeterLabels = [];
   for (let r = 1; r <= RADAR_RINGS; r++) {
     const rr = radius * r / RADAR_RINGS;
     primitives.push({
@@ -103377,8 +103331,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
   }
   const dataLabels = [];
   chartData.series.forEach((series, si) => {
-    const c = seriesColor2(series, si, chartData.colorPalette);
-    const pts = computeRadarPoints(series.values, maxVal, radius, cx, cy, catCount);
+    const c = seriesColor2(series, si, chartData.colorPalette), pts = computeRadarPoints(series.values, maxVal, radius, cx, cy, catCount);
     if (pts.length === 0) {
       return;
     }
@@ -103390,7 +103343,8 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
       opacity: 0.2,
       stroke: c,
       strokeWidth: 1.5,
-      part: { role: "series", seriesIndex: si }
+      part: { role: "series", seriesIndex: si },
+      title: series.name.length > 0 ? series.name : void 0
     });
     pts.forEach((p, vi) => {
       primitives.push({
@@ -103399,7 +103353,13 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
         cy: p.y,
         r: 3,
         fill: c,
-        part: { role: "dataPoint", seriesIndex: si, pointIndex: vi }
+        part: { role: "dataPoint", seriesIndex: si, pointIndex: vi },
+        title: buildMarkTooltip(
+          series.name,
+          categoryLabels[vi],
+          series.values[vi] ?? 0,
+          series.numberFormat
+        )
       });
     });
     if (chartData.style?.hasDataLabels) {
@@ -103420,16 +103380,14 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
       });
     }
   });
-  const legendPos = chartData.style?.legendPosition ?? "b";
-  const { legend, legendX, legendY, legendAnchor } = buildLegend(
+  const legendPos = chartData.style?.legendPosition ?? "b", { legend, legendX, legendY, legendAnchor } = buildLegend(
     chartData.series,
     chartData.colorPalette,
     layout.svgWidth,
     legendPos,
     layout.svgHeight,
     layout.plotTop
-  );
-  const title = chartData.style?.hasTitle && chartData.title ? chartData.title : void 0;
+  ), title = chartData.style?.hasTitle && chartData.title ? chartData.title : void 0;
   return {
     svgWidth: layout.svgWidth,
     svgHeight: layout.svgHeight,
@@ -103988,6 +103946,31 @@ var DIRECTIONAL_PRESETS = /* @__PURE__ */ new Set([
   "floatIn",
   "peekIn"
 ]);
+function reorderAnimationTo(animations, source, targetIndex) {
+  const sorted = [...animations].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  const sourceIndex = typeof source === "number" ? source : sorted.findIndex((a) => a.elementId === source.elementId);
+  if (sourceIndex < 0 || sourceIndex >= sorted.length || targetIndex < 0 || targetIndex >= sorted.length || sourceIndex === targetIndex) {
+    return reindexOrder(sorted);
+  }
+  const [moved] = sorted.splice(sourceIndex, 1);
+  sorted.splice(targetIndex, 0, moved);
+  return reindexOrder(sorted);
+}
+function buildAnimationTimelineBars(animations) {
+  const sorted = [...animations].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  const total = Math.max(
+    1,
+    ...sorted.map((animation) => (animation.delayMs ?? 0) + (animation.durationMs ?? 500))
+  );
+  return sorted.map((animation) => ({
+    elementId: animation.elementId,
+    leftPercent: (animation.delayMs ?? 0) / total * 100,
+    widthPercent: (animation.durationMs ?? 500) / total * 100
+  }));
+}
+function reindexOrder(anims) {
+  return anims.map((a, i) => ({ ...a, order: i }));
+}
 function animationPresetLabelKey(preset) {
   return `pptx.animation.preset.${preset}`;
 }
@@ -108858,6 +108841,23 @@ var TABLE_STYLE_PRESETS = [
     borderColor: "#548235"
   }
 ];
+function applyTableStylePreset(td, preset) {
+  return td.rows.map((row, ri) => ({
+    ...row,
+    cells: row.cells.map((cell) => {
+      const isHeader = ri === 0 && Boolean(td.firstRowHeader);
+      const isBand = Boolean(td.bandedRows) && (ri - (td.firstRowHeader ? 1 : 0)) % 2 === 0;
+      const style = {
+        ...cell.style,
+        backgroundColor: isHeader ? preset.headerBg : isBand ? preset.bandBg : void 0,
+        color: isHeader ? preset.headerFg : cell.style?.color,
+        bold: isHeader ? true : cell.style?.bold,
+        borderColor: preset.borderColor
+      };
+      return { ...cell, style };
+    })
+  }));
+}
 var SEL = "bg-muted border border-border rounded px-2 py-1 text-[11px] w-full";
 var NUM = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full text-[11px]";
 var LBL = "text-muted-foreground text-[11px]";
@@ -108876,6 +108876,7 @@ var PATTERN_OPTIONS = OOXML_PATTERN_PRESETS.slice(0, 20);
 var MIN_COLUMN_PROPORTION = 0.03;
 var MIN_ROW_HEIGHT = 16;
 var DEFAULT_ROW_HEIGHT = 32;
+var MIN_COLUMN_WIDTH_FRACTION = 0.05;
 function computeColumnBoundaries(columnWidths) {
   const result = [];
   let cumulative = 0;
@@ -108904,6 +108905,39 @@ function computeResizedColumnWidths(initialWidths, index, deltaProportion) {
 function computeResizedRowHeight(initialRowHeight, deltaY) {
   return Math.round(Math.max(MIN_ROW_HEIGHT, initialRowHeight + deltaY));
 }
+function redistributeColumnWidth(widths, index, newFraction) {
+  const oldFraction = widths[index];
+  if (oldFraction === void 0) {
+    return widths;
+  }
+  const diff = newFraction - oldFraction;
+  const next = [...widths];
+  next[index] = newFraction;
+  const othersTotal = 1 - oldFraction;
+  if (othersTotal > 0) {
+    for (let j = 0; j < next.length; j++) {
+      if (j !== index) {
+        next[j] = Math.max(MIN_COLUMN_WIDTH_FRACTION, widths[j] - diff * (widths[j] / othersTotal));
+      }
+    }
+  }
+  const sum = next.reduce((a, b) => a + b, 0);
+  return sum > 0 ? next.map((w) => w / sum) : next;
+}
+function evenColumnWidths(count) {
+  if (count <= 0) {
+    return [];
+  }
+  return Array.from({ length: count }, () => 1 / count);
+}
+function evenRowHeights(rows) {
+  const count = rows.length;
+  if (count === 0) {
+    return rows;
+  }
+  const avg = Math.round(rows.reduce((s, r) => s + (r.height ?? DEFAULT_ROW_HEIGHT), 0) / count);
+  return rows.map((r) => ({ ...r, height: avg }));
+}
 function findSmartArtNodeText(data, nodeId) {
   return data.nodes.find((n) => n.id === nodeId)?.text;
 }
@@ -111828,6 +111862,8 @@ var translationsEn = {
   "pptx.ribbon.customColour": "Custom colour...",
   "pptx.ribbon.textHighlightColour": "Text highlight colour",
   "pptx.ribbon.highlightColourValue": "Highlight colour {{color}}",
+  "pptx.ribbon.fillColourValue": "Fill colour {{color}}",
+  "pptx.ribbon.outlineColourValue": "Outline colour {{color}}",
   "pptx.ribbon.bulletList": "Bullet list",
   "pptx.ribbon.justify": "Justify",
   "pptx.toolbar.findAndReplace": "Find and replace",
@@ -124835,6 +124871,102 @@ function buildSmartArtA11y(data) {
     nodes
   };
 }
+var LAYOUT_BOUNDS = {
+  // A Venn diagram is typically drawn with 2-3 overlapping sets; beyond a
+  // handful of circles it becomes unreadable.
+  venn: { min: 2, max: 3 },
+  // A 2x2 matrix has exactly four quadrants.
+  matrix: { min: 4, max: 4 },
+  // Pyramids and funnels need at least two tiers to convey a hierarchy.
+  pyramid: { min: 2, max: 5 },
+  funnel: { min: 2, max: 5 },
+  // A target is a small set of concentric rings.
+  target: { min: 2, max: 5 },
+  // Gears mesh in small clusters.
+  gear: { min: 2, max: 3 },
+  // Cycles need at least three steps to read as a loop.
+  cycle: { min: 3 }
+  // Relationship / process / list / hierarchy / timeline are flexible but
+  // still need at least one node to exist.
+};
+var DEFAULT_BOUNDS = { min: 1 };
+function getSmartArtNodeBounds(layout) {
+  if (!layout) {
+    return DEFAULT_BOUNDS;
+  }
+  return LAYOUT_BOUNDS[layout] ?? DEFAULT_BOUNDS;
+}
+function canAddTopLevelNode(layout, topLevelCount) {
+  const { max } = getSmartArtNodeBounds(layout);
+  return max === void 0 || topLevelCount < max;
+}
+function canRemoveTopLevelNode(layout, topLevelCount) {
+  const { min } = getSmartArtNodeBounds(layout);
+  return topLevelCount > min;
+}
+function describeSmartArtBounds(layout) {
+  const { min, max } = getSmartArtNodeBounds(layout);
+  if (min <= 1 && max === void 0) {
+    return void 0;
+  }
+  if (max === void 0) {
+    return `Works best with at least ${min} items.`;
+  }
+  if (min === max) {
+    return `This layout uses exactly ${max} items.`;
+  }
+  return `Works best with ${min} to ${max} items.`;
+}
+function addSiblingAfter(data, nodeId) {
+  const next = addSmartArtNode(data, "", nodeId);
+  if (next === data) {
+    return void 0;
+  }
+  const idx = next.nodes.findIndex((n) => n.id === nodeId), inserted = idx >= 0 ? next.nodes[idx + 1] : void 0;
+  return { data: next, focusNodeId: inserted?.id };
+}
+function removeEmptyNode(data, nodeId) {
+  if (data.nodes.length <= 1) {
+    return void 0;
+  }
+  const removedIndex = data.nodes.findIndex((n) => n.id === nodeId), next = removeSmartArtNode(data, nodeId);
+  if (next === data) {
+    return void 0;
+  }
+  const focusNode = next.nodes[Math.max(0, removedIndex - 1)];
+  return { data: next, focusNodeId: focusNode?.id };
+}
+function demote(data, nodeId) {
+  const next = demoteSmartArtNode(data, nodeId);
+  return next === data ? void 0 : next;
+}
+function promote(data, nodeId) {
+  const next = promoteSmartArtNode(data, nodeId);
+  return next === data ? void 0 : next;
+}
+function reorder2(data, nodeId, direction) {
+  const next = reorderSmartArtNode(data, nodeId, direction);
+  return next === data ? void 0 : next;
+}
+function siblingIndex(data, nodeId) {
+  const node = data.nodes.find((n) => n.id === nodeId);
+  if (!node) {
+    return -1;
+  }
+  const siblings = data.nodes.filter((n) => n.parentId === node.parentId);
+  return siblings.findIndex((n) => n.id === nodeId);
+}
+function siblingCount(data, nodeId) {
+  const node = data.nodes.find((n) => n.id === nodeId);
+  if (!node) {
+    return 0;
+  }
+  return data.nodes.filter((n) => n.parentId === node.parentId).length;
+}
+var TREE_CONNECTION_TYPES = /* @__PURE__ */ new Set(["parOf", "presParOf", void 0]);
+function classifyExtraConnections(data) {
+  return (data.connections ?? []).filter((c) => !TREE_CONNECTION_TYPES.has(c.type));
+}
 var THREE_UNAVAILABLE = {
   ok: false,
   resize: () => {
@@ -129273,6 +129405,17 @@ function resolveInkWidth(widths, index, fallback = 3) {
   }
   return widths[index] > 0 ? widths[index] : fallback;
 }
+function buildBarActions(opts) {
+  const { slideCount } = opts;
+  const noSlides = slideCount === 0;
+  return [
+    { key: "slides", label: "Slides", disabled: noSlides },
+    { key: "insert", label: "Insert", disabled: noSlides },
+    { key: "inspector", label: "Format", disabled: noSlides },
+    { key: "comments", label: "Comments", disabled: noSlides },
+    { key: "notes", label: "Notes", disabled: noSlides }
+  ];
+}
 var COMMENT_MENTION_ATTRIBUTE = "data-pptx-comment-mention";
 var COMMENT_MENTION_CLASS = "pptx-comment-mention";
 var usableMentions = (body, mentions) => (mentions ?? []).filter(
@@ -132749,8 +132892,7 @@ function sanitizeDownloadFilename(input) {
   return cleaned;
 }
 function downloadBlob(blob, filename) {
-  const url = URL.createObjectURL(blob);
-  const anchor = document.createElement("a");
+  const url = URL.createObjectURL(blob), anchor = document.createElement("a");
   anchor.href = url;
   anchor.download = filename;
   document.body.appendChild(anchor);
@@ -132775,13 +132917,10 @@ function dataUrlToBlob(dataUrl) {
   if (!match?.groups) {
     return void 0;
   }
-  const mime = match.groups.mime || "application/octet-stream";
-  const isBase64 = Boolean(match.groups.base64);
-  const payload = match.groups.payload ?? "";
+  const mime = match.groups.mime || "application/octet-stream", isBase64 = Boolean(match.groups.base64), payload = match.groups.payload ?? "";
   try {
     if (isBase64) {
-      const binary = atob(payload);
-      const bytes = new Uint8Array(binary.length);
+      const binary = atob(payload), bytes = new Uint8Array(binary.length);
       for (let i = 0; i < binary.length; i++) {
         bytes[i] = binary.charCodeAt(i);
       }
@@ -132793,9 +132932,7 @@ function dataUrlToBlob(dataUrl) {
   }
 }
 function openUrlInNewTab(url) {
-  const blob = url.startsWith("data:") ? dataUrlToBlob(url) : void 0;
-  const target = blob ? URL.createObjectURL(blob) : url;
-  const opened = window.open(target, "_blank");
+  const blob = url.startsWith("data:") ? dataUrlToBlob(url) : void 0, target = blob ? URL.createObjectURL(blob) : url, opened = window.open(target, "_blank");
   if (opened) {
     try {
       opened.opener = null;
@@ -134506,7 +134643,7 @@ exports.addChartCategory = addChartCategory;
 exports.addChartSeries = addChartSeries;
 exports.addQuickAccessCommand = addQuickAccessCommand;
 exports.addSection = addSection;
-exports.addSmartArtNode = addSmartArtNode;
+exports.addSiblingAfter = addSiblingAfter;
 exports.addSmartArtNodeAsChild = addSmartArtNodeAsChild;
 exports.addTagToCollections = addTagToCollections;
 exports.alignElements = alignElements;
@@ -134532,6 +134669,7 @@ exports.applyRehearsalTimings = applyRehearsalTimings;
 exports.applyReroutedConnectors = applyReroutedConnectors;
 exports.applyResize = applyResize;
 exports.applyStyleToSelectedSegments = applyStyleToSelectedSegments;
+exports.applyTableStylePreset = applyTableStylePreset;
 exports.applyThemeOverrideToSlide = applyThemeOverrideToSlide;
 exports.applyThemeToData = applyThemeToData;
 exports.attachPresentationVisibilityPause = attachPresentationVisibilityPause;
@@ -134544,6 +134682,8 @@ exports.bringForward = bringForward;
 exports.bringToFront = bringToFront;
 exports.build3DExtrusionData = build3DExtrusionData;
 exports.buildActiveSessionUsers = buildActiveSessionUsers;
+exports.buildAnimationTimelineBars = buildAnimationTimelineBars;
+exports.buildBarActions = buildBarActions;
 exports.buildBroadcastViewerUrl = buildBroadcastViewerUrl;
 exports.buildCacheKey = buildCacheKey;
 exports.buildCalloutLeaderLineSvgPath = buildCalloutLeaderLineSvgPath;
@@ -134594,10 +134734,12 @@ exports.buildTextBuildSpec = buildTextBuildSpec;
 exports.buildThemeColorGrid = buildThemeColorGrid;
 exports.buildThemeColorMap = buildThemeColorMap;
 exports.buildUserFontFaceStyles = buildUserFontFaceStyles;
+exports.canAddTopLevelNode = canAddTopLevelNode;
 exports.canCommitActionType = canCommitActionType;
 exports.canGoNext = canGoNext;
 exports.canGoPrevious = canGoPrevious;
 exports.canInteractWithElement = canInteractWithElement;
+exports.canRemoveTopLevelNode = canRemoveTopLevelNode;
 exports.canvasToJpegData = canvasToJpegData;
 exports.cellRunStyle = cellRunStyle;
 exports.cellStyleToCss = cellStyleToCss;
@@ -134612,6 +134754,7 @@ exports.clampSorterZoom = clampSorterZoom;
 exports.clampTransitionNumber = clampTransitionNumber;
 exports.clampUnitInterval = clampUnitInterval2;
 exports.clampZoomScale = clampZoomScale;
+exports.classifyExtraConnections = classifyExtraConnections;
 exports.clearAllLocalViewerData = clearAllLocalViewerData;
 exports.clearAudienceContent = clearAudienceContent;
 exports.clearLocalAwareness = clearLocalAwareness;
@@ -134631,6 +134774,7 @@ exports.comparePresentation = comparePresentation;
 exports.compileEquationTemplateMathMl = compileEquationTemplateMathMl;
 exports.compileLatexEquation = compileLatexEquation;
 exports.computeAllNotesPages = computeAllNotesPages;
+exports.computeChartLegendLayout = computeChartLegendLayout;
 exports.computeColumnBoundaries = computeColumnBoundaries;
 exports.computeDrawingViewBox = computeDrawingViewBox;
 exports.computeEntranceAnimationDelay = computeEntranceAnimationDelay;
@@ -134678,9 +134822,10 @@ exports.deleteSection = deleteSection;
 exports.deleteTableColumn = deleteTableColumn;
 exports.deleteTableRow = deleteTableRow;
 exports.deleteTagFromCollections = deleteTagFromCollections;
-exports.demoteSmartArtNode = demoteSmartArtNode;
+exports.demote = demote;
 exports.deriveSlideFieldContext = deriveSlideFieldContext;
 exports.describeFontEmbedding = describeFontEmbedding;
+exports.describeSmartArtBounds = describeSmartArtBounds;
 exports.detectOrientation = detectOrientation;
 exports.detectTouchDevice = detectTouchDevice;
 exports.discardAutosaveRecovery = discardAutosaveRecovery;
@@ -134698,6 +134843,8 @@ exports.ensureActionAffordanceStyles = ensureActionAffordanceStyles;
 exports.ensureChartInteractionStyles = ensureChartInteractionStyles;
 exports.erasePresentationInkAt = erasePresentationInkAt;
 exports.escapeHtml2 = escapeHtml22;
+exports.evenColumnWidths = evenColumnWidths;
+exports.evenRowHeights = evenRowHeights;
 exports.exportDeckJson = exportDeckJson;
 exports.extraQuickAccessCommands = extraQuickAccessCommands;
 exports.extractPathPoints = extractPathPoints;
@@ -134921,7 +135068,7 @@ exports.printPropertiesFrameSlides = printPropertiesFrameSlides;
 exports.printPropertiesSlidesPerPage = printPropertiesSlidesPerPage;
 exports.probeAutosaveRecovery = probeAutosaveRecovery;
 exports.projectDrawingShapes = projectDrawingShapes;
-exports.promoteSmartArtNode = promoteSmartArtNode;
+exports.promote = promote;
 exports.publishLiveGeometry = publishLiveGeometry;
 exports.publishLiveInlineText = publishLiveInlineText;
 exports.quickStyleSwatchCss = quickStyleSwatchCss;
@@ -134938,6 +135085,7 @@ exports.rebuildTableStructureInRawXml = rebuildTableStructureInRawXml;
 exports.reconcileSlidesInYDoc = reconcileSlidesInYDoc;
 exports.recordProgressPercent = recordProgressPercent;
 exports.rectToCells = rectToCells;
+exports.redistributeColumnWidth = redistributeColumnWidth;
 exports.registerCollaborationTeardown = registerCollaborationTeardown;
 exports.registerCustomFont = registerCustomFont;
 exports.registerPersistentAudio = registerPersistentAudio;
@@ -134945,6 +135093,7 @@ exports.remapTextToSegments = remapTextToSegments;
 exports.rememberSessionDeck = rememberSessionDeck;
 exports.removeChartCategory = removeChartCategory;
 exports.removeChartSeries = removeChartSeries;
+exports.removeEmptyNode = removeEmptyNode;
 exports.removeLastTableElementColumn = removeLastTableElementColumn;
 exports.removeLastTableElementRow = removeLastTableElementRow;
 exports.removeQuickAccessCommand = removeQuickAccessCommand;
@@ -134952,7 +135101,8 @@ exports.removeSmartArtNode = removeSmartArtNode;
 exports.removeTableElementColumn = removeTableElementColumn;
 exports.removeTableElementRow = removeTableElementRow;
 exports.renameSection = renameSection;
-exports.reorderSmartArtNode = reorderSmartArtNode;
+exports.reorder = reorder2;
+exports.reorderAnimationTo = reorderAnimationTo;
 exports.replaceMasterViewElements = replaceMasterViewElements;
 exports.rerouteConnectorsForMovedElements = rerouteConnectorsForMovedElements;
 exports.resetPresenterTimer = resetPresenterTimer;
@@ -135046,6 +135196,8 @@ exports.shouldRoomSlidesReplaceLoad = shouldRoomSlidesReplaceLoad;
 exports.shouldShowAutosaveRecoveryPrompt = shouldShowAutosaveRecoveryPrompt;
 exports.shouldUseSvgWarp = shouldUseSvgWarp;
 exports.shouldWriteAutosaveSnapshot = shouldWriteAutosaveSnapshot;
+exports.siblingCount = siblingCount;
+exports.siblingIndex = siblingIndex;
 exports.slideProgressPercent = slideProgressPercent;
 exports.slideShowOptionChange = slideShowOptionChange;
 exports.slideSizeFromPreset = slideSizeFromPreset;