pptx-react-viewer 2.12.0 → 2.13.0

package/dist/{chunk-ZIXSSQAZ.js → chunk-G2LZT5SV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkPJUQQF3I_js = require('./chunk-PJUQQF3I.js');
+var chunkEFSQW6S5_js = require('./chunk-EFSQW6S5.js');
 var chunk4VNS5WPM_js = require('./chunk-4VNS5WPM.js');
 var mcp = require('pptx-viewer-mcp');
 var mcpSchemas = require('pptx-viewer-mcp/schemas');
@@ -14879,7 +14879,7 @@ async function buildSlideMarkdown(slides, slideIndex2, meta3, options = {}) {
   };
   let markdown;
   try {
-    const converter = new chunkPJUQQF3I_js.PptxMarkdownConverter(
+    const converter = new chunkEFSQW6S5_js.PptxMarkdownConverter(
       "",
       {
         sourceName: meta3.title ?? "deck.pptx",
@@ -15470,7 +15470,7 @@ var getTheme = (ctx) => {
     name: theme?.name,
     colorScheme: theme?.colorScheme,
     fontScheme: theme?.fontScheme,
-    availablePresets: Object.keys(chunkPJUQQF3I_js.ThemePresets)
+    availablePresets: Object.keys(chunkEFSQW6S5_js.ThemePresets)
   };
 };
 var readExecutors = {

package/dist/{chunk-CEUHGUZ4.mjs → chunk-HRLF4REI.mjs}

@@ -1,5 +1,5 @@
-import { translationsEn } from './chunk-ECDKYPQ2.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, isTemplateElement, getImageFitStyle, isImageLikeElement, runMediaCommand, findMediaElementByElementId, 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-QGHC65C4.mjs';
+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, 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-4TD7EINA.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -616,7 +616,8 @@ function VideoWithMetadata({
   shouldLoop,
   shouldAutoPlay,
   isFullScreen,
-  isPresentationMode
+  isPresentationMode,
+  showTransport
 }) {
   useMediaMetadataExtraction(mediaRef, element);
   const captionTracks = element.captionTracks ?? [];
@@ -625,7 +626,7 @@ function VideoWithMetadata({
     {
       ref: mediaRef,
       className: `w-full h-full pointer-events-auto ${isFullScreen ? "object-cover" : "object-contain"}`,
-      controls: !isPresentationMode,
+      controls: showTransport,
       preload: "metadata",
       playsInline: true,
       autoPlay: shouldAutoPlay,
@@ -650,7 +651,7 @@ function AudioWithMetadata({
   mediaMimeType,
   shouldLoop,
   shouldAutoPlay,
-  isPresentationMode
+  showTransport
 }) {
   useMediaMetadataExtraction(mediaRef, element);
   return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center p-2 pointer-events-auto", children: /* @__PURE__ */ jsx(
@@ -658,7 +659,7 @@ function AudioWithMetadata({
     {
       ref: mediaRef,
       className: "w-full",
-      controls: !isPresentationMode,
+      controls: showTransport,
       preload: "metadata",
       autoPlay: shouldAutoPlay,
       loop: shouldLoop,
@@ -724,19 +725,23 @@ function PresentationMediaController({
     }
     return registerMediaElement(element.id, el);
   }, [element.id]);
+  const { volume: playbackVolume, playbackRate } = mediaPlaybackAttributes({
+    loop: element.loop,
+    volume: element.volume,
+    playbackSpeed: element.playbackSpeed
+  });
   useEffect(() => {
     const el = mediaRef.current;
     if (el) {
-      el.volume = Math.max(0, Math.min(1, volume));
+      el.volume = playbackVolume;
     }
-  }, [volume]);
-  const playbackSpeed = element.playbackSpeed ?? 1;
+  }, [playbackVolume]);
   useEffect(() => {
     const el = mediaRef.current;
     if (el) {
-      el.playbackRate = Math.max(0.25, Math.min(4, playbackSpeed));
+      el.playbackRate = playbackRate;
     }
-  }, [playbackSpeed]);
+  }, [playbackRate]);
   useEffect(() => {
     const el = mediaRef.current;
     if (!el) {
@@ -927,10 +932,11 @@ function renderMediaElement(element, mediaDataUrls, options) {
   const dataUrl = element.mediaData ?? (mediaPath ? mediaDataUrls.get(mediaPath) : void 0);
   const trimFragment = buildTrimFragment(element);
   const posterUrl = element.posterFrameData ?? void 0;
-  const shouldLoop = element.loop === true;
+  const shouldLoop = mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   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(
@@ -999,7 +1005,8 @@ function renderMediaElement(element, mediaDataUrls, options) {
               shouldLoop,
               shouldAutoPlay,
               isFullScreen,
-              isPresentationMode
+              isPresentationMode,
+              showTransport
             }
           )
         }
@@ -1068,7 +1075,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
               mediaMimeType,
               shouldLoop,
               shouldAutoPlay,
-              isPresentationMode
+              showTransport
             }
           )
         }
@@ -1763,12 +1770,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 = {
@@ -2537,8 +2557,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;
@@ -4550,7 +4570,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",
           {
@@ -6101,6 +6121,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);
@@ -6185,7 +6206,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"
           }),
@@ -6212,7 +6233,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-2GZQM3LN.mjs');
+      return await import('./SurfaceChart3DScene-3MSU74YH.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6355,6 +6376,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);
@@ -6436,7 +6458,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
@@ -6446,6 +6468,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);
@@ -6482,7 +6505,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"
         }),
@@ -6510,6 +6533,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);
@@ -6575,7 +6599,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
@@ -6585,6 +6609,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);
@@ -6664,7 +6689,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"
         }),
@@ -6676,6 +6701,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,
@@ -6795,7 +6821,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,