pptx-react-viewer 2.13.2 → 2.15.0

package/dist/{chunk-GZ6TXBEO.mjs → chunk-56L4QYDT.mjs}

@@ -1,5 +1,5 @@
-import { translationsEn } from './chunk-TEXIGSA6.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, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, suppressesCssBorder, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx, registerPersistentAudio, proportionalLineHeight, substituteFieldText, resolveUnderlineDecorationStyle, POWERPOINT_METRIC_TRACKING, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, evaluatePresetShape, 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, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, ooxmlGradientAngleToCssDegrees, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-GKOKCOXR.mjs';
+import { translationsEn } from './chunk-5YV26HMJ.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, 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, getRoundRectRadiusPx, registerPersistentAudio, proportionalLineHeight, substituteFieldText, resolveUnderlineDecorationStyle, POWERPOINT_METRIC_TRACKING, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, 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, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, ooxmlGradientAngleToCssDegrees, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-3JTRZVYW.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -29,7 +29,7 @@ var DEFAULT_BODY_INSET_TB_PX = 45720 / 9525;
 var DEFAULT_TEXT_COLOR = "#111827";
 var DEFAULT_FILL_COLOR = "#3b82f6";
 var DEFAULT_STROKE_COLOR = "#1f2937";
-var DEFAULT_FONT_FAMILY = '"Segoe UI", "Helvetica Neue", Arial, sans-serif';
+var DEFAULT_FONT_FAMILY2 = '"Segoe UI", "Helvetica Neue", Arial, sans-serif';
 var DEFAULT_TEXT_FONT_SIZE = 24;
 var HYPERLINK_COLOR = "#0563C1";
 var DEFAULT_TABLE_ROWS = 3;
@@ -1738,7 +1738,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   const baseFontFamily = rawFontFamily ? getSubstituteFontFamily(
     rawFontFamily,
     parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
-  ) : DEFAULT_FONT_FAMILY;
+  ) : DEFAULT_FONT_FAMILY2;
   const scriptFont = (name, panose) => name ? getSubstituteFontFamily(name, parsePanoseString(panose)) : baseFontFamily;
   const scriptFonts = {
     latin: baseFontFamily,
@@ -2232,67 +2232,6 @@ function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
   apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
-// src/viewer/utils/vector-subpath-paint.ts
-function toHexByte(value) {
-  const clamped = Math.max(0, Math.min(255, Math.round(value)));
-  return clamped.toString(16).padStart(2, "0");
-}
-function shiftHex(hex, factor, towardsWhite) {
-  const channels = hexToRgbChannels(hex);
-  if (!channels) {
-    return hex;
-  }
-  const shift = (c) => towardsWhite ? c + (255 - c) * factor : c * (1 - factor);
-  return `#${toHexByte(shift(channels.r))}${toHexByte(shift(channels.g))}${toHexByte(shift(channels.b))}`;
-}
-function adjustFillForMode(fillHex, mode) {
-  switch (mode) {
-    case "lighten":
-      return shiftHex(fillHex, 0.4, true);
-    case "lightenLess":
-      return shiftHex(fillHex, 0.2, true);
-    case "darken":
-      return shiftHex(fillHex, 0.4, false);
-    case "darkenLess":
-      return shiftHex(fillHex, 0.2, false);
-    default:
-      return fillHex;
-  }
-}
-function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
-  return subpaths.map((subpath) => {
-    const fillOff = subpath.fillMode === "none" || !hasFill;
-    return {
-      d: subpath.d,
-      fill: fillOff ? "none" : colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
-      stroked: subpath.stroke !== false
-    };
-  });
-}
-function getStrokeOnlyPresetPaths(element) {
-  if (element.type !== "shape" || !hasShapeProperties(element)) {
-    return void 0;
-  }
-  const shapeType = element.shapeType;
-  if (!shapeType || shapeType === "custom") {
-    return void 0;
-  }
-  if (element.pathData) {
-    return void 0;
-  }
-  const result = evaluatePresetShape(
-    shapeType,
-    Math.max(element.width, 1),
-    Math.max(element.height, 1),
-    element.shapeAdjustments
-  );
-  if (!result || !result.fillNone) {
-    return void 0;
-  }
-  const drawable = result.paths.filter((path) => path.d !== "");
-  return drawable.length > 0 ? drawable : void 0;
-}
-
 // src/viewer/utils/shape-visual-style.ts
 function getGradientTilingCss(style) {
   if (!style || style.fillMode !== "gradient") {
@@ -2314,7 +2253,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   const normalizedShapeType = getShapeType(element.shapeType);
   const clipPath = getResolvedShapeClipPath(element);
   const rendersCustomVectorPath = (element.type === "shape" || element.type === "image" || element.type === "picture") && Boolean(element.pathData) && typeof element.pathWidth === "number" && element.pathWidth > 0 && typeof element.pathHeight === "number" && element.pathHeight > 0;
-  const rendersStrokeOnlyPreset = Boolean(getStrokeOnlyPresetPaths(element));
+  const rendersStrokeOnlyPreset = isStrokeOnlyPresetElement(element);
   const fillOpacity = element.shapeStyle?.fillOpacity;
   const strokeOpacity = element.shapeStyle?.strokeOpacity;
   const strokeDash = normalizeStrokeDashType(element.shapeStyle?.strokeDash);
@@ -2492,7 +2431,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
       clipPath
     };
   }
