pptx-react-viewer 3.18.0 → 3.19.0

package/dist/{chunk-2OCTGK4L.mjs → chunk-7VFH2FRI.mjs}

@@ -1,4 +1,4 @@
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, getConnectorPathGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, xmlText, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitRunByScriptFont } from './chunk-GNRVDNCV.mjs';
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, getConnectorPathGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, xmlText, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitRunByScriptFont } from './chunk-F552WUJN.mjs';
 import { translationsEn } from './chunk-MQUTXOET.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -1426,7 +1426,33 @@ function renderRubyOrText(run, baseContent) {
     /* @__PURE__ */ jsx("rp", { children: ")" })
   ] });
 }
-function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick, placeholderPrompt) {
+function renderSeededListRun(seed, runs, segments, context) {
+  const sourceRun = runs.find((candidate) => candidate.segmentIndex === seed.segmentIndex);
+  const segment = sourceRun ? segments[seed.segmentIndex] : { text: seed.text, style: seed.style };
+  const resolvedSegment = {
+    ...segment,
+    style: withInlineListDecorationDefaults(segment.style, context.element.textStyle)
+  };
+  const decorationCss = segmentStyleToCss(
+    resolvedSegment,
+    resolveAutoFitFontScale(context.element.textStyle)
+  );
+  applyUnderlineVariant(decorationCss, resolvedSegment);
+  const run = sourceRun ? { ...sourceRun, style: { ...sourceRun.style, ...nestedTextDecorationStyle(decorationCss) } } : {
+    text: seed.text,
+    style: decorationCss,
+    segmentIndex: seed.segmentIndex
+  };
+  const rendered = renderParagraphRun(run, resolvedSegment, context);
+  if (!React7.isValidElement(rendered)) {
+    return rendered;
+  }
+  return React7.cloneElement(rendered, {
+    "data-pptx-list-run": seed.token,
+    ...seed.text === "" ? { children: /* @__PURE__ */ jsx("br", {}) } : {}
+  });
+}
+function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick, placeholderPrompt, inlineListSeed) {
   if (!hasTextProperties(element)) {
     return emptyFallback || null;
   }
@@ -1437,7 +1463,12 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     }
     return element.text || emptyFallback || "";
   }
-  const paragraphs = buildParagraphs(element, fieldContext, segmentOverrides);
+  const paragraphs = buildParagraphs(
+    element,
+    fieldContext,
+    segmentOverrides,
+    inlineListSeed ? { preserveTrailingEmpty: true } : void 0
+  );
   const ctx = {
     element,
     fallbackColor,
@@ -1446,7 +1477,15 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     requireCtrlClick
   };
   return paragraphs.map(
-    (para, paraIndex) => renderParagraph(para, paraIndex, paragraphs.length, segments, ctx, subElementAnimStates)
+    (para, paraIndex) => renderParagraph(
+      para,
+      paraIndex,
+      paragraphs.length,
+      segments,
+      ctx,
+      subElementAnimStates,
+      inlineListSeed
+    )
   );
 }
 function joinRunsBySegment(runs) {
@@ -1461,13 +1500,12 @@ function joinRunsBySegment(runs) {
   }
   return out;
 }
-function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAnimStates) {
+function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAnimStates, inlineListSeed) {
   const element = ctx.element;
   const runCtx = { ...ctx, paragraphRtl: para.rtl };
   const runs = joinRunsBySegment(para.runs);
-  const renderedRuns = runs.map(
-    (run) => renderParagraphRun(run, segments[run.segmentIndex ?? -1], runCtx)
-  );
+  const listParagraph = inlineListSeed?.paragraphs[paraIndex];
+  const renderedRuns = listParagraph ? listParagraph.runs.map((run) => renderSeededListRun(run, runs, segments, runCtx)) : runs.map((run) => renderParagraphRun(run, segments[run.segmentIndex ?? -1], runCtx));
   const paraStyle = {
     // `text-align`, BiDi `direction` / `unicode-bidi` and the kinsoku
     // line-break rules, resolved by shared from this paragraph's own `a:pPr`.
@@ -1512,17 +1550,25 @@ function renderParagraph(para, paraIndex, paraCount, segments, ctx, subElementAn
       `-build-${pieceKey}`
     )
   );
-  const needsWrapper = Object.keys(paraStyle).length > 0 || marker !== null;
+  const needsWrapper = Boolean(listParagraph) || Object.keys(paraStyle).length > 0 || marker !== null;
   if (!needsWrapper) {
     return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
       wrappedContent,
       paraIndex < paraCount - 1 ? /* @__PURE__ */ jsx("br", {}) : null
     ] }, `${element.id}-para-${paraIndex}`);
   }
-  return /* @__PURE__ */ jsxs("div", { style: paraStyle, children: [
-    marker,
-    para.isEmpty ? /* @__PURE__ */ jsx("br", {}) : wrappedContent
-  ] }, `${element.id}-para-${paraIndex}`);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: paraStyle,
+      "data-pptx-list-paragraph": listParagraph?.token,
+      children: [
+        marker,
+        para.isEmpty && !listParagraph ? /* @__PURE__ */ jsx("br", {}) : wrappedContent
+      ]
+    },
+    `${element.id}-para-${paraIndex}`
+  );
 }
 function renderBulletMarker(para, paraIndex, elementId) {
   const picture = para.bulletPicture;
@@ -2907,10 +2953,10 @@ function TableResizeOverlay({
         return;
       }
       const rect = containerRef.current.getBoundingClientRect();
-      if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
+      if (e.clientX !== drag.startPos && drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
         onResizeColumns(computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
-      } else if (drag.type === "row" && onResizeRow) {
+      } else if (e.clientY !== drag.startPos && drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
         const newHeight = computeResizedRowHeight(
           drag.initialRowHeight ?? DEFAULT_ROW_HEIGHT,