pptx-react-viewer 2.12.1 → 2.13.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkTDUDH7S4_js = require('./chunk-TDUDH7S4.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 chunkTDUDH7S4_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(chunkTDUDH7S4_js.ThemePresets)
+    availablePresets: Object.keys(chunkEFSQW6S5_js.ThemePresets)
   };
 };
 var readExecutors = {

package/dist/{chunk-YIPR3GKG.mjs → chunk-HRLF4REI.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, 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';
@@ -1770,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 = {
@@ -2544,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;
@@ -4557,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",
           {
@@ -6108,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);
@@ -6192,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"
           }),
@@ -6219,7 +6233,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-VTJBKUQY.mjs');
+      return await import('./SurfaceChart3DScene-3MSU74YH.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6362,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);
@@ -6443,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
@@ -6453,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);
@@ -6489,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"
         }),
@@ -6517,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);
@@ -6582,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
@@ -6592,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);
@@ -6671,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"
         }),
@@ -6683,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,
@@ -6802,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,