-  if (normalizedShapeType === "line") {
+  if (normalizedShapeType === "line" && !rendersStrokeOnlyPreset) {
     return {
       ...base,
       backgroundColor: "transparent",
@@ -2645,6 +2584,44 @@ function renderConnectorMarker(markerId, arrowType, color, arrowWidth, arrowLeng
     }
   );
 }
+
+// src/viewer/utils/vector-subpath-paint.ts
+function toHexByte(value) {
+  const clamped = Math.max(0, Math.min(255, Math.round(value)));
+  return clamped.toString(16).padStart(2, "0");
+}
+function shiftHex(hex, factor, towardsWhite) {
+  const channels = hexToRgbChannels(hex);
+  if (!channels) {
+    return hex;
+  }
+  const shift = (c) => towardsWhite ? c + (255 - c) * factor : c * (1 - factor);
+  return `#${toHexByte(shift(channels.r))}${toHexByte(shift(channels.g))}${toHexByte(shift(channels.b))}`;
+}
+function adjustFillForMode(fillHex, mode) {
+  switch (mode) {
+    case "lighten":
+      return shiftHex(fillHex, 0.4, true);
+    case "lightenLess":
+      return shiftHex(fillHex, 0.2, true);
+    case "darken":
+      return shiftHex(fillHex, 0.4, false);
+    case "darkenLess":
+      return shiftHex(fillHex, 0.2, false);
+    default:
+      return fillHex;
+  }
+}
+function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
+  return subpaths.map((subpath) => {
+    const fillOff = subpath.fillMode === "none" || !hasFill;
+    return {
+      d: subpath.d,
+      fill: fillOff ? "none" : colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
+      stroked: subpath.stroke !== false
+    };
+  });
+}
 function joinStyle(shapeStyle) {
   const lineJoin = shapeStyle?.lineJoin === "bevel" ? "bevel" : shapeStyle?.lineJoin === "miter" ? "miter" : "round";
   const miterLimit = lineJoin === "miter" && typeof shapeStyle?.miterLimit === "number" ? Math.max(shapeStyle.miterLimit / 1e5, 1) : void 0;
@@ -2767,25 +2744,6 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
     }
   );
 }
-function renderStrokeOnlyPreset(presetPaths, width, height, shapeStyle, strokePaint, strokeWidth, dashArray) {
-  const ctx = strokeContext(shapeStyle, strokePaint, Math.max(strokeWidth, 1), dashArray);
-  const nodes = [];
-  presetPaths.forEach((path, idx) => {
-    if (path.stroke === false) {
-      return;
-    }
-    nodes.push(...strokeStrands(path.d, `pre${idx}`, ctx));
-  });
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      viewBox: `0 0 ${Math.max(width, 1)} ${Math.max(height, 1)}`,
-      className: "w-full h-full pointer-events-none",
-      preserveAspectRatio: "none",
-      children: nodes
-    }
-  );
-}
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
   if (!hasShapeProperties(element)) {
     return null;
@@ -3004,18 +2962,6 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       }
     );
   }
-  const strokeOnlyPreset = getStrokeOnlyPresetPaths(element);
-  if (strokeOnlyPreset) {
-    return renderStrokeOnlyPreset(
-      strokeOnlyPreset,
-      element.width,
-      element.height,
-      element.shapeStyle,
-      strokePaint,
-      strokeWidth,
-      dashArray
-    );
-  }
   return null;
 }
 
