pptx-react-viewer 2.16.5 → 2.16.7

package/dist/{chunk-5YGTUHNO.mjs → chunk-J5V7UCD2.mjs}

@@ -1,5 +1,5 @@
 import { translationsEn } from './chunk-5IUEPQTK.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, getImageFitStyle, isImageLikeElement, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, resolveParagraphStrutFontSize, colorWithOpacity, normalizeHexColor, build3DExtrusionData, isIdentityRectClip, getResolvedShapeClipPath, isStrokeOnlyPresetElement, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, suppressesCssBorder, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, mediaFallbackVisual, registerPersistentAudio, proportionalLineHeight, substituteFieldText, resolveUnderlineDecorationStyle, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, sanitizeGradientStops, getGradientTileFlipCss, getGradientTileRectCss, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, chartAreaFill, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, ooxmlGradientAngleToCssDegrees, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, splitRunForMetrics, hexToRgbChannels, chartPartToAttrs, segmentByScript, resolveFontForScript } from './chunk-247XH4EN.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, resolveParagraphSpacing, resolveParagraphStrutFontSize, colorWithOpacity, normalizeHexColor, build3DExtrusionData, isIdentityRectClip, getResolvedShapeClipPath, isStrokeOnlyPresetElement, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, suppressesCssBorder, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, mediaFallbackVisual, registerPersistentAudio, substituteFieldText, resolveUnderlineDecorationStyle, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, sanitizeGradientStops, getGradientTileFlipCss, getGradientTileRectCss, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getChartStylePalette, chartAreaFill, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, splitRunForMetrics, hexToRgbChannels, chartPartToAttrs, segmentByScript, resolveFontForScript } from './chunk-D5TAZ5NL.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -267,29 +267,6 @@ function isConnectorOrLineElement(element) {
   return st === "connector" || st === "line" || element.shapeType === "line";
 }
 
-// src/viewer/utils/template-editing.ts
-function partitionTemplateElements(slides) {
-  const templateElementsBySlideId = {};
-  const nextSlides = slides.map((slide) => {
-    const template = slide.elements.filter((el) => isTemplateElement(el));
-    if (template.length === 0) {
-      return slide;
-    }
-    templateElementsBySlideId[slide.id] = template;
-    return { ...slide, elements: slide.elements.filter((el) => !isTemplateElement(el)) };
-  });
-  return { slides: nextSlides, templateElementsBySlideId };
-}
-function buildSaveSlides(slides, templateElementsBySlideId) {
-  return slides.map((slide) => {
-    const template = templateElementsBySlideId[slide.id];
-    if (!template || template.length === 0) {
-      return slide;
-    }
-    return { ...slide, elements: [...template, ...slide.elements] };
-  });
-}
-
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
   if (!hasShapeProperties(element)) {
@@ -1917,31 +1894,6 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   }
   return spanNode;
 }
-
-// src/viewer/utils/text-paragraph-spacing.ts
-var PT_TO_PX = 96 / 72;
-function resolveParagraphSpacing(input) {
-  const { paraProps, bodyStyle, isFirst, isLast, spaceFirstLast } = input;
-  const result = {};
-  const before = paraProps?.paragraphSpacingBefore ?? bodyStyle?.paragraphSpacingBefore;
-  if (typeof before === "number" && before > 0 && (!isFirst || spaceFirstLast)) {
-    result.marginTop = before;
-  }
-  const after = paraProps?.paragraphSpacingAfter ?? bodyStyle?.paragraphSpacingAfter;
-  if (typeof after === "number" && after > 0 && (!isLast || spaceFirstLast)) {
-    result.marginBottom = after;
-  }
-  const hasOwnLine = paraProps?.lineSpacing !== void 0 || paraProps?.lineSpacingExactPt !== void 0;
-  const lineSrc = hasOwnLine ? paraProps : bodyStyle;
-  const exactPt = lineSrc?.lineSpacingExactPt;
-  const multiplier = lineSrc?.lineSpacing;
-  if (typeof exactPt === "number" && exactPt > 0) {
-    result.lineHeight = `${exactPt * PT_TO_PX}px`;
-  } else if (typeof multiplier === "number" && multiplier > 0) {
-    result.lineHeight = proportionalLineHeight(multiplier);
-  }
-  return result;
-}
 function groupSegmentsIntoParagraphs(segments) {
   const paragraphs = [];
   let current = [];
@@ -2020,18 +1972,18 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       paraSegments.length > 0 ? paraSegments.map(({ segment }) => segment) : terminator ? [terminator] : [],
       bodyStyle?.fontSize
     );
-    const hasParaSpacing = spacing.marginTop !== void 0 || spacing.marginBottom !== void 0 || spacing.lineHeight !== void 0;
+    const hasParaSpacing = spacing.spaceBeforePx !== void 0 || spacing.spaceAfterPx !== void 0 || spacing.lineHeight !== void 0;
     const paraStyle = {
       ...paraKinsokuStyle
     };
     if (strutFontSize !== void 0) {
       paraStyle.fontSize = strutFontSize;
     }
