pptx-react-viewer 4.65.0 → 4.67.0

package/dist/{chunk-5ZW3GP6C.mjs → chunk-FBSPQYRE.mjs}

@@ -1,12 +1,12 @@
 import { translationsEn, keyToLabel } from 'ooxml-ui/pptx/i18n';
 import React8, { createContext, useContext, useState, useMemo, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
 import { useTranslation as useTranslation$1 } from 'react-i18next';
-import { VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle as getAnimationInitialStyle$1, cloneHistorySnapshot as cloneHistorySnapshot$1, SHAPE_PRESET_DEFS, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, getCropShapeClipPath as getCropShapeClipPath$1, getImageTilingStyle as getImageTilingStyle$1, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle as buildTextBody3DSceneStyle$1, buildParagraphs, followingText, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData as build3DExtrusionData$1, getFrameEffectStyle, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, screenBorderWidth, markerPath, normalizeStrokeDashType, getSvgStrokeDasharray, screenStrokeWidth, buildSvgGradientDef, isArrowedCustomPath, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY$1, cellStyleToCss, TABLE_CELL_TEXT_DEFAULTS, applyTableCellFontWeight, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, textRunColor, scaleFontSizeForAutoFit, resolveFontKerning, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, eastAsianBreaksForRun, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects as apply3dEffects$1, buildSubpathPaints, computeColumnBoundaries, computeTableMergeCrossings, columnHandleSegments, rowHandleSegments, getTableCellBandStyle as getTableCellBandStyle$1, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders as getCellDiagonalBorders$1, cellParagraphBlocks, resolveChartPalette, computeChartLegendLayout, resolveChartSvgDef, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, buildRectPathGradient, screenBorder, cellRunStyle, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitEastAsianBreaks, splitRunByScriptFont } from 'ooxml-ui/pptx';
+import { VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle as getAnimationInitialStyle$1, cloneHistorySnapshot as cloneHistorySnapshot$1, SHAPE_PRESET_DEFS, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, getCropShapeClipPath as getCropShapeClipPath$1, getImageTilingStyle as getImageTilingStyle$1, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle as buildTextBody3DSceneStyle$1, buildParagraphs, followingText, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData as build3DExtrusionData$1, isWedgeCalloutPresetShape, getFrameEffectStyle, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, screenBorderWidth, markerPath, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isArrowedCustomPath, buildStrokeOutline, getPresetShapeVectorGeometry, screenStrokeWidth, svgGradientFillRef, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, connectorSnapTransform, connectorNeedsPath, connectorStrandScreenWidth, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, textRunColor, scaleFontSizeForAutoFit, resolveFontKerning, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, eastAsianBreaksForRun, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects as apply3dEffects$1, buildSubpathPaints, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY$1, isCellInRect, rectToCells, tableContainerCss, resolveChartPalette, computeChartLegendLayout, resolveChartSvgDef, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, attachMediaControlBar, convertOmmlToMathMl, sanitizeMathMl, dashStartPathData, computeColumnBoundaries, computeTableMergeCrossings, columnHandleSegments, rowHandleSegments, getCellDiagonalBorders as getCellDiagonalBorders$1, tableCellCss, cellParagraphBlocks, buildRunTabLines, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, cellRunStyle, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitEastAsianBreaks, splitRunByScriptFont } from 'ooxml-ui/pptx';
 export { ACTION_BUTTON_PRESETS, DEFAULT_COLOR_CHANGE_TOLERANCE, INK_REPLAY_KEYFRAMES, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, SLIDE_TRANSITION_OPTIONS, TABLE_STYLE_PRESETS, applyColorChange, applyFormatToElement, applyReroutedConnectors, buildCacheKey, buildContentPartStrokes, buildCssGradientFromShapeStyle, buildInkGroupStrokes, buildSaveSlides, canvasToJpegData, clampCropValue, cloneSlide, cloneTemplateElementsBySlideId, colorWithOpacity, comparePresentation, computeHandoutLayout, copyFormatFromElement, formatCommentTimestamp, generateNoteLineCount, getAriaLabel, getAriaRole, getAriaRoleDescription, getCachedResult, getCompoundLineOffsets, getCompoundLineWidths, getContentPartReplayStyles, getElementLabel, getElementTransform, getElementTransformWithoutRotation, getImageEffectsFilter, getImageEffectsOpacity, getInkReplayStyles, getPatternSvg, getPrintableArea, getShapeAdjustmentHandleDescriptors, getSvgStrokeDasharray, getTextCompensationOrigin, getTextCompensationTransform, hasCopyableFormat, isEditableTextElement, isImageTiled, isPpactionUrl, isTemplateElementId, isUrlSafe, makeCloneId, mergeCells, normalizeHexColor, normalizeStrokeDashType, openNativeEyeDropper, parsePpactionUrl, partitionTemplateElements, rerouteConnectorsForMovedElements, safeOpenUrl, sanitizeGradientStops, setCachedResult, splitCell, stopAllPersistentAudio, substituteFieldText } from 'ooxml-ui/pptx';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { LuTriangle, LuPlus, LuMoveRight, LuMinus, LuDiamond, LuDatabase, LuCircle, LuSquare } from 'react-icons/lu';
-import { hasShapeProperties, isImageLikeElement, hasTextProperties, getConnectorPathGeometry as getConnectorPathGeometry$1, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, getSubstituteFontFamily, parsePanoseString, customGeometryPathsToSvgSubpaths, xmlText, ooxmlGradientAngleToCssDegrees } from 'ooxml-core/pptx';
+import { hasShapeProperties, isImageLikeElement, hasTextProperties, getConnectorPathGeometry as getConnectorPathGeometry$1, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, getSubstituteFontFamily, parsePanoseString, customGeometryPathsToSvgSubpaths } from 'ooxml-core/pptx';
 export { updateCellTextInRawXml, updateCellTextStyleInRawXml, updateMergeAttrsInRawXml } from 'ooxml-core/pptx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -56,7 +56,6 @@ function cloneHistorySnapshot(snapshot) {
 var DEFAULT_CANVAS_WIDTH = 1280;
 var DEFAULT_CANVAS_HEIGHT = 720;
 var MIN_ELEMENT_SIZE = 12;
-var EMU_PER_PX = 9525;
 var DEFAULT_BODY_INSET_TB_PX = 45720 / 9525;
 var DEFAULT_TEXT_COLOR = "#111827";
 var DEFAULT_FILL_COLOR = "#3b82f6";
@@ -326,12 +325,6 @@ function shouldRenderFallbackLabel(element, isTextElement) {
   }
   return element.type === "chart" || element.type === "smartArt" || element.type === "unknown";
 }
-function ensureArrayValue(value) {
-  if (!value) {
-    return [];
-  }
-  return Array.isArray(value) ? value : [value];
-}
 function buildTrimFragment(element) {
   const start = element.trimStartMs;
   if (start === void 0 || start <= 0) {
@@ -467,6 +460,31 @@ function AudioWithMetadata({
     }
   ) });
 }
+function useMediaControlBar(mediaRef, enabled, selected) {
+  const { t } = useTranslation();
+  const barRef = useRef(null);
+  const selectedRef = useRef(selected);
+  selectedRef.current = selected;
+  useEffect(() => {
+    const media = mediaRef.current;
+    if (!enabled || !media) {
+      return void 0;
+    }
+    const host = media.closest("[data-pptx-element]") ?? media.parentElement ?? void 0;
+    if (!host) {
+      return void 0;
+    }
+    const bar = attachMediaControlBar(host, media, { t, selected: selectedRef.current });
+    barRef.current = bar;
+    return () => {
+      bar.dispose();
+      barRef.current = null;
+    };
+  }, [mediaRef, enabled, t]);
+  useEffect(() => {
+    barRef.current?.setSelected(selected);
+  }, [selected]);
+}
 function PresentationMediaController({
   element,
   isPresentationMode,
@@ -474,11 +492,13 @@ function PresentationMediaController({
   resolvedDataUrl,
   isFullScreen,
   onPlayStateChange,
+  controlBar,
   children
 }) {
   const { t } = useTranslation();
   const mediaRef = useRef(null);
   const [isMediaPlaying, setIsMediaPlaying] = useState(false);
+  useMediaControlBar(mediaRef, controlBar !== void 0, controlBar?.selected === true);
   const trimStartSec = element.trimStartMs !== void 0 ? element.trimStartMs / 1e3 : 0;
   const hideWhenNotPlaying = isPresentationMode && element.hideWhenNotPlaying === true;
   const { volume: playbackVolume, playbackRate } = mediaPlaybackAttributes({
@@ -750,6 +770,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           resolvedDataUrl: dataUrl,
           isFullScreen,
           onPlayStateChange: options?.onPlayStateChange,
+          controlBar: options?.controlBar,
           children: ({ mediaRef, onPlay }) => /* @__PURE__ */ jsx(
             VideoWithMetadata,
             {
@@ -783,6 +804,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           resolvedDataUrl: dataUrl,
           isFullScreen: false,
           onPlayStateChange: options?.onPlayStateChange,
+          controlBar: options?.controlBar,
           children: ({ mediaRef, onPlay }) => /* @__PURE__ */ jsx(
             AudioWithMetadata,
             {
@@ -1391,6 +1413,9 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       typeof run.style.fontSize === "string" ? run.style.fontSize : void 0
     );
   }
+  if (run.text === "\n" && !run.hyperlink && !run.ruby && !findHighlights?.get(segmentIndex)) {
+    return /* @__PURE__ */ jsx("br", { "data-seg-idx": segmentIndex }, key);
+  }
   const segmentStyle = segment?.style ?? {};
   const textValue = run.text;
   const lines = textValue.split("\n");
@@ -1959,7 +1984,17 @@ function renderSvgGradientDefs(gradient) {
     return null;
   }
   if (gradient.kind === "rectPath") {
-    return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", { id: gradient.id, patternUnits: "objectBoundingBox", width: 1, height: 1, children: /* @__PURE__ */ jsx("image", { href: gradient.href, x: 0, y: 0, width: 1, height: 1, preserveAspectRatio: "none" }) }) });
+    return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+      "pattern",
+      {
+        id: gradient.id,
+        patternUnits: "objectBoundingBox",
+        patternContentUnits: "objectBoundingBox",
+        width: 1,
+        height: 1,
+        children: /* @__PURE__ */ jsx("image", { href: gradient.href, x: 0, y: 0, width: 1, height: 1, preserveAspectRatio: "none" })
+      }
+    ) });
   }
   const stops = gradient.stops.map((stop, index) => /* @__PURE__ */ jsx(
     "stop",
@@ -1993,7 +2028,7 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: svgLineCap(shapeStyle?.lineCap),
+    lineCap: svgLineCap(shapeStyle?.lineCap, dashArray !== void 0),
     lineJoin,
     miterLimit,
     offsets: getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
@@ -2001,10 +2036,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
   };
 }
 function strokeStrands(d, keyBase, ctx) {
+  const strokeD = ctx.dashArray === void 0 ? d : dashStartPathData(d);
   return ctx.offsets.map((offset, idx) => /* @__PURE__ */ jsx(
     "path",
     {
-      d,
+      d: strokeD,
       fill: "none",
       stroke: ctx.strokePaint,
       strokeWidth: Math.max(ctx.widths[idx] ?? ctx.strokeWidth, 1),
@@ -2095,70 +2131,9 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
   const dashArray = getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
-    element.shapeStyle?.customDashSegments
+    element.shapeStyle?.customDashSegments,
+    element.shapeStyle?.lineCap
   );
-  if (normalizedType === "can" || normalizedType === "cylinder") {
-    const width = Math.max(element.width, 1);
-    const height = Math.max(element.height, 1);
-    const rim = Math.max(Math.min(height * 0.16, 28), 6);
-    const stroke = Math.max(strokeWidth, 1);
-    const screenStroke = { strokeWidth: screenStrokeWidth(stroke) };
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        viewBox: `0 0 ${width} ${height}`,
-        className: "w-full h-full pointer-events-none",
-        preserveAspectRatio: "none",
-        children: [
-          /* @__PURE__ */ jsx(
-            "ellipse",
-            {
-              cx: width / 2,
-              cy: rim / 2,
-              rx: width / 2,
-              ry: rim / 2,
-              fill: hasFill ? fillPaint : "none",
-              stroke: strokeWidth > 0 ? strokePaint : "none",
-              strokeWidth: stroke,
-              strokeDasharray: dashArray,
-              vectorEffect: "non-scaling-stroke",
-              style: screenStroke
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: 0,
-              y: rim / 2,
-              width,
-              height: Math.max(height - rim, 1),
-              fill: hasFill ? fillPaint : "none",
-              stroke: strokeWidth > 0 ? strokePaint : "none",
-              strokeWidth: stroke,
-              strokeDasharray: dashArray,
-              vectorEffect: "non-scaling-stroke",
-              style: screenStroke
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "ellipse",
-            {
-              cx: width / 2,
-              cy: height - rim / 2,
-              rx: width / 2,
-              ry: rim / 2,
-              fill: hasFill ? fillPaint : "none",
-              stroke: strokeWidth > 0 ? strokePaint : "none",
-              strokeWidth: stroke,
-              strokeDasharray: dashArray,
-              vectorEffect: "non-scaling-stroke",
-              style: screenStroke
-            }
-          )
-        ]
-      }
-    );
-  }
   if ((element.type === "shape" || element.type === "image" || element.type === "picture") && element.pathData && element.pathWidth && element.pathHeight && element.pathWidth > 0 && element.pathHeight > 0) {
     return renderCustomGeometryVector(
       element.pathData,
@@ -2177,7 +2152,10 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       // container's `background-image` is suppressed for custom geometry, so
       // without this the shape fell back to the parser's representative solid
       // and lost every fade (issue #132).
-      buildSvgGradientDef(element.shapeStyle, element.id)
+      buildSvgGradientDef(element.shapeStyle, element.id, {
+        width: element.width,
+        height: element.height
+      })
     );
   }
   if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !buildStrokeOutline(element)) {
@@ -2333,10 +2311,16 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
     const endArrowW = element.shapeStyle?.connectorEndArrowWidth;
     const endArrowL = element.shapeStyle?.connectorEndArrowLength;
     const compoundLine = element.shapeStyle?.compoundLine;
-    const connectorLineCap = svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = svgLineCap(element.shapeStyle?.lineCap, dashArray !== void 0);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
     const offsets = getCompoundLineOffsets(compoundLine, strokeWidth);
     const widths = getCompoundLineWidths(compoundLine, strokeWidth);
+    const snapTransform = connectorSnapTransform(
+      element,
+      !connectorNeedsPath(element.shapeType),
+      offsets.length,
+      strokeWidth
+    );
     return /* @__PURE__ */ jsxs(
       "svg",
       {
@@ -2376,8 +2360,8 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
               vectorEffect: "non-scaling-stroke",
               style: {
                 pointerEvents: "none",
-                strokeWidth: screenBorderWidth(Math.max(widths[idx] ?? strokeWidth, 1)),
-                ...offset !== 0 ? { transform: `translate(0, ${offset}px)` } : {}
+                strokeWidth: connectorStrandScreenWidth(widths, strokeWidth, idx),
+                ...offset !== 0 ? { transform: `translate(0, ${offset}px)` } : snapTransform ? { transform: snapTransform } : {}
               }
             },
             idx
@@ -2388,466 +2372,8 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
   }
   return null;
 }
-function parseGradientFillCss(gradFill) {
-  if (!gradFill) {
-    return void 0;
-  }
-  const gsLstRaw = gradFill["a:gsLst"];
-  if (!gsLstRaw) {
-    return void 0;
-  }
-  const stops = ensureArrayValue(gsLstRaw["a:gs"]);
-  if (stops.length === 0) {
-    return void 0;
-  }
-  const rawStops = stops.map((gs) => {
-    const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = parseDrawingColor(gs) ?? "#888888";
-    const opacity = parseDrawingColorOpacity(gs);
-    return { position: pos, color, opacity };
-  }).sort((a, b) => a.position - b.position);
-  const stopStrings = rawStops.map((s) => `${colorWithOpacity(s.color, s.opacity)} ${s.position.toFixed(1)}%`).join(", ");
-  const lin = gradFill["a:lin"];
-  if (lin) {
-    const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
-    const angleDeg = Math.round(ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
-    return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
-  }
-  const path = gradFill["a:path"];
-  if (path) {
-    const pathType = String(path["@_path"] || "circle");
-    const fillToRectXml = path["a:fillToRect"];
-    const fillToRect = fillToRectXml ? {
-      l: Number.parseInt(String(fillToRectXml["@_l"] || "0"), 10) / 1e5,
-      t: Number.parseInt(String(fillToRectXml["@_t"] || "0"), 10) / 1e5,
-      r: Number.parseInt(String(fillToRectXml["@_r"] || "0"), 10) / 1e5,
-      b: Number.parseInt(String(fillToRectXml["@_b"] || "0"), 10) / 1e5
-    } : void 0;
-    if (pathType === "rect") {
-      return buildRectPathGradient(rawStops, void 0, fillToRect);
-    }
-    let cx = 50;
-    let cy = 50;
-    if (fillToRect) {
-      const { l, t, r, b } = fillToRect;
-      cx = (l + (1 - r)) / 2 * 100;
-      cy = (t + (1 - b)) / 2 * 100;
-    }
-    const posX = `${Math.round(cx)}%`;
-    const posY = `${Math.round(cy)}%`;
-    if (pathType === "shape") {
-      return `radial-gradient(farthest-side at ${posX} ${posY}, ${stopStrings})`;
-    }
-    return `radial-gradient(circle at ${posX} ${posY}, ${stopStrings})`;
-  }
-  return `linear-gradient(180deg, ${stopStrings})`;
-}
-function parsePatternFillCss(pattFill) {
-  if (!pattFill) {
-    return void 0;
-  }
-  const fgColor = parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
-  const preset = String(pattFill["@_prst"] || "ltDnDiag");
-  switch (preset) {
-    case "ltHorz":
-    case "horz":
-    case "narHorz":
-    case "dkHorz":
-    case "wdUpDiag":
-      return `repeating-linear-gradient(0deg, ${bgColor}, ${bgColor} 3px, ${fgColor} 3px, ${fgColor} 4px)`;
-    case "ltVert":
-    case "vert":
-    case "narVert":
-    case "dkVert":
-    case "wdDnDiag":
-      return `repeating-linear-gradient(90deg, ${bgColor}, ${bgColor} 3px, ${fgColor} 3px, ${fgColor} 4px)`;
-    case "ltDnDiag":
-    case "dnDiag":
-    case "dkDnDiag":
-      return `repeating-linear-gradient(135deg, ${bgColor}, ${bgColor} 3px, ${fgColor} 3px, ${fgColor} 4px)`;
-    case "ltUpDiag":
-    case "upDiag":
-    case "dkUpDiag":
-      return `repeating-linear-gradient(45deg, ${bgColor}, ${bgColor} 3px, ${fgColor} 3px, ${fgColor} 4px)`;
-    case "dashHorz":
-    case "dashVert":
-    case "dashDnDiag":
-    case "dashUpDiag":
-      return `repeating-linear-gradient(135deg, ${bgColor}, ${bgColor} 4px, ${fgColor} 4px, ${fgColor} 6px, ${bgColor} 6px, ${bgColor} 10px)`;
-    case "smCheck":
-    case "lgCheck":
-      return `repeating-conic-gradient(${fgColor} 0% 25%, ${bgColor} 0% 50%) 0 0 / 8px 8px`;
-    case "smGrid":
-    case "lgGrid":
-      return `repeating-linear-gradient(0deg, ${fgColor} 0px, ${fgColor} 1px, transparent 1px, transparent 6px), repeating-linear-gradient(90deg, ${fgColor} 0px, ${fgColor} 1px, transparent 1px, transparent 6px), ${bgColor}`;
-    case "dotGrid":
-    case "pct5":
-    case "pct10":
-    case "pct20":
-    case "pct25":
-    case "pct30":
-    case "pct40":
-    case "pct50":
-    case "pct60":
-    case "pct70":
-    case "pct75":
-    case "pct80":
-    case "pct90":
-      return `radial-gradient(${fgColor} 1px, ${bgColor} 1px) 0 0 / 4px 4px`;
-    case "smConfetti":
-    case "lgConfetti":
-    case "zigZag":
-    case "wave":
-    case "sphere":
-    case "divot":
-    case "shingle":
-    case "weave":
-    case "plaid":
-    case "trellis":
-      return `repeating-linear-gradient(45deg, ${bgColor}, ${bgColor} 2px, ${fgColor} 2px, ${fgColor} 3px)`;
-    case "solidDmnd":
-    case "openDmnd":
-      return `repeating-conic-gradient(${fgColor} 0% 25%, ${bgColor} 0% 50%) 0 0 / 10px 10px`;
-    default:
-      return `repeating-linear-gradient(135deg, ${bgColor}, ${bgColor} 3px, ${fgColor} 3px, ${fgColor} 4px)`;
-  }
-}
-function ooxmlDashToCss(dashVal) {
-  if (!dashVal) {
-    return "solid";
-  }
-  switch (dashVal) {
-    case "dot":
-    case "sysDot":
-      return "dotted";
-    case "dash":
-    case "sysDash":
-    case "lgDash":
-      return "dashed";
-    case "dashDot":
-    case "lgDashDot":
-    case "sysDashDot":
-    case "lgDashDotDot":
-    case "sysDashDotDot":
-      return "dashed";
-    case "solid":
-      return "solid";
-    default:
-      return "solid";
-  }
-}
-function parseCellBorders(cellProperties) {
-  if (!cellProperties) {
-    return {};
-  }
-  const borderStyle = {};
-  const edges = [
-    { xml: "a:lnL", prefix: "borderLeft" },
-    { xml: "a:lnR", prefix: "borderRight" },
-    { xml: "a:lnT", prefix: "borderTop" },
-    { xml: "a:lnB", prefix: "borderBottom" }
-  ];
-  for (const edge of edges) {
-    const ln = cellProperties[edge.xml];
-    if (!ln) {
-      continue;
-    }
-    const widthEmu = Number.parseInt(String(ln["@_w"] || "0"), 10);
-    const widthPx = Math.max(1, Math.round(widthEmu / 12700));
-    const prstDash = ln["a:prstDash"];
-    const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
-    const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = parseDrawingColor(ln["a:solidFill"]);
-    if (color) {
-      const opacity = parseDrawingColorOpacity(ln["a:solidFill"]);
-      const key = `${edge.prefix}`;
-      borderStyle[key] = screenBorder(
-        widthPx,
-        cssBorderStyle,
-        colorWithOpacity(color, opacity)
-      );
-    }
-  }
-  return borderStyle;
-}
-function parseCellTextEffects(runProps) {
-  const effectLst = runProps?.["a:effectLst"];
-  if (!effectLst) {
-    return void 0;
-  }
-  const textShadowParts = [];
-  const outerShdw = effectLst["a:outerShdw"];
-  if (outerShdw) {
-    const shdwColor = parseDrawingColor(outerShdw);
-    if (shdwColor) {
-      const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
-      const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
-      const distVal = Number.parseInt(String(outerShdw["@_dist"] || "0"), 10);
-      const dirVal = Number.parseInt(String(outerShdw["@_dir"] || "0"), 10);
-      let offX = 0;
-      let offY = 0;
-      if (distVal > 0) {
-        const angleRad = dirVal / 6e4 * (Math.PI / 180);
-        offX = Math.round(distVal * Math.cos(angleRad) / 12700);
-        offY = Math.round(distVal * Math.sin(angleRad) / 12700);
-      }
-      textShadowParts.push(`${offX}px ${offY}px ${blurPx}px ${shdwColor}`);
-    }
-  }
-  const glow = effectLst["a:glow"];
-  if (glow) {
-    const glowColor = parseDrawingColor(glow);
-    if (glowColor) {
-      const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
-      const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
-      textShadowParts.push(`0px 0px ${glowPx}px ${glowColor}`);
-    }
-  }
-  return textShadowParts.length > 0 ? textShadowParts.join(", ") : void 0;
-}
-function extractCellText(cellXml) {
-  if (!cellXml) {
-    return "";
-  }
-  const txBody = cellXml["a:txBody"];
-  const paragraphs = ensureArrayValue(txBody?.["a:p"]);
-  const paragraphTexts = [];
-  paragraphs.forEach((paragraph) => {
-    const textParts = [];
-    const runs = ensureArrayValue(paragraph["a:r"]);
-    runs.forEach((run) => {
-      textParts.push(xmlText(run["a:t"]) ?? "");
-    });
-    const fields = ensureArrayValue(paragraph["a:fld"]);
-    fields.forEach((field) => {
-      textParts.push(xmlText(field["a:t"]) ?? "");
-    });
-    paragraphTexts.push(textParts.join(""));
-  });
-  return paragraphTexts.join("\n");
-}
-function parseParagraphAlignment(value) {
-  const alignment = String(value || "").toLowerCase();
-  if (alignment === "ctr") {
-    return "center";
-  }
-  if (alignment === "r") {
-    return "right";
-  }
-  if (alignment === "just" || alignment === "justify") {
-    return "justify";
-  }
-  return "left";
-}
-function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
-  const { color: _fallbackColor, ...fallbackWithoutColor } = fallbackStyle;
-  const cellStyle = { ...fallbackWithoutColor };
-  const txBody = cellXml["a:txBody"];
-  const paragraphs = ensureArrayValue(txBody?.["a:p"]);
-  const firstParagraph = paragraphs[0];
-  const paragraphProperties = firstParagraph?.["a:pPr"];
-  const runs = ensureArrayValue(firstParagraph?.["a:r"]);
-  const firstRun = runs[0];
-  const runProps = firstRun?.["a:rPr"] || paragraphProperties?.["a:defRPr"];
-  if (runProps?.["@_sz"]) {
-    const pointSize = Number.parseInt(String(runProps["@_sz"]), 10) / 100;
-    if (Number.isFinite(pointSize) && pointSize > 0) {
-      cellStyle.fontSize = pointSize * (96 / 72);
-    }
-  }
-  if (runProps?.["@_b"] !== void 0) {
-    cellStyle.fontWeight = runProps["@_b"] === "1" ? 700 : 400;
-  }
-  if (runProps?.["@_i"] !== void 0) {
-    cellStyle.fontStyle = runProps["@_i"] === "1" ? "italic" : "normal";
-  }
-  if (runProps?.["@_u"] !== void 0) {
-    cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
-  }
-  const runColor = parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
-  if (runColor) {
-    const opacity = parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = colorWithOpacity(runColor, opacity);
-  }
-  const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
-  if (fontFamily) {
-    cellStyle.fontFamily = fontFamily;
-  }
-  if (paragraphProperties?.["@_algn"]) {
-    cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
-  }
-  const cellProperties = cellXml["a:tcPr"];
-  const cellFill = parseDrawingColor(
-    cellProperties?.["a:solidFill"],
-    schemeColorOverrides
-  );
-  if (cellFill) {
-    const opacity = parseDrawingColorOpacity(
-      cellProperties?.["a:solidFill"]
-    );
-    cellStyle.backgroundColor = colorWithOpacity(cellFill, opacity);
-  } else {
-    const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
-    if (gradCss) {
-      cellStyle.background = gradCss;
-    } else {
-      const pattCss = parsePatternFillCss(cellProperties?.["a:pattFill"]);
-      if (pattCss) {
-        cellStyle.background = pattCss;
-      }
-    }
-  }
-  const edgeBorders = parseCellBorders(cellProperties);
-  Object.assign(cellStyle, edgeBorders);
-  if (!cellStyle.borderLeftColor && !cellStyle.borderRightColor && !cellStyle.borderTopColor && !cellStyle.borderBottomColor) {
-    const borderColor = parseDrawingColor(
-      cellProperties?.["a:lnL"]?.["a:solidFill"],
-      schemeColorOverrides
-    ) || parseDrawingColor(
-      cellProperties?.["a:lnR"]?.["a:solidFill"],
-      schemeColorOverrides
-    ) || parseDrawingColor(
-      cellProperties?.["a:lnT"]?.["a:solidFill"],
-      schemeColorOverrides
-    ) || parseDrawingColor(
-      cellProperties?.["a:lnB"]?.["a:solidFill"],
-      schemeColorOverrides
-    );
-    if (borderColor) {
-      cellStyle.borderColor = borderColor;
-    }
-  }
-  if (cellProperties) {
-    const margin = (key) => Number.parseInt(String(cellProperties[key] ?? ""), 10) / EMU_PER_PX;
-    const marL = margin("@_marL");
-    const marR = margin("@_marR");
-    const marT = margin("@_marT");
-    const marB = margin("@_marB");
-    if (marL >= 0) {
-      cellStyle.paddingLeft = marL;
-    }
-    if (marR >= 0) {
-      cellStyle.paddingRight = marR;
-    }
-    if (marT >= 0) {
-      cellStyle.paddingTop = marT;
-    }
-    if (marB >= 0) {
-      cellStyle.paddingBottom = marB;
-    }
-  }
-  if (cellProperties?.["@_anchor"]) {
-    const anchor = String(cellProperties["@_anchor"]);
-    if (anchor === "ctr") {
-      cellStyle.verticalAlign = "middle";
-    } else if (anchor === "b") {
-      cellStyle.verticalAlign = "bottom";
-    } else {
-      cellStyle.verticalAlign = "top";
-    }
-  }
-  if (cellProperties?.["@_vert"]) {
-    const vert = String(cellProperties["@_vert"]);
-    switch (vert) {
-      case "vert":
-      case "eaVert":
-      case "wordArtVert":
-      case "wordArtVertRtl":
-        cellStyle.writingMode = "vertical-rl";
-        break;
-      case "vert270":
-      case "mongolianVert":
-        cellStyle.writingMode = "vertical-lr";
-        break;
-    }
-    if (vert === "wordArtVert") {
-      cellStyle.textOrientation = "upright";
-    } else if (cellStyle.writingMode) {
-      cellStyle.textOrientation = "mixed";
-    }
-    if (vert === "wordArtVertRtl") {
-      cellStyle.direction = "rtl";
-    }
-  }
-  const textShadow = parseCellTextEffects(runProps);
-  if (textShadow) {
-    cellStyle.textShadow = textShadow;
-  }
-  return cellStyle;
-}
-function getTableCellBandStyle(element, rowIndex, cellIndex, rowCount, columnCount, styleCtx) {
-  if (element.type !== "table") {
-    return void 0;
-  }
-  return getTableCellBandStyle$1(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
-    tableStyleMap: styleCtx?.tableStyleMap,
-    colorScheme: styleCtx?.theme?.colorScheme,
-    fontScheme: styleCtx?.theme?.fontScheme,
-    formatScheme: styleCtx?.theme?.formatScheme
-  });
-}
-
-// src/viewer/utils/table-data-parse.tsx
-function getGraphicDataFromElement(element) {
-  return element.rawXml?.["a:graphic"]?.["a:graphicData"];
-}
-function getTableXmlFromElement(element) {
-  return getGraphicDataFromElement(element)?.["a:tbl"];
-}
-function parseTableElementData(element, fallbackTextStyle) {
-  const table = getTableXmlFromElement(element);
-  if (!table) {
-    return null;
-  }
-  const rows = ensureArrayValue(table["a:tr"]);
-  if (rows.length === 0) {
-    return null;
-  }
-  const tableGrid = table["a:tblGrid"];
-  const gridColumns = ensureArrayValue(
-    tableGrid?.["a:gridCol"]
-  );
-  const columnWidths = gridColumns.map((column) => {
-    const width = Number.parseInt(String(column?.["@_w"] || ""), 10);
-    return Number.isFinite(width) && width > 0 ? width : 0;
-  });
-  const totalColumnWidth = columnWidths.reduce((sum, width) => sum + width, 0);
-  let columnPercentages = totalColumnWidth > 0 ? columnWidths.map((width) => width / totalColumnWidth * 100) : [];
-  const modelWidths = element.type === "table" ? element.tableData?.columnWidths : void 0;
-  if (modelWidths?.length && modelWidths.length === gridColumns.length && modelWidths.every((width) => Number.isFinite(width) && width >= 0) && Math.abs(modelWidths.reduce((sum, width) => sum + width, 0) - 1) <= Number.EPSILON * modelWidths.length * 4) {
-    columnPercentages = modelWidths.map((width) => width * 100);
-  }
-  const cells = [];
-  rows.forEach((row, rowIndex) => {
-    const rowCells = ensureArrayValue(row["a:tc"]);
-    rowCells.forEach((cell, columnIndex) => {
-      cells.push({
-        rowIndex,
-        columnIndex,
-        text: extractCellText(cell),
-        style: extractTableCellStyle(cell, fallbackTextStyle),
-        rawCell: cell
-      });
-    });
-  });
-  const columnCount = Math.max(
-    columnPercentages.length,
-    rows.reduce((maxCount, row) => {
-      const rowCells = ensureArrayValue(row["a:tc"]);
-      return Math.max(maxCount, rowCells.length);
-    }, 0)
-  );
-  return {
-    rowCount: rows.length,
-    columnCount,
-    rows,
-    columnPercentages,
-    cells
-  };
-}
-function renderTableCellContent(cell, fallbackText, cellCss) {
-  const blocks = cell ? cellParagraphBlocks(cell) : void 0;
+function renderTableCellContent(cell, fallbackText, cellCss, defaultFontPt) {
+  const blocks = cell ? cellParagraphBlocks(cell, { cellCss, defaultFontPt }) : void 0;
   if (blocks) {
     return blocks.map((block, index) => /* @__PURE__ */ jsx("div", { style: { display: "block", ...block.css }, children: block.runs.map((run, runIndex) => renderRun(run, runIndex, cellCss)) }, `p-${index}`));
   }
@@ -3308,7 +2834,8 @@ function renderTableFromTableData(element, textStyle, options) {
                             ) : renderTableCellContent(
                               cell,
                               cell.text || "\xA0",
-                              cellCss(cell, rowIndex, cellIndex)
+                              cellCss(cell, rowIndex, cellIndex),
+                              tableData.defaultCellFontSize
                             )
                           ]
                         },
@@ -3327,204 +2854,11 @@ function renderTableFromTableData(element, textStyle, options) {
   );
 }
 function renderTableElement(element, textStyle, options) {
-  const parsedTable = parseTableElementData(element, textStyle);
-  if (!parsedTable) {
-    const tableEl2 = element;
-    if (tableEl2.tableData && tableEl2.tableData.rows.length > 0) {
-      return renderTableFromTableData(tableEl2, textStyle, options);
-    }
-    return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: translationsEn["pptx.table.title"] });
-  }
-  const selectedCell = options?.selectedCell || null;
-  const isEditable = Boolean(options?.editable) && canDrillDown(element);
-  const hasCellSelectionHandler = typeof options?.onSelectCell === "function";
   const tableEl = element;
-  const xmlSelectionRect = (() => {
-    if (!selectedCell?.selectedCells || selectedCell.selectedCells.length < 2) {
-      return void 0;
-    }
-    if (!tableEl.tableData) {
-      return void 0;
-    }
-    const first = selectedCell.selectedCells[0];
-    const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
-  })();
-  const schemeOverrides = options?.styleCtx?.theme?.colorScheme ? options.styleCtx.theme.colorScheme : void 0;
-  return /* @__PURE__ */ jsx(
-    TableResizeOverlay,
-    {
-      columnWidths: parsedTable.columnPercentages.map((p) => p / 100),
-      rows: tableEl.tableData?.rows,
-      editable: isEditable,
-      onResizeColumns: options?.onResizeColumns,
-      onResizeRow: options?.onResizeRow,
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "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",
-              style: {
-                fontFamily: DEFAULT_FONT_FAMILY$1,
-                // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...tableContainerCss(tableEl.tableData)
-              },
-              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 = getCellDiagonalBorders(
-                          tdCellOverride,
-                          tableEl.tableData,
-                          {
-                            rowIndex,
-                            cellIndex,
-                            rowCount: parsedTable.rowCount,
-                            columnCount: parsedTable.columnCount
-                          },
-                          options?.styleCtx
-                        );
-                        const mergedStyle = {
-                          // Lowest-priority fallback: `xmlCellStyle` never carries a
-                          // `color` of its own (see `extractTableCellStyle`), so this
-                          // is the only source when neither the table style band nor
-                          // an explicit run/cell colour applies.
-                          color: textStyle.color,
-                          // PowerPoint's line spacing and default margins, as
-                          // `tableCellCss` gives the structured-model path.
-                          ...TABLE_CELL_TEXT_DEFAULTS,
-                          ...bandStyle,
-                          ...xmlCellStyle,
-                          ...tdCellOverride ? cellStyleToCss(tdCellOverride) : void 0,
-                          ...diag ? { position: "relative" } : void 0
-                        };
-                        applyTableCellFontWeight(mergedStyle);
-                        return /* @__PURE__ */ jsxs(
-                          "td",
-                          {
-                            className: cn(
-                              "px-1 py-0.5 align-top",
-                              // No border of its own: a side the deck gives no border renders
-                              // with none, as PowerPoint does. Editing keeps a faint grid.
-                              isEditable && hasCellSelectionHandler ? "border border-blue-200/70 cursor-cell" : null,
-                              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?.({
-                                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
-                                    });
-                                  }
-                                }
-                              ) : renderTableCellContent(
-                                tableEl.tableData?.rows[rowIndex]?.cells[cellIndex],
-                                extractCellText(cell) || "\xA0",
-                                mergedStyle
-                              )
-                            ]
-                          },
-                          `${element.id}-cell-${rowIndex}-${cellIndex}`
-                        );
-                      })
-                    },
-                    `${element.id}-row-${rowIndex}`
-                  );
-                }) })
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
+  if (tableEl.tableData && tableEl.tableData.rows.length > 0) {
+    return renderTableFromTableData(tableEl, textStyle, options);
+  }
+  return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: translationsEn["pptx.table.title"] });
 }
 function renderGradientStops(stops) {
   return stops.map((stop, i) => /* @__PURE__ */ jsx("stop", { offset: stop.offset, stopColor: stop.color, stopOpacity: stop.opacity }, i));
@@ -3963,4 +3297,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_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, PptxI18nContext, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ViewerI18nContext, ViewerLocaleControlsContext, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromTiledImageData, buildReactChartViewModel, buildTextBody3DSceneStyle, cloneHistorySnapshot, cn, getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, useHostI18next, useTranslation };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, GRID_SIZE, MIN_ELEMENT_SIZE, PptxI18nContext, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ViewerI18nContext, ViewerLocaleControlsContext, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromTiledImageData, buildReactChartViewModel, buildTextBody3DSceneStyle, cloneHistorySnapshot, cn, getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, rendersCustomVectorPath, rendersWedgeCalloutVector, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, useHostI18next, useTranslation };