pptx-react-viewer 4.5.0 → 4.7.0

package/dist/{chunk-ZF5S3HHW.mjs → chunk-5J6NW3YS.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, 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-VZNIVS3X.mjs';
-import { translationsEn } from './chunk-APAVAD2A.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, 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 { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React7, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -1418,7 +1418,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     spanStyle.direction = runRtl ? "rtl" : "ltr";
     spanStyle.unicodeBidi = runRtl !== ctx.paragraphRtl ? "bidi-override" : "embed";
   }
-  const isUnderlineWords = Boolean(segmentStyle.underline) && segmentStyle.underlineStyle === "words";
+  const isUnderlineWords = splitsUnderlineIntoWords(segmentStyle);
   const wordDecoration = isUnderlineWords ? nestedStyle ?? run.underlineWordPieces?.find((piece) => piece.style)?.style : void 0;
   if (isUnderlineWords) {
     const stripped = stripUnderlineDecoration(spanStyle);
@@ -1443,7 +1443,8 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       baseFontSize,
       baseFontFamily,
       Boolean(segmentStyle.bold),
-      Boolean(segmentStyle.italic)
+      Boolean(segmentStyle.italic),
+      { language: segmentStyle.language, rtl: ctx.paragraphRtl === true }
     ),
     metricContext,
     isUnderlineWords,
@@ -2027,7 +2028,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
     "svg",
     {
       viewBox: `0 0 ${pathWidth} ${pathHeight}`,
-      className: "w-full h-full pointer-events-none",
+      className: "absolute inset-0 w-full h-full pointer-events-none",
       preserveAspectRatio: "none",
       children: [
         animatesFill ? null : renderSvgGradientDefs(gradient),
@@ -3422,6 +3423,9 @@ function renderTableElement(element, textStyle, options) {
     }
   );
 }
+function renderGradientStops(stops) {
+  return stops.map((stop, i) => /* @__PURE__ */ jsx("stop", { offset: stop.offset, stopColor: stop.color, stopOpacity: stop.opacity }, i));
+}
 function partAttrs(part) {
   return part ? chartPartToAttrs(part) : void 0;
 }
@@ -3599,29 +3603,52 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
       viewBox: `0 0 ${vm.svgWidth} ${vm.svgHeight}`,
       preserveAspectRatio,
       children: [
-        vm.defs && vm.defs.length > 0 && /* @__PURE__ */ jsx("defs", { children: vm.defs.map((def, i) => /* @__PURE__ */ jsx(
-          "pattern",
-          {
-            id: def.id,
-            patternUnits: def.patternUnits,
-            x: def.x,
-            y: def.y,
-            width: def.width,
-            height: def.height,
-            children: /* @__PURE__ */ jsx(
-              "image",
-              {
-                href: def.href,
-                x: 0,
-                y: 0,
-                width: def.width,
-                height: def.height,
-                preserveAspectRatio: def.preserveAspectRatio
-              }
-            )
-          },
-          `${elementId}-def-${i}`
-        )) }),
+        vm.defs && vm.defs.length > 0 && /* @__PURE__ */ jsx("defs", { children: vm.defs.map(
+          (def, i) => def.kind === "linearGradient" ? /* @__PURE__ */ jsx(
+            "linearGradient",
+            {
+              id: def.id,
+              x1: def.x1,
+              y1: def.y1,
+              x2: def.x2,
+              y2: def.y2,
+              children: renderGradientStops(def.stops)
+            },
+            `${elementId}-def-${i}`
+          ) : def.kind === "radialGradient" ? /* @__PURE__ */ jsx(
+            "radialGradient",
+            {
+              id: def.id,
+              cx: def.cx,
+              cy: def.cy,
+              r: def.r,
+              children: renderGradientStops(def.stops)
+            },
+            `${elementId}-def-${i}`
+          ) : /* @__PURE__ */ jsx(
+            "pattern",
+            {
+              id: def.id,
+              patternUnits: def.patternUnits,
+              x: def.x,
+              y: def.y,
+              width: def.width,
+              height: def.height,
+              children: /* @__PURE__ */ jsx(
+                "image",
+                {
+                  href: def.href,
+                  x: 0,
+                  y: 0,
+                  width: def.width,
+                  height: def.height,
+                  preserveAspectRatio: def.preserveAspectRatio
+                }
+              )
+            },
+            `${elementId}-def-${i}`
+          )
+        ) }),
         vm.areaFill && /* @__PURE__ */ jsx(
           "rect",
           {