-    if (spacing.marginTop !== void 0) {
-      paraStyle.marginTop = spacing.marginTop;
+    if (spacing.spaceBeforePx !== void 0) {
+      paraStyle.marginTop = spacing.spaceBeforePx;
     }
-    if (spacing.marginBottom !== void 0) {
-      paraStyle.marginBottom = spacing.marginBottom;
+    if (spacing.spaceAfterPx !== void 0) {
+      paraStyle.marginBottom = spacing.spaceAfterPx;
     }
     if (spacing.lineHeight !== void 0) {
       paraStyle.lineHeight = spacing.lineHeight;
@@ -3385,191 +3337,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
 }
 
 // src/viewer/utils/table-band-style.tsx
-function resolveTableStyleFillColor(fill, colorScheme) {
-  if (!fill) {
-    return void 0;
-  }
-  const key = fill.schemeColor;
-  const base = colorScheme ? colorScheme[key] : void 0;
-  if (!base) {
-    return void 0;
-  }
-  let color = base;
-  if (fill.tint !== void 0 && fill.tint > 0) {
-    color = tintColor2(color, fill.tint / 1e5);
-  }
-  if (fill.shade !== void 0 && fill.shade > 0) {
-    color = shadeColor2(color, 1 - fill.shade / 1e5);
-  }
-  return color;
-}
-function applyTableStyleText(text, colorScheme, style, fontScheme) {
-  if (!text) {
-    return false;
-  }
-  let applied = false;
-  if (text.bold) {
-    style.fontWeight = 700;
-    applied = true;
-  }
-  if (text.italic) {
-    style.fontStyle = "italic";
-    applied = true;
-  }
-  if (text.underline) {
-    style.textDecorationLine = "underline";
-    applied = true;
-  }
-  if (text.fontFace) {
-    style.fontFamily = text.fontFace;
-    applied = true;
-  } else {
-    const refFont = resolveFontRefIdx(text.fontRefIdx, fontScheme);
-    if (refFont) {
-      style.fontFamily = refFont;
-      applied = true;
-    }
-  }
-  if (text.fontSchemeColor && colorScheme) {
-    const base = colorScheme[text.fontSchemeColor];
-    if (base) {
-      let color = base;
-      if (text.fontTint !== void 0 && text.fontTint > 0) {
-        color = tintColor2(color, text.fontTint / 1e5);
-      }
-      if (text.fontShade !== void 0 && text.fontShade > 0) {
-        color = shadeColor2(color, 1 - text.fontShade / 1e5);
-      }
-      style.color = color;
-      applied = true;
-    }
-  }
-  return applied;
-}
-function resolveTableStyleEntry(tableStyleId, tableStyleMap) {
-  if (!tableStyleId || !tableStyleMap) {
-    return void 0;
-  }
-  const direct = tableStyleMap[tableStyleId];
-  if (direct) {
-    return direct;
-  }
-  const normalised = tableStyleId.trim().toUpperCase();
-  const withBraces = normalised.startsWith("{") ? normalised : `{${normalised}}`;
-  return tableStyleMap[withBraces];
-}
-function getTableCellBandStyle(element, rowIndex, cellIndex, rowCount, columnCount, styleCtx) {
+function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCount, styleCtx) {
   if (element.type !== "table") {
     return void 0;
   }
-  const td = element.tableData;
-  if (!td) {
-    return void 0;
-  }
-  const styleEntry = resolveTableStyleEntry(td.tableStyleId, styleCtx?.tableStyleMap);
-  const colorScheme = styleCtx?.theme?.colorScheme;
-  const fontScheme = styleCtx?.theme?.fontScheme;
-  const resolveFill = (fill, fallback) => resolveTableStyleFillColor(fill, colorScheme) ?? fallback;
-  const style = {};
-  let applied = false;
-  if (styleEntry?.wholeTblFill) {
-    const wholeBg = resolveFill(styleEntry.wholeTblFill, "");
-    if (wholeBg) {
-      style.backgroundColor = wholeBg;
-      applied = true;
-    }
-  }
-  if (applyTableStyleText(styleEntry?.wholeTblText, colorScheme, style, fontScheme)) {
-    applied = true;
-  }
-  const bandStartRow = td.firstRowHeader ? 1 : 0;
-  const bandEndRow = td.lastRow ? rowCount - 1 : rowCount;
-  if (td.bandedRows && rowIndex >= bandStartRow && rowIndex < bandEndRow) {
-    const bandIndex = rowIndex - bandStartRow;
-    const rowCycle = Math.max(td.bandRowCycle ?? 1, 1);
-    const bandGroup = Math.floor(bandIndex / rowCycle) % 2;
-    if (bandGroup === 0) {
-      const band1Bg = resolveFill(styleEntry?.band1HFill, "rgba(217, 226, 243, 0.5)");
-      style.backgroundColor = band1Bg;
-      applied = true;
-    } else if (styleEntry?.band2HFill) {
-      const band2Bg = resolveFill(styleEntry.band2HFill, "");
-      if (band2Bg) {
-        style.backgroundColor = band2Bg;
-        applied = true;
-      }
-    }
-  }
-  if (td.bandedColumns) {
-    const isFirstCol = td.firstCol;
-    const isLastCol = td.lastCol;
-    const colBandIndex = isFirstCol && cellIndex > 0 ? cellIndex - 1 : cellIndex;
-    const skipCol = isFirstCol && cellIndex === 0 || isLastCol && cellIndex === columnCount - 1;
-    if (!skipCol) {
-      const colCycle = Math.max(td.bandColCycle ?? 1, 1);
-      const colBandGroup = Math.floor(colBandIndex / colCycle) % 2;
-      if (colBandGroup === 0) {
-        if (!style.backgroundColor || !td.bandedRows) {
-          const band1Bg = resolveFill(styleEntry?.band1VFill, "rgba(217, 226, 243, 0.35)");
-          style.backgroundColor = band1Bg;
-          applied = true;
-        }
-      } else if (styleEntry?.band2VFill) {
-        if (!style.backgroundColor || !td.bandedRows) {
-          const band2Bg = resolveFill(styleEntry.band2VFill, "");
-          if (band2Bg) {
-            style.backgroundColor = band2Bg;
-            applied = true;
-          }
-        }
-      }
-    }
-  }
-  if (td.firstRowHeader && rowIndex === 0) {
-    style.fontWeight = 700;
-    const headerBg = resolveFill(styleEntry?.firstRowFill, "rgba(68, 114, 196, 0.85)");
-    style.backgroundColor = headerBg;
-    style.color = "#ffffff";
-    applyTableStyleText(styleEntry?.firstRowText, colorScheme, style, fontScheme);
-    applied = true;
-  }
-  if (td.lastRow && rowIndex === rowCount - 1) {
-    style.fontWeight = 700;
-    if (styleEntry?.lastRowFill) {
-      const lastRowBg = resolveFill(styleEntry.lastRowFill, "");
-      if (lastRowBg) {
-        style.backgroundColor = lastRowBg;
-      }
-    }
-    style.borderTopWidth = 2;
-    style.borderTopColor = resolveFill(styleEntry?.firstRowFill, "rgba(68, 114, 196, 0.7)");
-    style.borderTopStyle = "solid";
-    applyTableStyleText(styleEntry?.lastRowText, colorScheme, style, fontScheme);
-    applied = true;
-  }
-  if (td.firstCol && cellIndex === 0) {
-    style.fontWeight = 700;
-    if (styleEntry?.firstColFill) {
-      const firstColBg = resolveFill(styleEntry.firstColFill, "");
-      if (firstColBg) {
-        style.backgroundColor = firstColBg;
-      }
-    }
-    applyTableStyleText(styleEntry?.firstColText, colorScheme, style, fontScheme);
-    applied = true;
-  }
-  if (td.lastCol && cellIndex === columnCount - 1) {
-    style.fontWeight = 700;
-    if (styleEntry?.lastColFill) {
-      const lastColBg = resolveFill(styleEntry.lastColFill, "");
-      if (lastColBg) {
-        style.backgroundColor = lastColBg;
-      }
-    }
-    applyTableStyleText(styleEntry?.lastColText, colorScheme, style, fontScheme);
-    applied = true;
-  }
-  return applied ? style : void 0;
+  return getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
+    tableStyleMap: styleCtx?.tableStyleMap,
+    colorScheme: styleCtx?.theme?.colorScheme,
+    fontScheme: styleCtx?.theme?.fontScheme
+  });
 }
 
 // src/viewer/utils/table-data-parse.tsx
