pptx-react-viewer 2.17.0 → 2.18.0

package/dist/{chunk-MQHC5TXI.mjs → chunk-BZOL6FXF.mjs}

@@ -1,5 +1,5 @@
-import { translationsEn } from './chunk-S64T7C4V.mjs';
-import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedFillStyle, getComputedEffectStyle, getComputedStrokeStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, getResolvedShapeClipPath, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, chartAreaFill, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, splitRunForMetrics, hexToRgbChannels, chartPartToAttrs, segmentByScript, resolveFontForScript } from './chunk-K2QU73KB.mjs';
+import { translationsEn } from './chunk-SNL6LBRX.mjs';
+import { SHAPE_PRESET_DEFS, computeValueRangeForChart, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, build3DExtrusionData, getComputedFillStyle, getComputedEffectStyle, getComputedStrokeStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, getRoundRectRadiusPx2, getResolvedShapeClipPath, mediaFallbackVisual, registerPersistentAudio, resolveAutoFitFontScale, getSubstituteFontFamily, parsePanoseString, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, svgGradientFillRef, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, chartAreaFill, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, splitRunForMetrics, hexToRgbChannels, chartPartToAttrs, segmentByScript, resolveFontForScript } from './chunk-GODW6RNR.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useLayoutEffect } from 'react';
@@ -38,6 +38,7 @@ var ZOOM_TO_SELECTION_PADDING = 96;
 var GRID_SIZE = 8;
 var SLIDE_NAV_THUMBNAIL_WIDTH = 156;
 var UNGROUPED_SECTION_ID = "__ungrouped__";
