pptx-react-viewer 1.16.2 → 1.17.1

package/dist/{chunk-DZF4BNRP.mjs → chunk-PCQH2UBR.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-JBCVQFWI.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-46HNHBHF.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-X7ILBQEY.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-HN7CPQUG.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-5CD34U2V.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';
@@ -243,6 +243,7 @@ function CollaborationStatusIndicator({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      role: "status",
       "data-testid": "collaboration-status",
       className: "flex items-center gap-1.5",
       "aria-label": t("pptx.collaboration.statusAriaLabel", {
@@ -2661,138 +2662,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 +2792,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 +4835,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React5.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-DI6FSWDL.mjs');
+      return await import('./Model3DScene-QHDYQXL2.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6469,11 +6446,14 @@ function SlideItemInner({
   const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
   const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
   return /* @__PURE__ */ jsxs(
-    "div",
+    "button",
     {
+      type: "button",
       ref: slideRef,
+      "aria-label": `Go to slide ${slideIndex + 1}`,
+      "aria-current": isActive ? "true" : void 0,
       className: cn(
-        "group relative flex items-center gap-1 cursor-pointer py-0.5 px-1 transition-all",
+        "group relative flex w-full items-center gap-1 cursor-pointer border-0 bg-transparent py-0.5 px-1 text-left transition-all",
         isActive && "bg-accent/40 before:absolute before:left-0 before:top-1 before:bottom-1 before:w-[3px] before:bg-primary before:rounded-r",
         isHidden && "opacity-50"
       ),
@@ -15898,45 +15878,54 @@ function Toolbar(p) {
       className: "relative z-20 border-b border-border bg-secondary/50 overflow-visible",
       children: [
         /* @__PURE__ */ jsx(ToolbarPrimaryRow, { ...p }),
-        showRibbon && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none", children: [
-          TOOLBAR_SECTIONS.map((s) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSetToolbarSection(s.id),
-              className: cn(
-                "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3",
-                toolbarSection === s.id ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : "text-foreground after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary" : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
-              ),
-              children: t(s.labelKey)
-            },
-            s.id
-          )),
-          /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-          /* @__PURE__ */ jsx(
-            TabRowActions,
-            {
-              onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
-              onOpenShareDialog: p.onOpenShareDialog,
-              onPackageForSharing: p.onPackageForSharing
-            }
-          ),
-          isNarrowViewport && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: p.onToggleCompactToolbar,
-              className: cn(
-                "px-2 py-1 rounded text-[11px] transition-colors mr-1",
-                isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
-              ),
-              title: t(
-                isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+        showRibbon && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "tablist",
+            className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
+            children: [
+              TOOLBAR_SECTIONS.map((s) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": toolbarSection === s.id,
+                  onClick: () => onSetToolbarSection(s.id),
+                  className: cn(
+                    "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3",
+                    toolbarSection === s.id ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : "text-foreground after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary" : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
+                  ),
+                  children: t(s.labelKey)
+                },
+                s.id
+              )),
+              /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+              /* @__PURE__ */ jsx(
+                TabRowActions,
+                {
+                  onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
+                  onOpenShareDialog: p.onOpenShareDialog,
+                  onPackageForSharing: p.onPackageForSharing
+                }
               ),
-              children: t(isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon")
-            }
-          )
-        ] }),
+              isNarrowViewport && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: p.onToggleCompactToolbar,
+                  className: cn(
+                    "px-2 py-1 rounded text-[11px] transition-colors mr-1",
+                    isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
+                  ),
+                  title: t(
+                    isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+                  ),
+                  children: t(isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon")
+                }
+              )
+            ]
+          }
+        ),
         showRibbon && /* @__PURE__ */ jsxs(
           "div",
           {
@@ -20725,6 +20714,7 @@ function SmartArtLayoutSwitcher({
         "button",
         {
           type: "button",
+          "data-testid": `smartart-layout-${type}`,
           disabled: !canEdit,
           className: cn(
             "flex flex-col items-center gap-0.5 rounded border p-1.5 transition-colors",
@@ -20865,6 +20855,7 @@ function SmartArtNodeRow({
             {
               ref: inputRef,
               type: "text",
+              "data-testid": "smartart-node-text",
               disabled: !canEdit,
               "aria-label": label,
               className: cn(INPUT, "flex-1 text-[11px] py-0.5"),
@@ -21081,6 +21072,7 @@ function SmartArtPropertiesPanel({
           "select",
           {
             disabled: !canEdit,
+            "data-testid": "smartart-color-scheme",
             "aria-label": t("pptx.smartart.colorScheme"),
             className: cn(INPUT, "w-full"),
             value: smartArtData.colorScheme ?? "colorful1",
@@ -24426,6 +24418,7 @@ function PresentationTransitionOverlay({
     "div",
     {
       ref: containerRef,
+      "data-pptx-transition-overlay": true,
       className: "pptx-react-transition-overlay absolute inset-0 pointer-events-none overflow-hidden",
       style: { zIndex: outgoingZIndex },
       children: [
@@ -24433,6 +24426,7 @@ function PresentationTransitionOverlay({
         /* @__PURE__ */ jsx(
           "div",
           {
+            "data-pptx-transition-layer": "outgoing",
             className: "pptx-react-transition-layer absolute inset-0 flex items-center justify-center",
             style: {
               animation: animations.outgoing !== "none" ? animations.outgoing : void 0
@@ -26550,26 +26544,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 +27808,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 +27828,6 @@ function SlideCanvas({
                       onStartGuideDrag: setDraggingGuide
                     }
                   ),
-                  /* @__PURE__ */ jsx(
-                    SlideBackground,
-                    {
-                      backgroundImage: activeSlide?.backgroundImage,
-                      backgroundGradient: activeSlide?.backgroundGradient
-                    }
-                  ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsx(
                     ElementRenderer,
                     {
@@ -28168,6 +28135,7 @@ function ViewerInspector({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-pptx-inspector": true,
       role: "complementary",
       "aria-label": t("pptx.inspector.properties"),
       className: "h-full flex-shrink-0 max-md:absolute max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:z-30",
@@ -29302,43 +29270,60 @@ function InsertSmartArtDialog({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-40 border-r border-border py-2", children: CATEGORIES.map((cat) => /* @__PURE__ */ jsx(
-                  "button",
+                /* @__PURE__ */ jsx(
+                  "nav",
                   {
-                    type: "button",
-                    onClick: () => {
-                      setActiveCategory(cat.id);
-                      setSelectedLayout(null);
-                    },
-                    className: cn(
-                      "w-full text-left px-3 py-1.5 text-xs transition-colors",
-                      activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
-                    ),
-                    children: t(cat.label)
-                  },
-                  cat.id
-                )) }),
-                /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: filteredPresets.map((preset) => /* @__PURE__ */ jsxs(
-                  "button",
+                    className: "w-40 border-r border-border py-2",
+                    "aria-label": t("pptx.insertSmartArt.categories"),
+                    children: CATEGORIES.map((cat) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          setActiveCategory(cat.id);
+                          setSelectedLayout(null);
+                        },
+                        className: cn(
+                          "w-full text-left px-3 py-1.5 text-xs transition-colors",
+                          activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
+                        ),
+                        children: t(cat.label)
+                      },
+                      cat.id
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                  "div",
                   {
-                    type: "button",
-                    onClick: () => setSelectedLayout(preset.layout),
-                    onDoubleClick: () => {
-                      setSelectedLayout(preset.layout);
-                      onInsert(preset.layout, preset.defaultItems);
-                      onClose();
-                    },
-                    className: cn(
-                      "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
-                      selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "w-16 h-12 flex items-center justify-center bg-muted rounded", children: getPreviewForLayout(preset.layout) }),
-                      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-foreground text-center leading-tight", children: t(preset.labelKey) })
-                    ]
-                  },
-                  preset.layout
-                )) }) })
+                    className: "grid grid-cols-3 gap-2",
+                    role: "listbox",
+                    "aria-label": t("pptx.insertSmartArt.layouts"),
+                    children: filteredPresets.map((preset) => /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        role: "option",
+                        "aria-selected": selectedLayout === preset.layout,
+                        onClick: () => setSelectedLayout(preset.layout),
+                        onDoubleClick: () => {
+                          setSelectedLayout(preset.layout);
+                          onInsert(preset.layout, preset.defaultItems);
+                          onClose();
+                        },
+                        className: cn(
+                          "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
+                          selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "w-16 h-12 flex items-center justify-center bg-muted rounded", children: getPreviewForLayout(preset.layout) }),
+                          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-foreground text-center leading-tight", children: t(preset.labelKey) })
+                        ]
+                      },
+                      preset.layout
+                    ))
+                  }
+                ) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: [
                 /* @__PURE__ */ jsx(
@@ -31276,6 +31261,7 @@ function MobileBottomBar({
               active ? "text-primary" : "text-muted-foreground hover:text-foreground"
             ),
             "aria-pressed": active,
+            "aria-label": key === "notes" ? t("pptx.statusBar.toggleNotes") : void 0,
             children: [
               /* @__PURE__ */ jsx(Icon, { className: "w-5 h-5" }),
               /* @__PURE__ */ jsx("span", { children: t(label) }),
@@ -31611,6 +31597,7 @@ var PowerPointViewer = forwardRef(
   function PowerPointViewer2(props, ref) {
     const {
       content: incomingContent,
+      fonts = [],
       filePath,
       fileName,
       canEdit = false,
@@ -31630,6 +31617,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(() => {