pptx-react-viewer 2.7.1 → 2.9.0

package/dist/{chunk-HQGLKAIY.mjs → chunk-JPTO6P5K.mjs}

@@ -1,5 +1,5 @@
-import { translationsEn } from './chunk-Z6HIZWIQ.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, isImageLikeElement, clampCropValue, parseMediaCommand, hasTextProperties, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, resolveParagraphStrutFontSize, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, getSubstituteFontFamily, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, evaluatePresetShape, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, 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, ooxmlGradientAngleToCssDegrees, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-HEAJOHLJ.mjs';
+import { translationsEn } from './chunk-CD434OFE.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, isImageLikeElement, clampCropValue, parseMediaCommand, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, resolveParagraphStrutFontSize, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, suppressesCssBorder, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getSoftEdgeFilterId, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, getRoundRectRadiusPx, substituteFieldText, resolveUnderlineDecorationStyle, resolveAutoFitFontScale, getSubstituteFontFamily, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, evaluatePresetShape, sanitizeGradientStops, getGradientTileFlipCss, getGradientTileRectCss, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, 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, ooxmlGradientAngleToCssDegrees, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, hexToRgbChannels, chartPartToAttrs } from './chunk-L47Y62L6.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -25,7 +25,6 @@ var DEFAULT_CANVAS_WIDTH = 1280;
 var DEFAULT_CANVAS_HEIGHT = 720;
 var MIN_ELEMENT_SIZE = 12;
 var EMU_PER_PX = 9525;
-var DEFAULT_BODY_INSET_LR_PX = 91440 / 9525;
 var DEFAULT_BODY_INSET_TB_PX = 45720 / 9525;
 var DEFAULT_TEXT_COLOR = "#111827";
 var DEFAULT_FILL_COLOR = "#3b82f6";
@@ -38,8 +37,6 @@ var DEFAULT_TABLE_COLUMNS = 3;
 var SHAPE_ADJUSTMENT_MIN = 0;
 var SHAPE_ADJUSTMENT_MAX = 5e4;
 var DEFAULT_ROUND_RECT_ADJUSTMENT = 16667;
-var MIN_ZOOM_SCALE = 0.2;
-var MAX_ZOOM_SCALE = 5;
 var ZOOM_TO_SELECTION_PADDING = 96;
 var GRID_SIZE = 8;
 var SLIDE_NAV_THUMBNAIL_WIDTH = 156;
@@ -60,48 +57,25 @@ var TOOLBAR_SECTIONS = [
   { id: "view", labelKey: "pptx.ribbon.tab.view" },
   { id: "help", labelKey: "pptx.ribbon.tab.help" }
 ];