+var DEFAULT_SECTION_GROUP_ID = "default";
 
 // src/viewer/constants/toolbar.ts
 var TOOLBAR_SECTIONS = [
@@ -962,40 +963,13 @@ function getTextStyleForElement(element, fallbackColor) {
 }
 
 // src/viewer/utils/text-layout.tsx
-function computeTabSize(tabStops, defaultTabSize) {
-  const fromDefault = typeof defaultTabSize === "number" && defaultTabSize > 0 ? `${Math.round(defaultTabSize)}px` : void 0;
-  if (!tabStops || tabStops.length === 0) {
-    return fromDefault;
-  }
-  if (tabStops.length === 1) {
-    const pos = tabStops[0].position;
-    return typeof pos === "number" && pos > 0 ? `${Math.round(pos)}px` : fromDefault;
-  }
-  const positions = tabStops.map((t) => t.position).filter((p) => typeof p === "number" && p > 0).sort((a, b) => a - b);
-  if (positions.length < 2) {
-    return positions.length === 1 ? `${Math.round(positions[0])}px` : fromDefault;
-  }
-  let totalGap = 0;
-  for (let i = 1; i < positions.length; i++) {
-    totalGap += positions[i] - positions[i - 1];
-  }
-  const avgGap = totalGap / (positions.length - 1);
-  return avgGap > 0 ? `${Math.round(avgGap)}px` : fromDefault;
-}
 function getTextLayoutStyle(element) {
   if (!hasTextProperties(element)) {
     return {};
   }
-  const verticalAlign = element.textStyle?.vAlign || "top";
   const writingMode = toCssWritingMode(element.textStyle?.textDirection);
   const textOrientation = toCssTextOrientation(element.textStyle?.textDirection);
   const verticalDirection = toCssVerticalDirection(element.textStyle?.textDirection);
-  const parsedColumnCount = Number(element.textStyle?.columnCount);
-  const columnCount = Number.isFinite(parsedColumnCount) ? Math.max(1, Math.min(16, Math.round(parsedColumnCount))) : 1;
-  const hasColumns = columnCount > 1;
-  const justifyContent = verticalAlign === "middle" ? "center" : verticalAlign === "bottom" ? "flex-end" : "flex-start";
-  const tabStops = element.textStyle?.tabStops;
-  const tabSize = computeTabSize(tabStops, element.textStyle?.defaultTabSize);
   const textWrapNone = element.textStyle?.textWrap === "none";
   const hasParagraphIndents = hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
   const paragraphMarginLeft = element.textStyle?.paragraphMarginLeft;
@@ -1004,35 +978,9 @@ function getTextLayoutStyle(element) {
   const textIndent = !hasParagraphIndents && typeof paragraphIndent === "number" && paragraphIndent !== 0 ? paragraphIndent : void 0;
   const bodyTop = element.textStyle?.bodyInsetTop ?? DEFAULT_BODY_INSET_TB_PX;
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
-  const parsedColumnSpacing = Number(element.textStyle?.columnSpacing);
-  const columnGap = Number.isFinite(parsedColumnSpacing) && parsedColumnSpacing > 0 ? `${parsedColumnSpacing}px` : "0.75em";
-  const kinsokuStyles = getKinsokuLineBreakStyles(element.textStyle);
-  if (hasColumns) {
-    return {
-      display: "block",
-      columnCount,
-      columnGap,
-      // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
-      // per-paragraph by the paragraph renderer, not collapsed here.
-      paddingTop: bodyTop,
-      paddingBottom: bodyBottom,
-      writingMode,
-      textOrientation,
-      direction: verticalDirection,
-      tabSize,
-      marginLeft,
-      textIndent,
-      ...kinsokuStyles,
-      ...textWrapNone ? {
-        whiteSpace: "nowrap",
-        overflow: "visible"
-      } : {}
-    };
-  }
   return {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent,
+    // Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
+    ...buildTextBodyLayoutStyle(element),
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
     // per-paragraph by the paragraph renderer, not collapsed here.
     paddingTop: bodyTop,
@@ -1040,10 +988,8 @@ function getTextLayoutStyle(element) {
     writingMode,
     textOrientation,
     direction: verticalDirection,
-    tabSize,
     marginLeft,
     textIndent,
-    ...kinsokuStyles,
     ...textWrapNone ? {
       whiteSpace: "nowrap",
       overflow: "visible"
@@ -1643,26 +1589,17 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     ),
     metricContext
   );
-  const spanNode = /* @__PURE__ */ jsx("span", { "data-seg-idx": segmentIndex, style: spanStyle, children: renderRubyOrText(segment, baseContent, baseFontSize, baseFontFamily, resolvedSegmentColor) }, key);
+  const spanNode = /* @__PURE__ */ jsx("span", { "data-seg-idx": segmentIndex, style: spanStyle, children: renderRubyOrText(run, baseContent) }, key);
   return run.hyperlink && onHyperlinkClick ? renderHyperlink(run, spanNode, key, ctx) : spanNode;
 }
-function renderRubyOrText(segment, baseContent, baseFontSize, baseFontFamily, resolvedColor) {
-  const rubyText = segment?.rubyText;
-  if (typeof rubyText !== "string" || rubyText.length === 0) {
+function renderRubyOrText(run, baseContent) {
+  if (!run.ruby) {
     return baseContent;
   }
-  const rubyStyle = {
-    fontSize: segment?.rubyFontSize ?? baseFontSize * 0.5,
-    fontFamily: segment?.rubyStyle?.fontFamily ?? baseFontFamily,
-    textAlign: segment?.rubyAlignment === "l" ? "left" : segment?.rubyAlignment === "r" ? "right" : segment?.rubyAlignment === "dist" || segment?.rubyAlignment === "distCat" || segment?.rubyAlignment === "distLetter" ? "justify" : "center"
-  };
-  if (segment?.rubyStyle?.color) {
-    rubyStyle.color = normalizeHexColor(segment.rubyStyle.color, resolvedColor);
-  }
   return /* @__PURE__ */ jsxs("ruby", { children: [
     baseContent,
     /* @__PURE__ */ jsx("rp", { children: "(" }),
-    /* @__PURE__ */ jsx("rt", { style: rubyStyle, children: rubyText }),
+    /* @__PURE__ */ jsx("rt", { style: run.ruby.style, children: run.ruby.text }),
     /* @__PURE__ */ jsx("rp", { children: ")" })
   ] });
 }
@@ -3309,6 +3246,18 @@ function renderTableFromTableData(element, textStyle, options) {
   const selectedCell = options?.selectedCell || null;
   const isEditable = Boolean(options?.editable);
   const hasCellSelectionHandler = typeof options?.onSelectCell === "function";
+  const sharedCtx = {
+    tableStyleMap: options?.styleCtx?.tableStyleMap,
+    colorScheme: options?.styleCtx?.theme?.colorScheme,
+    fontScheme: options?.styleCtx?.theme?.fontScheme
+  };
+  const cellCss = (cell, rowIndex, cellIndex) => tableCellCss(
+    tableData,
+    cell,
+    { rowIndex, cellIndex, rowCount, columnCount },
+    sharedCtx,
+    textStyle
+  );
   const selectionRect = (() => {
     if (!selectedCell?.selectedCells || selectedCell.selectedCells.length < 2) {
       return void 0;
@@ -3377,8 +3326,7 @@ function renderTableFromTableData(element, textStyle, options) {
                           colSpan: cell.gridSpan && cell.gridSpan > 1 ? cell.gridSpan : void 0,
                           rowSpan: cell.rowSpan && cell.rowSpan > 1 ? cell.rowSpan : void 0,
                           style: {
-                            ...textStyle,
-                            ...cellStyleToCss(cell.style),
+                            ...cellCss(cell, rowIndex, cellIndex),
                             ...diag ? { position: "relative" } : void 0
                           },
                           onClick: (event) => {
@@ -3423,10 +3371,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               TableCellInput,
                               {
                                 initialText: cell.text ?? "",
-                                style: {
-                                  ...textStyle,
-                                  ...cellStyleToCss(cell.style)
-                                },
+                                style: cellCss(cell, rowIndex, cellIndex),
                                 onCommit: (text) => {
                                   options?.onCommitCellEdit?.(rowIndex, cellIndex, text);
                                 },
@@ -5472,7 +5417,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-DEQP5O3U.mjs');
+      return await import('./SurfaceChart3DScene-JR62SOYO.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6252,4 +6197,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_FAMILY2 as 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, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, executeMediaCommand, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY2 as DEFAULT_FONT_FAMILY, DEFAULT_SECTION_GROUP_ID, 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, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, executeMediaCommand, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };