pptx-react-viewer 1.16.1 → 1.17.0

package/dist/{chunk-YW23L4KK.mjs → chunk-LNSHC2Z5.mjs}

@@ -1,7 +1,7 @@
-import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, SLIDE_TRANSITION_OPTIONS, DEFAULT_FILL_COLOR, shouldRenderFallbackLabel, isImageTiled, getImageTilingStyle, renderTextSegments, getTextLayoutStyle, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, renderTableElement, renderMediaElement, buildTextBody3DSceneStyle, getTextWarpStyle, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, parseTableElementData, ensureArrayValue, getTableCellBandStyle, extractCellText, extractTableCellStyle, cellStyleToCss, renderChartElement, getDuotoneColors, renderDuotoneSvgFilter, renderArtisticEffectSvgFilter, renderImageAlphaSvgFilter, buildReactChartViewModel, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, EMU_PER_PX, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-XOSQDCHZ.mjs';
-import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, openPptxFile, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, getTextCompensationTransform, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, resolveTransportForServerUrl, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveDrawingShapeNodeId, getPendingSelectionRestore, restoreSegmentSelection, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, getWarpPath, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, NOTES_FONT_SIZE_DEFAULT, clampNotesFontSize, NOTES_FONT_SIZE_STEP, formatTime, formatElapsed, NOTES_FONT_SIZE_MIN, NOTES_FONT_SIZE_MAX, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, INSERT_CHART_TYPES, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-YARAQWA4.mjs';
+import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, SLIDE_TRANSITION_OPTIONS, DEFAULT_FILL_COLOR, shouldRenderFallbackLabel, isImageTiled, getImageTilingStyle, renderTextSegments, getTextLayoutStyle, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, renderTableElement, renderMediaElement, buildTextBody3DSceneStyle, getTextWarpStyle, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, parseTableElementData, ensureArrayValue, getTableCellBandStyle, extractCellText, extractTableCellStyle, cellStyleToCss, renderChartElement, getDuotoneColors, renderDuotoneSvgFilter, renderArtisticEffectSvgFilter, renderImageAlphaSvgFilter, buildReactChartViewModel, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, EMU_PER_PX, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-LLHFNGAF.mjs';
+import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, buildUserFontFaceStyles, openPptxFile, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, getTextCompensationTransform, getSlideBackgroundStyle, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, resolveTransportForServerUrl, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveDrawingShapeNodeId, getPendingSelectionRestore, restoreSegmentSelection, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, getWarpPath, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, NOTES_FONT_SIZE_DEFAULT, clampNotesFontSize, NOTES_FONT_SIZE_STEP, formatTime, formatElapsed, NOTES_FONT_SIZE_MIN, NOTES_FONT_SIZE_MAX, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, INSERT_CHART_TYPES, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-G22EWPLH.mjs';
 import { translationsEn } from './chunk-HJQZJ3VE.mjs';
