pptx-react-viewer 2.12.1 → 2.13.1

package/dist/{chunk-YIPR3GKG.mjs → chunk-GJEH27GD.mjs}

@@ -1,5 +1,5 @@
 import { translationsEn } from './chunk-TEXIGSA6.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, getImageFitStyle, isImageLikeElement, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, 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, buildMotionPathPreview, 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-CABQXGPI.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, getImageFitStyle, isImageLikeElement, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, 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, buildMotionPathPreview, getRoundRectRadiusPx, registerPersistentAudio, proportionalLineHeight, substituteFieldText, resolveUnderlineDecorationStyle, POWERPOINT_METRIC_TRACKING, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, 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, chartAreaFill, 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-OWGPRVRK.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -463,37 +463,6 @@ function ensureArrayValue(value) {
 }
 
 // src/viewer/utils/media-persistent-audio.tsx
-var persistentAudioMap = /* @__PURE__ */ new Map();
-function registerPersistentAudio(elementId, dataUrl, mimetype, loop, volume, trimStartSec) {
-  if (persistentAudioMap.has(elementId)) {
-    return;
-  }
-  const audio = document.createElement("audio");
-  audio.src = dataUrl;
-  if (mimetype) {
-    const source = document.createElement("source");
-    source.src = dataUrl;
-    source.type = mimetype;
-    audio.appendChild(source);
-  }
-  audio.loop = loop;
-  audio.volume = Math.max(0, Math.min(1, volume));
-  if (trimStartSec > 0) {
-    audio.currentTime = trimStartSec;
-  }
-  audio.style.display = "none";
-  document.body.appendChild(audio);
-  persistentAudioMap.set(elementId, { elementId, audio, loop });
-  void audio.play().catch(() => {
-  });
-}
-function stopAllPersistentAudio() {
-  for (const entry of persistentAudioMap.values()) {
-    entry.audio.pause();
-    entry.audio.remove();
-  }
-  persistentAudioMap.clear();
-}
 function buildTrimFragment(element) {
   const start = element.trimStartMs;
   const end = element.trimEndMs;
@@ -693,6 +662,7 @@ function PresentationMediaController({
   element,
   isPresentationMode,
   shouldAutoPlay,
+  resolvedDataUrl,
   isFullScreen,
   onPlayStateChange,
   children
@@ -725,7 +695,11 @@ function PresentationMediaController({
     }
     return registerMediaElement(element.id, el);
   }, [element.id]);
-  const { volume: playbackVolume, playbackRate } = mediaPlaybackAttributes({
+  const {
+    loop: shouldLoop,
+    volume: playbackVolume,
+    playbackRate
+  } = mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
@@ -859,18 +833,18 @@ function PresentationMediaController({
       return;
     }
     if (element.playAcrossSlides && element.mediaType === "audio") {
-      const dataUrl = element.mediaData ?? (element.mediaPath ? void 0 : void 0);
+      const dataUrl = element.mediaData ?? resolvedDataUrl;
       if (dataUrl) {
         registerPersistentAudio(
           element.id,
           dataUrl,
           element.mediaMimeType,
-          element.loop === true,
-          volume,
+          shouldLoop,
+          playbackVolume,
           trimStartSec
         );
+        return;
       }
-      return;
     }
     const el = mediaRef.current;
     if (!el) {
@@ -890,12 +864,12 @@ function PresentationMediaController({
     element.playAcrossSlides,
     element.mediaType,
     element.mediaData,
-    element.mediaPath,
     element.mediaMimeType,
-    element.loop,
     element.id,
-    trimStartSec,
-    volume
+    resolvedDataUrl,
+    shouldLoop,
+    playbackVolume,
+    trimStartSec
   ]);
   const wrapperStyle = hideWhenNotPlaying ? {
     opacity: isMediaPlaying ? 1 : 0,
@@ -937,17 +911,6 @@ function renderMediaElement(element, mediaDataUrls, options) {
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
   const showTransport = options?.showTransport ?? !isPresentationMode;
-  if (isPresentationMode && shouldAutoPlay && element.playAcrossSlides && element.mediaType === "audio" && dataUrl && !element.mediaData) {
-    const trimStartSec = element.trimStartMs !== void 0 ? element.trimStartMs / 1e3 : 0;
-    registerPersistentAudio(
-      element.id,
-      dataUrl,
-      mediaMimeType,
-      shouldLoop,
-      element.volume ?? 1,
-      trimStartSec
-    );
-  }
   if (element.mediaMissing) {
     if (posterUrl) {
       return /* @__PURE__ */ jsxs("div", { className: "w-full h-full relative pointer-events-none", children: [
@@ -990,6 +953,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           element,
           isPresentationMode,
           shouldAutoPlay,
+          resolvedDataUrl: dataUrl,
           isFullScreen,
           onPlayStateChange: options?.onPlayStateChange,
           children: ({ mediaRef, onPlay }) => /* @__PURE__ */ jsx(
@@ -1062,6 +1026,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           element,
           isPresentationMode,
           shouldAutoPlay,
+          resolvedDataUrl: dataUrl,
           isFullScreen: false,
           onPlayStateChange: options?.onPlayStateChange,
           children: ({ mediaRef, onPlay }) => /* @__PURE__ */ jsx(
@@ -1761,7 +1726,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   const rawBaseline = typeof segmentStyle.baseline === "number" ? segmentStyle.baseline : 0;
   const baselineFraction = rawBaseline === 0 ? 0 : Math.abs(rawBaseline) >= 1e3 ? rawBaseline / 1e5 : rawBaseline / 100;
   const baselineFontScale = baselineFraction !== 0 ? 0.65 : 1;
-  const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `${segmentStyle.characterSpacing / 100 * (96 / 72)}px` : void 0;
+  const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `calc(${segmentStyle.characterSpacing / 100 * (96 / 72)}px + ${POWERPOINT_METRIC_TRACKING})` : POWERPOINT_METRIC_TRACKING;
   const textFillStyles = buildTextFillCss2(segmentStyle);
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
   const autoFitScale = resolveAutoFitFontScale(element.textStyle);
@@ -1770,12 +1735,25 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   const baseFontSizePt = baseFontSize * (72 / 96);
   const fontKerning = typeof segmentStyle.kerning === "number" ? segmentStyle.kerning === 0 ? "none" : baseFontSizePt >= segmentStyle.kerning / 100 ? "normal" : "none" : void 0;
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = rawFontFamily ? getSubstituteFontFamily(rawFontFamily) : DEFAULT_FONT_FAMILY;
+  const baseFontFamily = rawFontFamily ? getSubstituteFontFamily(
+    rawFontFamily,
+    parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+  ) : DEFAULT_FONT_FAMILY;
+  const scriptFont = (name, panose) => name ? getSubstituteFontFamily(name, parsePanoseString(panose)) : baseFontFamily;
   const scriptFonts = {
     latin: baseFontFamily,
-    eastAsia: segmentStyle.eastAsiaFont || element.textStyle?.eastAsiaFont || baseFontFamily,
-    complexScript: segmentStyle.complexScriptFont || element.textStyle?.complexScriptFont || baseFontFamily,
-    symbol: segmentStyle.symbolFont || element.textStyle?.symbolFont || baseFontFamily
+    eastAsia: scriptFont(
+      segmentStyle.eastAsiaFont || element.textStyle?.eastAsiaFont,
+      segmentStyle.eastAsiaFontPanose ?? element.textStyle?.eastAsiaFontPanose
+    ),
+    complexScript: scriptFont(
+      segmentStyle.complexScriptFont || element.textStyle?.complexScriptFont,
+      segmentStyle.complexScriptFontPanose ?? element.textStyle?.complexScriptFontPanose
+    ),
+    symbol: scriptFont(
+      segmentStyle.symbolFont || element.textStyle?.symbolFont,
+      segmentStyle.symbolFontPanose ?? element.textStyle?.symbolFontPanose
+    )
   };
   const needsScriptFonts = hasDistinctScriptFonts(scriptFonts);
   const spanStyle = {
@@ -1941,7 +1919,7 @@ function resolveParagraphSpacing(input) {
   if (typeof exactPt === "number" && exactPt > 0) {
     result.lineHeight = `${exactPt * PT_TO_PX}px`;
   } else if (typeof multiplier === "number" && multiplier > 0) {
-    result.lineHeight = multiplier;
+    result.lineHeight = proportionalLineHeight(multiplier);
   }
   return result;
 }
@@ -2544,8 +2522,8 @@ function getConnectorAdjustment(element, key, fallback) {
   return clampUnitInterval(fallback);
 }
 function getConnectorPathGeometry(element) {
-  const width = Math.max(element.width, 1);
-  const height = Math.max(element.height, 1);
+  const width = Math.max(element.width, 0);
+  const height = Math.max(element.height, 0);
   const normalizedType = (element.shapeType || "").toLowerCase();
   const mapX = (value) => value;
   const mapY = (value) => value;
@@ -4557,7 +4535,7 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
       viewBox: `0 0 ${vm.svgWidth} ${vm.svgHeight}`,
       preserveAspectRatio,
       children: [
-        /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: vm.svgWidth, height: vm.svgHeight, fill: "#0f172a11" }),
+        vm.areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: vm.svgWidth, height: vm.svgHeight, fill: vm.areaFill }),
         vm.title && /* @__PURE__ */ jsx(
           "text",
           {
@@ -6108,6 +6086,7 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
 }
 function renderStockChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const range = computeValueRangeForChart(chartData.series, chartData.axes);
   const layout = computeLayout(element.width, element.height, style, true, legendPos);
@@ -6192,7 +6171,7 @@ function renderStockChart(element, chartData, categoryLabels) {
         viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
         preserveAspectRatio: "none",
         children: [
-          /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+          areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
           renderChrome(element.id, chartData, layout, range, categoryLabels, {
             categoryAxisStyle: "bar"
           }),
@@ -6219,7 +6198,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-VTJBKUQY.mjs');
+      return await import('./SurfaceChart3DScene-2W2IFPLE.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6362,6 +6341,7 @@ function darkenRgb(r, g, b, factor) {
 }
 function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const layout = computeLayout(element.width, element.height, style, false, legendPos);
   const range = computeValueRangeForChart(chartData.series, chartData.axes);
@@ -6443,7 +6423,7 @@ function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "xMidYMid meet",
       children: [
-        /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderTitle(element.id, style, chartData.title, layout.svgWidth),
         renderLegend(element.id, style, chartData.series, layout),
         polygons
@@ -6453,6 +6433,7 @@ function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderFlatSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const layout = computeLayout(element.width, element.height, style, true, legendPos);
   const range = computeValueRangeForChart(chartData.series, chartData.axes);
@@ -6489,7 +6470,7 @@ function renderFlatSurfaceChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "none",
       children: [
-        /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderChrome(element.id, chartData, layout, range, categoryLabels, {
           categoryAxisStyle: "bar"
         }),
@@ -6517,6 +6498,7 @@ function renderSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderTreemapChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const layout = computeLayout(element.width, element.height, style, false, legendPos);
   const allValues = chartData.series.flatMap((s) => s.values);
@@ -6582,7 +6564,7 @@ function renderTreemapChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "none",
       children: [
-        /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderTitle(element.id, style, chartData.title, layout.svgWidth),
         renderLegend(element.id, style, chartData.series, layout),
         rects
@@ -6592,6 +6574,7 @@ function renderTreemapChart(element, chartData, categoryLabels) {
 }
 function renderWaterfallChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const values = chartData.series[0]?.values ?? [];
   const range = computeValueRangeForChart(chartData.series, chartData.axes);
@@ -6671,7 +6654,7 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
       viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
       preserveAspectRatio: "none",
       children: [
-        /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+        areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
         renderChrome(element.id, chartData, layout, range, categoryLabels, {
           categoryAxisStyle: "bar"
         }),
@@ -6683,6 +6666,7 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
 }
 function renderComboChart(element, chartData, categoryLabels) {
   const style = chartData.style;
+  const areaFill = chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const layoutOpts = computeLayoutOptions(
     chartData.axes,
@@ -6802,7 +6786,7 @@ function renderComboChart(element, chartData, categoryLabels) {
         viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
         preserveAspectRatio: "none",
         children: [
-          /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: "#0f172a11" }),
+          areaFill && /* @__PURE__ */ jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
           renderChrome(
             element.id,
             chartData,
@@ -8020,4 +8004,4 @@ function stopPreviewAnimation() {
   activePreview = null;
 }
 
-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, startMotionPathPreview, 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, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, styleShadow, styleStroke, treeDepth, treeWidth, truncate, wrapChrome };

package/dist/{chunk-4GYNTY2G.mjs → chunk-H5H57XMH.mjs}

@@ -1,6 +1,6 @@
-import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, stopAllPersistentAudio, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-YIPR3GKG.mjs';
+import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, partitionTemplateElements, UNGROUPED_SECTION_ID, buildSaveSlides, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-GJEH27GD.mjs';
 import { translationsEn } from './chunk-TEXIGSA6.mjs';
-import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, clampZoomScale, zoomInScale, zoomOutScale, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, buildMorphTransitionPlan, morphOptionToMode, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, mayLeaveSlideShow, remapTextToSegments, guidePxToEmu, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, derivePresenceList, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildThemeColorMap, reResolveSlideColors, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, resolveShowSlideIndexes, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-CABQXGPI.mjs';
+import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, clampZoomScale, zoomInScale, zoomOutScale, PresentationAnimationController, computeEntranceAnimationDelay, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, attachPresentationVisibilityPause, buildMorphTransitionPlan, morphOptionToMode, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, mayLeaveSlideShow, stopAllPersistentAudio, remapTextToSegments, guidePxToEmu, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, derivePresenceList, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildThemeColorMap, reResolveSlideColors, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, presenterElapsed, stepPresenterZoom, resetPresenterTimer, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, resolveShowSlideIndexes, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-OWGPRVRK.mjs';
 import { useRef, useState, useEffect, useCallback, useMemo, useSyncExternalStore, useImperativeHandle } from 'react';
 import JSZip from 'jszip';
 import { useTranslation } from 'react-i18next';
@@ -2329,6 +2329,20 @@ function usePresentationMode(input) {
   scheduleAutoAdvanceRef.current = scheduleAutoAdvanceForSlide;
   const activeSlideIndexRef = useRef(activeSlideIndex);
   activeSlideIndexRef.current = activeSlideIndex;
+  const presentationSlideIndexRef = useRef(presentationSlideIndex);
+  presentationSlideIndexRef.current = presentationSlideIndex;
+  const clearPresentationTimersRef = useRef(clearPresentationTimers);
+  clearPresentationTimersRef.current = clearPresentationTimers;
+  useEffect(() => {
+    if (mode !== "present") {
+      return;
+    }
+    return attachPresentationVisibilityPause({
+      root: containerRef.current ?? void 0,
+      onHidden: () => clearPresentationTimersRef.current(),
+      onVisible: () => scheduleAutoAdvanceRef.current(presentationSlideIndexRef.current)
+    });
+  }, [mode, containerRef]);
   useEffect(() => {
     if (mode === "present") {
       const idx = activeSlideIndexRef.current;