pptx-react-viewer 2.3.0 → 2.5.0

package/dist/{chunk-VOHTAUN4.mjs → chunk-TGVID6BB.mjs}

@@ -1,6 +1,5 @@
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, getAnimationInitialStyle, cloneHistorySnapshot, isTemplateElement, clampCropValue, parseMediaCommand, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, apply3dEffects, clampUnitInterval, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-4AAFZFGH.mjs';
-import { translationsEn } from './chunk-PZTPX3HK.mjs';
-import { hasShapeProperties, isImageLikeElement, hasTextProperties, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, getSubstituteFontFamily, evaluatePresetShape, customGeometryPathsToSvgSubpaths, ooxmlGradientAngleToCssDegrees } from './chunk-JFNMD6TM.mjs';
+import { translationsEn } from './chunk-Z6HIZWIQ.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, isImageLikeElement, clampCropValue, parseMediaCommand, hasTextProperties, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, getSubstituteFontFamily, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, evaluatePresetShape, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, 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-VOV2N3NY.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -1510,7 +1509,7 @@ function buildAnimStyle(state) {
   }
   return Object.keys(style).length > 0 ? style : void 0;
 }
-function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, paraSegments, subElementAnimStates) {
+function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, paraSegments, subElementAnimStates, renderPiece) {
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
@@ -1520,53 +1519,30 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
     const style = buildAnimStyle(paraState);
     return /* @__PURE__ */ jsx("span", { "data-anim-id": paraKey, style: { display: "inline", ...style }, children: renderedSegments }, paraKey);
   }
-  const firstWordKey = `${elementId}${TEXT_BUILD_ID_SEP}w${paraIndex}-0`;
-  if (subElementAnimStates.has(firstWordKey)) {
-    return wrapByWord(elementId, paraIndex, paraSegments, subElementAnimStates);
-  }
-  const firstCharKey = `${elementId}${TEXT_BUILD_ID_SEP}c${paraIndex}-0`;
-  if (subElementAnimStates.has(firstCharKey)) {
-    return wrapByChar(elementId, paraIndex, paraSegments, subElementAnimStates);
+  const spec = buildTextBuildSpec(
+    elementId,
+    paraIndex,
+    paraSegments.map((entry) => ({ text: entry.segment.text, style: entry })),
+    subElementAnimStates
+  );
+  if (!spec?.spans) {
+    return renderedSegments;
   }
-  return renderedSegments;
-}
-function wrapByWord(elementId, paraIndex, paraSegments, states) {
-  const fullText = paraSegments.map((e) => e.segment.text).join("");
-  const words = fullText.split(/(\s+)/);
-  let wordIdx = 0;
-  const nodes = [];
-  for (let i = 0; i < words.length; i++) {
-    const w = words[i];
-    if (!w) {
-      continue;
-    }
-    const isWhitespace = /^\s+$/.test(w);
-    if (isWhitespace) {
-      nodes.push(/* @__PURE__ */ jsx(React6.Fragment, { children: w }, `ws-${i}`));
-      continue;
+  return spec.spans.map((span, index) => {
+    const content = span.style && renderPiece ? renderPiece(span.style, span.text) : span.text;
+    if (!span.animId) {
+      return /* @__PURE__ */ jsx(React6.Fragment, { children: content }, `ws-${index}`);
     }
-    const key = `${elementId}${TEXT_BUILD_ID_SEP}w${paraIndex}-${wordIdx}`;
-    const state = states.get(key);
-    const style = buildAnimStyle(state);
-    nodes.push(
-      /* @__PURE__ */ jsx("span", { "data-anim-id": key, style: { display: "inline", ...style }, children: w }, key)
-    );
-    wordIdx++;
-  }
-  return nodes;
-}
-function wrapByChar(elementId, paraIndex, paraSegments, states) {
-  const fullText = paraSegments.map((e) => e.segment.text).join("");
-  const nodes = [];
-  for (let i = 0; i < fullText.length; i++) {
-    const key = `${elementId}${TEXT_BUILD_ID_SEP}c${paraIndex}-${i}`;
-    const state = states.get(key);
-    const style = buildAnimStyle(state);
-    nodes.push(
-      /* @__PURE__ */ jsx("span", { "data-anim-id": key, style: { display: "inline", ...style }, children: fullText[i] }, key)
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-anim-id": span.animId,
+        style: textBuildSpanStyle(span),
+        children: content
+      },
+      span.animId
     );
-  }
-  return nodes;
+  });
 }
 var EPS = 0.01;
 var FALLBACK_STEP_PX = 48;
@@ -2214,7 +2190,22 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       paraIndex,
       renderedSegments,
       paraSegments,
-      subElementAnimStates
+      subElementAnimStates,
+      // A staged build splits the paragraph but must not flatten it: each
+      // piece is re-rendered through the SAME segment renderer, so it keeps
+      // its run's font, size, colour and decoration while it animates.
+      ({ segment, globalIndex }, text) => renderSingleSegment(
+        element,
+        { ...segment, text },
+        globalIndex,
+        fallbackColor,
+        findHighlights,
+        void 0,
+        onHyperlinkClick,
+        fieldContext,
+        paraRtl,
+        requireCtrlClick
+      )
     );
     if (!needsWrapper) {
       return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
@@ -6266,7 +6257,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-Z7R6DZXN.mjs');
+      return await import('./SurfaceChart3DScene-PRCKQJQQ.mjs');
     } catch {
       return { default: FailedToLoad };
     }