-import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, getLinkedTextBoxSegments, isImageLikeElement, getSubstituteFontFamily, setSmartArtNodeStyle, updateSmartArtNodeText, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, hasNonTrivialOverride, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-AJPW5FS7.mjs';
+import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, getLinkedTextBoxSegments, isImageLikeElement, getSubstituteFontFamily, setSmartArtNodeStyle, updateSmartArtNodeText, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, hasNonTrivialOverride, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-XRYREYXC.mjs';
 import React5, { createContext, useMemo, useState, useCallback, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
@@ -2661,138 +2661,111 @@ function SlideThumbnailImpl({
     const opt = SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
     return opt ? t(opt.i18nKey) : slide.transition.type;
   })() : void 0;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "relative w-full overflow-hidden rounded border border-border bg-white",
-      style: { height: previewHeight },
-      children: [
-        slide.backgroundColor && slide.backgroundColor !== "transparent" && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute inset-0",
-            style: {
-              backgroundColor: normalizeHexColor(slide.backgroundColor, "#ffffff")
-            }
-          }
-        ),
-        slide.backgroundGradient && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute inset-0 pointer-events-none",
-            style: { background: slide.backgroundGradient }
-          }
-        ),
-        slide.backgroundImage && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: slide.backgroundImage,
-            alt: "",
-            className: "absolute inset-0 w-full h-full object-cover pointer-events-none",
-            draggable: false
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "absolute top-0 left-0 origin-top-left",
-            style: {
-              width: safeCanvasWidth,
-              height: safeCanvasHeight,
-              transform: `scale(${scale})`,
-              transformOrigin: "top left"
-            },
-            children: [
-              slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsx(
+      style: { height: previewHeight, ...getSlideBackgroundStyle(slide) },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "absolute top-0 left-0 origin-top-left",
+          style: {
+            width: safeCanvasWidth,
+            height: safeCanvasHeight,
+            transform: `scale(${scale})`,
+            transformOrigin: "top left"
+          },
+          children: [
+            slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute top-0.5 right-0.5 z-10 px-1 py-px rounded bg-primary/80 text-[7px] text-white leading-tight pointer-events-none",
+                title: t("pptx.slideThumbnail.transitionTooltip", { name: transitionLabel }),
+                children: transitionLabel
+              }
+            ),
+            previewElements.map((element) => {
+              const elementWidth = Math.max(element.width, 1);
+              const elementHeight = Math.max(element.height, 1);
+              const elShapeStyle = hasShapeProperties(element) ? element.shapeStyle : void 0;
+              const hasFill = elShapeStyle?.fillColor !== void 0 && elShapeStyle?.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(elShapeStyle) || elShapeStyle?.fillGradient) || elShapeStyle?.fillMode === "pattern" && Boolean(elShapeStyle.fillPatternPreset);
+              const fillColor = normalizeHexColor(elShapeStyle?.fillColor, DEFAULT_FILL_COLOR);
+              const strokeWidth = Math.max(0, elShapeStyle?.strokeWidth || 0);
+              const strokeColor = normalizeHexColor(elShapeStyle?.strokeColor, DEFAULT_STROKE_COLOR);
+              const shapeVisualStyle = getShapeVisualStyle(
+                element,
+                hasFill,
+                fillColor,
+                strokeWidth,
+                strokeColor
+              );
+              const vectorShape = renderVectorShape(
+                element,
+                hasFill,
+                fillColor,
+                strokeWidth,
+                strokeColor
+              );
+              const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : DEFAULT_TEXT_COLOR;
+              const textStyle = getTextStyleForElement(element, fallbackTextColor);
+              const imageRenderStyle = getImageRenderStyle(element);
+              const canRenderText = isEditableTextElement(element);
+              const elText = hasTextProperties(element) ? element.text : void 0;
+              const elTextSegments = hasTextProperties(element) ? element.textSegments : void 0;
+              const hasText = typeof elText === "string" && elText.trim().length > 0 || (elTextSegments?.length ?? 0) > 0;
+              const fallbackLabel = shouldRenderFallbackLabel(element, canRenderText) ? getElementLabel(element) : "";
+              return /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: "absolute top-0.5 right-0.5 z-10 px-1 py-px rounded bg-primary/80 text-[7px] text-white leading-tight pointer-events-none",
-                  title: t("pptx.slideThumbnail.transitionTooltip", { name: transitionLabel }),
-                  children: transitionLabel
-                }
-              ),
-              previewElements.map((element) => {
-                const elementWidth = Math.max(element.width, 1);
-                const elementHeight = Math.max(element.height, 1);
-                const elShapeStyle = hasShapeProperties(element) ? element.shapeStyle : void 0;
-                const hasFill = elShapeStyle?.fillColor !== void 0 && elShapeStyle?.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(elShapeStyle) || elShapeStyle?.fillGradient) || elShapeStyle?.fillMode === "pattern" && Boolean(elShapeStyle.fillPatternPreset);
-                const fillColor = normalizeHexColor(elShapeStyle?.fillColor, DEFAULT_FILL_COLOR);
-                const strokeWidth = Math.max(0, elShapeStyle?.strokeWidth || 0);
-                const strokeColor = normalizeHexColor(elShapeStyle?.strokeColor, DEFAULT_STROKE_COLOR);
-                const shapeVisualStyle = getShapeVisualStyle(
-                  element,
-                  hasFill,
-                  fillColor,
-                  strokeWidth,
-                  strokeColor
-                );
-                const vectorShape = renderVectorShape(
-                  element,
-                  hasFill,
-                  fillColor,
-                  strokeWidth,
-                  strokeColor
-                );
-                const fallbackTextColor = element.type === "shape" && hasFill ? "#ffffff" : DEFAULT_TEXT_COLOR;
-                const textStyle = getTextStyleForElement(element, fallbackTextColor);
-                const imageRenderStyle = getImageRenderStyle(element);
-                const canRenderText = isEditableTextElement(element);
-                const elText = hasTextProperties(element) ? element.text : void 0;
-                const elTextSegments = hasTextProperties(element) ? element.textSegments : void 0;
-                const hasText = typeof elText === "string" && elText.trim().length > 0 || (elTextSegments?.length ?? 0) > 0;
-                const fallbackLabel = shouldRenderFallbackLabel(element, canRenderText) ? getElementLabel(element) : "";
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "absolute overflow-hidden",
-                    style: {
-                      left: element.x,
-                      top: element.y,
-                      width: elementWidth,
-                      height: elementHeight,
-                      transform: getElementTransform(element),
-                      transformOrigin: "center"
-                    },
-                    children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? isImageTiled(element) ? /* @__PURE__ */ jsx(
+                  className: "absolute overflow-hidden",
+                  style: {
+                    left: element.x,
+                    top: element.y,
+                    width: elementWidth,
+                    height: elementHeight,
+                    transform: getElementTransform(element),
+                    transformOrigin: "center"
+                  },
+                  children: (element.type === "picture" || element.type === "image") && (element.svgData || element.imageData) ? isImageTiled(element) ? /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "pointer-events-none w-full h-full",
+                      style: getImageTilingStyle(element)
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src: element.svgData || element.imageData,
+                      alt: "",
+                      className: "pointer-events-none",
+                      style: imageRenderStyle,
+                      draggable: false
+                    }
+                  ) : element.type === "table" ? /* @__PURE__ */ jsx(ThumbnailTable, { element, textStyle }) : element.type === "smartArt" ? /* @__PURE__ */ jsx(ThumbnailSmartArt, { element }) : element.type === "chart" ? /* @__PURE__ */ jsx(ThumbnailChart, { element }) : /* @__PURE__ */ jsxs("div", { className: "relative w-full h-full overflow-hidden", style: shapeVisualStyle, children: [
+                    vectorShape,
+                    canRenderText && hasText && /* @__PURE__ */ jsx(
                       "div",
                       {
-                        className: "pointer-events-none w-full h-full",
-                        style: getImageTilingStyle(element)
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: element.svgData || element.imageData,
-                        alt: "",
-                        className: "pointer-events-none",
-                        style: imageRenderStyle,
-                        draggable: false
+                        className: "w-full h-full whitespace-pre-wrap break-words px-1 py-0.5 leading-[1.3]",
+                        style: {
+                          ...getTextLayoutStyle(element),
+                          ...textStyle,
+                          transform: getTextCompensationTransform(element),
+                          transformOrigin: "center"
+                        },
+                        children: renderTextSegments(element, fallbackTextColor)
                       }
-                    ) : element.type === "table" ? /* @__PURE__ */ jsx(ThumbnailTable, { element, textStyle }) : element.type === "smartArt" ? /* @__PURE__ */ jsx(ThumbnailSmartArt, { element }) : element.type === "chart" ? /* @__PURE__ */ jsx(ThumbnailChart, { element }) : /* @__PURE__ */ jsxs("div", { className: "relative w-full h-full overflow-hidden", style: shapeVisualStyle, children: [
-                      vectorShape,
-                      canRenderText && hasText && /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          className: "w-full h-full whitespace-pre-wrap break-words px-1 py-0.5 leading-[1.3]",
-                          style: {
-                            ...getTextLayoutStyle(element),
-                            ...textStyle,
-                            transform: getTextCompensationTransform(element),
-                            transformOrigin: "center"
-                          },
-                          children: renderTextSegments(element, fallbackTextColor)
-                        }
-                      ),
-                      !hasText && fallbackLabel.length > 0 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-[10px] text-muted-foreground", children: fallbackLabel })
-                    ] })
-                  },
-                  element.id
-                );
-              })
-            ]
-          }
-        )
-      ]
+                    ),
+                    !hasText && fallbackLabel.length > 0 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-[10px] text-muted-foreground", children: fallbackLabel })
+                  ] })
+                },
+                element.id
+              );
+            })
+          ]
+        }
+      )
     }
   );
 }
@@ -2818,6 +2791,9 @@ function arePropsEqual2(prev, next) {
   if (prev.slide.backgroundGradient !== next.slide.backgroundGradient) {
     return false;
   }
+  if (prev.slide.backgroundPattern !== next.slide.backgroundPattern) {
+    return false;
+  }
   if (prev.templateElements !== next.templateElements) {
     return false;
   }
@@ -4858,7 +4834,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React5.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-DDKQ372V.mjs');
+      return await import('./Model3DScene-QHDYQXL2.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -26550,26 +26526,6 @@ function CanvasGuides({ guides, onDeleteGuide, onStartGuideDrag }) {
     guide.id
   )) });
 }
-function SlideBackground({ backgroundImage, backgroundGradient }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    backgroundImage && /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: backgroundImage,
-        alt: "",
-        className: "absolute inset-0 w-full h-full object-cover pointer-events-none",
-        draggable: false
-      }
-    ),
-    backgroundGradient && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute inset-0 pointer-events-none",
-        style: { background: backgroundGradient }
-      }
-    )
-  ] });
-}
 function MarqueeOverlay({ marqueeSelectionState }) {
   if (!marqueeSelectionState) {
     return null;
@@ -27834,7 +27790,7 @@ function SlideCanvas({
                   // pinch-zoom. View/present mode keeps the default so the slide can
                   // still be scrolled and swipe-navigated.
                   touchAction: isEditableCanvas ? "none" : void 0,
-                  backgroundColor: activeSlide?.backgroundColor && activeSlide.backgroundColor !== "transparent" ? activeSlide.backgroundColor : "#ffffff"
+                  ...getSlideBackgroundStyle(activeSlide)
                 },
                 onClick: handleStageClick,
                 onDoubleClick: handleStageDblClick,
@@ -27854,13 +27810,6 @@ function SlideCanvas({
                       onStartGuideDrag: setDraggingGuide
                     }
                   ),
-                  /* @__PURE__ */ jsx(
-                    SlideBackground,
-                    {
-                      backgroundImage: activeSlide?.backgroundImage,
-                      backgroundGradient: activeSlide?.backgroundGradient
-                    }
-                  ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsx(
                     ElementRenderer,
                     {
@@ -31611,6 +31560,7 @@ var PowerPointViewer = forwardRef(
   function PowerPointViewer2(props, ref) {
     const {
       content: incomingContent,
+      fonts = [],
       filePath,
       fileName,
       canEdit = false,
@@ -31630,6 +31580,17 @@ var PowerPointViewer = forwardRef(
       shareDefaults,
       smartArt3D = false
     } = props;
+    useEffect(() => {
+      const css = buildUserFontFaceStyles(fonts);
+      if (!css) {
+        return;
+      }
+      const style = document.createElement("style");
+      style.dataset.pptxUserFonts = "true";
+      style.textContent = css;
+      document.head.appendChild(style);
+      return () => style.remove();
+    }, [fonts]);
     const themeStyle = useThemeStyle(theme);
     const [content, setContent] = useState(incomingContent);
     useEffect(() => {