pptx-react-viewer 2.18.0 → 2.19.0

package/dist/{chunk-BZOL6FXF.mjs → chunk-MWEBCWVD.mjs}

@@ -1,8 +1,8 @@
-import { translationsEn } from './chunk-SNL6LBRX.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedFillStyle, getComputedEffectStyle, getComputedStrokeStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, getResolvedShapeClipPath, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, chartAreaFill, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, splitRunForMetrics, hexToRgbChannels, chartPartToAttrs, segmentByScript, resolveFontForScript } from './chunk-GODW6RNR.mjs';
+import { translationsEn } from './chunk-SQJBFMEX.mjs';
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedFillStyle, getComputedEffectStyle, getComputedStrokeStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, getResolvedShapeClipPath, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, chartPartToAttrs, splitRunForMetrics, hexToRgbChannels, segmentByScript, resolveFontForScript } from './chunk-XF3EOHY2.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
+import React6, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
 import { LuTriangle, LuPlus, LuMoveRight, LuMinus, LuDiamond, LuDatabase, LuCircle, LuSquare } from 'react-icons/lu';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
@@ -3636,7 +3636,8 @@ function renderPrimitive(prim, key) {
           stroke: p.stroke ?? "none",
           strokeWidth: p.strokeWidth ?? 0,
           fillOpacity: p.opacity ?? 1,
-          ...partAttrs(p.part)
+          ...partAttrs(p.part),
+          children: p.title !== void 0 ? /* @__PURE__ */ jsx("title", { children: p.title }) : null
         },
         key
       );
@@ -3822,2277 +3823,22 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
     }
   );
 }
-
-// src/viewer/utils/chart-area-line.tsx
-function renderAreaChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderLineChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderBoxWhiskerChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderHistogramChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderDefaultBarChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-var WORLD_REGIONS = [
-  // North America
-  {
-    code: "US",
-    name: "United States",
-    path: "M130,160 L250,155 265,170 270,190 260,210 230,215 200,220 170,215 145,205 130,195Z M280,175 L295,165 310,170 310,185 295,195 280,190Z",
-    labelXY: [200, 190]
-  },
-  {
-    code: "CA",
-    name: "Canada",
-    path: "M120,90 L280,85 290,100 295,130 280,150 250,155 200,155 160,155 130,155 115,140 110,115Z",
-    labelXY: [200, 125]
-  },
-  {
-    code: "MX",
-    name: "Mexico",
-    path: "M145,215 L200,220 210,235 200,255 185,265 165,260 150,245 140,230Z",
-    labelXY: [175, 240]
-  },
-  // South America
-  {
-    code: "BR",
-    name: "Brazil",
-    path: "M270,300 L310,280 335,290 340,320 330,355 310,370 285,365 265,345 260,320Z",
-    labelXY: [300, 330]
-  },
-  {
-    code: "AR",
-    name: "Argentina",
-    path: "M260,370 L280,365 290,380 285,410 275,435 260,445 250,425 248,395Z",
-    labelXY: [268, 410]
-  },
-  // Europe
-  {
-    code: "GB",
-    name: "United Kingdom",
-    path: "M440,120 L448,110 455,115 455,135 448,142 440,138Z",
-    labelXY: [448, 128]
-  },
-  {
-    code: "FR",
-    name: "France",
-    path: "M450,145 L470,140 480,150 478,168 465,175 450,170 445,158Z",
-    labelXY: [463, 158]
-  },
-  {
-    code: "DE",
-    name: "Germany",
-    path: "M478,125 L498,120 505,130 502,148 490,152 478,148 475,138Z",
-    labelXY: [490, 138]
-  },
-  {
-    code: "IT",
-    name: "Italy",
-    path: "M490,155 L498,152 505,162 500,180 492,190 488,178 486,165Z",
-    labelXY: [495, 172]
-  },
-  {
-    code: "ES",
-    name: "Spain",
-    path: "M432,168 L460,165 465,175 460,188 442,192 430,185 428,175Z",
-    labelXY: [448, 180]
-  },
-  // Russia spans Europe/Asia
-  {
-    code: "RU",
-    name: "Russia",
-    path: "M510,60 L780,50 830,70 840,100 820,120 750,115 700,105 650,100 580,105 530,110 510,100 505,80Z",
-    labelXY: [670, 85]
-  },
-  {
-    code: "TR",
-    name: "Turkey",
-    path: "M530,165 L570,160 585,170 580,182 555,185 530,180Z",
-    labelXY: [558, 175]
-  },
-  // Africa
-  {
-    code: "EG",
-    name: "Egypt",
-    path: "M530,200 L555,195 565,205 560,225 545,230 530,222Z",
-    labelXY: [548, 215]
-  },
-  {
-    code: "NG",
-    name: "Nigeria",
-    path: "M475,275 L500,270 510,280 505,298 490,302 475,295Z",
-    labelXY: [492, 288]
-  },
-  {
-    code: "ZA",
-    name: "South Africa",
-    path: "M520,380 L545,370 560,380 555,400 540,410 520,405 515,392Z",
-    labelXY: [538, 392]
-  },
-  // Middle East
-  {
-    code: "SA",
-    name: "Saudi Arabia",
-    path: "M565,220 L600,210 615,225 610,250 590,258 570,250 560,238Z",
-    labelXY: [590, 238]
-  },
-  // Asia
-  {
-    code: "IN",
-    name: "India",
-    path: "M640,210 L665,195 685,210 688,240 678,268 660,278 645,265 635,240Z",
-    labelXY: [662, 240]
-  },
-  {
-    code: "CN",
-    name: "China",
-    path: "M700,120 L775,115 800,130 805,160 790,180 760,185 730,180 710,168 695,150 690,135Z",
-    labelXY: [750, 155]
-  },
-  {
-    code: "JP",
-    name: "Japan",
-    path: "M835,145 L845,135 852,140 850,158 842,165 835,160Z",
-    labelXY: [843, 152]
-  },
-  {
-    code: "KR",
-    name: "South Korea",
-    path: "M815,158 L825,152 830,160 827,170 818,172 813,165Z",
-    labelXY: [822, 163]
-  },
-  {
-    code: "ID",
-    name: "Indonesia",
-    path: "M740,295 L780,288 810,292 830,298 825,310 790,312 755,308 740,305Z",
-    labelXY: [785, 302]
-  },
-  // Oceania
-  {
-    code: "AU",
-    name: "Australia",
-    path: "M790,350 L850,340 880,355 885,385 870,405 840,410 810,400 790,380Z",
-    labelXY: [838, 378]
-  }
-];
-function renderMapChart(element, chartData, categoryLabels) {
-  const svgWidth = element.width;
-  const svgHeight = element.height;
-  const categories = categoryLabels.length > 0 ? categoryLabels : chartData.categories;
-  const series = chartData.series;
-  const values = series.length > 0 ? series[0].values : [];
-  const finiteVals = values.filter((v) => Number.isFinite(v));
-  const minVal = finiteVals.length > 0 ? Math.min(...finiteVals) : 0;
-  const maxVal = finiteVals.length > 0 ? Math.max(...finiteVals) : 1;
-  const regionValueMap = /* @__PURE__ */ new Map();
-  const unmatchedRows = [];
-  categories.forEach((cat, i) => {
-    const value = values[i] ?? 0;
-    const code = resolveRegionCode(cat);
-    if (code) {
-      regionValueMap.set(code, { value, label: cat });
-    } else {
-      unmatchedRows.push({ label: cat, value });
-    }
-  });
-  const legendHeight = 30;
-  const fallbackRowH = 14;
-  const fallbackTableH = unmatchedRows.length > 0 ? Math.min(unmatchedRows.length + 1, 6) * fallbackRowH + 8 : 0;
-  const titleH = chartData.title ? 22 : 0;
-  const mapAreaH = Math.max(svgHeight - titleH - legendHeight - fallbackTableH - 8, 80);
-  const mapScale = Math.min((svgWidth - 20) / 1e3, mapAreaH / 500);
-  const mapOffsetX = (svgWidth - 1e3 * mapScale) / 2;
-  const mapOffsetY = titleH + 4;
-  const elements = [];
-  if (chartData.title) {
-    elements.push(
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: svgWidth / 2,
-          y: 16,
-          textAnchor: "middle",
-          fontSize: 12,
-          fontWeight: 700,
-          fill: "#334155",
-          children: chartData.title
-        },
-        `${element.id}-map-title`
-      )
-    );
+function renderChartElement(element) {
+  if (element.type !== "chart") {
+    return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: translationsEn["pptx.chart.heading"] });
   }
-  WORLD_REGIONS.forEach((region) => {
-    const entry = regionValueMap.get(region.code);
-    let fill = "#e2e8f0";
-    let dataLabel = null;
-    if (entry) {
-      const t = normalizeValue(entry.value, minVal, maxVal);
-      fill = sequentialColorScale(t);
-      dataLabel = /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: region.labelXY[0] * mapScale + mapOffsetX,
-          y: region.labelXY[1] * mapScale + mapOffsetY + 4,
-          textAnchor: "middle",
-          fontSize: Math.max(6, 7 * mapScale),
-          fontWeight: 600,
-          fill: "#1e293b",
-          style: { pointerEvents: "none" },
-          children: formatAxisValue(entry.value)
-        },
-        `${element.id}-map-dl-${region.code}`
-      );
-    }
-    elements.push(
-      /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: region.path,
-            fill,
-            stroke: "#94a3b8",
-            strokeWidth: 0.5 / mapScale,
-            transform: `translate(${mapOffsetX},${mapOffsetY}) scale(${mapScale})`,
-            opacity: 0.9,
-            children: /* @__PURE__ */ jsxs("title", { children: [
-              region.name,
-              entry ? `: ${formatAxisValue(entry.value)}` : ""
-            ] })
-          }
-        ),
-        dataLabel
-      ] }, `${element.id}-map-g-${region.code}`)
-    );
-  });
-  const legendY = mapOffsetY + mapAreaH + 4;
-  const barW = Math.min(svgWidth * 0.4, 160);
-  const barX = (svgWidth - barW) / 2;
-  const gradId = `${element.id}-map-choropleth-grad`;
-  elements.push(
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradId, x1: "0", y1: "0", x2: "1", y2: "0", children: [
-      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#dbeafe" }),
-      /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: "#3b82f6" }),
-      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#1e3a5f" })
-    ] }) }, `${element.id}-map-defs`),
-    /* @__PURE__ */ jsx(
-      "rect",
-      {
-        x: barX,
-        y: legendY,
-        width: barW,
-        height: 8,
-        rx: 4,
-        fill: `url(#${gradId})`
-      },
-      `${element.id}-map-legend-bar`
-    ),
-    /* @__PURE__ */ jsx(
-      "text",
-      {
-        x: barX,
-        y: legendY + 18,
-        fontSize: 7,
-        fill: "#64748b",
-        textAnchor: "middle",
-        children: formatAxisValue(minVal)
-      },
-      `${element.id}-map-legend-min`
-    ),
-    /* @__PURE__ */ jsx(
-      "text",
-      {
-        x: barX + barW,
-        y: legendY + 18,
-        fontSize: 7,
-        fill: "#64748b",
-        textAnchor: "middle",
-        children: formatAxisValue(maxVal)
-      },
-      `${element.id}-map-legend-max`
-    )
-  );
-  if (unmatchedRows.length > 0) {
-    const tableY = legendY + 26;
-    const fontSize = Math.min(8, fallbackRowH * 0.7);
-    const colW = Math.min((svgWidth - 20) / 2, 120);
-    const tableX = (svgWidth - colW * 2) / 2;
-    elements.push(
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: svgWidth / 2,
-          y: tableY,
-          textAnchor: "middle",
-          fontSize: 7,
-          fill: "#94a3b8",
-          children: translationsEn["pptx.chart.additionalRegionsFallback"]
-        },
-        `${element.id}-map-ft-hdr`
-      )
-    );
-    const maxRows = Math.min(unmatchedRows.length, 5);
-    for (let i = 0; i < maxRows; i++) {
-      const row = unmatchedRows[i];
-      const y = tableY + fallbackRowH * (i + 1);
-      if (y + fallbackRowH > svgHeight) {
-        break;
-      }
-      if (i % 2 === 0) {
-        elements.push(
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: tableX,
-              y: y - fallbackRowH + 4,
-              width: colW * 2,
-              height: fallbackRowH,
-              fill: "#f1f5f9",
-              rx: 2
-            },
-            `${element.id}-map-ft-bg-${i}`
-          )
-        );
-      }
-      elements.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: tableX + 4,
-            y,
-            fontSize,
-            fill: "#334155",
-            children: row.label
-          },
-          `${element.id}-map-ft-lbl-${i}`
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: tableX + colW + 4,
-            y,
-            fontSize,
-            fill: "#475569",
-            children: formatAxisValue(row.value)
-          },
-          `${element.id}-map-ft-val-${i}`
-        )
-      );
-    }
-    if (unmatchedRows.length > 5) {
-      const moreY = tableY + fallbackRowH * 6;
-      elements.push(
-        /* @__PURE__ */ jsxs(
-          "text",
-          {
-            x: svgWidth / 2,
-            y: moreY,
-            textAnchor: "middle",
-            fontSize: 6,
-            fill: "#94a3b8",
-            children: [
-              "+",
-              unmatchedRows.length - 5,
-              " more regions"
-            ]
-          },
-          `${element.id}-map-ft-more`
-        )
-      );
-    }
+  const chartData = element.chartData;
+  if (!chartData || chartData.series.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: translationsEn["pptx.chart.heading"] });
   }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${svgWidth} ${svgHeight}`,
-      preserveAspectRatio: "xMidYMid meet",
-      role: "img",
-      "aria-label": `Geographic map chart${chartData.title ? `: ${chartData.title}` : ""}`,
-      children: [
-        /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: svgWidth, height: svgHeight, fill: "#f8fafc", rx: 4 }),
-        elements
-      ]
-    }
+  const kind = resolveChartKind(chartData.chartType ?? "bar");
+  return renderChartViewModel(
+    element.id,
+    buildReactChartViewModel(element),
+    chartPreserveAspectRatio(kind)
   );
 }
 
-// src/viewer/utils/chart-pie.tsx
-function renderPieChart(element, _chartData, _categoryLabels) {
-  const vm = buildReactChartViewModel(element);
-  return renderChartViewModel(element.id, vm, "xMidYMid meet");
-}
-
-// src/viewer/utils/chart-radar.tsx
-function renderRadarChart(element, _chartData, _categoryLabels) {
-  const vm = buildReactChartViewModel(element);
-  return renderChartViewModel(element.id, vm, "xMidYMid meet");
-}
-
-// src/viewer/utils/chart-scatter-bubble.tsx
-function renderScatterChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderBubbleChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-
-// src/viewer/utils/chart-stacked-bar.tsx
-function renderStackedBarChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-
-// src/viewer/utils/chart-overlay-utils.ts
-function sColor(series, idx) {
-  return seriesColor(series, idx);
-}
-function valToY(val, range, topY, bottomY) {
-  const usable = bottomY - topY;
-  return bottomY - (val - range.min) / range.span * usable;
-}
-function xToPixel(xVal, catCount, layout, mode) {
-  {
-    const slotWidth = layout.plotWidth / Math.max(catCount, 1);
-    return layout.plotLeft + slotWidth * xVal + slotWidth / 2;
-  }
-}
-function computeLinearRegression(xVals, yVals) {
-  const n = xVals.length;
-  if (n < 2) {
-    return { slope: 0, intercept: 0, rSquared: 0 };
-  }
-  let sumX = 0, sumY = 0, sumXY = 0, sumXX = 0;
-  for (let i = 0; i < n; i++) {
-    sumX += xVals[i];
-    sumY += yVals[i];
-    sumXY += xVals[i] * yVals[i];
-    sumXX += xVals[i] * xVals[i];
-  }
-  const denom = n * sumXX - sumX * sumX;
-  if (Math.abs(denom) < 1e-12) {
-    return { slope: 0, intercept: sumY / n, rSquared: 0 };
-  }
-  const slope = (n * sumXY - sumX * sumY) / denom;
-  const intercept = (sumY - slope * sumX) / n;
-  const ssRes = yVals.reduce((s, y, i) => s + (y - (slope * xVals[i] + intercept)) ** 2, 0);
-  const meanY = sumY / n;
-  const ssTot = yVals.reduce((s, y) => s + (y - meanY) ** 2, 0);
-  const rSquared = ssTot > 0 ? 1 - ssRes / ssTot : 0;
-  return { slope, intercept, rSquared };
-}
-function fitPolynomial(xVals, yVals, order) {
-  const n = xVals.length;
-  const m = order + 1;
-  const matrix = Array.from({ length: m }, () => Array(m + 1).fill(0));
-  for (let i = 0; i < m; i++) {
-    for (let j = 0; j < m; j++) {
-      let sum2 = 0;
-      for (let k = 0; k < n; k++) {
-        sum2 += xVals[k] ** (i + j);
-      }
-      matrix[i][j] = sum2;
-    }
-    let sum = 0;
-    for (let k = 0; k < n; k++) {
-      sum += yVals[k] * xVals[k] ** i;
-    }
-    matrix[i][m] = sum;
-  }
-  for (let i = 0; i < m; i++) {
-    let maxRow = i;
-    for (let k = i + 1; k < m; k++) {
-      if (Math.abs(matrix[k][i]) > Math.abs(matrix[maxRow][i])) {
-        maxRow = k;
-      }
-    }
-    [matrix[i], matrix[maxRow]] = [matrix[maxRow], matrix[i]];
-    const pivot = matrix[i][i];
-    if (Math.abs(pivot) < 1e-12) {
-      continue;
-    }
-    for (let j = i; j <= m; j++) {
-      matrix[i][j] /= pivot;
-    }
-    for (let k = 0; k < m; k++) {
-      if (k === i) {
-        continue;
-      }
-      const factor = matrix[k][i];
-      for (let j = i; j <= m; j++) {
-        matrix[k][j] -= factor * matrix[i][j];
-      }
-    }
-  }
-  return matrix.map((row) => row[m]);
-}
-function computeRSquared(xVals, yVals, evalFn) {
-  const n = xVals.length;
-  const meanY = yVals.reduce((s, y) => s + y, 0) / n;
-  let ssRes = 0, ssTot = 0;
-  for (let i = 0; i < n; i++) {
-    ssRes += (yVals[i] - evalFn(xVals[i])) ** 2;
-    ssTot += (yVals[i] - meanY) ** 2;
-  }
-  return ssTot > 0 ? 1 - ssRes / ssTot : 0;
-}
-function computeTrendlinePoints(trendline, values, catCount, layout, range, mode) {
-  const n = values.length;
-  if (n < 2) {
-    return { points: [], equation: "", rSquared: 0 };
-  }
-  const xVals = values.map((_v, i) => i);
-  const yVals = values;
-  const forward = trendline.forward ?? 0;
-  const backward = trendline.backward ?? 0;
-  const startX = -backward;
-  const endX = n - 1 + forward;
-  const steps = Math.max(Math.ceil((endX - startX) * 4), 20);
-  let evalFn;
-  let equation = "";
-  let rSquared = 0;
-  switch (trendline.trendlineType) {
-    case "linear": {
-      const reg = computeLinearRegression(xVals, yVals);
-      const slope = trendline.intercept !== void 0 ? yVals.reduce((s, y, i) => s + (y - trendline.intercept) * xVals[i], 0) / xVals.reduce((s, x) => s + x * x, 0) : reg.slope;
-      const b = trendline.intercept ?? reg.intercept;
-      evalFn = (x) => slope * x + b;
-      equation = `y = ${slope.toFixed(2)}x + ${b.toFixed(2)}`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "exponential": {
-      const logY = yVals.filter((y) => y > 0).map((y) => Math.log(y));
-      const filteredX = xVals.filter((_x, i) => yVals[i] > 0);
-      if (logY.length < 2) {
-        return { points: [], equation: "", rSquared: 0 };
-      }
-      const reg = computeLinearRegression(filteredX, logY);
-      const a = Math.exp(reg.intercept);
-      const b = reg.slope;
-      evalFn = (x) => a * Math.exp(b * x);
-      equation = `y = ${a.toFixed(2)}e^(${b.toFixed(2)}x)`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "logarithmic": {
-      const lnX = xVals.filter((x) => x > 0).map((x) => Math.log(x));
-      const filteredY = yVals.filter((_y, i) => xVals[i] > 0);
-      if (lnX.length < 2) {
-        return { points: [], equation: "", rSquared: 0 };
-      }
-      const reg = computeLinearRegression(lnX, filteredY);
-      evalFn = (x) => x > 0 ? reg.slope * Math.log(x) + reg.intercept : 0;
-      equation = `y = ${reg.slope.toFixed(2)}ln(x) + ${reg.intercept.toFixed(2)}`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "power": {
-      const logX = xVals.filter((x, i) => x > 0 && yVals[i] > 0).map((x) => Math.log(x));
-      const logY = yVals.filter((y, i) => y > 0 && xVals[i] > 0).map((y) => Math.log(y));
-      if (logX.length < 2) {
-        return { points: [], equation: "", rSquared: 0 };
-      }
-      const reg = computeLinearRegression(logX, logY);
-      const a = Math.exp(reg.intercept);
-      evalFn = (x) => x > 0 ? a * x ** reg.slope : 0;
-      equation = `y = ${a.toFixed(2)}x^${reg.slope.toFixed(2)}`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "polynomial": {
-      const order = Math.min(trendline.order ?? 2, 6);
-      const coeffs = fitPolynomial(xVals, yVals, order);
-      evalFn = (x) => coeffs.reduce((s, c, i) => s + c * x ** i, 0);
-      equation = coeffs.map((c, i) => `${c.toFixed(2)}x^${i}`).join(" + ");
-      rSquared = computeRSquared(xVals, yVals, evalFn);
-      break;
-    }
-    case "movingAvg": {
-      const period = trendline.period ?? 2;
-      const maPoints = [];
-      for (let i = period - 1; i < n; i++) {
-        let sum = 0;
-        for (let j = i - period + 1; j <= i; j++) {
-          sum += yVals[j];
-        }
-        const avgVal = sum / period;
-        const px = xToPixel(i, catCount, layout);
-        const py = valToY(avgVal, range, layout.plotTop, layout.plotBottom);
-        maPoints.push({ x: px, y: py });
-      }
-      return {
-        points: maPoints,
-        equation: `${period}-period moving average`,
-        rSquared: 0
-      };
-    }
-    default:
-      return { points: [], equation: "", rSquared: 0 };
-  }
-  const points = [];
-  for (let step = 0; step <= steps; step++) {
-    const xVal = startX + (endX - startX) * step / steps;
-    const yVal = evalFn(xVal);
-    if (!Number.isFinite(yVal)) {
-      continue;
-    }
-    const px = xToPixel(xVal, catCount, layout);
-    const py = valToY(yVal, range, layout.plotTop, layout.plotBottom);
-    points.push({ x: px, y: py });
-  }
-  return { points, equation, rSquared };
-}
-function renderTrendlines(elementId, chartData, layout, range, mode) {
-  const catCount = Math.max(chartData.categories.length, 1);
-  const nodes = [];
-  chartData.series.forEach((series, si) => {
-    if (!series.trendlines || series.trendlines.length === 0) {
-      return;
-    }
-    series.trendlines.forEach((tl, ti) => {
-      const { points, equation, rSquared } = computeTrendlinePoints(
-        tl,
-        series.values,
-        catCount,
-        layout,
-        range);
-      if (points.length < 2) {
-        return;
-      }
-      const pathD = points.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ");
-      const strokeColor = tl.color || sColor(series, si);
-      nodes.push(
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: pathD,
-            fill: "none",
-            stroke: strokeColor,
-            strokeWidth: 1.5,
-            strokeDasharray: "6 3",
-            opacity: 0.8
-          },
-          `${elementId}-tl-${si}-${ti}`
-        )
-      );
-      const textParts = [];
-      if (tl.displayEq && equation) {
-        textParts.push(equation);
-      }
-      if (tl.displayRSq) {
-        textParts.push(`R\xB2 = ${rSquared.toFixed(4)}`);
-      }
-      if (textParts.length > 0) {
-        const lastPt = points[points.length - 1];
-        nodes.push(
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: lastPt.x,
-              y: lastPt.y - 6,
-              textAnchor: "end",
-              fontSize: 7,
-              fill: strokeColor,
-              children: textParts.join("  ")
-            },
-            `${elementId}-tl-txt-${si}-${ti}`
-          )
-        );
-      }
-    });
-  });
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("g", { children: nodes }, `${elementId}-trendlines`);
-}
-function computeErrorValue(errBars, values, pointIndex, direction) {
-  switch (errBars.valType) {
-    case "fixedVal":
-      return errBars.val ?? 0;
-    case "percentage":
-      return Math.abs(values[pointIndex]) * ((errBars.val ?? 0) / 100);
-    case "stdDev": {
-      const n = values.length;
-      const mean = values.reduce((s, v) => s + v, 0) / n;
-      const variance = values.reduce((s, v) => s + (v - mean) ** 2, 0) / n;
-      const stdDev = Math.sqrt(variance);
-      return stdDev * (errBars.val ?? 1);
-    }
-    case "stdErr": {
-      const n2 = values.length;
-      const mean2 = values.reduce((s, v) => s + v, 0) / n2;
-      const variance2 = values.reduce((s, v) => s + (v - mean2) ** 2, 0) / n2;
-      return Math.sqrt(variance2 / n2);
-    }
-    case "cust": {
-      if (direction === "plus") {
-        return errBars.customPlus?.[pointIndex] ?? 0;
-      }
-      return errBars.customMinus?.[pointIndex] ?? 0;
-    }
-    default:
-      return 0;
-  }
-}
-function renderErrorBars(elementId, chartData, layout, range, mode) {
-  const catCount = Math.max(chartData.categories.length, 1);
-  const nodes = [];
-  const capW = 4;
-  chartData.series.forEach((series, si) => {
-    if (!series.errBars || series.errBars.length === 0) {
-      return;
-    }
-    series.errBars.forEach((eb) => {
-      if (eb.direction !== "y") {
-        return;
-      }
-      series.values.forEach((val, vi) => {
-        const cx = xToPixel(vi, catCount, layout);
-        const baseY = valToY(val, range, layout.plotTop, layout.plotBottom);
-        if (eb.barType === "plus" || eb.barType === "both") {
-          const plusErr = computeErrorValue(eb, series.values, vi, "plus");
-          const topY = valToY(val + plusErr, range, layout.plotTop, layout.plotBottom);
-          nodes.push(
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: cx,
-                y1: baseY,
-                x2: cx,
-                y2: topY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-p-${si}-${vi}`
-            ),
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: cx - capW,
-                y1: topY,
-                x2: cx + capW,
-                y2: topY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-pc-${si}-${vi}`
-            )
-          );
-        }
-        if (eb.barType === "minus" || eb.barType === "both") {
-          const minusErr = computeErrorValue(eb, series.values, vi, "minus");
-          const botY = valToY(val - minusErr, range, layout.plotTop, layout.plotBottom);
-          nodes.push(
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: cx,
-                y1: baseY,
-                x2: cx,
-                y2: botY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-m-${si}-${vi}`
-            ),
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: cx - capW,
-                y1: botY,
-                x2: cx + capW,
-                y2: botY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-mc-${si}-${vi}`
-            )
-          );
-        }
-      });
-    });
-  });
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("g", { children: nodes }, `${elementId}-errorbars`);
-}
-function renderDropLines(elementId, chartData, layout, range, mode) {
-  if (!chartData.dropLines) {
-    return null;
-  }
-  const catCount = Math.max(chartData.categories.length, 1);
-  const style = chartData.dropLines;
-  const baselineY = valToY(range.min, range, layout.plotTop, layout.plotBottom);
-  const nodes = [];
-  chartData.series.forEach((series, si) => {
-    series.values.forEach((val, vi) => {
-      const cx = xToPixel(vi, catCount, layout);
-      const dataY = valToY(val, range, layout.plotTop, layout.plotBottom);
-      nodes.push(
-        /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: cx,
-            y1: dataY,
-            x2: cx,
-            y2: baselineY,
-            stroke: style.color || "#94a3b8",
-            strokeWidth: style.width ?? 0.8,
-            strokeDasharray: style.dashStyle === "dash" ? "4 3" : void 0
-          },
-          `${elementId}-dl-${si}-${vi}`
-        )
-      );
-    });
-  });
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("g", { children: nodes }, `${elementId}-droplines`);
-}
-function renderUpDownBars(elementId, chartData, layout, range, mode) {
-  if (!chartData.upDownBars || chartData.series.length < 2) {
-    return null;
-  }
-  const catCount = Math.max(chartData.categories.length, 1);
-  const bars = chartData.upDownBars;
-  const first = chartData.series[0];
-  const last = chartData.series[chartData.series.length - 1];
-  const slot = layout.plotWidth / catCount;
-  const gapWidth = bars.gapWidth ?? 150;
-  const barW = Math.max(slot / (1 + Math.max(gapWidth, 0) / 100), 1);
-  const upFill = bars.upBars?.fillColor ?? "#e2e8f0";
-  const downFill = bars.downBars?.fillColor ?? "#334155";
-  const nodes = [];
-  for (let vi = 0; vi < catCount; vi++) {
-    const firstVal = first.values[vi];
-    const lastVal = last.values[vi];
-    if (firstVal === void 0 || lastVal === void 0) {
-      continue;
-    }
-    const firstY = valToY(firstVal, range, layout.plotTop, layout.plotBottom);
-    const lastY = valToY(lastVal, range, layout.plotTop, layout.plotBottom);
-    const cx = xToPixel(vi, catCount, layout);
-    nodes.push(
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: cx - barW / 2,
-          y: Math.min(firstY, lastY),
-          width: barW,
-          height: Math.max(Math.abs(firstY - lastY), 1),
-          fill: lastVal >= firstVal ? upFill : downFill,
-          stroke: "#64748b",
-          strokeWidth: 0.5
-        },
-        `${elementId}-udb-${vi}`
-      )
-    );
-  }
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("g", { children: nodes }, `${elementId}-updownbars`);
-}
-function renderHiLowLines(elementId, chartData, layout, range, mode) {
-  if (!chartData.hiLowLines) {
-    return null;
-  }
-  if (chartData.series.length < 2) {
-    return null;
-  }
-  const catCount = Math.max(chartData.categories.length, 1);
-  const style = chartData.hiLowLines;
-  const nodes = [];
-  for (let vi = 0; vi < catCount; vi++) {
-    let highVal = -Infinity;
-    let lowVal = Infinity;
-    for (const series of chartData.series) {
-      const v = series.values[vi];
-      if (v !== void 0) {
-        highVal = Math.max(highVal, v);
-        lowVal = Math.min(lowVal, v);
-      }
-    }
-    if (!Number.isFinite(highVal) || !Number.isFinite(lowVal)) {
-      continue;
-    }
-    const cx = xToPixel(vi, catCount, layout);
-    const highY = valToY(highVal, range, layout.plotTop, layout.plotBottom);
-    const lowY = valToY(lowVal, range, layout.plotTop, layout.plotBottom);
-    nodes.push(
-      /* @__PURE__ */ jsx(
-        "line",
-        {
-          x1: cx,
-          y1: highY,
-          x2: cx,
-          y2: lowY,
-          stroke: style.color || "#334155",
-          strokeWidth: style.width ?? 1,
-          strokeDasharray: style.dashStyle === "dash" ? "4 3" : void 0
-        },
-        `${elementId}-hl-${vi}`
-      )
-    );
-  }
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("g", { children: nodes }, `${elementId}-hilowlines`);
-}
-function renderTitle(id, style, title, svgWidth) {
-  if (!style?.hasTitle) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "text",
-    {
-      x: svgWidth / 2,
-      y: 16,
-      textAnchor: "middle",
-      fontSize: 12,
-      fontWeight: 600,
-      fill: "#1e293b",
-      children: title || "Chart"
-    },
-    `${id}-title`
-  );
-}
-function renderLegend(id, style, series, layout, colorPalette) {
-  if (!style?.hasLegend || series.length === 0) {
-    return null;
-  }
-  const pos = style.legendPosition || "b";
-  if (pos === "b" || pos === "t") {
-    const y = pos === "b" ? layout.svgHeight - 10 : layout.plotTop - 14;
-    const items = [];
-    const charWidth = 6;
-    const gap = 24;
-    const totalWidth = series.reduce((w, s) => w + (s.name?.length ?? 4) * charWidth + gap, 0);
-    let cx = (layout.svgWidth - totalWidth) / 2;
-    series.forEach((s, i) => {
-      items.push(
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: cx,
-            y: y - 5,
-            width: 10,
-            height: 10,
-            rx: 2,
-            fill: seriesColor(s, i, style?.styleId, colorPalette)
-          },
-          `${id}-leg-r-${i}`
-        )
-      );
-      items.push(
-        /* @__PURE__ */ jsx("text", { x: cx + 14, y: y + 4, fontSize: 9, fill: "#475569", children: s.name || `Series ${i + 1}` }, `${id}-leg-t-${i}`)
-      );
-      cx += (s.name?.length ?? 4) * charWidth + gap;
-    });
-    return /* @__PURE__ */ jsx("g", { children: items }, `${id}-legend`);
-  }
-  const x = pos === "r" ? layout.plotRight + 8 : 4;
-  return /* @__PURE__ */ jsx("g", { children: series.map((s, i) => {
-    const cy = layout.plotTop + i * 16;
-    return /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x,
-          y: cy,
-          width: 10,
-          height: 10,
-          rx: 2,
-          fill: seriesColor(s, i, style?.styleId, colorPalette)
-        }
-      ),
-      /* @__PURE__ */ jsx("text", { x: x + 14, y: cy + 8, fontSize: 9, fill: "#475569", children: s.name || `Series ${i + 1}` })
-    ] }, `${id}-leg-${i}`);
-  }) }, `${id}-legend`);
-}
-function renderGridlines(id, style, range, layout) {
-  if (!style?.hasGridlines) {
-    return null;
-  }
-  const lines = [];
-  if (range.logScale && range.logBase) {
-    const ticks = generateLogTicks(range);
-    ticks.forEach((tickVal, i) => {
-      const y = valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
-      lines.push(
-        /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: layout.plotLeft,
-            y1: y,
-            x2: layout.plotRight,
-            y2: y,
-            stroke: "#cbd5e1",
-            strokeWidth: 0.7,
-            strokeDasharray: "4 3"
-          },
-          `${id}-grid-log-${i}`
-        )
-      );
-    });
-  } else {
-    const steps = 4;
-    for (let i = 0; i <= steps; i++) {
-      const val = range.min + range.span * i / steps;
-      const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
-      lines.push(
-        /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: layout.plotLeft,
-            y1: y,
-            x2: layout.plotRight,
-            y2: y,
-            stroke: "#cbd5e1",
-            strokeWidth: 0.7,
-            strokeDasharray: "4 3"
-          },
-          `${id}-grid-${i}`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx("g", { children: lines }, `${id}-gridlines`);
-}
-function renderValueAxis(id, range, layout, axisFormatting) {
-  const labels = [];
-  const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
-  if (range.logScale && range.logBase) {
-    const ticks = generateLogTicks(range);
-    ticks.forEach((tickVal, i) => {
-      const y = valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
-      labels.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: layout.plotLeft - 4,
-            y: y + 3,
-            textAnchor: "end",
-            fontSize: 8,
-            fill: "#64748b",
-            children: hasDisplayUnits ? formatAxisValueWithUnits(tickVal, axisFormatting) : formatAxisValue(tickVal)
-          },
-          `${id}-vaxis-log-${i}`
-        )
-      );
-    });
-  } else {
-    const steps = 4;
-    for (let i = 0; i <= steps; i++) {
-      const val = range.min + range.span * i / steps;
-      const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
-      labels.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: layout.plotLeft - 4,
-            y: y + 3,
-            textAnchor: "end",
-            fontSize: 8,
-            fill: "#64748b",
-            children: hasDisplayUnits ? formatAxisValueWithUnits(val, axisFormatting) : formatAxisValue(val)
-          },
-          `${id}-vaxis-${i}`
-        )
-      );
-    }
-  }
-  if (hasDisplayUnits) {
-    const unitLabel = getDisplayUnitLabel(
-      axisFormatting.displayUnits,
-      axisFormatting.displayUnitsLabel
-    );
-    if (unitLabel) {
-      const midY = (layout.plotTop + layout.plotBottom) / 2;
-      labels.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: layout.plotLeft - 36,
-            y: midY,
-            textAnchor: "middle",
-            fontSize: 9,
-            fill: "#64748b",
-            transform: `rotate(-90, ${layout.plotLeft - 36}, ${midY})`,
-            children: unitLabel
-          },
-          `${id}-vaxis-dispunit`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx("g", { children: labels }, `${id}-vaxis`);
-}
-function renderCategoryAxis(id, categories, layout) {
-  const count = categories.length;
-  if (count === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("g", { children: categories.map((cat, i) => {
-    const slotWidth = layout.plotWidth / count;
-    const x = layout.plotLeft + slotWidth * i + slotWidth / 2;
-    return /* @__PURE__ */ jsx(
-      "text",
-      {
-        x,
-        y: layout.plotBottom + 14,
-        textAnchor: "middle",
-        fontSize: 8,
-        fill: "#64748b",
-        children: cat
-      },
-      `${id}-caxis-${i}`
-    );
-  }) }, `${id}-caxis`);
-}
-function renderCategoryAxisForLine(id, categories, layout) {
-  const count = categories.length;
-  if (count === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("g", { children: categories.map((cat, i) => {
-    const x = count > 1 ? layout.plotLeft + layout.plotWidth * i / (count - 1) : layout.plotLeft + layout.plotWidth / 2;
-    return /* @__PURE__ */ jsx(
-      "text",
-      {
-        x,
-        y: layout.plotBottom + 14,
-        textAnchor: "middle",
-        fontSize: 8,
-        fill: "#64748b",
-        children: cat
-      },
-      `${id}-caxis-${i}`
-    );
-  }) }, `${id}-caxis`);
-}
-function renderZeroLine(id, range, layout) {
-  if (range.logScale) {
-    return null;
-  }
-  if (range.min >= 0) {
-    return null;
-  }
-  const y = valueToY(0, range, layout.plotTop, layout.plotBottom);
-  return /* @__PURE__ */ jsx(
-    "line",
-    {
-      x1: layout.plotLeft,
-      y1: y,
-      x2: layout.plotRight,
-      y2: y,
-      stroke: "#334155",
-      strokeWidth: 1
-    },
-    `${id}-zero`
-  );
-}
-function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
-  const steps = 4;
-  const labels = [];
-  const fontSize = axisFormatting?.fontSize ?? 8;
-  const fontColor = axisFormatting?.fontColor ?? "#64748b";
-  const fontFamily = axisFormatting?.fontFamily;
-  const fontWeight = axisFormatting?.fontBold ? 700 : void 0;
-  const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
-  for (let i = 0; i <= steps; i++) {
-    const val = range.min + range.span * i / steps;
-    const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
-    labels.push(
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: layout.plotRight + 4,
-          y: y + 3,
-          textAnchor: "start",
-          fontSize,
-          fontFamily,
-          fontWeight,
-          fill: fontColor,
-          children: hasDisplayUnits ? formatAxisValueWithUnits(val, axisFormatting) : formatAxisValue(val)
-        },
-        `${id}-sec-vaxis-${i}`
-      )
-    );
-  }
-  if (axisFormatting?.titleText) {
-    labels.push(
-      /* @__PURE__ */ jsx(
-        "text",
-        {
-          x: layout.plotRight + 36,
-          y: (layout.plotTop + layout.plotBottom) / 2,
-          textAnchor: "middle",
-          fontSize: 9,
-          fill: fontColor,
-          transform: `rotate(-90, ${layout.plotRight + 36}, ${(layout.plotTop + layout.plotBottom) / 2})`,
-          children: axisFormatting.titleText
-        },
-        `${id}-sec-vaxis-title`
-      )
-    );
-  }
-  if (hasDisplayUnits) {
-    const unitLabel = getDisplayUnitLabel(
-      axisFormatting.displayUnits,
-      axisFormatting.displayUnitsLabel
-    );
-    if (unitLabel) {
-      const labelX = layout.plotRight + (axisFormatting?.titleText ? 52 : 36);
-      const midY = (layout.plotTop + layout.plotBottom) / 2;
-      labels.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: labelX,
-            y: midY,
-            textAnchor: "middle",
-            fontSize: 9,
-            fill: fontColor,
-            transform: `rotate(-90, ${labelX}, ${midY})`,
-            children: unitLabel
-          },
-          `${id}-sec-vaxis-dispunit`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx("g", { children: labels }, `${id}-sec-vaxis`);
-}
-function renderSecondaryAxisTicks(id, range, layout) {
-  const steps = 4;
-  const ticks = [];
-  for (let i = 0; i <= steps; i++) {
-    const val = range.min + range.span * i / steps;
-    const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
-    ticks.push(
-      /* @__PURE__ */ jsx(
-        "line",
-        {
-          x1: layout.plotRight,
-          y1: y,
-          x2: layout.plotRight + 4,
-          y2: y,
-          stroke: "#94a3b8",
-          strokeWidth: 0.7
-        },
-        `${id}-sec-tick-${i}`
-      )
-    );
-  }
-  return /* @__PURE__ */ jsx("g", { children: ticks }, `${id}-sec-ticks`);
-}
-function renderSecondaryGridlines(id, range, layout, axisFormatting) {
-  if (!axisFormatting?.minorGridlinesSpPr && !axisFormatting?.majorGridlinesSpPr) {
-    return null;
-  }
-  const steps = 4;
-  const lines = [];
-  const gridColor = axisFormatting.majorGridlinesSpPr?.strokeColor ?? "#e2e8f0";
-  for (let i = 0; i <= steps; i++) {
-    const val = range.min + range.span * i / steps;
-    const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
-    lines.push(
-      /* @__PURE__ */ jsx(
-        "line",
-        {
-          x1: layout.plotLeft,
-          y1: y,
-          x2: layout.plotRight,
-          y2: y,
-          stroke: gridColor,
-          strokeWidth: 0.5,
-          strokeDasharray: "2 3",
-          opacity: 0.5
-        },
-        `${id}-sec-grid-${i}`
-      )
-    );
-  }
-  return /* @__PURE__ */ jsx("g", { children: lines }, `${id}-sec-gridlines`);
-}
-function renderChrome(id, chartData, layout, range, categories, options, secondaryOptions) {
-  const style = chartData.style;
-  const chrome = [];
-  const primaryValueAxis = chartData.axes?.find((a) => a.axisType === "valAx" && a.axPos !== "r") ?? chartData.axes?.find((a) => a.axisType === "valAx");
-  chrome.push(renderTitle(id, style, chartData.title, layout.svgWidth));
-  chrome.push(renderGridlines(id, style, range, layout));
-  chrome.push(renderValueAxis(id, range, layout, primaryValueAxis));
-  chrome.push(renderZeroLine(id, range, layout));
-  if (options.categoryAxisStyle === "bar") {
-    chrome.push(renderCategoryAxis(id, categories, layout));
-  } else {
-    chrome.push(renderCategoryAxisForLine(id, categories, layout));
-  }
-  chrome.push(renderLegend(id, style, chartData.series, layout, chartData.colorPalette));
-  if (secondaryOptions?.secondaryRange) {
-    chrome.push(
-      renderSecondaryValueAxis(
-        id,
-        secondaryOptions.secondaryRange,
-        layout,
-        secondaryOptions.secondaryAxisFormatting
-      )
-    );
-    chrome.push(renderSecondaryAxisTicks(id, secondaryOptions.secondaryRange, layout));
-    chrome.push(
-      renderSecondaryGridlines(
-        id,
-        secondaryOptions.secondaryRange,
-        layout,
-        secondaryOptions.secondaryAxisFormatting
-      )
-    );
-  }
-  return chrome;
-}
-function renderOverlays(id, chartData, layout, range, mode) {
-  const overlayLayout = layout;
-  const overlayRange = range;
-  const nodes = [];
-  nodes.push(renderUpDownBars(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderDropLines(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderHiLowLines(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderTrendlines(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderErrorBars(id, chartData, overlayLayout, overlayRange));
-  return nodes;
-}
-function formatValue(val) {
-  if (Math.abs(val) >= 1e6) {
-    return `${(val / 1e6).toFixed(1)}M`;
-  }
-  if (Math.abs(val) >= 1e3) {
-    return `${(val / 1e3).toFixed(1)}K`;
-  }
-  if (Number.isInteger(val)) {
-    return String(val);
-  }
-  return val.toFixed(1);
-}
-function renderChartDataTable(elementId, chartData, svgWidth) {
-  const table = chartData.dataTable;
-  if (!table) {
-    return null;
-  }
-  const categories = chartData.categories;
-  const series = chartData.series;
-  if (categories.length === 0 && series.length === 0) {
-    return null;
-  }
-  const borderColor = "#cbd5e1";
-  const showH = table.showHorzBorder !== false;
-  const showV = table.showVertBorder !== false;
-  const showO = table.showOutline !== false;
-  const showK = table.showKeys !== false;
-  const borderStyle = `1px solid ${borderColor}`;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        width: svgWidth,
-        overflow: "hidden",
-        fontSize: 8,
-        lineHeight: "14px",
-        color: "#334155",
-        pointerEvents: "none"
-      },
-      children: /* @__PURE__ */ jsxs(
-        "table",
-        {
-          style: {
-            width: "100%",
-            borderCollapse: "collapse",
-            border: showO ? borderStyle : "none"
-          },
-          children: [
-            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-              showK && /* @__PURE__ */ jsx(
-                "th",
-                {
-                  "aria-label": translationsEn["pptx.chart.rowLabelsAria"],
-                  style: {
-                    padding: "1px 4px",
-                    fontWeight: 400,
-                    borderBottom: showH ? borderStyle : "none",
-                    borderRight: showV ? borderStyle : "none",
-                    textAlign: "left"
-                  }
-                }
-              ),
-              categories.map((cat, ci) => /* @__PURE__ */ jsx(
-                "th",
-                {
-                  style: {
-                    padding: "1px 4px",
-                    fontWeight: 600,
-                    borderBottom: showH ? borderStyle : "none",
-                    borderRight: showV && ci < categories.length - 1 ? borderStyle : "none",
-                    textAlign: "center"
-                  },
-                  children: cat
-                },
-                `${elementId}-dtable-h-${ci}`
-              ))
-            ] }) }),
-            /* @__PURE__ */ jsx("tbody", { children: series.map((s, si) => /* @__PURE__ */ jsxs("tr", { children: [
-              showK && /* @__PURE__ */ jsxs(
-                "td",
-                {
-                  style: {
-                    padding: "1px 4px",
-                    borderBottom: showH && si < series.length - 1 ? borderStyle : "none",
-                    borderRight: showV ? borderStyle : "none",
-                    whiteSpace: "nowrap"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        style: {
-                          display: "inline-block",
-                          width: 8,
-                          height: 8,
-                          borderRadius: 2,
-                          backgroundColor: seriesColor(
-                            s,
-                            si,
-                            chartData.style?.styleId,
-                            chartData.colorPalette
-                          ),
-                          marginRight: 4,
-                          verticalAlign: "middle"
-                        }
-                      }
-                    ),
-                    s.name
-                  ]
-                }
-              ),
-              categories.map((_cat, ci) => /* @__PURE__ */ jsx(
-                "td",
-                {
-                  style: {
-                    padding: "1px 4px",
-                    textAlign: "center",
-                    borderBottom: showH && si < series.length - 1 ? borderStyle : "none",
-                    borderRight: showV && ci < categories.length - 1 ? borderStyle : "none"
-                  },
-                  children: s.values[ci] !== void 0 ? formatValue(s.values[ci]) : ""
-                },
-                `${elementId}-dtable-c-${si}-${ci}`
-              ))
-            ] }, `${elementId}-dtable-r-${si}`)) })
-          ]
-        }
-      )
-    },
-    `${elementId}-dtable`
-  );
-}
-function renderStockChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const range = computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = computeLayout(element.width, element.height, style, true, legendPos);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const barGroupWidth = layout.plotWidth / catCount;
-  const candleWidth = barGroupWidth * 0.5;
-  const hasFour = chartData.series.length >= 4;
-  const openSeries = hasFour ? chartData.series[0] : void 0;
-  const highSeries = chartData.series[hasFour ? 1 : 0];
-  const lowSeries = chartData.series[hasFour ? 2 : 1];
-  const closeSeries = chartData.series[hasFour ? 3 : 2];
-  if (!highSeries || !lowSeries || !closeSeries) {
-    return null;
-  }
-  const elements = [];
-  const dlElements = [];
-  for (let ci = 0; ci < catCount; ci++) {
-    const high = highSeries.values[ci] ?? 0;
-    const low = lowSeries.values[ci] ?? 0;
-    const open = openSeries?.values[ci] ?? low;
-    const close = closeSeries.values[ci] ?? high;
-    const isUp = close >= open;
-    const cx = layout.plotLeft + barGroupWidth * ci + barGroupWidth / 2;
-    const highY = valueToY(high, range, layout.plotTop, layout.plotBottom);
-    const lowY = valueToY(low, range, layout.plotTop, layout.plotBottom);
-    const openY = valueToY(open, range, layout.plotTop, layout.plotBottom);
-    const closeY = valueToY(close, range, layout.plotTop, layout.plotBottom);
-    elements.push(
-      /* @__PURE__ */ jsx(
-        "line",
-        {
-          x1: cx,
-          y1: highY,
-          x2: cx,
-          y2: lowY,
-          stroke: "#334155",
-          strokeWidth: 1
-        },
-        `${element.id}-stock-wick-${ci}`
-      )
-    );
-    const bodyTop = Math.min(openY, closeY);
-    const bodyHeight = Math.max(Math.abs(openY - closeY), 1);
-    elements.push(
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: cx - candleWidth / 2,
-          y: bodyTop,
-          width: candleWidth,
-          height: bodyHeight,
-          fill: isUp ? "#22c55e" : "#ef4444",
-          stroke: isUp ? "#16a34a" : "#dc2626",
-          strokeWidth: 0.5,
-          rx: 1
-        },
-        `${element.id}-stock-body-${ci}`
-      )
-    );
-    if (style?.hasDataLabels) {
-      dlElements.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: cx,
-            y: highY - 4,
-            textAnchor: "middle",
-            fontSize: 7,
-            fill: "#334155",
-            children: formatAxisValue(close)
-          },
-          `${element.id}-stock-dl-${ci}`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        className: "w-full h-full pointer-events-none",
-        viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-        preserveAspectRatio: "none",
-        children: [
-          areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-          renderChrome(element.id, chartData, layout, range, categoryLabels, {
-            categoryAxisStyle: "bar"
-          }),
-          elements,
-          dlElements,
-          renderOverlays(element.id, chartData, layout, range)
-        ]
-      }
-    ),
-    renderChartDataTable(element.id, chartData, layout.svgWidth)
-  ] });
-}
-
-// src/viewer/utils/chart-sunburst-funnel.tsx
-function renderSunburstChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderFunnelChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function FailedToLoad() {
-  return null;
-}
-var LazySurfaceChart3DScene = React6.lazy(
-  async () => {
-    try {
-      return await import('./SurfaceChart3DScene-JR62SOYO.mjs');
-    } catch {
-      return { default: FailedToLoad };
-    }
-  }
-);
-var SurfaceChart3DErrorBoundary = class extends React6.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback;
-    }
-    return this.props.children;
-  }
-};
-function buildSurfaceData(chartData, categoryLabels) {
-  const rows = chartData.series.length;
-  const cols = Math.max(categoryLabels.length, 1);
-  const range = computeValueRangeForChart(chartData.series, chartData.axes);
-  const heightMap = new Float32Array(rows * cols);
-  const colorMap = new Float32Array(rows * cols * 3);
-  for (let r = 0; r < rows; r++) {
-    const series = chartData.series[r];
-    for (let c = 0; c < cols; c++) {
-      const val = series?.values[c] ?? 0;
-      const t = range.span > 0 ? (val - range.min) / range.span : 0;
-      const idx = r * cols + c;
-      heightMap[idx] = t;
-      const { r: cr, g: cg, b: cb } = surfaceColor(t);
-      colorMap[idx * 3] = cr / 255;
-      colorMap[idx * 3 + 1] = cg / 255;
-      colorMap[idx * 3 + 2] = cb / 255;
-    }
-  }
-  return { heightMap, colorMap, rows, cols };
-}
-function LoadingPlaceholder({ width, height }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        width,
-        height,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        background: "#f8fafc",
-        border: "1px dashed #cbd5e1",
-        borderRadius: 4,
-        fontSize: 11,
-        color: "#94a3b8"
-      },
-      children: t("pptx.chart.loading3dSurface")
-    }
-  );
-}
-var SurfaceChart3D = React6.memo(
-  ({ element, chartData, categoryLabels, fallback }) => {
-    const [threeAvailable, setThreeAvailable] = useState(null);
-    useEffect(() => {
-      let cancelled = false;
-      import('./three.module-AC7ESV4W.mjs').then(() => {
-        if (!cancelled) {
-          setThreeAvailable(true);
-        }
-        return void 0;
-      }).catch(() => {
-        if (!cancelled) {
-          setThreeAvailable(false);
-        }
-      });
-      return () => {
-        cancelled = true;
-      };
-    }, []);
-    const surfaceData = useMemo(
-      () => buildSurfaceData(chartData, categoryLabels),
-      [chartData, categoryLabels]
-    );
-    const seriesNames = useMemo(() => chartData.series.map((s) => s.name), [chartData.series]);
-    if (threeAvailable === null) {
-      return /* @__PURE__ */ jsx(LoadingPlaceholder, { width: element.width, height: element.height });
-    }
-    if (!threeAvailable) {
-      return fallback;
-    }
-    return /* @__PURE__ */ jsx(SurfaceChart3DErrorBoundary, { fallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingPlaceholder, { width: element.width, height: element.height }), children: /* @__PURE__ */ jsx(
-      LazySurfaceChart3DScene,
-      {
-        cols: surfaceData.cols,
-        rows: surfaceData.rows,
-        heightMap: surfaceData.heightMap,
-        colorMap: surfaceData.colorMap,
-        wireframe: true,
-        categoryLabels,
-        seriesNames,
-        title: chartData.title,
-        width: element.width,
-        height: element.height
-      }
-    ) }) });
-  }
-);
-SurfaceChart3D.displayName = "SurfaceChart3D";
-var ISO_COS30 = Math.cos(Math.PI / 6);
-var ISO_SIN30 = Math.sin(Math.PI / 6);
-function isoProject(x, y, z) {
-  return {
-    screenX: (x - y) * ISO_COS30,
-    screenY: (x + y) * ISO_SIN30 - z
-  };
-}
-function surfaceColor(t) {
-  return {
-    r: Math.round(30 + 200 * t),
-    g: Math.round(80 + 100 * (1 - Math.abs(t - 0.5) * 2)),
-    b: Math.round(200 * (1 - t) + 30)
-  };
-}
-function isoCellVertices(col, row, cellSize, zScale, getValue) {
-  const corners = [
-    [col, row],
-    [col + 1, row],
-    [col + 1, row + 1],
-    [col, row + 1]
-  ];
-  return corners.map(([c, r]) => {
-    const val = getValue(r, c);
-    return isoProject(c * cellSize, r * cellSize, val * zScale);
-  });
-}
-function darkenRgb(r, g, b, factor) {
-  return `rgb(${Math.round(r * factor)},${Math.round(g * factor)},${Math.round(b * factor)})`;
-}
-function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layout = computeLayout(element.width, element.height, style, false, legendPos);
-  const range = computeValueRangeForChart(chartData.series, chartData.axes);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const seriesCount = chartData.series.length;
-  const cols = catCount - 1;
-  const rows = seriesCount - 1;
-  const gridSpan = cols + rows;
-  const baseHeightBudget = layout.plotHeight * 0.65;
-  const widthBudget = layout.plotWidth * 0.9;
-  const cellByWidth = widthBudget / (gridSpan * ISO_COS30);
-  const cellByHeight = baseHeightBudget / (gridSpan * ISO_SIN30);
-  const cellSize = Math.min(cellByWidth, cellByHeight);
-  const zHeadroom = layout.plotHeight * 0.3;
-  const zScale = range.span > 0 ? zHeadroom : 0;
-  const normValue = (r, c) => {
-    const ri = Math.min(r, seriesCount - 1);
-    const ci = Math.min(c, catCount - 1);
-    const val = chartData.series[ri]?.values[ci] ?? 0;
-    return range.span > 0 ? (val - range.min) / range.span : 0;
-  };
-  const allProjected = [];
-  for (let r = 0; r <= rows; r++) {
-    for (let c = 0; c <= cols; c++) {
-      const nv = normValue(r, c);
-      allProjected.push(isoProject(c * cellSize, r * cellSize, nv * zScale));
-    }
-  }
-  const minSX = Math.min(...allProjected.map((p) => p.screenX));
-  const maxSX = Math.max(...allProjected.map((p) => p.screenX));
-  const minSY = Math.min(...allProjected.map((p) => p.screenY));
-  const maxSY = Math.max(...allProjected.map((p) => p.screenY));
-  const projW = maxSX - minSX;
-  const projH = maxSY - minSY;
-  const offsetX = layout.plotLeft + layout.plotWidth / 2 - (minSX + projW / 2);
-  const offsetY = layout.plotTop + layout.plotHeight / 2 - (minSY + projH / 2);
-  const cellEntries = [];
-  for (let r = 0; r < rows; r++) {
-    for (let c = 0; c < cols; c++) {
-      cellEntries.push({ row: r, col: c, depth: r + c });
-    }
-  }
-  cellEntries.sort((a, b) => a.depth - b.depth);
-  const polygons = [];
-  for (const { row, col } of cellEntries) {
-    const verts = isoCellVertices(col, row, cellSize, zScale, normValue);
-    const avgT = (normValue(row, col) + normValue(row, col + 1) + normValue(row + 1, col + 1) + normValue(row + 1, col)) / 4;
-    const { r, g, b } = surfaceColor(avgT);
-    const points = verts.map((v) => `${(v.screenX + offsetX).toFixed(2)},${(v.screenY + offsetY).toFixed(2)}`).join(" ");
-    polygons.push(
-      /* @__PURE__ */ jsx(
-        "polygon",
-        {
-          points,
-          fill: `rgb(${r},${g},${b})`,
-          opacity: 0.9
-        },
-        `${element.id}-iso-${row}-${col}`
-      )
-    );
-    polygons.push(
-      /* @__PURE__ */ jsx(
-        "polygon",
-        {
-          points,
-          fill: "none",
-          stroke: darkenRgb(r, g, b, 0.6),
-          strokeWidth: 0.5,
-          opacity: 0.7
-        },
-        `${element.id}-iso-edge-${row}-${col}`
-      )
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "xMidYMid meet",
-      children: [
-        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderTitle(element.id, style, chartData.title, layout.svgWidth),
-        renderLegend(element.id, style, chartData.series, layout),
-        polygons
-      ]
-    }
-  );
-}
-function renderFlatSurfaceChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layout = computeLayout(element.width, element.height, style, true, legendPos);
-  const range = computeValueRangeForChart(chartData.series, chartData.axes);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const seriesCount = chartData.series.length;
-  const cellW = layout.plotWidth / Math.max(catCount - 1, 1);
-  const cellH = layout.plotHeight / Math.max(seriesCount - 1, 1);
-  const cells = [];
-  for (let si = 0; si < seriesCount; si++) {
-    for (let ci = 0; ci < catCount; ci++) {
-      const val = chartData.series[si].values[ci] ?? 0;
-      const t = range.span > 0 ? (val - range.min) / range.span : 0;
-      const { r, g, b } = surfaceColor(t);
-      cells.push(
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: layout.plotLeft + ci * cellW,
-            y: layout.plotTop + si * cellH,
-            width: cellW + 0.5,
-            height: cellH + 0.5,
-            fill: `rgb(${r},${g},${b})`,
-            opacity: 0.85
-          },
-          `${element.id}-surf-${si}-${ci}`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "none",
-      children: [
-        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderChrome(element.id, chartData, layout, range, categoryLabels, {
-          categoryAxisStyle: "bar"
-        }),
-        cells
-      ]
-    }
-  );
-}
-function renderSurfaceChart(element, chartData, categoryLabels) {
-  const catCount = Math.max(categoryLabels.length, 1);
-  const seriesCount = chartData.series.length;
-  if (seriesCount >= 2 && catCount >= 2) {
-    const svgFallback = renderIsometricSurfaceChart(element, chartData, categoryLabels);
-    return /* @__PURE__ */ jsx(
-      SurfaceChart3D,
-      {
-        element,
-        chartData,
-        categoryLabels,
-        fallback: svgFallback
-      }
-    );
-  }
-  return renderFlatSurfaceChart(element, chartData, categoryLabels);
-}
-function renderTreemapChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layout = computeLayout(element.width, element.height, style, false, legendPos);
-  const allValues = chartData.series.flatMap((s) => s.values);
-  const totalAbs = allValues.reduce((sum, v) => sum + Math.abs(v), 0) || 1;
-  const rects = [];
-  let curX = layout.plotLeft;
-  let curY = layout.plotTop;
-  let remainW = layout.plotWidth;
-  let remainH = layout.plotHeight;
-  const remaining = allValues.map((v, i) => ({ value: Math.abs(v), index: i })).sort((a, b) => b.value - a.value);
-  let remainTotal = totalAbs;
-  remaining.forEach((item) => {
-    const fraction = remainTotal > 0 ? item.value / remainTotal : 0;
-    const useWidth = remainW >= remainH;
-    const w = useWidth ? remainW * fraction : remainW;
-    const h = useWidth ? remainH : remainH * fraction;
-    rects.push(
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x: curX,
-          y: curY,
-          width: Math.max(w - 1, 1),
-          height: Math.max(h - 1, 1),
-          fill: paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
-          rx: 2,
-          opacity: 0.85
-        },
-        `${element.id}-tm-${item.index}`
-      )
-    );
-    const label2 = categoryLabels[item.index] ?? `${item.index + 1}`;
-    if (w > 30 && h > 14) {
-      rects.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: curX + Math.max(w - 1, 1) / 2,
-            y: curY + Math.max(h - 1, 1) / 2 + 4,
-            textAnchor: "middle",
-            fontSize: Math.min(10, h * 0.3),
-            fill: "#fff",
-            fontWeight: 600,
-            children: label2
-          },
-          `${element.id}-tm-lbl-${item.index}`
-        )
-      );
-    }
-    if (useWidth) {
-      curX += w;
-      remainW -= w;
-    } else {
-      curY += h;
-      remainH -= h;
-    }
-    remainTotal -= item.value;
-  });
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "none",
-      children: [
-        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderTitle(element.id, style, chartData.title, layout.svgWidth),
-        renderLegend(element.id, style, chartData.series, layout),
-        rects
-      ]
-    }
-  );
-}
-function renderWaterfallChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const values = chartData.series[0]?.values ?? [];
-  const range = computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = computeLayout(element.width, element.height, style, true, legendPos);
-  const catCount = Math.max(categoryLabels.length, values.length, 1);
-  const barWidth = layout.plotWidth / catCount * 0.6;
-  const gap = layout.plotWidth / catCount * 0.2;
-  let runningTotal = 0;
-  const bars = [];
-  const dataLabels = [];
-  values.forEach((val, i) => {
-    const isLast = i === values.length - 1;
-    const startVal = isLast ? 0 : runningTotal;
-    const endVal = isLast ? runningTotal + val : runningTotal + val;
-    const barStartY = valueToY(startVal, range, layout.plotTop, layout.plotBottom);
-    const barEndY = valueToY(endVal, range, layout.plotTop, layout.plotBottom);
-    const x = layout.plotLeft + layout.plotWidth / catCount * i + gap;
-    const y = Math.min(barStartY, barEndY);
-    const h = Math.max(Math.abs(barEndY - barStartY), 1);
-    const barColor = isLast ? "#6366f1" : val >= 0 ? "#22c55e" : "#ef4444";
-    bars.push(
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          x,
-          y,
-          width: barWidth,
-          height: h,
-          fill: barColor,
-          rx: 1
-        },
-        `${element.id}-wf-bar-${i}`
-      )
-    );
-    if (style?.hasDataLabels) {
-      dataLabels.push(
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: x + barWidth / 2,
-            y: y - 4,
-            textAnchor: "middle",
-            fontSize: 7,
-            fill: "#334155",
-            children: formatAxisValue(isLast ? endVal : val)
-          },
-          `${element.id}-wf-dl-${i}`
-        )
-      );
-    }
-    if (!isLast && i < values.length - 1) {
-      const nextX = layout.plotLeft + layout.plotWidth / catCount * (i + 1) + gap;
-      bars.push(
-        /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: x + barWidth,
-            y1: barEndY,
-            x2: nextX,
-            y2: barEndY,
-            stroke: "#94a3b8",
-            strokeWidth: 0.8,
-            strokeDasharray: "3 2"
-          },
-          `${element.id}-wf-conn-${i}`
-        )
-      );
-    }
-    if (!isLast) {
-      runningTotal += val;
-    }
-  });
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "none",
-      children: [
-        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderChrome(element.id, chartData, layout, range, categoryLabels, {
-          categoryAxisStyle: "bar"
-        }),
-        bars,
-        dataLabels
-      ]
-    }
-  );
-}
-function renderComboChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layoutOpts = computeLayoutOptions(
-    chartData.axes,
-    chartData.dataTable,
-    chartData.series.length
-  );
-  const layout = computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
-  const { primary, secondary } = splitSeriesByAxis(chartData.series, chartData.axes);
-  const primarySeries = primary.length > 0 ? primary.map((e) => e.series) : chartData.series;
-  const secondarySeries = secondary.map((e) => e.series);
-  const range = computeValueRangeForChart(primarySeries, chartData.axes);
-  const secondaryRange = secondarySeries.length > 0 ? computeValueRange(secondarySeries) : void 0;
-  const secondaryAxisFmt = getSecondaryValueAxis(chartData.axes);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const barSeriesCount = 1;
-  const barGroupWidth = layout.plotWidth / catCount;
-  const barWidth = barGroupWidth * 0.5;
-  const barOffset = (barGroupWidth - barWidth) / 2;
-  const barSeries = chartData.series[0];
-  const lineSeries = chartData.series.slice(1);
-  const barElements = [];
-  const lineElements = [];
-  const dlElements = [];
-  if (barSeries) {
-    const isBarSecondary = secondary.some((e) => e.index === 0);
-    const barRange = isBarSecondary && secondaryRange ? secondaryRange : range;
-    barSeries.values.forEach((val, vi) => {
-      const x = layout.plotLeft + barGroupWidth * vi + barOffset;
-      const zeroY = valueToY(0, barRange, layout.plotTop, layout.plotBottom);
-      const valY = valueToY(val, barRange, layout.plotTop, layout.plotBottom);
-      const y = Math.min(zeroY, valY);
-      const h = Math.max(Math.abs(zeroY - valY), 1);
-      barElements.push(
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x,
-            y,
-            width: barWidth,
-            height: h,
-            fill: seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
-            rx: 1
-          },
-          `${element.id}-combo-bar-${vi}`
-        )
-      );
-      if (style?.hasDataLabels) {
-        dlElements.push(
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: x + barWidth / 2,
-              y: val >= 0 ? y - 4 : y + h + 10,
-              textAnchor: "middle",
-              fontSize: 7,
-              fill: "#334155",
-              children: formatAxisValue(val)
-            },
-            `${element.id}-combo-bar-dl-${vi}`
-          )
-        );
-      }
-    });
-  }
-  lineSeries.forEach((series, si) => {
-    if (series.values.length === 0) {
-      return;
-    }
-    const seriesIdx = si + barSeriesCount;
-    const isSecondary = secondary.some((e) => e.index === seriesIdx);
-    const activeRange = isSecondary && secondaryRange ? secondaryRange : range;
-    const points = series.values.map((val, vi) => {
-      const x = layout.plotLeft + barGroupWidth * vi + barGroupWidth / 2;
-      const y = valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
-      return { x, y, val };
-    });
-    const c = seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
-    lineElements.push(
-      /* @__PURE__ */ jsx(
-        "polyline",
-        {
-          fill: "none",
-          stroke: c,
-          strokeWidth: 2.4,
-          points: points.map((p) => `${p.x},${p.y}`).join(" ")
-        },
-        `${element.id}-combo-line-${si}`
-      )
-    );
-    points.forEach((p, vi) => {
-      lineElements.push(
-        /* @__PURE__ */ jsx("circle", { cx: p.x, cy: p.y, r: 2.5, fill: c }, `${element.id}-combo-dot-${si}-${vi}`)
-      );
-      if (style?.hasDataLabels) {
-        dlElements.push(
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: p.x,
-              y: p.y - 7,
-              textAnchor: "middle",
-              fontSize: 7,
-              fill: "#334155",
-              children: formatAxisValue(p.val)
-            },
-            `${element.id}-combo-line-dl-${si}-${vi}`
-          )
-        );
-      }
-    });
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        className: "w-full h-full pointer-events-none",
-        viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-        preserveAspectRatio: "none",
-        children: [
-          areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-          renderChrome(
-            element.id,
-            chartData,
-            layout,
-            range,
-            categoryLabels,
-            { categoryAxisStyle: "bar" },
-            secondaryRange ? { secondaryRange, secondaryAxisFormatting: secondaryAxisFmt } : void 0
-          ),
-          barElements,
-          lineElements,
-          dlElements,
-          renderOverlays(element.id, chartData, layout, range)
-        ]
-      }
-    ),
-    renderChartDataTable(element.id, chartData, layout.svgWidth)
-  ] });
-}
-function renderChartElement(element) {
-  if (element.type !== "chart") {
-    return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: translationsEn["pptx.chart.heading"] });
-  }
-  const chartData = element.chartData;
-  if (!chartData || chartData.series.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: translationsEn["pptx.chart.heading"] });
-  }
-  const longestSeriesLength = chartData.series.reduce(
-    (maxLength, series) => Math.max(maxLength, series.values.length),
-    0
-  );
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestSeriesLength }, (_, index) => String(index + 1));
-  const chartType = chartData.chartType ?? "bar";
-  if (chartType === "pie" || chartType === "doughnut" || chartType === "pie3D" || chartType === "ofPie") {
-    return renderPieChart(element);
-  }
-  if (chartType === "scatter") {
-    return renderScatterChart(element);
-  }
-  if (chartType === "bubble") {
-    return renderBubbleChart(element);
-  }
-  if (chartType === "radar") {
-    return renderRadarChart(element);
-  }
-  if (chartType === "stock") {
-    return renderStockChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "area" || chartType === "area3D") {
-    return renderAreaChart(element);
-  }
-  if (chartType === "line" || chartType === "line3D") {
-    return renderLineChart(element);
-  }
-  if (chartType === "waterfall") {
-    return renderWaterfallChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "combo") {
-    return renderComboChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "bar" && (chartData.grouping === "stacked" || chartData.grouping === "percentStacked")) {
-    return renderStackedBarChart(element);
-  }
-  if (chartType === "surface") {
-    return renderSurfaceChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "treemap") {
-    return renderTreemapChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "sunburst") {
-    return renderSunburstChart(element);
-  }
-  if (chartType === "funnel") {
-    return renderFunnelChart(element);
-  }
-  if (chartType === "boxWhisker") {
-    return renderBoxWhiskerChart(element);
-  }
-  if (chartType === "histogram") {
-    return renderHistogramChart(element);
-  }
-  if (chartType === "regionMap") {
-    return renderMapChart(element, chartData, categoryLabels);
-  }
-  return renderDefaultBarChart(element);
-}
-
 // src/viewer/utils/pdf-builder-notes-builder.ts
 function buildNotesPdf(pages) {
   const images = pages.map((page) => {