pptx-react-viewer 2.17.0 → 2.19.0

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

@@ -1,8 +1,8 @@
-import { translationsEn } from './chunk-S64T7C4V.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, getKinsokuLineBreakStyles, 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, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, splitRunForMetrics, hexToRgbChannels, chartPartToAttrs, segmentByScript, resolveFontForScript } from './chunk-K2QU73KB.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';
@@ -38,6 +38,7 @@ var ZOOM_TO_SELECTION_PADDING = 96;
 var GRID_SIZE = 8;
 var SLIDE_NAV_THUMBNAIL_WIDTH = 156;
 var UNGROUPED_SECTION_ID = "__ungrouped__";
+var DEFAULT_SECTION_GROUP_ID = "default";
 
 // src/viewer/constants/toolbar.ts
 var TOOLBAR_SECTIONS = [
@@ -962,40 +963,13 @@ function getTextStyleForElement(element, fallbackColor) {
 }
 
 // src/viewer/utils/text-layout.tsx
-function computeTabSize(tabStops, defaultTabSize) {
-  const fromDefault = typeof defaultTabSize === "number" && defaultTabSize > 0 ? `${Math.round(defaultTabSize)}px` : void 0;
-  if (!tabStops || tabStops.length === 0) {
-    return fromDefault;
-  }
-  if (tabStops.length === 1) {
-    const pos = tabStops[0].position;
-    return typeof pos === "number" && pos > 0 ? `${Math.round(pos)}px` : fromDefault;
-  }
-  const positions = tabStops.map((t) => t.position).filter((p) => typeof p === "number" && p > 0).sort((a, b) => a - b);
-  if (positions.length < 2) {
-    return positions.length === 1 ? `${Math.round(positions[0])}px` : fromDefault;
-  }
-  let totalGap = 0;
-  for (let i = 1; i < positions.length; i++) {
-    totalGap += positions[i] - positions[i - 1];
-  }
-  const avgGap = totalGap / (positions.length - 1);
-  return avgGap > 0 ? `${Math.round(avgGap)}px` : fromDefault;
-}
 function getTextLayoutStyle(element) {
   if (!hasTextProperties(element)) {
     return {};
   }
-  const verticalAlign = element.textStyle?.vAlign || "top";
   const writingMode = toCssWritingMode(element.textStyle?.textDirection);
   const textOrientation = toCssTextOrientation(element.textStyle?.textDirection);
   const verticalDirection = toCssVerticalDirection(element.textStyle?.textDirection);
-  const parsedColumnCount = Number(element.textStyle?.columnCount);
-  const columnCount = Number.isFinite(parsedColumnCount) ? Math.max(1, Math.min(16, Math.round(parsedColumnCount))) : 1;
-  const hasColumns = columnCount > 1;
-  const justifyContent = verticalAlign === "middle" ? "center" : verticalAlign === "bottom" ? "flex-end" : "flex-start";
-  const tabStops = element.textStyle?.tabStops;
-  const tabSize = computeTabSize(tabStops, element.textStyle?.defaultTabSize);
   const textWrapNone = element.textStyle?.textWrap === "none";
   const hasParagraphIndents = hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
   const paragraphMarginLeft = element.textStyle?.paragraphMarginLeft;
@@ -1004,35 +978,9 @@ function getTextLayoutStyle(element) {
   const textIndent = !hasParagraphIndents && typeof paragraphIndent === "number" && paragraphIndent !== 0 ? paragraphIndent : void 0;
   const bodyTop = element.textStyle?.bodyInsetTop ?? DEFAULT_BODY_INSET_TB_PX;
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
-  const parsedColumnSpacing = Number(element.textStyle?.columnSpacing);
-  const columnGap = Number.isFinite(parsedColumnSpacing) && parsedColumnSpacing > 0 ? `${parsedColumnSpacing}px` : "0.75em";
-  const kinsokuStyles = getKinsokuLineBreakStyles(element.textStyle);
-  if (hasColumns) {
-    return {
-      display: "block",
-      columnCount,
-      columnGap,
-      // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
-      // per-paragraph by the paragraph renderer, not collapsed here.
-      paddingTop: bodyTop,
-      paddingBottom: bodyBottom,
-      writingMode,
-      textOrientation,
-      direction: verticalDirection,
-      tabSize,
-      marginLeft,
-      textIndent,
-      ...kinsokuStyles,
-      ...textWrapNone ? {
-        whiteSpace: "nowrap",
-        overflow: "visible"
-      } : {}
-    };
-  }
   return {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent,
+    // Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
+    ...buildTextBodyLayoutStyle(element),
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
     // per-paragraph by the paragraph renderer, not collapsed here.
     paddingTop: bodyTop,
@@ -1040,10 +988,8 @@ function getTextLayoutStyle(element) {
     writingMode,
     textOrientation,
     direction: verticalDirection,
-    tabSize,
     marginLeft,
     textIndent,
-    ...kinsokuStyles,
     ...textWrapNone ? {
       whiteSpace: "nowrap",
       overflow: "visible"
@@ -1643,26 +1589,17 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     ),
     metricContext
   );
-  const spanNode = /* @__PURE__ */ jsx("span", { "data-seg-idx": segmentIndex, style: spanStyle, children: renderRubyOrText(segment, baseContent, baseFontSize, baseFontFamily, resolvedSegmentColor) }, key);
+  const spanNode = /* @__PURE__ */ jsx("span", { "data-seg-idx": segmentIndex, style: spanStyle, children: renderRubyOrText(run, baseContent) }, key);
   return run.hyperlink && onHyperlinkClick ? renderHyperlink(run, spanNode, key, ctx) : spanNode;
 }
-function renderRubyOrText(segment, baseContent, baseFontSize, baseFontFamily, resolvedColor) {
-  const rubyText = segment?.rubyText;
-  if (typeof rubyText !== "string" || rubyText.length === 0) {
+function renderRubyOrText(run, baseContent) {
+  if (!run.ruby) {
     return baseContent;
   }
-  const rubyStyle = {
-    fontSize: segment?.rubyFontSize ?? baseFontSize * 0.5,
-    fontFamily: segment?.rubyStyle?.fontFamily ?? baseFontFamily,
-    textAlign: segment?.rubyAlignment === "l" ? "left" : segment?.rubyAlignment === "r" ? "right" : segment?.rubyAlignment === "dist" || segment?.rubyAlignment === "distCat" || segment?.rubyAlignment === "distLetter" ? "justify" : "center"
-  };
-  if (segment?.rubyStyle?.color) {
-    rubyStyle.color = normalizeHexColor(segment.rubyStyle.color, resolvedColor);
-  }
   return /* @__PURE__ */ jsxs("ruby", { children: [
     baseContent,
     /* @__PURE__ */ jsx("rp", { children: "(" }),
-    /* @__PURE__ */ jsx("rt", { style: rubyStyle, children: rubyText }),
+    /* @__PURE__ */ jsx("rt", { style: run.ruby.style, children: run.ruby.text }),
     /* @__PURE__ */ jsx("rp", { children: ")" })
   ] });
 }
@@ -3309,6 +3246,18 @@ function renderTableFromTableData(element, textStyle, options) {
   const selectedCell = options?.selectedCell || null;
   const isEditable = Boolean(options?.editable);
   const hasCellSelectionHandler = typeof options?.onSelectCell === "function";
+  const sharedCtx = {
+    tableStyleMap: options?.styleCtx?.tableStyleMap,
+    colorScheme: options?.styleCtx?.theme?.colorScheme,
+    fontScheme: options?.styleCtx?.theme?.fontScheme
+  };
+  const cellCss = (cell, rowIndex, cellIndex) => tableCellCss(
+    tableData,
+    cell,
+    { rowIndex, cellIndex, rowCount, columnCount },
+    sharedCtx,
+    textStyle
+  );
   const selectionRect = (() => {
     if (!selectedCell?.selectedCells || selectedCell.selectedCells.length < 2) {
       return void 0;
@@ -3377,8 +3326,7 @@ function renderTableFromTableData(element, textStyle, options) {
                           colSpan: cell.gridSpan && cell.gridSpan > 1 ? cell.gridSpan : void 0,
                           rowSpan: cell.rowSpan && cell.rowSpan > 1 ? cell.rowSpan : void 0,
                           style: {
-                            ...textStyle,
-                            ...cellStyleToCss(cell.style),
+                            ...cellCss(cell, rowIndex, cellIndex),
                             ...diag ? { position: "relative" } : void 0
                           },
                           onClick: (event) => {
@@ -3423,10 +3371,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               TableCellInput,
                               {
                                 initialText: cell.text ?? "",
-                                style: {
-                                  ...textStyle,
-                                  ...cellStyleToCss(cell.style)
-                                },
+                                style: cellCss(cell, rowIndex, cellIndex),
                                 onCommit: (text) => {
                                   options?.onCommitCellEdit?.(rowIndex, cellIndex, text);
                                 },
@@ -3691,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
       );
@@ -3877,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-DEQP5O3U.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) => {
@@ -6252,4 +3943,4 @@ function stopPreviewAnimation() {
   activePreview = null;
 }
 
-export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY2 as DEFAULT_FONT_FAMILY, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, executeMediaCommand, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY2 as DEFAULT_FONT_FAMILY, DEFAULT_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, executeMediaCommand, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };