pptx-react-viewer 3.17.1 → 3.19.0

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

@@ -1,5 +1,5 @@
-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, 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, clampUnitInterval, 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-QTGCOL5H.mjs';
-import { translationsEn } from './chunk-LAU34UMB.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';
 import React7, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -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;
@@ -1796,112 +1842,8 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
       return base;
   }
 }
-function getConnectorAdjustment(element, key, fallback) {
-  const direct = element.shapeAdjustments?.[key];
-  if (typeof direct === "number" && Number.isFinite(direct)) {
-    return clampUnitInterval(direct / 1e5);
-  }
-  const fallbackKey = element.shapeAdjustments?.adj;
-  if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return clampUnitInterval(fallbackKey / 1e5);
-  }
-  return clampUnitInterval(fallback);
-}
-function getConnectorPathGeometry(element) {
-  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;
-  const point = (x, y) => `${mapX(x)} ${mapY(y)}`;
-  const startX = mapX(0);
-  const startY = mapY(0);
-  const endX = mapX(width);
-  const endY = mapY(height);
-  const horizontalDominant = width >= height;
-  if (normalizedType.includes("bentconnector3")) {
-    const adj1 = getConnectorAdjustment(element, "adj1", 0.32);
-    const adj2 = getConnectorAdjustment(element, "adj2", 0.68);
-    if (horizontalDominant) {
-      const x1 = width * Math.min(adj1, adj2);
-      const x2 = width * Math.max(adj1, adj2);
-      const yMid = height * 0.5;
-      return {
-        startX,
-        startY,
-        endX,
-        endY,
-        pathData: `M ${point(0, 0)} L ${point(x1, 0)} L ${point(x1, yMid)} L ${point(x2, yMid)} L ${point(x2, height)} L ${point(width, height)}`
-      };
-    }
-    const y1 = height * Math.min(adj1, adj2);
-    const y2 = height * Math.max(adj1, adj2);
-    const xMid = width * 0.5;
-    return {
-      startX,
-      startY,
-      endX,
-      endY,
-      pathData: `M ${point(0, 0)} L ${point(0, y1)} L ${point(xMid, y1)} L ${point(xMid, y2)} L ${point(width, y2)} L ${point(width, height)}`
-    };
-  }
-  if (normalizedType.includes("bentconnector")) {
-    const adj1 = getConnectorAdjustment(element, "adj1", 0.5);
-    const adj2 = getConnectorAdjustment(element, "adj2", 0.5);
-    if (horizontalDominant) {
-      const bendX = width * adj1;
-      return {
-        startX,
-        startY,
-        endX,
-        endY,
-        pathData: `M ${point(0, 0)} L ${point(bendX, 0)} L ${point(bendX, height)} L ${point(width, height)}`
-      };
-    }
-    const bendY = height * adj2;
-    return {
-      startX,
-      startY,
-      endX,
-      endY,
-      pathData: `M ${point(0, 0)} L ${point(0, bendY)} L ${point(width, bendY)} L ${point(width, height)}`
-    };
-  }
-  if (normalizedType.includes("curvedconnector3")) {
-    const adj1 = getConnectorAdjustment(element, "adj1", 0.22);
-    const adj2 = getConnectorAdjustment(element, "adj2", 0.78);
-    const control1X = width * adj1;
-    const control2X = width * adj2;
-    const control1Y = 0;
-    const control2Y = height;
-    return {
-      startX,
-      startY,
-      endX,
-      endY,
-      pathData: `M ${point(0, 0)} C ${point(control1X, control1Y)} ${point(control2X, control2Y)} ${point(width, height)}`
-    };
-  }
-  if (normalizedType.includes("curvedconnector")) {
-    const adj1 = getConnectorAdjustment(element, "adj1", 0.5);
-    const adj2 = getConnectorAdjustment(element, "adj2", horizontalDominant ? 0 : 1);
-    const controlX = width * adj1;
-    const controlY = height * adj2;
-    return {
-      startX,
-      startY,
-      endX,
-      endY,
-      pathData: `M ${point(0, 0)} Q ${point(controlX, controlY)} ${point(width, height)}`
-    };
-  }
-  return {
-    startX,
-    startY,
-    endX,
-    endY,
-    pathData: `M ${point(0, 0)} L ${point(width, height)}`
-  };
+function getConnectorPathGeometry2(element) {
+  return getConnectorPathGeometry(element);
 }
 var ARROW_SIZE_SCALE = {
   sm: 0.6,
@@ -2286,7 +2228,7 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
   if (element.type === "connector" || getShapeType(element.shapeType) === "connector" || element.shapeType === "line") {
     const viewWidth = Math.max(element.width, 1);
     const viewHeight = Math.max(element.height, 1);
-    const { pathData } = getConnectorPathGeometry(element);
+    const { pathData } = getConnectorPathGeometry2(element);
     const markerSeed = element.id.replace(/[^a-zA-Z0-9_-]/gu, "_");
     const startMarkerId = `${markerSeed}-start-arrow`;
     const endMarkerId = `${markerSeed}-end-arrow`;
@@ -3011,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,
@@ -3866,4 +3808,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_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS2 as STROKE_DASH_OPTIONS, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromTiledImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath2 as getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, 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, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS2 as STROKE_DASH_OPTIONS, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromTiledImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry2 as getConnectorPathGeometry, getCropShapeClipPath2 as getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };

package/dist/{chunk-64FUV37N.js → chunk-BRJN3ZMG.js}

@@ -3848,7 +3848,8 @@ var LOCALE_CATALOG = [
   { code: "en", label: "English", nativeLabel: "English" },
   { code: "fr", label: "French", nativeLabel: "Fran\xE7ais" },
   { code: "es", label: "Spanish", nativeLabel: "Espa\xF1ol" },
-  { code: "de", label: "German", nativeLabel: "Deutsch" }
+  { code: "de", label: "German", nativeLabel: "Deutsch" },
+  { code: "zh-CN", label: "Chinese (Simplified)", nativeLabel: "\u7B80\u4F53\u4E2D\u6587" }
 ];
 var ALIGNMENT_LABEL_KEYS = {
   left: "pptx.ribbon.alignLeft",