@@ -3750,144 +3526,6 @@ function TableCellInput({
     }
   );
 }
-
-// src/viewer/utils/table-render-helpers.ts
-function cellStyleToCss(style) {
-  if (!style) {
-    return {};
-  }
-  const css = {};
-  if (style.fontSize) {
-    css.fontSize = style.fontSize;
-  }
-  if (style.bold) {
-    css.fontWeight = "bold";
-  }
-  if (style.italic) {
-    css.fontStyle = "italic";
-  }
-  if (style.underline) {
-    css.textDecorationLine = "underline";
-  }
-  if (style.color) {
-    css.color = style.color;
-  }
-  if (style.gradientFillCss) {
-    css.background = style.gradientFillCss;
-  } else if (style.fillMode === "pattern" && style.patternFillPreset) {
-    const fg = normalizeHexColor(style.patternFillForeground, "#000000");
-    const bg = normalizeHexColor(style.patternFillBackground, "#ffffff");
-    const svgPattern = getPatternSvg(style.patternFillPreset, fg, bg);
-    if (svgPattern) {
-      const encoded = encodeURIComponent(svgPattern);
-      css.backgroundImage = `url("data:image/svg+xml,${encoded}")`;
-      css.backgroundColor = bg;
-    } else if (style.backgroundColor) {
-      css.backgroundColor = style.backgroundColor;
-    }
-  } else if (style.backgroundColor) {
-    css.backgroundColor = style.backgroundColor;
-  }
-  if (style.align) {
-    css.textAlign = style.align;
-  } else if (style.anchorCtr) {
-    css.textAlign = "center";
-  }
-  if (style.vAlign) {
-    css.verticalAlign = style.vAlign;
-  }
-  if (style.horzOverflow === "clip") {
-    css.overflowX = "hidden";
-  } else if (style.horzOverflow === "overflow") {
-    css.overflowX = "visible";
-  }
-  if (style.textDirection) {
-    switch (style.textDirection) {
-      case "vert":
-      case "eaVert":
-      case "wordArtVert":
-      case "wordArtVertRtl":
-        css.writingMode = "vertical-rl";
-        break;
-      case "vert270":
-      case "mongolianVert":
-        css.writingMode = "vertical-lr";
-        break;
-    }
-    if (style.textDirection === "wordArtVert") {
-      css.textOrientation = "upright";
-    } else if (css.writingMode) {
-      css.textOrientation = "mixed";
-    }
-    if (style.textDirection === "wordArtVertRtl") {
-      css.direction = "rtl";
-    }
-  }
-  const borderEdges = [
-    {
-      prefix: "borderTop",
-      width: style.borderTopWidth,
-      color: style.borderTopColor,
-      dash: style.borderTopDash
-    },
-    {
-      prefix: "borderBottom",
-      width: style.borderBottomWidth,
-      color: style.borderBottomColor,
-      dash: style.borderBottomDash
-    },
-    {
-      prefix: "borderLeft",
-      width: style.borderLeftWidth,
-      color: style.borderLeftColor,
-      dash: style.borderLeftDash
-    },
-    {
-      prefix: "borderRight",
-      width: style.borderRightWidth,
-      color: style.borderRightColor,
-      dash: style.borderRightDash
-    }
-  ];
-  for (const edge of borderEdges) {
-    if (edge.width || edge.color) {
-      const w = edge.width ?? 1;
-      const c = edge.color ?? style.borderColor ?? "#000000";
-      const s = ooxmlDashToCssBorderStyle(edge.dash);
-      css[edge.prefix] = `${w}px ${s} ${c}`;
-    }
-  }
-  if (style.marginLeft) {
-    css.paddingLeft = style.marginLeft;
-  }
-  if (style.marginRight) {
-    css.paddingRight = style.marginRight;
-  }
-  if (style.marginTop) {
-    css.paddingTop = style.marginTop;
-  }
-  if (style.marginBottom) {
-    css.paddingBottom = style.marginBottom;
-  }
-  const textShadowParts = [];
-  if (style.textShadowColor) {
-    const offX = style.textShadowOffsetX ?? 1;
-    const offY = style.textShadowOffsetY ?? 1;
-    const blur = style.textShadowBlur ?? 0;
-    textShadowParts.push(`${offX}px ${offY}px ${blur}px ${style.textShadowColor}`);
-  }
-  if (style.textGlowColor) {
-    const radius = style.textGlowRadius ?? 2;
-    textShadowParts.push(`0px 0px ${radius}px ${style.textGlowColor}`);
-  }
-  if (textShadowParts.length > 0) {
-    css.textShadow = textShadowParts.join(", ");
-  }
-  if (style.cell3D) {
-    Object.assign(css, cell3DBevelCss(style.cell3D));
-  }
-  return css;
-}
 function TableResizeOverlay({
   children,
   columnWidths,
@@ -4240,7 +3878,7 @@ function renderTableElement(element, textStyle, options) {
                         const colSpan = Number.isFinite(gridSpanRaw) && gridSpanRaw > 1 ? gridSpanRaw : void 0;
                         const rowSpanRaw = Number.parseInt(String(cell["@_rowSpan"] || ""), 10);
                         const rSpan = Number.isFinite(rowSpanRaw) && rowSpanRaw > 1 ? rowSpanRaw : void 0;
-                        const bandStyle = getTableCellBandStyle(
+                        const bandStyle = getTableCellBandStyle2(
                           element,
                           rowIndex,
                           cellIndex,
@@ -6181,7 +5819,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-TTL2FTEG.mjs');
+      return await import('./SurfaceChart3DScene-BMFEDBLF.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6856,1032 +6494,6 @@ function renderChartElement(element) {
   }
   return renderDefaultBarChart(element);
 }
-var PALETTES = {
-  colorful1: ["#3b82f6", "#22c55e", "#f97316", "#eab308", "#a855f7", "#ec4899"],
-  colorful2: ["#6366f1", "#14b8a6", "#f59e0b", "#ef4444", "#8b5cf6", "#06b6d4"],
-  colorful3: ["#0ea5e9", "#84cc16", "#f43e5e", "#a855f7", "#f97316", "#10b981"],
-  monochromatic1: ["#3b82f6", "#60a5fa", "#93c5fd", "#bfdbfe", "#2563eb", "#1d4ed8"],
-  monochromatic2: ["#6366f1", "#818cf8", "#a5b4fc", "#c7d2fe", "#4f46e5", "#4338ca"]
-};
-var DEFAULT_PALETTE = PALETTES.colorful1;
-function colour(index, palette = DEFAULT_PALETTE) {
-  return palette[index % palette.length];
-}
-function nodeOpacity(index, total, style) {
-  const base = style === "intense" ? 1 : style === "moderate" ? 0.92 : 0.85;
-  if (total <= 1) {
-    return base;
-  }
-  return base - index / (total - 1) * 0.15;
-}
-function styleShadow(style) {
-  if (style === "intense") {
-    return "drop-shadow(0 2px 6px rgba(0,0,0,0.35))";
-  }
-  if (style === "moderate") {
-    return "drop-shadow(0 1px 3px rgba(0,0,0,0.2))";
-  }
-  return void 0;
-}
-function styleStroke(style) {
-  if (style === "intense") {
-    return 2;
-  }
-  if (style === "moderate") {
-    return 1.5;
-  }
-  return 0;
-}
-function truncate(text, max) {
-  if (text.length <= max) {
-    return text;
-  }
-  return `${text.slice(0, max - 1)}\u2026`;
-}
-function resolvePalette(el) {
-  if (el.type !== "smartArt" || !el.smartArtData) {
-    return DEFAULT_PALETTE;
-  }
-  const ctFills = el.smartArtData.colorTransform?.fillColors;
-  if (ctFills && ctFills.length > 0) {
-    return ctFills;
-  }
-  return PALETTES[el.smartArtData.colorScheme ?? "colorful1"] ?? DEFAULT_PALETTE;
-}
-function resolveStyle(el) {
-  if (el.type !== "smartArt" || !el.smartArtData) {
-    return "flat";
-  }
-  return el.smartArtData.style ?? "flat";
-}
-function resolveSmartArtDataPalette(data) {
-  const ctFills = data.colorTransform?.fillColors;
-  if (ctFills && ctFills.length > 0) {
-    return ctFills;
-  }
-  return PALETTES[data.colorScheme ?? "colorful1"] ?? DEFAULT_PALETTE;
-}
-function buildTree(nodes) {
-  const map = /* @__PURE__ */ new Map();
-  for (const n of nodes) {
-    map.set(n.id, { node: n, children: [] });
-  }
-  const roots = [];
-  for (const n of nodes) {
-    const treeNode = map.get(n.id);
-    if (n.parentId && map.has(n.parentId)) {
-      map.get(n.parentId).children.push(treeNode);
-    } else {
-      roots.push(treeNode);
-    }
-  }
-  return roots;
-}
-function treeWidth(t) {
-  if (t.children.length === 0) {
-    return 1;
-  }
-  return t.children.reduce((sum, c) => sum + treeWidth(c), 0);
-}
-function treeDepth(t) {
-  if (t.children.length === 0) {
-    return 1;
-  }
-  return 1 + Math.max(...t.children.map(treeDepth));
-}
-function layoutToCategory(layout) {
-  if (!layout) {
-    return "list";
-  }
-  const map = {
-    basicBlockList: "list",
-    alternatingHexagons: "list",
-    basicChevronProcess: "process",
-    basicCycle: "cycle",
-    basicPie: "cycle",
-    basicRadial: "radial",
-    basicVenn: "venn",
-    continuousBlockProcess: "process",
-    convergingRadial: "radial",
-    hierarchy: "hierarchy",
-    horizontalBulletList: "list",
-    linearVenn: "venn",
-    segmentedProcess: "process",
-    stackedList: "list",
-    tableList: "list",
-    trapezoidList: "list",
-    upwardArrow: "process",
-    basicFunnel: "funnel",
-    basicTarget: "radial",
-    interlockingGears: "radial",
-    basicTimeline: "process",
-    basicMatrix: "matrix",
-    basicPyramid: "pyramid",
-    invertedPyramid: "pyramid",
-    bendingProcess: "process",
-    stepDownProcess: "stepdown",
-    alternatingFlow: "alternatingflow",
-    descendingProcess: "descending",
-    pictureAccentList: "pictureaccent",
-    verticalBlockList: "verticalblock",
-    groupedList: "grouped",
-    pyramidList: "pyramidlist",
-    horizontalPictureList: "horizontalpicture",
-    accentProcess: "accentprocess",
-    verticalChevronList: "verticalchevron"
-  };
-  return map[layout] ?? "list";
-}
-function smartArtNodeGroupProps(nodeId, shadow, label2) {
-  const props = {
-    "data-smartart-node-id": nodeId,
-    style: { filter: shadow, pointerEvents: "auto" }
-  };
-  if (label2) {
-    props.role = "img";
-    props["aria-label"] = label2;
-  }
-  return props;
-}
-function fitFontSize(text, maxWidth, maxHeight, baseSize) {
-  const charWidthRatio = 0.6;
-  const maxByWidth = maxWidth / (text.length * charWidthRatio);
-  const maxByHeight = maxHeight * 0.5;
-  return Math.max(6, Math.min(baseSize, maxByWidth, maxByHeight));
-}
-function chevronPoints(x, y, w, h) {
-  const depth = Math.min(w * 0.2, h * 0.4);
-  return [
-    `${x},${y}`,
-    `${x + w - depth},${y}`,
-    `${x + w},${y + h / 2}`,
-    `${x + w - depth},${y + h}`,
-    `${x},${y + h}`,
-    `${x + depth},${y + h / 2}`
-  ].join(" ");
-}
-function gearPath(cx, cy, outerR, innerR, teeth) {
-  const segments = [];
-  const step = Math.PI * 2 / (teeth * 2);
-  for (let i = 0; i < teeth * 2; i++) {
-    const angle = i * step - Math.PI / 2;
-    const r = i % 2 === 0 ? outerR : innerR;
-    const x = cx + r * Math.cos(angle);
-    const y = cy + r * Math.sin(angle);
-    segments.push(i === 0 ? `M${x},${y}` : `L${x},${y}`);
-  }
-  segments.push("Z");
-  return segments.join(" ");
-}
-function SmartArtNodeText({
-  text,
-  x,
-  y,
-  fill,
-  fontSize,
-  fontWeight,
-  fontStyle,
-  className,
-  anchor = "middle"
-}) {
-  const lines = text.split("\n").filter((l) => l.length > 0);
-  const lineHeight = fontSize * 1.2;
-  let startY;
-  let dominantBaseline;
-  if (anchor === "bottom") {
-    startY = lines.length > 0 ? y - (lines.length - 1) * lineHeight : y;
-    dominantBaseline = "auto";
-  } else if (anchor === "top") {
-    startY = y;
-    dominantBaseline = "hanging";
-  } else {
-    const totalHeight = lines.length * lineHeight;
-    startY = lines.length > 0 ? y - totalHeight / 2 + lineHeight / 2 : y;
-    dominantBaseline = "central";
-  }
-  return /* @__PURE__ */ jsx(
-    "text",
-    {
-      x,
-      textAnchor: "middle",
-      dominantBaseline,
-      fill,
-      fontSize,
-      fontWeight,
-      fontStyle,
-      className,
-      children: lines.map((line, i) => /* @__PURE__ */ jsx("tspan", { x, y: startY + i * lineHeight, children: line }, i))
-    }
-  );
-}
-function wrapChrome(chrome, content, className, a11y) {
-  const wrapperStyle = {};
-  if (chrome?.backgroundColor) {
-    wrapperStyle.backgroundColor = chrome.backgroundColor;
-  }
-  if (chrome?.outlineColor) {
-    wrapperStyle.border = `${chrome.outlineWidth ?? 1}px solid ${chrome.outlineColor}`;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `w-full h-full ${className}`,
-      style: wrapperStyle,
-      role: a11y?.role,
-      "aria-label": a11y?.label,
-      children: content
-    }
-  );
-}
-function renderStepDownProcess(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const usableW = w - pad * 2;
-  const usableH = h - pad * 2;
-  const stepW = usableW / nodes.length;
-  const stepH = usableH / nodes.length;
-  const boxW = stepW * 0.85;
-  const boxH = stepH * 0.6;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const x = pad + i * stepW;
-        const y = pad + i * stepH;
-        const fontSize = Math.max(7, Math.min(10, boxW * 0.1));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          i < nodes.length - 1 && /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: x + boxW,
-              y1: y + boxH / 2,
-              x2: x + stepW,
-              y2: y + stepH + boxH / 2,
-              stroke: "#94a3b8",
-              strokeWidth: 1.5,
-              opacity: 0.5
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x,
-              y,
-              width: boxW,
-              height: boxH,
-              rx: 5,
-              fill: colour(i, palette),
-              opacity: nodeOpacity(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: x + boxW / 2,
-              y: y + boxH / 2,
-              text: truncate(node.text, 20),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          )
-        ] }, `${element.id}-stepdown-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderAlternatingFlow(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const usableH = h - pad * 2;
-  const rowH = usableH / nodes.length;
-  const halfW = (w - pad * 2) / 2;
-  const boxW = halfW * 0.8;
-  const boxH = Math.min(rowH * 0.7, 40);
-  const centerX = w / 2;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: [
-        /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: centerX,
-            y1: pad,
-            x2: centerX,
-            y2: h - pad,
-            stroke: "#94a3b8",
-            strokeWidth: 2,
-            opacity: 0.3
-          }
-        ),
-        nodes.map((node, i) => {
-          const isLeft = i % 2 === 0;
-          const y = pad + i * rowH + (rowH - boxH) / 2;
-          const x = isLeft ? centerX - boxW - 12 : centerX + 12;
-          const fontSize = Math.max(7, Math.min(10, boxW * 0.1));
-          return /* @__PURE__ */ jsxs("g", { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: isLeft ? x + boxW : x,
-                y1: y + boxH / 2,
-                x2: centerX,
-                y2: y + boxH / 2,
-                stroke: colour(i, palette),
-                strokeWidth: 1.5,
-                opacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ jsx("circle", { cx: centerX, cy: y + boxH / 2, r: 3, fill: colour(i, palette), opacity: 0.8 }),
-            /* @__PURE__ */ jsx(
-              "rect",
-              {
-                x,
-                y,
-                width: boxW,
-                height: boxH,
-                rx: 5,
-                fill: colour(i, palette),
-                opacity: nodeOpacity(i, nodes.length, style),
-                stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-                strokeWidth: sw
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              SmartArtNodeText,
-              {
-                x: x + boxW / 2,
-                y: y + boxH / 2,
-                text: truncate(node.text, 20),
-                fill: "white",
-                fontSize,
-                className: "pointer-events-none"
-              }
-            )
-          ] }, `${element.id}-altflow-${node.id}-${i}`);
-        })
-      ]
-    }
-  );
-}
-function renderDescendingProcess(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const usableH = h - pad * 2;
-  const maxW = w - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const widthFraction = 1 - i / Math.max(nodes.length, 1) * 0.5;
-        const bw = maxW * widthFraction;
-        const x = (w - bw) / 2;
-        const y = pad + i * (itemH + gap);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.4));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          i < nodes.length - 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: w / 2,
-                y1: y + itemH,
-                x2: w / 2,
-                y2: y + itemH + gap,
-                stroke: "#94a3b8",
-                strokeWidth: 1.5,
-                opacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "polygon",
-              {
-                points: `${w / 2 - 3},${y + itemH + gap - 4} ${w / 2},${y + itemH + gap} ${w / 2 + 3},${y + itemH + gap - 4}`,
-                fill: "#94a3b8",
-                opacity: 0.5
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x,
-              y,
-              width: bw,
-              height: itemH,
-              rx: 5,
-              fill: colour(i, palette),
-              opacity: nodeOpacity(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: w / 2,
-              y: y + itemH / 2,
-              text: truncate(node.text, 30),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          )
-        ] }, `${element.id}-desc-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderPictureAccentList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 6;
-  const usableH = h - pad * 2;
-  const usableW = w - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const circleR = Math.min(itemH * 0.38, 18);
-  const textX = pad + circleR * 2 + 12;
-  const textW = usableW - circleR * 2 - 16;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const y = pad + i * (itemH + gap);
-        const cy = y + itemH / 2;
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.35));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: pad + circleR,
-              cy,
-              r: circleR,
-              fill: col,
-              opacity: nodeOpacity(i, nodes.length, style)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: pad + circleR,
-              y: cy,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(7, circleR * 0.7),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: i + 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: textX,
-              y: y + 2,
-              width: textW,
-              height: itemH - 4,
-              rx: 4,
-              fill: col,
-              opacity: 0.12,
-              stroke: col,
-              strokeWidth: sw > 0 ? sw : 1,
-              strokeOpacity: 0.3
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: textX + 8,
-              y: cy,
-              textAnchor: "start",
-              dominantBaseline: "central",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate(node.text, 40)
-            }
-          )
-        ] }, `${element.id}-picacc-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderVerticalBlockList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const usableH = h - pad * 2;
-  const usableW = w - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const headerW = usableW * 0.22;
-  const bodyW = usableW - headerW - 4;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const y = pad + i * (itemH + gap);
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.35));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: pad,
-              y,
-              width: headerW,
-              height: itemH,
-              rx: 3,
-              fill: col,
-              opacity: nodeOpacity(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: pad + headerW / 2,
-              y: y + itemH / 2,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(8, itemH * 0.4),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: i + 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: pad + headerW + 4,
-              y,
-              width: bodyW,
-              height: itemH,
-              rx: 3,
-              fill: col,
-              opacity: 0.1,
-              stroke: col,
-              strokeWidth: 1,
-              strokeOpacity: 0.3
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: pad + headerW + 12,
-              y: y + itemH / 2,
-              textAnchor: "start",
-              dominantBaseline: "central",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate(node.text, 40)
-            }
-          )
-        ] }, `${element.id}-vblk-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderGroupedList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 8;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  const groupSize = nodes.length <= 4 ? 2 : 3;
-  const groups = [];
-  for (let i = 0; i < nodes.length; i += groupSize) {
-    groups.push(nodes.slice(i, i + groupSize));
-  }
-  const usableW = w - pad * 2;
-  const groupW = (usableW - gap * (groups.length - 1)) / groups.length;
-  const usableH = h - pad * 2;
-  const headerH = usableH * 0.18;
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: groups.map((group, gi) => {
-        const gx = pad + gi * (groupW + gap);
-        const col = colour(gi, palette);
-        const subItemGap = 3;
-        const subItemH = (usableH - headerH - 4 - subItemGap * (group.length - 1)) / group.length;
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: gx,
-              y: pad,
-              width: groupW,
-              height: headerH,
-              rx: 4,
-              fill: col,
-              opacity: nodeOpacity(gi, groups.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: gx + groupW / 2,
-              y: pad + headerH / 2,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(7, Math.min(10, groupW * 0.08)),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: `Group ${gi + 1}`
-            }
-          ),
-          group.map((node, si) => {
-            const sy = pad + headerH + 4 + si * (subItemH + subItemGap);
-            const fontSize = Math.max(7, Math.min(10, subItemH * 0.35));
-            return /* @__PURE__ */ jsxs("g", { children: [
-              /* @__PURE__ */ jsx(
-                "rect",
-                {
-                  x: gx + 4,
-                  y: sy,
-                  width: groupW - 8,
-                  height: subItemH,
-                  rx: 3,
-                  fill: col,
-                  opacity: 0.15,
-                  stroke: col,
-                  strokeWidth: 1,
-                  strokeOpacity: 0.3
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: gx + groupW / 2,
-                  y: sy + subItemH / 2,
-                  text: truncate(node.text, 20),
-                  fill: col,
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ] }, `${element.id}-grp-${gi}-item-${node.id}-${si}`);
-          })
-        ] }, `${element.id}-grp-${gi}`);
-      })
-    }
-  );
-}
-function renderPyramidList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const usableH = h - pad * 2;
-  const pyramidW = w * 0.35;
-  const labelStartX = pyramidW + pad + 16;
-  const labelW = w - labelStartX - pad;
-  const bandH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const shadow = styleShadow(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const y = pad + i * (bandH + gap);
-        const col = colour(i, palette);
-        const topFrac = 0.3 + i / Math.max(nodes.length - 1, 1) * 0.7;
-        const segW = pyramidW * topFrac;
-        const segX = pad + (pyramidW - segW) / 2;
-        const fontSize = Math.max(7, Math.min(11, bandH * 0.35));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: segX,
-              y,
-              width: segW,
-              height: bandH,
-              rx: 2,
-              fill: col,
-              opacity: nodeOpacity(i, nodes.length, style)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: segX + segW,
-              y1: y + bandH / 2,
-              x2: labelStartX - 4,
-              y2: y + bandH / 2,
-              stroke: col,
-              strokeWidth: 1,
-              opacity: 0.5,
-              strokeDasharray: "3,2"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: labelStartX,
-              y: y + 2,
-              width: labelW,
-              height: bandH - 4,
-              rx: 3,
-              fill: col,
-              opacity: 0.1,
-              stroke: col,
-              strokeWidth: 1,
-              strokeOpacity: 0.25
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: labelStartX + 8,
-              y: y + bandH / 2,
-              textAnchor: "start",
-              dominantBaseline: "central",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate(node.text, 30)
-            }
-          )
-        ] }, `${element.id}-pyrlist-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderHorizontalPictureList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 8;
-  const usableW = w - pad * 2;
-  const colW = (usableW - gap * (nodes.length - 1)) / nodes.length;
-  const usableH = h - pad * 2;
-  const circleR = Math.min(colW * 0.38, usableH * 0.28);
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const cx = pad + i * (colW + gap) + colW / 2;
-        const cy = pad + circleR + 4;
-        const col = colour(i, palette);
-        const labelY = cy + circleR + 10;
-        const fontSize = Math.max(7, Math.min(10, colW * 0.1));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx,
-              cy,
-              r: circleR,
-              fill: col,
-              opacity: nodeOpacity(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: cx,
-              y: cy,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(8, circleR * 0.5),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: i + 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: cx,
-              y: labelY,
-              textAnchor: "middle",
-              dominantBaseline: "hanging",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate(node.text, 15)
-            }
-          )
-        ] }, `${element.id}-hpic-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderAccentProcess(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const arrowGap = 16;
-  const usableW = w - pad * 2;
-  const nodeW = (usableW - arrowGap * (nodes.length - 1)) / nodes.length;
-  const nodeH = h * 0.45;
-  const yMid = h / 2;
-  const circleR = Math.min(nodeW, nodeH) * 0.55;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const x = pad + i * (nodeW + arrowGap);
-        const cx = x + nodeW / 2;
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, nodeW * 0.1));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx("circle", { cx, cy: yMid, r: circleR, fill: col, opacity: 0.15 }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x,
-              y: yMid - nodeH / 2,
-              width: nodeW,
-              height: nodeH,
-              rx: 5,
-              fill: col,
-              opacity: nodeOpacity(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: cx,
-              y: yMid,
-              text: truncate(node.text, 20),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          ),
-          i < nodes.length - 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: x + nodeW + 2,
-                y1: yMid,
-                x2: x + nodeW + arrowGap - 2,
-                y2: yMid,
-                stroke: "#94a3b8",
-                strokeWidth: 1.5,
-                opacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "polygon",
-              {
-                points: `${x + nodeW + arrowGap - 6},${yMid - 3} ${x + nodeW + arrowGap - 2},${yMid} ${x + nodeW + arrowGap - 6},${yMid + 3}`,
-                fill: "#94a3b8",
-                opacity: 0.5
-              }
-            )
-          ] })
-        ] }, `${element.id}-accproc-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderVerticalChevronList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 2;
-  const usableW = w - pad * 2;
-  const usableH = h - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const chevDepth = Math.min(12, itemH * 0.3);
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const x = pad;
-        const y = pad + i * (itemH + gap);
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.4));
-        const isFirst = i === 0;
-        const isLast = i === nodes.length - 1;
-        const points = isFirst ? [
-          `${x},${y}`,
-          `${x + usableW},${y}`,
-          `${x + usableW},${y + itemH - chevDepth}`,
-          `${x + usableW / 2},${y + itemH}`,
-          `${x},${y + itemH - chevDepth}`
-        ].join(" ") : isLast ? [
-          `${x},${y + chevDepth}`,
-          `${x + usableW / 2},${y}`,
-          `${x + usableW},${y + chevDepth}`,
-          `${x + usableW},${y + itemH}`,
-          `${x},${y + itemH}`
-        ].join(" ") : [
-          `${x},${y + chevDepth}`,
-          `${x + usableW / 2},${y}`,
-          `${x + usableW},${y + chevDepth}`,
-          `${x + usableW},${y + itemH - chevDepth}`,
-          `${x + usableW / 2},${y + itemH}`,
-          `${x},${y + itemH - chevDepth}`
-        ].join(" ");
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "polygon",
-            {
-              points,
-              fill: col,
-              opacity: nodeOpacity(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: x + usableW / 2,
-              y: y + itemH / 2,
-              text: truncate(node.text, 30),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          )
-        ] }, `${element.id}-vchev-${node.id}-${i}`);
-      })
-    }
-  );
-}
 
 // src/viewer/utils/pdf-builder-notes-builder.ts
 function buildNotesPdf(pages) {
@@ -7987,4 +6599,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, SmartArtNodeText, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildSaveSlides, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, buildTree, chevronPoints, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, colour, executeMediaCommand, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, isImageTiled, layoutToCategory, nodeOpacity, partitionTemplateElements, renderAccentProcess, renderAlternatingFlow, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderGroupedList, renderHorizontalPictureList, renderMediaElement, renderPictureAccentList, renderPyramidList, renderStepDownProcess, renderTableElement, renderTextSegments, renderVectorShape, renderVerticalBlockList, renderVerticalChevronList, resolvePalette, resolveSmartArtDataPalette, resolveStyle, shouldRenderFallbackLabel, smartArtNodeGroupProps, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, styleShadow, styleStroke, treeDepth, treeWidth, truncate, wrapChrome };
+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, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, isImageTiled, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };