pptx-react-viewer 4.8.0 → 4.10.0

package/dist/{chunk-SSXGPYBF.mjs → chunk-LMJU46E5.mjs}

@@ -1,5 +1,5 @@
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, getConnectorPathGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, xmlText, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitEastAsianBreaks, splitRunByScriptFont } from './chunk-NPZOVIHG.mjs';
-import { translationsEn } from './chunk-YPDPSXPK.mjs';
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, followingText, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, getConnectorPathGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, xmlText, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitEastAsianBreaks, splitRunByScriptFont } from './chunk-ZBFDEYLQ.mjs';
+import { translationsEn } from './chunk-HDH4KFDK.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React8, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -1072,18 +1072,19 @@ function renderUnderlineWords(text, isUnderlineWords, wordDecoration, metric, ke
   } : void 0;
   return pieces.map((piece, i) => {
     const key = `${keyPrefix}-u${i}`;
+    const following = followingText(pieces, i, metric?.following);
     if (!piece.underline) {
-      return /* @__PURE__ */ jsx(React8.Fragment, { children: inner(piece.text, key, gapMetric) }, key);
+      return /* @__PURE__ */ jsx(React8.Fragment, { children: inner(piece.text, key, gapMetric && { ...gapMetric, following }) }, key);
     }
-    return /* @__PURE__ */ jsx("span", { style: wordDecoration, children: inner(piece.text, key, metric) }, key);
+    return /* @__PURE__ */ jsx("span", { style: wordDecoration, children: inner(piece.text, key, metric && { ...metric, following }) }, key);
   });
 }
 function makeSegmentPieceRenderer(needsScriptFonts, scriptFonts, baseFontFamily, isUnderlineWords, wordDecoration, metric) {
-  return (text, key) => renderUnderlineWords(
+  return (text, key, following) => renderUnderlineWords(
     text,
     isUnderlineWords,
     wordDecoration,
-    metric,
+    metric && { ...metric, following },
     key,
     (subText, subKey, subMetric) => renderMetricPieces(
       subText,
@@ -1116,8 +1117,8 @@ function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle, underl
     ] }, key);
   }) });
 }
-function renderEastAsianPieces(text, metric, keyPrefix, inner, baseStyle) {
-  const parts = splitEastAsianBreaks(text, metric.eastAsian, metric.font);
+function renderEastAsianPieces(text, metric, keyPrefix, inner, baseStyle, following) {
+  const parts = splitEastAsianBreaks(text, metric.eastAsian, metric.font, following);
   if (parts.length === 1 && !parts[0].style) {
     return inner(parts[0].text, keyPrefix);
   }
@@ -1132,7 +1133,7 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
   }
   const pieces = splitRunForMetrics(text, metric.font);
   if (pieces.length <= 1) {
-    return renderEastAsianPieces(text, metric, keyPrefix, inner, void 0);
+    return renderEastAsianPieces(text, metric, keyPrefix, inner, void 0, metric.following);
   }
   return pieces.map((piece, i) => {
     const key = `${keyPrefix}-w${i}`;
@@ -1140,7 +1141,14 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
       ...metric.nestedStyle,
       letterSpacing: pieceLetterSpacing(metric.authoredPx, piece.tracking)
     };
-    return /* @__PURE__ */ jsx("span", { style, children: renderEastAsianPieces(piece.text, metric, key, inner, style) }, key);
+    return /* @__PURE__ */ jsx("span", { style, children: renderEastAsianPieces(
+      piece.text,
+      metric,
+      key,
+      inner,
+      style,
+      followingText(pieces, i, metric.following)
+    ) }, key);
   });
 }
 function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFamily, keyPrefix, nestedStyle) {
@@ -1181,7 +1189,7 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
           renderLeaf,
           metric?.nestedStyle,
           isUnderlineWords
-        ) : renderLeaf(line, lineKey),
+        ) : renderLeaf(line, lineKey, lineIndex < lines.length - 1 ? "\n" : metric?.following),
         lineIndex < lines.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
       ] }, lineKey);
     });
@@ -1222,10 +1230,10 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
           color: "inherit",
           borderRadius: 2
         },
-        children: renderLeaf(chunk.text, chunkKey)
+        children: renderLeaf(chunk.text, chunkKey, followingText(chunks, ci, metric?.following))
       },
       chunkKey
-    ) : /* @__PURE__ */ jsx(React8.Fragment, { children: renderLeaf(chunk.text, chunkKey) }, chunkKey);
+    ) : /* @__PURE__ */ jsx(React8.Fragment, { children: renderLeaf(chunk.text, chunkKey, followingText(chunks, ci, metric?.following)) }, chunkKey);
   });
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber, fontSize) {
@@ -1406,7 +1414,8 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     font: metricFont,
     authoredPx: authoredLetterSpacing,
     nestedStyle,
-    eastAsian: ctx.eastAsianBreaks
+    eastAsian: ctx.eastAsianBreaks,
+    following: ctx.eastAsianFollowing
   };
   const spanStyle = { ...run.style };
   spanStyle.color = resolvedSegmentColor;
@@ -1558,7 +1567,12 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
   };
   const runs = joinRunsBySegment(para.runs);
   const listParagraph = inlineListSeed?.paragraphs[paraIndex];
-  const renderedRuns = listParagraph ? listParagraph.runs.map((run) => renderSeededListRun(run, runs, segments, runCtx)) : runs.map((run) => renderParagraphRun(run, segments[run.segmentIndex ?? -1], runCtx));
+  const renderedRuns = listParagraph ? listParagraph.runs.map((run) => renderSeededListRun(run, runs, segments, runCtx)) : runs.map(
+    (run, i) => renderParagraphRun(run, segments[run.segmentIndex ?? -1], {
+      ...runCtx,
+      eastAsianFollowing: para.eastAsianBreaks ? followingText(runs, i) : void 0
+    })
+  );
   const paraStyle = {
     // `text-align`, BiDi `direction` / `unicode-bidi` and the kinsoku
     // line-break rules, resolved by shared from this paragraph's own `a:pPr`.
@@ -3818,7 +3832,11 @@ function buildPdfFromTiledImageData(pages) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = buildPreviewAnimation(preset, options);
+  const domEl = document.querySelector(`[data-element-id="${elementId}"]`);
+  const descriptor = buildPreviewAnimation(preset, {
+    ...options,
+    geometry: domEl ? measurePreviewGeometry(domEl) : void 0
+  });
   if (!descriptor) {
     return;
   }