pptx-react-viewer 4.7.0 → 4.9.0

package/dist/{chunk-2BM4GBFZ.js → chunk-PSJTZIIK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkAQIXKTAT_js = require('./chunk-AQIXKTAT.js');
+var chunkYWAFJZ23_js = require('./chunk-YWAFJZ23.js');
 var chunk4VNS5WPM_js = require('./chunk-4VNS5WPM.js');
 var mcp = require('pptx-viewer-mcp');
 var mcpSchemas = require('pptx-viewer-mcp/schemas');
@@ -19079,7 +19079,7 @@ async function buildSlideMarkdown(slides, slideIndex2, meta3, options = {}) {
   };
   let markdown;
   try {
-    const converter = new chunkAQIXKTAT_js.PptxMarkdownConverter(
+    const converter = new chunkYWAFJZ23_js.PptxMarkdownConverter(
       "",
       {
         sourceName: meta3.title ?? "deck.pptx",
@@ -19671,7 +19671,7 @@ var getTheme = (ctx) => {
     name: theme?.name,
     colorScheme: theme?.colorScheme,
     fontScheme: theme?.fontScheme,
-    availablePresets: Object.keys(chunkAQIXKTAT_js.ThemePresets)
+    availablePresets: Object.keys(chunkYWAFJZ23_js.ThemePresets)
   };
 };
 var readExecutors = {
@@ -20801,7 +20801,7 @@ function applyElementUpdate(el, u) {
   applyShapeStyleUpdate(el, u);
 }
 function applyTextUpdate(el, u) {
-  if (!chunkAQIXKTAT_js.hasTextProperties(el)) {
+  if (!chunkYWAFJZ23_js.hasTextProperties(el)) {
     return;
   }
   const textEl = el;
@@ -20847,7 +20847,7 @@ function applyShapeStyleUpdate(el, u) {
   if (u.fillColor === void 0 && u.strokeColor === void 0 && u.strokeWidth === void 0) {
     return;
   }
-  if (!chunkAQIXKTAT_js.hasShapeProperties(el)) {
+  if (!chunkYWAFJZ23_js.hasShapeProperties(el)) {
     return;
   }
   const holder = el;

package/dist/{chunk-5J6NW3YS.mjs → chunk-Y7RTQOD6.mjs}

@@ -1,8 +1,8 @@
-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, 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, splitRunByScriptFont } from './chunk-QLDHUKH2.mjs';
-import { translationsEn } from './chunk-WIEBQGQI.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-PJT2DTOS.mjs';
+import { translationsEn } from './chunk-HDH4KFDK.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import React7, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
+import React8, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
 import { LuTriangle, LuPlus, LuMoveRight, LuMinus, LuDiamond, LuDatabase, LuCircle, LuSquare } from 'react-icons/lu';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
@@ -88,7 +88,7 @@ var SHAPE_PRESETS = SHAPE_PRESET_DEFS.map(
     type: def.type,
     label: def.label,
     i18nKey: def.i18nKey,
-    icon: React7.createElement(GLYPH_COMPONENTS[def.glyph], {
+    icon: React8.createElement(GLYPH_COMPONENTS[def.glyph], {
       className: def.glyphClass ? `w-3.5 h-3.5 ${def.glyphClass}` : "w-3.5 h-3.5"
     })
   })
@@ -1045,7 +1045,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   return spec.spans.map((span, index) => {
     const content = span.style && renderPiece ? renderPiece(span.style, span.text, String(index)) : span.text;
     if (!span.animId) {
-      return /* @__PURE__ */ jsx(React7.Fragment, { children: content }, `ws-${index}`);
+      return /* @__PURE__ */ jsx(React8.Fragment, { children: content }, `ws-${index}`);
     }
     return /* @__PURE__ */ jsx(
       "span",
@@ -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(React7.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,
@@ -1110,12 +1111,46 @@ function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle, underl
   );
   return /* @__PURE__ */ jsx("span", { style: { display: "inline-block", whiteSpace: "nowrap" }, children: lineLayout.pieces.map((piece, i) => {
     const key = `${keyPrefix}-tab-${i}`;
-    return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React8.Fragment, { children: [
       piece.leaderStyle ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: piece.leaderStyle, children: piece.leaderText }) : null,
       piece.words ? piece.words.map((word, w) => /* @__PURE__ */ jsx("span", { style: word.style, children: renderPiece(word.text, `${key}-w${w}`) }, `${key}-w${w}`)) : /* @__PURE__ */ jsx("span", { style: piece.style, children: renderPiece(piece.text, key) })
     ] }, key);
   }) });
 }
+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);
+  }
+  return parts.map((part, i) => {
+    const key = `${keyPrefix}-e${i}`;
+    return part.style ? /* @__PURE__ */ jsx("span", { style: { ...baseStyle ?? metric.nestedStyle, ...part.style }, children: inner(part.text, key) }, key) : /* @__PURE__ */ jsx(React8.Fragment, { children: inner(part.text, key) }, key);
+  });
+}
+function renderMetricPieces(text, metric, keyPrefix, inner) {
+  if (!metric || !text) {
+    return inner(text, keyPrefix);
+  }
+  const pieces = splitRunForMetrics(text, metric.font);
+  if (pieces.length <= 1) {
+    return renderEastAsianPieces(text, metric, keyPrefix, inner, void 0, metric.following);
+  }
+  return pieces.map((piece, i) => {
+    const key = `${keyPrefix}-w${i}`;
+    const style = {
+      ...metric.nestedStyle,
+      letterSpacing: pieceLetterSpacing(metric.authoredPx, piece.tracking)
+    };
+    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) {
   if (!needsScriptFonts || !text) {
     return text;
@@ -1130,29 +1165,9 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
     return text;
   }
   return pieces.map(
-    (piece, i) => piece.style ? /* @__PURE__ */ jsx("span", { style: piece.style, children: piece.text }, `${keyPrefix}-r${i}`) : /* @__PURE__ */ jsx(React7.Fragment, { children: piece.text }, `${keyPrefix}-r${i}`)
+    (piece, i) => piece.style ? /* @__PURE__ */ jsx("span", { style: piece.style, children: piece.text }, `${keyPrefix}-r${i}`) : /* @__PURE__ */ jsx(React8.Fragment, { children: piece.text }, `${keyPrefix}-r${i}`)
   );
 }
-function renderMetricPieces(text, metric, keyPrefix, inner) {
-  if (!metric || !text) {
-    return inner(text, keyPrefix);
-  }
-  const pieces = splitRunForMetrics(text, metric.font);
-  if (pieces.length <= 1) {
-    return inner(text, keyPrefix);
-  }
-  return pieces.map((piece, i) => /* @__PURE__ */ jsx(
-    "span",
-    {
-      style: {
-        ...metric.nestedStyle,
-        letterSpacing: pieceLetterSpacing(metric.authoredPx, piece.tracking)
-      },
-      children: inner(piece.text, `${keyPrefix}-w${i}`)
-    },
-    `${keyPrefix}-w${i}`
-  ));
-}
 function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsScriptFonts, scriptFonts, baseFontFamily, findHighlights, tabContext, metric, isUnderlineWords = false, wordDecoration) {
   const segHl = findHighlights?.get(segmentIndex);
   const renderLeaf = makeSegmentPieceRenderer(
@@ -1166,7 +1181,7 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
   if (!segHl || segHl.length === 0) {
     return lines.map((line, lineIndex) => {
       const lineKey = `${elementId}-seg-${segmentIndex}-line-${lineIndex}`;
-      return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React8.Fragment, { children: [
         tabContext && line.includes("	") ? renderTabbedLine(
           line,
           tabContext,
@@ -1174,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);
     });
@@ -1215,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(React7.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) {
@@ -1387,7 +1402,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   ) : DEFAULT_FONT_FAMILY2;
   const scriptFonts = resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
   const needsScriptFonts = hasDistinctScriptFonts(scriptFonts);
-  const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
+  const authoredLetterSpacing = authoredLetterSpacingPx(segmentStyle);
   const metricFont = {
     fontFamily: baseFontFamily,
     fontSizePx: baseFontSize * baselineFontScale,
@@ -1395,7 +1410,13 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     italic: Boolean(segmentStyle.italic)
   };
   const nestedStyle = nestedTextDecorationStyle(run.style);
-  const metricContext = { font: metricFont, authoredPx: authoredLetterSpacing, nestedStyle };
+  const metricContext = {
+    font: metricFont,
+    authoredPx: authoredLetterSpacing,
+    nestedStyle,
+    eastAsian: ctx.eastAsianBreaks,
+    following: ctx.eastAsianFollowing
+  };
   const spanStyle = { ...run.style };
   spanStyle.color = resolvedSegmentColor;
   spanStyle.fontSize = baseFontSize * baselineFontScale;
@@ -1483,10 +1504,10 @@ function renderSeededListRun(seed, runs, segments, context) {
     segmentIndex: seed.segmentIndex
   };
   const rendered = renderParagraphRun(run, resolvedSegment, context);
-  if (!React7.isValidElement(rendered)) {
+  if (!React8.isValidElement(rendered)) {
     return rendered;
   }
-  return React7.cloneElement(rendered, {
+  return React8.cloneElement(rendered, {
     "data-pptx-list-run": seed.token,
     ...seed.text === "" ? { children: /* @__PURE__ */ jsx("br", {}) } : {}
   });
@@ -1502,12 +1523,10 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     }
     return element.text || emptyFallback || "";
   }
-  const paragraphs = buildParagraphs(
-    element,
-    fieldContext,
-    segmentOverrides,
-    inlineListSeed ? { preserveTrailingEmpty: true } : void 0
-  );
+  const paragraphs = buildParagraphs(element, fieldContext, segmentOverrides, {
+    preserveTrailingEmpty: inlineListSeed ? true : void 0,
+    eastAsianRunPieces: false
+  });
   const ctx = {
     element,
     fallbackColor,
@@ -1541,10 +1560,19 @@ function joinRunsBySegment(runs) {
 }
 function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAnimStates, inlineListSeed) {
   const element = ctx.element;
-  const runCtx = { ...ctx, paragraphRtl: para.rtl };
+  const runCtx = {
+    ...ctx,
+    paragraphRtl: para.rtl,
+    eastAsianBreaks: para.eastAsianBreaks
+  };
   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`.
@@ -1591,7 +1619,7 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
   );
   const needsWrapper = Boolean(listParagraph) || Object.keys(paraStyle).length > 0 || marker !== null;
   if (!needsWrapper) {
-    return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React8.Fragment, { children: [
       wrappedContent,
       paraIndex < paraCount - 1 ? /* @__PURE__ */ jsx("br", {}) : null
     ] }, `${element.id}-para-${paraIndex}`);
@@ -3804,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;
   }