pptx-react-viewer 4.2.0 → 4.4.0

package/dist/{chunk-B5YZABYX.mjs → chunk-WNFHFFYE.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, 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, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, 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-VPJOJJ36.mjs';
-import { translationsEn } from './chunk-PC7H3C5W.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, 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, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, 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-D3TZOCQP.mjs';
+import { translationsEn } from './chunk-JQXN6PO7.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React7, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -274,8 +274,8 @@ function getCropShapeClipPath2(element) {
   }
   return getCropShapeClipPath(element.cropShape, element.width, element.height);
 }
-function getImageTilingStyle2(element) {
-  return getImageTilingStyle(element);
+function getImageTilingStyle2(element, nativeSize) {
+  return getImageTilingStyle(element, nativeSize);
 }
 
 // src/viewer/utils/geometry-image.ts
@@ -565,7 +565,11 @@ function PresentationMediaController({
   }, []);
   return /* @__PURE__ */ jsxs("div", { className: "w-full h-full", style: wrapperStyle, children: [
     children({ mediaRef, onPlay: noopOnPlay, isMediaPlaying }),
-    isFullScreen && isPresentationMode && isMediaPlaying && /* @__PURE__ */ jsx(
+    shouldShowMediaFullscreenStopButton({
+      fullScreen: isFullScreen,
+      presenting: isPresentationMode,
+      playing: isMediaPlaying
+    }) && /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -704,6 +708,20 @@ function renderMediaElement(element, mediaDataUrls, options) {
     return renderMediaFallback({ element, posterUrl, surface });
   }
   if (mediaType === "video") {
+    const onlineVideo = getOnlineVideoEmbed(element);
+    if (onlineVideo) {
+      return /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          src: onlineVideo.embedUrl,
+          title: translationsEn["pptx.media.onlineVideoTitle"],
+          className: "w-full h-full border-0 pointer-events-auto",
+          allow: ONLINE_VIDEO_IFRAME_ALLOW,
+          allowFullScreen: true,
+          sandbox: ONLINE_VIDEO_IFRAME_SANDBOX
+        }
+      );
+    }
     if (dataUrl) {
       return /* @__PURE__ */ jsx(
         PresentationMediaController,
@@ -794,17 +812,17 @@ function getTextLayoutStyle(element) {
   const textIndent = !hasParagraphIndents && typeof paragraphIndent === "number" && paragraphIndent !== 0 ? paragraphIndent : void 0;
   const bodyTop = element.textStyle?.bodyInsetTop ?? DEFAULT_BODY_INSET_TB_PX;
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
+  const bodyLayoutStyle = buildTextBodyLayoutStyle(element);
   return {
-    // Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
-    ...buildTextBodyLayoutStyle(element),
+    ...bodyLayoutStyle,
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
     // per-paragraph by the paragraph renderer, not collapsed here.
     paddingTop: bodyTop,
     paddingBottom: bodyBottom,
     writingMode,
     textOrientation,
-    direction: verticalDirection,
-    marginLeft,
+    direction: verticalDirection ?? bodyLayoutStyle.direction,
+    marginLeft: marginLeft ?? bodyLayoutStyle.marginLeft,
     textIndent,
     ...shapeAutoFitTextBox ? {
       width: textWrapNone ? "max-content" : "100%",
@@ -1349,8 +1367,11 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const baseFontSize = rawFontSize * resolveAutoFitFontScale(element.textStyle);
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
   const fontKerning = resolveFontKerning(segmentStyle.kerning, baseFontSize);
+  const scriptFallbackWins = Boolean(
+    segmentStyle.scriptFallbackFont && segmentStyle.fontFamilyIsCascadeDefault
+  );
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = rawFontFamily ? getSubstituteFontFamily(
+  const baseFontFamily = scriptFallbackWins ? getSubstituteFontFamily(segmentStyle.scriptFallbackFont) : rawFontFamily ? getSubstituteFontFamily(
     rawFontFamily,
     parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
   ) : DEFAULT_FONT_FAMILY2;
@@ -3439,6 +3460,7 @@ function renderPrimitive(prim, key) {
           fill: p.fill,
           stroke: p.stroke ?? "none",
           strokeWidth: p.strokeWidth ?? 0,
+          strokeDasharray: p.dashArray,
           fillOpacity: p.opacity ?? 1,
           ...partAttrs(p.part),
           children: p.title !== void 0 ? /* @__PURE__ */ jsx("title", { children: p.title }) : null

package/dist/{chunk-L4XBWL7J.mjs → chunk-XMKLY2SE.mjs}

@@ -1,4 +1,4 @@
-import { ThemePresets, PptxMarkdownConverter, hasTextProperties, hasShapeProperties } from './chunk-VPJOJJ36.mjs';
+import { ThemePresets, PptxMarkdownConverter, hasTextProperties, hasShapeProperties } from './chunk-D3TZOCQP.mjs';
 import { __export } from './chunk-XGB3TDIC.mjs';
 import * as mcp from 'pptx-viewer-mcp';
 import * as mcpSchemas from 'pptx-viewer-mcp/schemas';