pptx-react-viewer 4.41.0 → 4.42.1

package/dist/{chunk-MNT2CXDI.mjs → chunk-3LIHPZKS.mjs}

@@ -1,5 +1,5 @@
 import { __reExport } from './chunk-Q3DHYOLK.mjs';
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS as STROKE_DASH_OPTIONS$1, getAnimationInitialStyle as getAnimationInitialStyle$1, cloneHistorySnapshot as cloneHistorySnapshot$1, 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, screenStrokeWidth, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY$1, cellStyleToCss, TABLE_CELL_TEXT_DEFAULTS, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, 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 { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS as STROKE_DASH_OPTIONS$1, getAnimationInitialStyle as getAnimationInitialStyle$1, cloneHistorySnapshot as cloneHistorySnapshot$1, 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, screenStrokeWidth, markerPath, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isArrowedCustomPath, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY$1, cellStyleToCss, TABLE_CELL_TEXT_DEFAULTS, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, 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';
 export { ACTION_BUTTON_PRESETS, DEFAULT_COLOR_CHANGE_TOLERANCE, INK_REPLAY_KEYFRAMES, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, SHAPE_QUICK_STYLES, SLIDE_TRANSITION_OPTIONS, TABLE_STYLE_PRESETS, applyColorChange, applyFormatToElement, applyReroutedConnectors, buildCacheKey, buildContentPartStrokes, buildCssGradientFromShapeStyle, buildInkGroupStrokes, buildSaveSlides, canvasToJpegData, clampCropValue, cloneSlide, cloneTemplateElementsBySlideId, colorWithOpacity, comparePresentation, computeHandoutLayout, computeSnapToShape, copyFormatFromElement, formatCommentTimestamp, generateNoteLineCount, getAriaLabel, getAriaRole, getAriaRoleDescription, getCachedResult, getCompoundLineOffsets, getCompoundLineWidths, getContentPartReplayStyles, getElementLabel, getElementTransform, getElementTransformWithoutRotation, getImageEffectsFilter, getImageEffectsOpacity, getInkReplayStyles, getPatternSvg, getPrintableArea, getShapeAdjustmentHandleDescriptors, getSvgStrokeDasharray, 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 * as pptx_star from 'ooxml-core/pptx';
 import { clsx } from 'clsx';
@@ -1413,10 +1413,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   spanStyle.fontFamily = baseFontFamily;
   spanStyle.verticalAlign = baselineShift;
   spanStyle.fontKerning = fontKerning;
-  spanStyle.letterSpacing = pieceLetterSpacing(
-    authoredLetterSpacing,
-    resolveMetricTrackingPx(textValue, metricFont)
-  );
+  spanStyle.letterSpacing = ctx.textBuildPiece ? run.style.letterSpacing : pieceLetterSpacing(authoredLetterSpacing, resolveMetricTrackingPx(textValue, metricFont));
   const hollow = hollowTextFillStyle(segmentStyle, {
     color: resolvedSegmentColor,
     textStroke: typeof spanStyle.WebkitTextStroke === "string" ? spanStyle.WebkitTextStroke : void 0
@@ -1428,6 +1425,9 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   if (runRtl !== void 0) {
     spanStyle.direction = runRtl ? "rtl" : "ltr";
     spanStyle.unicodeBidi = runRtl !== ctx.paragraphRtl ? "bidi-override" : "embed";
+    if (ctx.textBuildPiece && runRtl === true === (ctx.paragraphRtl === true)) {
+      spanStyle.unicodeBidi = "normal";
+    }
   }
   const isUnderlineWords = splitsUnderlineIntoWords(segmentStyle);
   const wordDecoration = isUnderlineWords ? nestedStyle ?? run.underlineWordPieces?.find((piece) => piece.style)?.style : void 0;
@@ -1457,7 +1457,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       Boolean(segmentStyle.italic),
       { language: segmentStyle.language, rtl: ctx.paragraphRtl === true }
     ),
-    metricContext,
+    ctx.textBuildPiece ? void 0 : metricContext,
     isUnderlineWords,
     wordDecoration
   );
@@ -1595,7 +1595,7 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
     element.id,
     paraIndex,
     renderedRuns,
-    runs,
+    para.runs,
     subElementAnimStates,
     // A staged build splits the paragraph but must not flatten it: each piece
     // is re-rendered through the SAME run renderer, so it keeps its run's
@@ -1603,7 +1603,7 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
     (run, text, pieceKey) => renderParagraphRun(
       { ...run, text },
       segments[run.segmentIndex ?? -1],
-      runCtx,
+      { ...runCtx, textBuildPiece: true },
       `-build-${pieceKey}`
     )
   );
@@ -1896,31 +1896,31 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
 function getConnectorPathGeometry(element) {
   return (0, dist_exports.getConnectorPathGeometry)(element);
 }
-var ARROW_SIZE_SCALE = {
-  sm: 0.6,
-  med: 1,
-  lg: 1.5
-};
 function renderConnectorMarker(markerId, arrowType, color, arrowWidth, arrowLength) {
   if (!arrowType || arrowType === "none") {
     return null;
   }
-  const wScale = ARROW_SIZE_SCALE[arrowWidth || "med"] ?? 1;
-  const lScale = ARROW_SIZE_SCALE[arrowLength || "med"] ?? 1;
-  const mw = Math.round(8 * lScale);
-  const mh = Math.round(8 * wScale);
+  const shape = markerPath(arrowType, arrowWidth, arrowLength);
   return /* @__PURE__ */ jsx(
     "marker",
     {
       id: markerId,
-      markerWidth: mw,
-      markerHeight: mh,
-      refX: 8,
+      markerWidth: shape.markerWidth,
+      markerHeight: shape.markerHeight,
+      refX: shape.refX,
       refY: 5,
       orient: "auto-start-reverse",
       viewBox: "0 0 10 10",
       markerUnits: "strokeWidth",
-      children: arrowType === "triangle" ? /* @__PURE__ */ jsx("polygon", { points: "0,0 10,5 0,10", fill: color }) : arrowType === "stealth" ? /* @__PURE__ */ jsx("polygon", { points: "0,0 10,5 0,10 3.4,5", fill: color }) : arrowType === "diamond" ? /* @__PURE__ */ jsx("polygon", { points: "0,5 5,0 10,5 5,10", fill: color }) : arrowType === "oval" ? /* @__PURE__ */ jsx("ellipse", { cx: 5, cy: 5, rx: 4, ry: 3.3, fill: color }) : /* @__PURE__ */ jsx("path", { d: "M0 0 L10 5 L0 10", fill: "none", stroke: color, strokeWidth: 1.6 })
+      preserveAspectRatio: "none",
+      children: shape.shape === "circle" ? /* @__PURE__ */ jsx("circle", { cx: 5, cy: 5, r: 4, fill: color }) : /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: shape.d,
+          fill: shape.strokeOnly ? "none" : color,
+          stroke: shape.strokeOnly ? color : void 0
+        }
+      )
     }
   );
 }