@@ -4082,113 +4028,120 @@ function renderTableFromTableData(element, textStyle, options) {
             "w-full h-full overflow-hidden",
             isEditable && hasCellSelectionHandler ? "pointer-events-auto" : "pointer-events-none"
           ),
-          children: /* @__PURE__ */ jsxs("table", { className: "w-full h-full border-collapse table-fixed", children: [
-            tableData.columnWidths.length > 0 && /* @__PURE__ */ jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsx(
-              "col",
-              {
-                style: { width: `${(w * 100).toFixed(2)}%` }
-              },
-              `${element.id}-col-${ci}`
-            )) }),
-            /* @__PURE__ */ jsx("tbody", { children: tableData.rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
-              "tr",
-              {
-                style: row.height ? { height: row.height } : void 0,
-                children: row.cells.map((cell, cellIndex) => {
-                  if (cell.hMerge || cell.vMerge) {
-                    return null;
-                  }
-                  const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                  const isInMultiSelection = isCellInRect(rowIndex, cellIndex, selectionRect);
-                  const isCellEditing = isCellSelected && selectedCell?.isEditing;
-                  const diag = getCellDiagonalBorders2(
-                    cell.style,
-                    tableData,
-                    { rowIndex, cellIndex, rowCount, columnCount },
-                    options?.styleCtx
-                  );
-                  return /* @__PURE__ */ jsxs(
-                    "td",
-                    {
-                      className: cn(
-                        "border px-1 py-0.5 align-top",
-                        isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-gray-400/50",
-                        isCellSelected ? "ring-1 ring-inset ring-blue-500" : null,
-                        isInMultiSelection && !isCellSelected ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
-                      ),
-                      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),
-                        ...diag ? { position: "relative" } : void 0
-                      },
-                      onClick: (event) => {
-                        if (!isEditable || !hasCellSelectionHandler) {
-                          return;
-                        }
-                        event.stopPropagation();
-                        if (event.shiftKey && selectedCell) {
-                          const rect = computeSelectionRect(
-                            selectedCell.rowIndex,
-                            selectedCell.columnIndex,
-                            rowIndex,
-                            cellIndex,
-                            tableData
-                          );
-                          options?.onSelectCell?.({
-                            rowIndex: selectedCell.rowIndex,
-                            columnIndex: selectedCell.columnIndex,
-                            selectedCells: rectToCells(rect)
-                          });
-                        } else {
-                          options?.onSelectCell?.({
-                            rowIndex,
-                            columnIndex: cellIndex
-                          });
-                        }
-                      },
-                      onDoubleClick: (event) => {
-                        if (!isEditable || !hasCellSelectionHandler) {
-                          return;
-                        }
-                        event.stopPropagation();
-                        options?.onSelectCell?.({
-                          rowIndex,
-                          columnIndex: cellIndex,
-                          isEditing: true
-                        });
-                      },
-                      children: [
-                        diag ? /* @__PURE__ */ jsx(TableCellDiagonalBorders, { diag }) : null,
-                        isCellEditing ? /* @__PURE__ */ jsx(
-                          TableCellInput,
-                          {
-                            initialText: cell.text ?? "",
-                            style: {
-                              ...textStyle,
-                              ...cellStyleToCss(cell.style)
-                            },
-                            onCommit: (text) => {
-                              options?.onCommitCellEdit?.(rowIndex, cellIndex, text);
-                            },
-                            onCancel: () => {
+          children: /* @__PURE__ */ jsxs(
+            "table",
+            {
+              className: "w-full h-full border-collapse table-fixed",
+              style: { fontFamily: DEFAULT_FONT_FAMILY },
+              children: [
+                tableData.columnWidths.length > 0 && /* @__PURE__ */ jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsx(
+                  "col",
+                  {
+                    style: { width: `${(w * 100).toFixed(2)}%` }
+                  },
+                  `${element.id}-col-${ci}`
+                )) }),
+                /* @__PURE__ */ jsx("tbody", { children: tableData.rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
+                  "tr",
+                  {
+                    style: row.height ? { height: row.height } : void 0,
+                    children: row.cells.map((cell, cellIndex) => {
+                      if (cell.hMerge || cell.vMerge) {
+                        return null;
+                      }
+                      const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
+                      const isInMultiSelection = isCellInRect(rowIndex, cellIndex, selectionRect);
+                      const isCellEditing = isCellSelected && selectedCell?.isEditing;
+                      const diag = getCellDiagonalBorders2(
+                        cell.style,
+                        tableData,
+                        { rowIndex, cellIndex, rowCount, columnCount },
+                        options?.styleCtx
+                      );
+                      return /* @__PURE__ */ jsxs(
+                        "td",
+                        {
+                          className: cn(
+                            "border px-1 py-0.5 align-top",
+                            isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-gray-400/50",
+                            isCellSelected ? "ring-1 ring-inset ring-blue-500" : null,
+                            isInMultiSelection && !isCellSelected ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                          ),
+                          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),
+                            ...diag ? { position: "relative" } : void 0
+                          },
+                          onClick: (event) => {
+                            if (!isEditable || !hasCellSelectionHandler) {
+                              return;
+                            }
+                            event.stopPropagation();
+                            if (event.shiftKey && selectedCell) {
+                              const rect = computeSelectionRect(
+                                selectedCell.rowIndex,
+                                selectedCell.columnIndex,
+                                rowIndex,
+                                cellIndex,
+                                tableData
+                              );
+                              options?.onSelectCell?.({
+                                rowIndex: selectedCell.rowIndex,
+                                columnIndex: selectedCell.columnIndex,
+                                selectedCells: rectToCells(rect)
+                              });
+                            } else {
                               options?.onSelectCell?.({
                                 rowIndex,
                                 columnIndex: cellIndex
                               });
                             }
-                          }
-                        ) : cell.text || "\xA0"
-                      ]
-                    },
-                    `${element.id}-cell-${rowIndex}-${cellIndex}`
-                  );
-                })
-              },
-              `${element.id}-row-${rowIndex}`
-            )) })
-          ] })
+                          },
+                          onDoubleClick: (event) => {
+                            if (!isEditable || !hasCellSelectionHandler) {
+                              return;
+                            }
+                            event.stopPropagation();
+                            options?.onSelectCell?.({
+                              rowIndex,
+                              columnIndex: cellIndex,
+                              isEditing: true
+                            });
+                          },
+                          children: [
+                            diag ? /* @__PURE__ */ jsx(TableCellDiagonalBorders, { diag }) : null,
+                            isCellEditing ? /* @__PURE__ */ jsx(
+                              TableCellInput,
+                              {
+                                initialText: cell.text ?? "",
+                                style: {
+                                  ...textStyle,
+                                  ...cellStyleToCss(cell.style)
+                                },
+                                onCommit: (text) => {
+                                  options?.onCommitCellEdit?.(rowIndex, cellIndex, text);
+                                },
+                                onCancel: () => {
+                                  options?.onSelectCell?.({
+                                    rowIndex,
+                                    columnIndex: cellIndex
+                                  });
+                                }
+                              }
+                            ) : cell.text || "\xA0"
+                          ]
+                        },
+                        `${element.id}-cell-${rowIndex}-${cellIndex}`
+                      );
+                    })
+                  },
+                  `${element.id}-row-${rowIndex}`
+                )) })
+              ]
+            }
+          )
         }
       )
     }
@@ -4233,135 +4186,142 @@ function renderTableElement(element, textStyle, options) {
             "w-full h-full overflow-hidden",
             isEditable && hasCellSelectionHandler ? "pointer-events-auto" : "pointer-events-none"
           ),
-          children: /* @__PURE__ */ jsxs("table", { className: "w-full h-full border-collapse table-fixed", children: [
-            parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsx(
-              "col",
-              {
-                style: { width: `${percentage.toFixed(2)}%` }
-              },
-              `${element.id}-col-${columnIndex}`
-            )) }) : null,
-            /* @__PURE__ */ jsx("tbody", { children: parsedTable.rows.map((row, rowIndex) => {
-              const cells = ensureArrayValue(row["a:tc"]);
-              const rowHeightRaw = Number.parseInt(String(row["@_h"] || ""), 10);
-              const rowHeight = Number.isFinite(rowHeightRaw) && rowHeightRaw > 0 ? Math.max(16, rowHeightRaw / EMU_PER_PX) : void 0;
-              return /* @__PURE__ */ jsx(
-                "tr",
-                {
-                  style: rowHeight ? { height: rowHeight } : void 0,
-                  children: cells.map((cell, cellIndex) => {
-                    const isHMerged = cell["@_hMerge"] === "1";
-                    const isVMerged = cell["@_vMerge"] === "1";
-                    if (isHMerged || isVMerged) {
-                      return null;
-                    }
-                    const gridSpanRaw = Number.parseInt(String(cell["@_gridSpan"] || ""), 10);
-                    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(
-                      element,
-                      rowIndex,
-                      cellIndex,
-                      parsedTable.rowCount,
-                      parsedTable.columnCount,
-                      options?.styleCtx
-                    );
-                    const xmlCellStyle = extractTableCellStyle(cell, textStyle, schemeOverrides);
-                    const tdCellOverride = tableEl.tableData?.rows[rowIndex]?.cells[cellIndex]?.style;
-                    const diag = getCellDiagonalBorders2(
-                      tdCellOverride,
-                      tableEl.tableData,
-                      {
-                        rowIndex,
-                        cellIndex,
-                        rowCount: parsedTable.rowCount,
-                        columnCount: parsedTable.columnCount
-                      },
-                      options?.styleCtx
-                    );
-                    const mergedStyle = {
-                      ...bandStyle,
-                      ...xmlCellStyle,
-                      ...tdCellOverride ? cellStyleToCss(tdCellOverride) : void 0,
-                      ...diag ? { position: "relative" } : void 0
-                    };
-                    return /* @__PURE__ */ jsxs(
-                      "td",
-                      {
-                        className: cn(
-                          "border px-1 py-0.5 align-top",
-                          isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-white/30",
-                          selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex ? "ring-1 ring-inset ring-blue-500" : null,
-                          isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
-                        ),
-                        colSpan,
-                        rowSpan: rSpan,
-                        style: mergedStyle,
-                        onClick: (event) => {
-                          if (!isEditable || !hasCellSelectionHandler) {
-                            return;
-                          }
-                          event.stopPropagation();
-                          if (event.shiftKey && selectedCell && tableEl.tableData) {
-                            const rect = computeSelectionRect(
-                              selectedCell.rowIndex,
-                              selectedCell.columnIndex,
-                              rowIndex,
-                              cellIndex,
-                              tableEl.tableData
-                            );
-                            options?.onSelectCell?.({
-                              rowIndex: selectedCell.rowIndex,
-                              columnIndex: selectedCell.columnIndex,
-                              selectedCells: rectToCells(rect)
-                            });
-                          } else {
-                            options?.onSelectCell?.({
-                              rowIndex,
-                              columnIndex: cellIndex
-                            });
-                          }
-                        },
-                        onDoubleClick: (event) => {
-                          if (!isEditable || !hasCellSelectionHandler) {
-                            return;
-                          }
-                          event.stopPropagation();
-                          options?.onSelectCell?.({
+          children: /* @__PURE__ */ jsxs(
+            "table",
+            {
+              className: "w-full h-full border-collapse table-fixed",
+              style: { fontFamily: DEFAULT_FONT_FAMILY },
+              children: [
+                parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsx(
+                  "col",
+                  {
+                    style: { width: `${percentage.toFixed(2)}%` }
+                  },
+                  `${element.id}-col-${columnIndex}`
+                )) }) : null,
+                /* @__PURE__ */ jsx("tbody", { children: parsedTable.rows.map((row, rowIndex) => {
+                  const cells = ensureArrayValue(row["a:tc"]);
+                  const rowHeightRaw = Number.parseInt(String(row["@_h"] || ""), 10);
+                  const rowHeight = Number.isFinite(rowHeightRaw) && rowHeightRaw > 0 ? Math.max(16, rowHeightRaw / EMU_PER_PX) : void 0;
+                  return /* @__PURE__ */ jsx(
+                    "tr",
+                    {
+                      style: rowHeight ? { height: rowHeight } : void 0,
+                      children: cells.map((cell, cellIndex) => {
+                        const isHMerged = cell["@_hMerge"] === "1";
+                        const isVMerged = cell["@_vMerge"] === "1";
+                        if (isHMerged || isVMerged) {
+                          return null;
+                        }
+                        const gridSpanRaw = Number.parseInt(String(cell["@_gridSpan"] || ""), 10);
+                        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(
+                          element,
+                          rowIndex,
+                          cellIndex,
+                          parsedTable.rowCount,
+                          parsedTable.columnCount,
+                          options?.styleCtx
+                        );
+                        const xmlCellStyle = extractTableCellStyle(cell, textStyle, schemeOverrides);
+                        const tdCellOverride = tableEl.tableData?.rows[rowIndex]?.cells[cellIndex]?.style;
+                        const diag = getCellDiagonalBorders2(
+                          tdCellOverride,
+                          tableEl.tableData,
+                          {
                             rowIndex,
-                            columnIndex: cellIndex,
-                            isEditing: true
-                          });
-                        },
-                        children: [
-                          diag ? /* @__PURE__ */ jsx(TableCellDiagonalBorders, { diag }) : null,
-                          selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex && selectedCell?.isEditing ? /* @__PURE__ */ jsx(
-                            TableCellInput,
-                            {
-                              initialText: extractCellText(cell) ?? "",
-                              style: mergedStyle,
-                              onCommit: (text) => {
-                                options?.onCommitCellEdit?.(rowIndex, cellIndex, text);
-                              },
-                              onCancel: () => {
+                            cellIndex,
+                            rowCount: parsedTable.rowCount,
+                            columnCount: parsedTable.columnCount
+                          },
+                          options?.styleCtx
+                        );
+                        const mergedStyle = {
+                          ...bandStyle,
+                          ...xmlCellStyle,
+                          ...tdCellOverride ? cellStyleToCss(tdCellOverride) : void 0,
+                          ...diag ? { position: "relative" } : void 0
+                        };
+                        return /* @__PURE__ */ jsxs(
+                          "td",
+                          {
+                            className: cn(
+                              "border px-1 py-0.5 align-top",
+                              isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-white/30",
+                              selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex ? "ring-1 ring-inset ring-blue-500" : null,
+                              isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                            ),
+                            colSpan,
+                            rowSpan: rSpan,
+                            style: mergedStyle,
+                            onClick: (event) => {
+                              if (!isEditable || !hasCellSelectionHandler) {
+                                return;
+                              }
+                              event.stopPropagation();
+                              if (event.shiftKey && selectedCell && tableEl.tableData) {
+                                const rect = computeSelectionRect(
+                                  selectedCell.rowIndex,
+                                  selectedCell.columnIndex,
+                                  rowIndex,
+                                  cellIndex,
+                                  tableEl.tableData
+                                );
+                                options?.onSelectCell?.({
+                                  rowIndex: selectedCell.rowIndex,
+                                  columnIndex: selectedCell.columnIndex,
+                                  selectedCells: rectToCells(rect)
+                                });
+                              } else {
                                 options?.onSelectCell?.({
                                   rowIndex,
                                   columnIndex: cellIndex
                                 });
                               }
-                            }
-                          ) : extractCellText(cell) || "\xA0"
-                        ]
-                      },
-                      `${element.id}-cell-${rowIndex}-${cellIndex}`
-                    );
-                  })
-                },
-                `${element.id}-row-${rowIndex}`
-              );
-            }) })
-          ] })
+                            },
+                            onDoubleClick: (event) => {
+                              if (!isEditable || !hasCellSelectionHandler) {
+                                return;
+                              }
+                              event.stopPropagation();
+                              options?.onSelectCell?.({
+                                rowIndex,
+                                columnIndex: cellIndex,
+                                isEditing: true
+                              });
+                            },
+                            children: [
+                              diag ? /* @__PURE__ */ jsx(TableCellDiagonalBorders, { diag }) : null,
+                              selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex && selectedCell?.isEditing ? /* @__PURE__ */ jsx(
+                                TableCellInput,
+                                {
+                                  initialText: extractCellText(cell) ?? "",
+                                  style: mergedStyle,
+                                  onCommit: (text) => {
+                                    options?.onCommitCellEdit?.(rowIndex, cellIndex, text);
+                                  },
+                                  onCancel: () => {
+                                    options?.onSelectCell?.({
+                                      rowIndex,
+                                      columnIndex: cellIndex
+                                    });
+                                  }
+                                }
+                              ) : extractCellText(cell) || "\xA0"
+                            ]
+                          },
+                          `${element.id}-cell-${rowIndex}-${cellIndex}`
+                        );
+                      })
+                    },
+                    `${element.id}-row-${rowIndex}`
+                  );
+                }) })
+              ]
+            }
+          )
         }
       )
     }
@@ -6198,7 +6158,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-GRBWZ52S.mjs');
+      return await import('./SurfaceChart3DScene-H5ID4CUU.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -8004,4 +7964,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_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, 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 };