-var SHORTCUT_REFERENCE_ITEMS = [
-  { actionKey: "pptx.toolbar.undo", shortcut: "Ctrl/Cmd+Z" },
-  { actionKey: "pptx.toolbar.redo", shortcut: "Ctrl/Cmd+Shift+Z or Ctrl/Cmd+Y" },
-  { actionKey: "pptx.shortcuts.action.copyElement", shortcut: "Ctrl/Cmd+C" },
-  { actionKey: "pptx.shortcuts.action.cutElement", shortcut: "Ctrl/Cmd+X" },
-  { actionKey: "pptx.shortcuts.action.pasteElement", shortcut: "Ctrl/Cmd+V" },
-  { actionKey: "pptx.shortcuts.action.duplicateElement", shortcut: "Ctrl/Cmd+D" },
-  { actionKey: "pptx.shortcuts.action.deleteElement", shortcut: "Delete / Backspace" },
-  { actionKey: "pptx.shortcuts.action.nudgeElement", shortcut: "Arrow keys" },
-  { actionKey: "pptx.shortcuts.action.nudgeElementLarge", shortcut: "Shift+Arrow keys" },
-  { actionKey: "pptx.shortcuts.action.zoomCanvas", shortcut: "Ctrl/Cmd+Mouse wheel" },
-  { actionKey: "pptx.shortcuts.action.commitTextEdit", shortcut: "Ctrl/Cmd+Enter" },
-  { actionKey: "pptx.shortcuts.action.cancelTextEdit", shortcut: "Escape" }
+var SHORTCUT_REFERENCE_ITEMS = VIEWER_SHORTCUT_REFERENCE;
+
+// src/viewer/constants/theme.ts
+var THEME_COLOR_SWATCHES = [
+  "#000000",
+  "#FFFFFF",
+  "#1F497D",
+  "#EEECE1",
+  "#4472C4",
+  "#ED7D31",
+  "#A5A5A5",
+  "#FFC000",
+  "#5B9BD5",
+  "#70AD47",
+  "#0563C1",
+  "#954F72"
 ];
 
 // src/viewer/constants/transitions-animations.ts
-var SLIDE_TRANSITION_OPTIONS = [
-  { value: "none", label: "None", i18nKey: "pptx.transition.none" },
-  { value: "cut", label: "Cut", i18nKey: "pptx.ribbon.transition.cut" },
-  { value: "fade", label: "Fade", i18nKey: "pptx.ribbon.transition.fade" },
-  { value: "push", label: "Push", i18nKey: "pptx.ribbon.transition.push" },
-  { value: "wipe", label: "Wipe", i18nKey: "pptx.ribbon.transition.wipe" },
-  { value: "split", label: "Split", i18nKey: "pptx.ribbon.transition.split" },
-  { value: "randomBar", label: "Random Bars", i18nKey: "pptx.transitionPresets.randomBars" },
-  { value: "blinds", label: "Blinds", i18nKey: "pptx.transitionPresets.blinds" },
-  { value: "checker", label: "Checker", i18nKey: "pptx.transitionPresets.checker" },
-  { value: "circle", label: "Circle", i18nKey: "pptx.transitionPresets.circle" },
-  { value: "comb", label: "Comb", i18nKey: "pptx.transitionPresets.comb" },
-  { value: "cover", label: "Cover", i18nKey: "pptx.ribbon.transition.cover" },
-  { value: "diamond", label: "Diamond", i18nKey: "pptx.transitionPresets.diamond" },
-  { value: "dissolve", label: "Dissolve", i18nKey: "pptx.transitionPresets.dissolve" },
-  { value: "plus", label: "Plus", i18nKey: "pptx.transitionPresets.plus" },
-  { value: "pull", label: "Pull", i18nKey: "pptx.transitionPresets.pull" },
-  { value: "random", label: "Random", i18nKey: "pptx.transitionPresets.random" },
-  { value: "strips", label: "Strips", i18nKey: "pptx.transitionPresets.strips" },
-  { value: "uncover", label: "Uncover", i18nKey: "pptx.ribbon.transition.uncover" },
-  { value: "wedge", label: "Wedge", i18nKey: "pptx.transitionPresets.wedge" },
-  { value: "wheel", label: "Wheel", i18nKey: "pptx.transitionPresets.wheel" },
-  { value: "zoom", label: "Zoom", i18nKey: "pptx.transitionPresets.zoom" },
-  { value: "newsflash", label: "Newsflash", i18nKey: "pptx.transitionPresets.newsflash" },
-  { value: "morph", label: "Morph", i18nKey: "pptx.transitionPresets.morph" }
-];
 var ANIMATION_PRESET_OPTIONS = [
   { value: "fadeIn", label: "Fade In", i18nKey: "pptx.animation.preset.fadeIn" },
   { value: "flyIn", label: "Fly In", i18nKey: "pptx.animation.preset.flyIn" },
@@ -138,6 +112,47 @@ var SHAPE_PRESETS = SHAPE_PRESET_DEFS.map(
   })
 );
 