@@ -2139,7 +2139,7 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       fillColor,
       element.shapeStyle?.fillOpacity,
       strokePaint,
-      strokeWidth,
+      isArrowedCustomPath(element) ? 0 : strokeWidth,
       dashArray,
       Boolean(animatesFill),
       // A freeform's `a:gradFill` needs a real SVG paint server: the

package/dist/{chunk-3PKYNJJG.js → chunk-FKY33ZKL.js}

@@ -1437,10 +1437,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   spanStyle.fontFamily = baseFontFamily;
   spanStyle.verticalAlign = baselineShift;
   spanStyle.fontKerning = fontKerning;
-  spanStyle.letterSpacing = pptx.pieceLetterSpacing(
-    authoredLetterSpacing,
-    pptx.resolveMetricTrackingPx(textValue, metricFont)
-  );
+  spanStyle.letterSpacing = ctx.textBuildPiece ? run.style.letterSpacing : pptx.pieceLetterSpacing(authoredLetterSpacing, pptx.resolveMetricTrackingPx(textValue, metricFont));
   const hollow = pptx.hollowTextFillStyle(segmentStyle, {
     color: resolvedSegmentColor,
     textStroke: typeof spanStyle.WebkitTextStroke === "string" ? spanStyle.WebkitTextStroke : void 0
@@ -1452,6 +1449,9 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   if (runRtl !== void 0) {
     spanStyle.direction = runRtl ? "rtl" : "ltr";
     spanStyle.unicodeBidi = runRtl !== ctx.paragraphRtl ? "bidi-override" : "embed";
+    if (ctx.textBuildPiece && runRtl === true === (ctx.paragraphRtl === true)) {
+      spanStyle.unicodeBidi = "normal";
+    }
   }
   const isUnderlineWords = pptx.splitsUnderlineIntoWords(segmentStyle);
   const wordDecoration = isUnderlineWords ? nestedStyle ?? run.underlineWordPieces?.find((piece) => piece.style)?.style : void 0;
@@ -1481,7 +1481,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       Boolean(segmentStyle.italic),
       { language: segmentStyle.language, rtl: ctx.paragraphRtl === true }
     ),
-    metricContext,
+    ctx.textBuildPiece ? void 0 : metricContext,
     isUnderlineWords,
     wordDecoration
   );
@@ -1619,7 +1619,7 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
     element.id,
     paraIndex,
     renderedRuns,
-    runs,
+    para.runs,
     subElementAnimStates,
     // A staged build splits the paragraph but must not flatten it: each piece
     // is re-rendered through the SAME run renderer, so it keeps its run's
@@ -1627,7 +1627,7 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
     (run, text, pieceKey) => renderParagraphRun(
       { ...run, text },
       segments[run.segmentIndex ?? -1],
-      runCtx,
+      { ...runCtx, textBuildPiece: true },
       `-build-${pieceKey}`
     )
   );
@@ -1920,31 +1920,31 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
 function getConnectorPathGeometry(element) {
   return (0, dist_exports.getConnectorPathGeometry)(element);
 }
-var ARROW_SIZE_SCALE = {
-  sm: 0.6,
-  med: 1,
-  lg: 1.5
-};
 function renderConnectorMarker(markerId, arrowType, color, arrowWidth, arrowLength) {
   if (!arrowType || arrowType === "none") {
     return null;
   }
-  const wScale = ARROW_SIZE_SCALE[arrowWidth || "med"] ?? 1;
-  const lScale = ARROW_SIZE_SCALE[arrowLength || "med"] ?? 1;
-  const mw = Math.round(8 * lScale);
-  const mh = Math.round(8 * wScale);
+  const shape = pptx.markerPath(arrowType, arrowWidth, arrowLength);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "marker",
     {
       id: markerId,
-      markerWidth: mw,
-      markerHeight: mh,
-      refX: 8,
+      markerWidth: shape.markerWidth,
+      markerHeight: shape.markerHeight,
+      refX: shape.refX,
       refY: 5,
       orient: "auto-start-reverse",
       viewBox: "0 0 10 10",
       markerUnits: "strokeWidth",
-      children: arrowType === "triangle" ? /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,0 10,5 0,10", fill: color }) : arrowType === "stealth" ? /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,0 10,5 0,10 3.4,5", fill: color }) : arrowType === "diamond" ? /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,5 5,0 10,5 5,10", fill: color }) : arrowType === "oval" ? /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: 5, cy: 5, rx: 4, ry: 3.3, fill: color }) : /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0 L10 5 L0 10", fill: "none", stroke: color, strokeWidth: 1.6 })
+      preserveAspectRatio: "none",
+      children: shape.shape === "circle" ? /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: 5, cy: 5, r: 4, fill: color }) : /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: shape.d,
+          fill: shape.strokeOnly ? "none" : color,
+          stroke: shape.strokeOnly ? color : void 0
+        }
+      )
     }
   );
 }
@@ -2163,7 +2163,7 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       fillColor,
       element.shapeStyle?.fillOpacity,
       strokePaint,
-      strokeWidth,
+      pptx.isArrowedCustomPath(element) ? 0 : strokeWidth,
       dashArray,
       Boolean(animatesFill),
       // A freeform's `a:gradFill` needs a real SVG paint server: the