pptx-react-viewer 2.2.1 → 2.3.0

package/dist/{chunk-O75FHZQJ.mjs → chunk-VOHTAUN4.mjs}

@@ -1,6 +1,6 @@
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, getAnimationInitialStyle, cloneHistorySnapshot, isTemplateElement, clampCropValue, parseMediaCommand, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, apply3dEffects, clampUnitInterval, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-6G6S7PEI.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, getAnimationInitialStyle, cloneHistorySnapshot, isTemplateElement, clampCropValue, parseMediaCommand, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, apply3dEffects, clampUnitInterval, computeColumnBoundaries, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, getPatternSvg, ooxmlDashToCssBorderStyle, cell3DBevelCss, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, resolvePictureBullet, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, resolveFontRefIdx, tintColor2, shadeColor2, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-4AAFZFGH.mjs';
 import { translationsEn } from './chunk-PZTPX3HK.mjs';
-import { hasShapeProperties, isImageLikeElement, hasTextProperties, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, getSubstituteFontFamily, evaluatePresetShape, customGeometryPathsToSvgSubpaths } from './chunk-PE2I5L6R.mjs';
+import { hasShapeProperties, isImageLikeElement, hasTextProperties, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, getSubstituteFontFamily, evaluatePresetShape, customGeometryPathsToSvgSubpaths, ooxmlGradientAngleToCssDegrees } from './chunk-JFNMD6TM.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -2516,10 +2516,26 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
     }
   }
   const base = {
-    backgroundColor: imageFillUrl ? "transparent" : patternFill ? patternFill.backgroundColor : hasFill ? resolvedFillColor : "transparent",
+    // A gradient fill REPLACES the solid fill, it does not sit on top of it.
+    // The parser also records a representative `fillColor`/`fillOpacity` for a
+    // `a:gradFill` (used by thumbnails and the inspector), and painting that as
+    // a `backgroundColor` under the gradient washed the whole shape: wherever
+    // the gradient's own stops were transparent the solid still showed, so a
+    // fade-to-transparent overlay dimmed everything behind it and its edge read
+    // as a hard line. Mirrors the fill precedence in shared's
+    // `getComputedFillStyle` (image -> gradient -> pattern -> solid).
+    backgroundColor: imageFillUrl ? "transparent" : patternFill ? patternFill.backgroundColor : hasFill && !fillGradient ? resolvedFillColor : "transparent",
     backgroundImage: imageFillUrl ? `url(${imageFillUrl})` : patternFill ? patternFill.backgroundImage : hasFill && fillGradient ? fillGradient : void 0,
-    backgroundRepeat: imageFillUrl ? imageFillMode === "tile" ? "repeat" : "no-repeat" : patternFill ? "repeat" : void 0,
-    backgroundSize: imageFillUrl ? imageFillMode === "tile" ? "auto" : "100% 100%" : patternFill ? "auto" : void 0,
+    backgroundRepeat: imageFillUrl ? imageFillMode === "tile" ? "repeat" : "no-repeat" : patternFill ? "repeat" : hasFill && fillGradient ? "no-repeat" : void 0,
+    backgroundSize: imageFillUrl ? imageFillMode === "tile" ? "auto" : "100% 100%" : patternFill ? "auto" : hasFill && fillGradient ? "100% 100%" : void 0,
+    // The container always carries a 1px border (transparent unless the shape
+    // has a stroke or is hovered) and `box-sizing: border-box`, so the default
+    // `background-origin: padding-box` sizes the paint 2px smaller than the
+    // shape. Combined with the default `background-repeat: repeat` that made a
+    // gradient tile wrap, painting a 1px sliver of its opposite end along the
+    // edge - a fade-to-transparent overlay grew a hard opaque line down its
+    // side. Paint from the border box so the fill matches the shape outline.
+    backgroundOrigin: "border-box",
     backgroundPosition: imageFillUrl ? "center" : void 0,
     boxShadow: combinedBoxShadow,
     WebkitBoxReflect: reflectCss,
@@ -3095,7 +3111,7 @@ function parseGradientFillCss(gradFill) {
   const lin = gradFill["a:lin"];
   if (lin) {
     const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
-    const angleDeg = Math.round(angRaw / 6e4);
+    const angleDeg = Math.round(ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -6250,7 +6266,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-V7P3LQVV.mjs');
+      return await import('./SurfaceChart3DScene-Z7R6DZXN.mjs');
     } catch {
       return { default: FailedToLoad };
     }