+// src/viewer/constants/connectors-strokes.ts
+var CONNECTOR_ARROW_OPTIONS = [
+  { value: "none", label: "None", i18nKey: "pptx.arrowhead.none" },
+  { value: "triangle", label: "Triangle", i18nKey: "pptx.arrowhead.triangle" },
+  { value: "stealth", label: "Stealth", i18nKey: "pptx.arrowhead.stealth" },
+  { value: "diamond", label: "Diamond", i18nKey: "pptx.arrowhead.diamond" },
+  { value: "oval", label: "Oval", i18nKey: "pptx.arrowhead.oval" },
+  { value: "arrow", label: "Open Arrow", i18nKey: "pptx.arrowhead.openArrow" }
+];
+var ARROW_SIZE_OPTIONS = [
+  { value: "sm", label: "Small", i18nKey: "pptx.connectorOptions.sizeSmall" },
+  { value: "med", label: "Medium", i18nKey: "pptx.connectorOptions.sizeMedium" },
+  { value: "lg", label: "Large", i18nKey: "pptx.connectorOptions.sizeLarge" }
+];
+var STROKE_DASH_OPTIONS = [
+  { value: "solid", label: "Solid", i18nKey: "pptx.stroke.dashSolid" },
+  { value: "dot", label: "Dot", i18nKey: "pptx.stroke.dashDot" },
+  { value: "dash", label: "Dash", i18nKey: "pptx.stroke.dashDash" },
+  { value: "dashDot", label: "Dash Dot", i18nKey: "pptx.stroke.dashDashDot" },
+  { value: "lgDash", label: "Long Dash", i18nKey: "pptx.connectorOptions.dashLongDash" },
+  { value: "lgDashDot", label: "Long Dash Dot", i18nKey: "pptx.connectorOptions.dashLongDashDot" },
+  {
+    value: "lgDashDotDot",
+    label: "Long Dash Dot Dot",
+    i18nKey: "pptx.connectorOptions.dashLongDashDotDot"
+  },
+  { value: "sysDot", label: "System Dot", i18nKey: "pptx.stroke.dashSysDot" },
+  { value: "sysDash", label: "System Dash", i18nKey: "pptx.stroke.dashSysDash" },
+  {
+    value: "sysDashDot",
+    label: "System Dash Dot",
+    i18nKey: "pptx.connectorOptions.dashSysDashDot"
+  },
+  {
+    value: "sysDashDotDot",
+    label: "System Dash Dot Dot",
+    i18nKey: "pptx.connectorOptions.dashSysDashDotDot"
+  },
+  { value: "custom", label: "Custom", i18nKey: "pptx.documentProperties.tabs.custom" }
+];
+
 // src/viewer/utils/shape-types.tsx
 function getShapeType(shapeType) {
   if (!shapeType) {
@@ -1165,76 +1180,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  if (!hasTextProperties(element)) {
-    return { color: fallbackColor };
-  }
-  const textDecorationTokens = [];
-  if (element.textStyle?.underline || element.textStyle?.hyperlink) {
-    textDecorationTokens.push("underline");
-  }
-  if (element.textStyle?.strikethrough) {
-    textDecorationTokens.push("line-through");
-  }
-  const isDoubleStrike = element.textStyle?.strikethrough && element.textStyle?.strikeType === "dblStrike";
-  const textDecorationStyle = isDoubleStrike ? "double" : void 0;
-  const hasItalicRuns = element.textStyle?.italic || Boolean(element.textSegments?.some((segment) => segment.style?.italic));
-  const isRtl = element.textStyle?.rtl === true;
-  const resolvedTextColor = element.textStyle?.hyperlink ? normalizeHexColor(element.textStyle?.color, HYPERLINK_COLOR) : normalizeHexColor(element.textStyle?.color, fallbackColor);
-  const bodyTop = element.textStyle?.bodyInsetTop ?? DEFAULT_BODY_INSET_TB_PX;
-  const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
-  const bodyLeft = element.textStyle?.bodyInsetLeft ?? DEFAULT_BODY_INSET_LR_PX;
-  const bodyRight = element.textStyle?.bodyInsetRight ?? DEFAULT_BODY_INSET_LR_PX;
-  const hasParagraphIndents = (element.paragraphIndents?.length ?? 0) > 0;
-  const bodyIndent = hasParagraphIndents ? 0 : element.textStyle?.paragraphIndent || 0;
-  const bodyMarginLeft = hasParagraphIndents ? 0 : element.textStyle?.paragraphMarginLeft || 0;
-  const bodyMarginRight = hasParagraphIndents ? 0 : element.textStyle?.paragraphMarginRight || 0;
-  const writingMode = toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = toCssVerticalDirection(element.textStyle?.textDirection);
-  const resolvedDirection = verticalDirection || (isRtl ? "rtl" : "ltr");
-  const resolvedUnicodeBidi = isRtl ? "plaintext" : void 0;
-  const hasSegments = (element.textSegments?.length ?? 0) > 0;
-  return {
-    color: resolvedTextColor,
-    backgroundColor: !hasSegments && element.textStyle?.highlightColor ? normalizeHexColor(element.textStyle.highlightColor, void 0) : void 0,
-    textAlign: (() => {
-      const a = element.textStyle?.align;
-      if (a === "justLow" || a === "dist" || a === "thaiDist") {
-        return "justify";
-      }
-      return a || (isRtl ? "right" : "left");
-    })(),
-    direction: resolvedDirection,
-    unicodeBidi: resolvedUnicodeBidi,
-    fontSize: element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE,
-    fontWeight: element.textStyle?.bold ? 700 : 400,
-    fontStyle: element.textStyle?.italic ? "italic" : "normal",
-    textDecorationLine: textDecorationTokens.length > 0 ? textDecorationTokens.join(" ") : "none",
-    textDecorationStyle,
-    fontFamily: element.textStyle?.fontFamily || DEFAULT_FONT_FAMILY,
-    lineHeight: resolveLineHeight(element.textStyle, hasItalicRuns),
-    paddingTop: bodyTop + (hasItalicRuns ? 1 : 0),
-    paddingBottom: bodyBottom + (hasItalicRuns ? 1 : 0),
-    paddingLeft: bodyLeft + bodyMarginLeft,
-    paddingRight: bodyRight + bodyMarginRight,
-    textIndent: bodyIndent,
-    overflow: "visible",
-    writingMode,
-    textOrientation,
-    ...element.textStyle?.textWrap === "none" ? { whiteSpace: "nowrap", overflow: "visible" } : {},
-    // Auto-fit: use OOXML-provided fontScale/lnSpcReduction when available,
-    // otherwise fall back to heuristic estimation. The pure font-scale maths
-    // now lives in pptx-viewer-shared (computeAutoFitTextStyle).
-    ...computeAutoFitTextStyle({
-      textStyle: element.textStyle,
-      text: element.text ?? "",
-      width: element.width,
-      height: element.height,
-      bodyInsetVertical: bodyTop + bodyBottom,
-      hasItalicRuns,
-      defaultFontSize: DEFAULT_TEXT_FONT_SIZE
-    })
-  };
+  return buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
@@ -1891,7 +1837,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `${segmentStyle.characterSpacing / 100 * (96 / 72)}px` : void 0;
   const textFillStyles = buildTextFillCss2(segmentStyle);
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-  const autoFitScale = element.textStyle?.autoFitFontScale !== void 0 && element.textStyle.autoFitFontScale > 0 && element.textStyle.autoFitFontScale < 1 ? element.textStyle.autoFitFontScale : 1;
+  const autoFitScale = resolveAutoFitFontScale(element.textStyle);
   const baseFontSize = rawFontSize * autoFitScale;
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
   const baseFontSizePt = baseFontSize * (72 / 96);
@@ -2443,6 +2389,19 @@ function getStrokeOnlyPresetPaths(element) {
 }
 
 // src/viewer/utils/shape-visual-style.ts
+function getGradientTilingCss(style) {
+  if (!style || style.fillMode !== "gradient") {
+    return void 0;
+  }
+  const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && sanitizeGradientStops(style.fillGradientStops).length > 0;
+  if (isStructuredLinear) {
+    const flip = getGradientTileFlipCss(style.fillGradientFlip);
+    if (flip) {
+      return flip;
+    }
+  }
+  return getGradientTileRectCss(style.fillGradientTileRect);
+}
 function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
   if (!hasShapeProperties(element)) {
     return {};
@@ -2454,12 +2413,18 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   const fillOpacity = element.shapeStyle?.fillOpacity;
   const strokeOpacity = element.shapeStyle?.strokeOpacity;
   const strokeDash = normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const fillGradient = buildCssGradientFromShapeStyle(element.shapeStyle) || element.shapeStyle?.fillGradient;
+  const fillGradient = buildCssGradientFromShapeStyle(element.shapeStyle, {
+    rotation: element.rotation,
+    width: element.width,
+    height: element.height
+  }) || element.shapeStyle?.fillGradient;
   const shadowCss = buildShadowCssFromShapeStyle(element.shapeStyle);
   const innerShadowCss = buildInnerShadowCssFromShapeStyle(element.shapeStyle);
   const resolvedFillColor = colorWithOpacity(fillColor, fillOpacity);
   const resolvedStrokeColor = colorWithOpacity(strokeColor, strokeOpacity);
   const ss = element.shapeStyle;
+  const gradientTiling = getGradientTilingCss(ss);
+  const paintsGradientOutline = suppressesCssBorder(element);
   const hasFillOverlayColor = Boolean(
     ss?.dagFillOverlayColor && ss.dagFillOverlayColor !== "transparent"
   );
@@ -2539,8 +2504,8 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
     // `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" : hasFill && fillGradient ? "no-repeat" : void 0,
-    backgroundSize: imageFillUrl ? imageFillMode === "tile" ? "auto" : "100% 100%" : patternFill ? "auto" : hasFill && fillGradient ? "100% 100%" : void 0,
+    backgroundRepeat: imageFillUrl ? imageFillMode === "tile" ? "repeat" : "no-repeat" : patternFill ? "repeat" : hasFill && fillGradient ? gradientTiling?.backgroundRepeat ?? "no-repeat" : void 0,
+    backgroundSize: imageFillUrl ? imageFillMode === "tile" ? "auto" : "100% 100%" : patternFill ? "auto" : hasFill && fillGradient ? gradientTiling?.backgroundSize ?? "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
@@ -2549,7 +2514,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
     // 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,
+    backgroundPosition: imageFillUrl ? "center" : hasFill && fillGradient ? gradientTiling?.backgroundPosition : void 0,
     boxShadow: combinedBoxShadow,
     WebkitBoxReflect: reflectCss,
     filter: filterParts.length > 0 ? filterParts.join(" ") : void 0,
@@ -2567,9 +2532,13 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
     // two adjacent 40px buttons rendered with a 2px gap PowerPoint does not
     // draw. The affordance is an `outline` instead (see `ElementRenderer`),
     // which paints in the same place without taking part in layout.
-    borderWidth: strokeWidth > 0 ? getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
-    borderColor: strokeWidth > 0 ? resolvedStrokeColor : void 0,
-    borderStyle: strokeWidth > 0 ? getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
+    // A gradient outline is painted by `ShapeEffectOverlay` as a stroked SVG
+    // path following the shape's geometry, because a CSS border can only take
+    // one colour. Keeping the border too would draw the parser's averaged
+    // solid underneath the gradient.
+    borderWidth: strokeWidth > 0 && !paintsGradientOutline ? getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
+    borderColor: strokeWidth > 0 && !paintsGradientOutline ? resolvedStrokeColor : void 0,
+    borderStyle: strokeWidth > 0 && !paintsGradientOutline ? getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
     strokeLinejoin: lineJoinCss,
     strokeMiterlimit: miterLimitCss,
     strokeLinecap: ss?.lineCap === "rnd" ? "round" : ss?.lineCap === "sq" ? "square" : ss?.lineCap === "flat" ? "butt" : void 0
@@ -2807,21 +2776,49 @@ function strokeStrands(d, keyBase, ctx) {
     `${keyBase}-s${idx}`
   ));
 }
-function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredPaths, shapeStyle, hasFill, fillColor, fillOpacity, strokePaint, strokeWidth, dashArray, animatesFill = false) {
+function gradientDefs(gradient) {
+  if (!gradient) {
+    return null;
+  }
+  const stops = gradient.stops.map((stop, idx) => /* @__PURE__ */ jsx(
+    "stop",
+    {
+      offset: stop.offset,
+      stopColor: stop.color,
+      stopOpacity: typeof stop.opacity === "number" ? stop.opacity : void 0
+    },
+    idx
+  ));
+  return /* @__PURE__ */ jsx("defs", { children: gradient.kind === "radial" ? /* @__PURE__ */ jsx("radialGradient", { id: gradient.id, cx: gradient.cx, cy: gradient.cy, r: gradient.r, children: stops }) : /* @__PURE__ */ jsx(
+    "linearGradient",
+    {
+      id: gradient.id,
+      x1: gradient.x1,
+      y1: gradient.y1,
+      x2: gradient.x2,
+      y2: gradient.y2,
+      children: stops
+    }
+  ) });
+}
+function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredPaths, shapeStyle, hasFill, fillColor, fillOpacity, strokePaint, strokeWidth, dashArray, animatesFill = false, gradient) {
   const ctx = strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray);
   const subpaths = structuredPaths && structuredPaths.length > 0 ? customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
   const needsPerSubpath = subpaths !== void 0 && subpaths.some((sp) => sp.fillMode && sp.fillMode !== "norm" || sp.stroke === false);
+  const gradientPaint = gradient ? svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
     const paints = buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
     paints.forEach((paint, idx) => {
       if (paint.fill !== "none") {
+        const mode = subpaths[idx]?.fillMode;
+        const useGradient = gradientPaint && (mode === void 0 || mode === "norm");
         nodes.push(
           /* @__PURE__ */ jsx(
             "path",
             {
               d: paint.d,
-              fill: animatesFill ? "inherit" : paint.fill,
+              fill: animatesFill ? "inherit" : useGradient ? gradientPaint : paint.fill,
               stroke: "none",
               vectorEffect: "non-scaling-stroke"
             },
@@ -2840,7 +2837,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2852,13 +2849,16 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
       nodes.push(...strokeStrands(pathData, "agg", ctx));
     }
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "svg",
     {
       viewBox: `0 0 ${pathWidth} ${pathHeight}`,
       className: "w-full h-full pointer-events-none",
       preserveAspectRatio: "none",
-      children: nodes
+      children: [
+        animatesFill ? null : gradientDefs(gradient),
+        nodes
+      ]
     }
   );
 }
@@ -2965,7 +2965,12 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       strokePaint,
       strokeWidth,
       dashArray,
-      Boolean(animatesFill)
+      Boolean(animatesFill),
+      // A freeform's `a:gradFill` needs a real SVG paint server: the
+      // container's `background-image` is suppressed for custom geometry, so
+      // without this the shape fell back to the parser's representative solid
+      // and lost every fade (issue #132).
+      buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
   if (isCalloutShape(normalizedType)) {
@@ -6287,7 +6292,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-B3FK4Q2U.mjs');
+      return await import('./SurfaceChart3DScene-JGOQNHSU.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -8063,4 +8068,4 @@ function stopPreviewAnimation() {
   activePreview = null;
 }
 
-export { ANIMATION_PRESET_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MAX_ZOOM_SCALE, MIN_ELEMENT_SIZE, MIN_ZOOM_SCALE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, SLIDE_TRANSITION_OPTIONS, SmartArtNodeText, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildSaveSlides, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, buildTree, chevronPoints, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, colour, executeMediaCommand, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, isImageTiled, layoutToCategory, nodeOpacity, partitionTemplateElements, renderAccentProcess, renderAlternatingFlow, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderGroupedList, renderHorizontalPictureList, renderMediaElement, renderPictureAccentList, renderPyramidList, renderStepDownProcess, renderTableElement, renderTextSegments, renderVectorShape, renderVerticalBlockList, renderVerticalChevronList, resolvePalette, resolveSmartArtDataPalette, resolveStyle, shouldRenderFallbackLabel, smartArtNodeGroupProps, startPreviewAnimation, stopAllPersistentAudio, stopPreviewAnimation, styleShadow, styleStroke, treeDepth, treeWidth, truncate, wrapChrome };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, EMU_PER_PX, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS, SmartArtNodeText, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildSaveSlides, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, buildTree, chevronPoints, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, colour, executeMediaCommand, fitFontSize, gearPath, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, isImageTiled, layoutToCategory, nodeOpacity, partitionTemplateElements, renderAccentProcess, renderAlternatingFlow, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderDescendingProcess, renderGroupedList, renderHorizontalPictureList, renderMediaElement, renderPictureAccentList, renderPyramidList, renderStepDownProcess, renderTableElement, renderTextSegments, renderVectorShape, renderVerticalBlockList, renderVerticalChevronList, resolvePalette, resolveSmartArtDataPalette, resolveStyle, shouldRenderFallbackLabel, smartArtNodeGroupProps, startPreviewAnimation, stopAllPersistentAudio, stopPreviewAnimation, styleShadow, styleStroke, treeDepth, treeWidth, truncate, wrapChrome };