pptx-react-viewer 3.5.0 → 3.5.1

package/dist/{chunk-24XC5C2B.mjs → chunk-DGFYYQAK.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, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, registerCrossSlideAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitRunForMetrics, splitRunByScriptFont } from './chunk-X7L3RHFQ.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, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, registerCrossSlideAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitRunForMetrics, splitRunByScriptFont } from './chunk-P7SNHVMV.mjs';
 import { translationsEn } from './chunk-JCJ3EPG6.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -1586,6 +1586,8 @@ function renderBulletMarker(para, paraIndex, elementId) {
     return /* @__PURE__ */ jsx(
       "img",
       {
+        "data-pptx-bullet-marker": true,
+        contentEditable: false,
         src: picture.src,
         alt: picture.accessibleLabel,
         style: {
@@ -1607,6 +1609,8 @@ function renderBulletMarker(para, paraIndex, elementId) {
     "span",
     {
       className: "pptx-bullet",
+      "data-pptx-bullet-marker": true,
+      contentEditable: false,
       style: para.bulletStyle,
       "aria-label": picture?.accessibleLabel,
       children: para.bulletMarker

package/dist/{chunk-AU5YFUUK.js → chunk-MLDG7WX6.js}

@@ -62976,8 +62976,16 @@ var PptxHandlerRuntime13 = class extends PptxHandlerRuntime12 {
     if (!bullet) {
       return false;
     }
-    const marker = bullet.char ? `${bullet.char} ` : bullet.imageRelId || bullet.imageDataUrl ? "\u{1F4CE} " : bullet.autoNumType ? void 0 : "\u2022 ";
-    return marker ? segment.text === marker : bullet.paragraphIndex !== void 0;
+    if (bullet.autoNumType) {
+      if (bullet.paragraphIndex === void 0) {
+        return false;
+      }
+      const ordinal = Math.max(1, (bullet.autoNumStartAt ?? 1) + bullet.paragraphIndex);
+      const marker2 = formatAutoNumberMarker(bullet.autoNumType, ordinal);
+      return segment.text === marker2 || segment.text === `${marker2} `;
+    }
+    const marker = bullet.char ? `${bullet.char} ` : bullet.imageRelId || bullet.imageDataUrl ? "\u{1F4CE} " : "\u2022 ";
+    return segment.text === marker;
   }
   createParagraphsFromTextContent(text22, textStyle, textSegments, resolveHyperlinkRelationshipId) {
     const runScopedTextStyle = toRunScopedTextStyle(textStyle);
@@ -123330,6 +123338,89 @@ function round2(value) {
 function round6(value) {
   return Math.round(value * 1e6) / 1e6;
 }
+function resolvePictureBullet(info, baseFontSize) {
+  if (!info.imageDataUrl && !info.imageRelId && !info.imageBlipFillXml) {
+    return void 0;
+  }
+  const sizePx = typeof info.sizePts === "number" ? info.sizePts : typeof info.sizePercent === "number" ? baseFontSize * (info.sizePercent / 100) : baseFontSize;
+  return {
+    ...info.imageDataUrl ? { src: info.imageDataUrl } : {},
+    sizePx,
+    fallbackMarker: "\u2022",
+    accessibleLabel: "Bullet",
+    ...info.imageRelId ? { imageRelId: info.imageRelId } : {}
+  };
+}
+function resolveParagraphBullet(firstSegment, baseFontSize = firstSegment?.style?.fontSize ?? 16) {
+  if (!firstSegment) {
+    return void 0;
+  }
+  if (firstSegment.style?.listType === "none") {
+    return void 0;
+  }
+  const info = firstSegment.bulletInfo;
+  if (!info || info.none) {
+    return void 0;
+  }
+  const color2 = info.color;
+  const fontFamily = info.fontFamily;
+  const sizePts = typeof info.sizePts === "number" ? info.sizePts : void 0;
+  const sizePercent = typeof info.sizePercent === "number" ? info.sizePercent : void 0;
+  const picture = resolvePictureBullet(info, baseFontSize);
+  if (picture) {
+    return {
+      marker: picture.fallbackMarker,
+      isNumbered: false,
+      color: color2,
+      fontFamily,
+      sizePts,
+      sizePercent,
+      picture
+    };
+  }
+  if (info.autoNumType) {
+    const startAt = typeof info.autoNumStartAt === "number" ? info.autoNumStartAt : 1;
+    const paraIdx = typeof info.paragraphIndex === "number" ? info.paragraphIndex : 0;
+    const seqNum = Math.max(1, startAt + paraIdx);
+    return {
+      marker: formatAutoNumberMarker(info.autoNumType, seqNum),
+      isNumbered: true,
+      color: color2,
+      fontFamily,
+      sizePts,
+      sizePercent
+    };
+  }
+  if (info.char) {
+    return { marker: info.char, isNumbered: false, color: color2, fontFamily, sizePts, sizePercent };
+  }
+  return void 0;
+}
+var INDENT_PX_PER_LEVEL = 18;
+function bulletIndentPx(level) {
+  const lvl = typeof level === "number" && level > 0 ? level : 0;
+  return lvl * INDENT_PX_PER_LEVEL;
+}
+function resolveParagraphIndent(paraIndent, paragraphLevel) {
+  const marginLeft = typeof paraIndent?.marginLeft === "number" && paraIndent.marginLeft !== 0 ? paraIndent.marginLeft : void 0;
+  const textIndent = typeof paraIndent?.indent === "number" && paraIndent.indent !== 0 ? paraIndent.indent : void 0;
+  if (marginLeft === void 0 && textIndent === void 0) {
+    const levelPx = bulletIndentPx(paragraphLevel);
+    return levelPx > 0 ? { marginLeftPx: levelPx } : {};
+  }
+  return { marginLeftPx: marginLeft, textIndentPx: textIndent };
+}
+function isBulletMarkerSegment(segment) {
+  const bullet = segment.bulletInfo;
+  if (!bullet || bullet.none) {
+    return false;
+  }
+  const resolved = resolveParagraphBullet(segment);
+  if (!resolved) {
+    return false;
+  }
+  return segment.text.trim() === resolved.marker.trim() && segment.text.trim().length > 0;
+}
 var OUTLINE_VIEW_ATTR = "data-pptx-outline-view";
 var OUTLINE_ROW_ATTR = "data-pptx-outline-row";
 var OUTLINE_SLIDE_ATTR = "data-pptx-outline-slide";
@@ -123385,10 +123476,13 @@ function isBulletMarker(segment) {
   if (!bullet) {
     return false;
   }
-  const marker = bullet.char ? `${bullet.char} ` : bullet.imageRelId || bullet.imageDataUrl ? "\u{1F4CE} " : bullet.autoNumType ? void 0 : "\u2022 ";
-  return marker ? segment.text === marker : bullet.paragraphIndex !== void 0;
+  if (bullet.autoNumType) {
+    return bullet.paragraphIndex !== void 0 && isBulletMarkerSegment(segment);
+  }
+  const marker = bullet.char ? `${bullet.char} ` : bullet.imageRelId || bullet.imageDataUrl ? "\u{1F4CE} " : "\u2022 ";
+  return segment.text === marker;
 }
-function isParagraphSeparator(segment) {
+function isParagraphSeparator2(segment) {
   return Boolean(segment.isParagraphBreak) || segment.text === "\n" && !segment.isLineBreak;
 }
 function groupElementParagraphs(element) {
@@ -123402,7 +123496,7 @@ function groupElementParagraphs(element) {
   }
   const groups = [{ content: [] }];
   for (const segment of segments) {
-    if (isParagraphSeparator(segment)) {
+    if (isParagraphSeparator2(segment)) {
       groups.push({ content: [] });
       continue;
     }
@@ -128428,78 +128522,6 @@ function rulerDragToGuidePosition(pointerOffsetPx, scale, slideLengthPx) {
   }
   return position2;
 }
-function resolvePictureBullet(info, baseFontSize) {
-  if (!info.imageDataUrl && !info.imageRelId && !info.imageBlipFillXml) {
-    return void 0;
-  }
-  const sizePx = typeof info.sizePts === "number" ? info.sizePts : typeof info.sizePercent === "number" ? baseFontSize * (info.sizePercent / 100) : baseFontSize;
-  return {
-    ...info.imageDataUrl ? { src: info.imageDataUrl } : {},
-    sizePx,
-    fallbackMarker: "\u2022",
-    accessibleLabel: "Bullet",
-    ...info.imageRelId ? { imageRelId: info.imageRelId } : {}
-  };
-}
-function resolveParagraphBullet(firstSegment, baseFontSize = firstSegment?.style?.fontSize ?? 16) {
-  if (!firstSegment) {
-    return void 0;
-  }
-  if (firstSegment.style?.listType === "none") {
-    return void 0;
-  }
-  const info = firstSegment.bulletInfo;
-  if (!info || info.none) {
-    return void 0;
-  }
-  const color2 = info.color;
-  const fontFamily = info.fontFamily;
-  const sizePts = typeof info.sizePts === "number" ? info.sizePts : void 0;
-  const sizePercent = typeof info.sizePercent === "number" ? info.sizePercent : void 0;
-  const picture = resolvePictureBullet(info, baseFontSize);
-  if (picture) {
-    return {
-      marker: picture.fallbackMarker,
-      isNumbered: false,
-      color: color2,
-      fontFamily,
-      sizePts,
-      sizePercent,
-      picture
-    };
-  }
-  if (info.autoNumType) {
-    const startAt = typeof info.autoNumStartAt === "number" ? info.autoNumStartAt : 1;
-    const paraIdx = typeof info.paragraphIndex === "number" ? info.paragraphIndex : 0;
-    const seqNum = Math.max(1, startAt + paraIdx);
-    return {
-      marker: formatAutoNumberMarker(info.autoNumType, seqNum),
-      isNumbered: true,
-      color: color2,
-      fontFamily,
-      sizePts,
-      sizePercent
-    };
-  }
-  if (info.char) {
-    return { marker: info.char, isNumbered: false, color: color2, fontFamily, sizePts, sizePercent };
-  }
-  return void 0;
-}
-var INDENT_PX_PER_LEVEL = 18;
-function bulletIndentPx(level) {
-  const lvl = typeof level === "number" && level > 0 ? level : 0;
-  return lvl * INDENT_PX_PER_LEVEL;
-}
-function resolveParagraphIndent(paraIndent, paragraphLevel) {
-  const marginLeft = typeof paraIndent?.marginLeft === "number" && paraIndent.marginLeft !== 0 ? paraIndent.marginLeft : void 0;
-  const textIndent = typeof paraIndent?.indent === "number" && paraIndent.indent !== 0 ? paraIndent.indent : void 0;
-  if (marginLeft === void 0 && textIndent === void 0) {
-    const levelPx = bulletIndentPx(paragraphLevel);
-    return levelPx > 0 ? { marginLeftPx: levelPx } : {};
-  }
-  return { marginLeftPx: marginLeft, textIndentPx: textIndent };
-}
 var DEBOUNCE_MS = 600;
 var EXPANDED_MAX_HEIGHT = 200;
 var PX_TO_PT = 0.75;
@@ -133863,6 +133885,26 @@ function hasCopyableFormat(element) {
   }
   return hasShapeProperties(element) || hasTextProperties(element);
 }
+function withoutRenderedBulletPrefix(text22, originalSegments, dedicatedMarker) {
+  if (!dedicatedMarker) {
+    return text22;
+  }
+  const resolved = resolveParagraphBullet(dedicatedMarker);
+  if (!resolved || !text22.startsWith(resolved.marker)) {
+    return text22;
+  }
+  const withoutMarker = text22.slice(resolved.marker.length);
+  const originalContent = originalSegments.slice(1).map((segment) => segment.text).join("");
+  if (originalContent.trim().length === 0) {
+    return text22;
+  }
+  const originalLeadingSpaces = originalContent.length - originalContent.trimStart().length;
+  const editedLeadingSpaces = withoutMarker.length - withoutMarker.trimStart().length;
+  if (editedLeadingSpaces > originalLeadingSpaces) {
+    return withoutMarker.slice(1);
+  }
+  return withoutMarker;
+}
 function isAtomicOriginalSegment(seg) {
   return seg.fieldType !== void 0 || seg.equationXml !== void 0;
 }
@@ -133887,26 +133929,61 @@ function copySegmentMetadata(from, to) {
   }
   return to;
 }
+function restoreParagraphMetadata(from, segments) {
+  if (segments.length === 0) {
+    return segments;
+  }
+  const [first, ...rest] = segments;
+  const restored = { ...first };
+  delete restored.paragraphLevel;
+  delete restored.paragraphProperties;
+  delete restored.endParaRunProperties;
+  if (from?.paragraphLevel !== void 0) {
+    restored.paragraphLevel = from.paragraphLevel;
+  }
+  if (from?.paragraphProperties !== void 0) {
+    restored.paragraphProperties = from.paragraphProperties;
+  }
+  if (from?.endParaRunProperties !== void 0) {
+    restored.endParaRunProperties = from.endParaRunProperties;
+  }
+  return [restored, ...rest];
+}
 function remapTextToSegments(newText, originalSegments, elementTextStyle) {
   const fallbackStyle = { ...elementTextStyle };
   if (!originalSegments || originalSegments.length === 0) {
     return [{ text: newText, style: fallbackStyle }];
   }
-  const originalParagraphs = [[]];
+  const originalParagraphs = [
+    { segments: [] }
+  ];
   for (const seg of originalSegments) {
     if (seg.text === "\n" || seg.isParagraphBreak) {
-      originalParagraphs.push([]);
+      originalParagraphs[originalParagraphs.length - 1].terminator = seg;
+      originalParagraphs.push({ segments: [] });
     } else {
-      originalParagraphs[originalParagraphs.length - 1].push(seg);
+      originalParagraphs[originalParagraphs.length - 1].segments.push(seg);
     }
   }
   const newParagraphTexts = newText.split("\n");
-  const firstContentSeg = originalParagraphs.flat().find((s) => s.text.trim().length > 0);
+  const firstContentSeg = originalParagraphs.flatMap((paragraph) => paragraph.segments).find((s) => s.text.trim().length > 0);
   const baseFallbackStyle = firstContentSeg?.style ? { ...firstContentSeg.style } : fallbackStyle;
   function remapParagraph(paraNewText, paraOrigSegments) {
     if (paraOrigSegments.length === 0) {
       return paraNewText.length > 0 ? [{ text: paraNewText, style: { ...baseFallbackStyle } }] : [{ text: "", style: { ...baseFallbackStyle } }];
     }
+    const firstSegment = paraOrigSegments[0];
+    const dedicatedMarker = isBulletMarkerSegment(firstSegment) && (!firstSegment.bulletInfo?.autoNumType || firstSegment.bulletInfo.paragraphIndex !== void 0) ? firstSegment : void 0;
+    if (dedicatedMarker) {
+      const contentSegments = paraOrigSegments.slice(1);
+      const contentText = withoutRenderedBulletPrefix(
+        paraNewText,
+        paraOrigSegments,
+        dedicatedMarker
+      );
+      const content = contentSegments.length > 0 ? remapParagraph(contentText, contentSegments) : [{ text: contentText, style: { ...dedicatedMarker.style } }];
+      return [dedicatedMarker, ...content];
+    }
     const paragraphBulletInfo = paraOrigSegments[0].bulletInfo;
     if (paraNewText.length === 0) {
       const emptyStyle = { ...paraOrigSegments[0].style };
@@ -133976,15 +134053,19 @@ function remapTextToSegments(newText, originalSegments, elementTextStyle) {
     return remapped;
   }
   const output = [];
-  const lastOrigPara = originalParagraphs[originalParagraphs.length - 1];
+  const lastOrigPara = originalParagraphs[originalParagraphs.length - 1]?.segments;
   for (let pi = 0; pi < newParagraphTexts.length; pi++) {
     if (pi > 0) {
-      const precedingOrigPara = originalParagraphs[pi - 1] ?? [];
+      const precedingOrigPara = originalParagraphs[pi - 1]?.segments ?? [];
       const breakStyle = precedingOrigPara[0]?.style ? { ...precedingOrigPara[0].style } : { ...baseFallbackStyle };
       output.push({ text: "\n", style: breakStyle, isParagraphBreak: true });
     }
-    const origPara = originalParagraphs[pi] ?? lastOrigPara ?? [];
-    const paraSegments = remapParagraph(newParagraphTexts[pi], origPara);
+    const originalParagraph = originalParagraphs[pi];
+    const origPara = originalParagraph?.segments ?? lastOrigPara ?? [];
+    const paraSegments = restoreParagraphMetadata(
+      originalParagraph?.segments[0] ?? originalParagraph?.terminator,
+      remapParagraph(newParagraphTexts[pi], origPara)
+    );
     output.push(...paraSegments);
   }
   return output.length > 0 ? output : [{ text: "", style: { ...baseFallbackStyle } }];
@@ -152322,6 +152403,34 @@ function updateElement(slides, slideIndex, elementId, updates) {
     )
   );
 }
+function readEditableText(root) {
+  let out = "";
+  const walk2 = (node) => {
+    for (const child27 of Array.from(node.childNodes)) {
+      if (child27.nodeType === 3) {
+        out += child27.nodeValue ?? "";
+        continue;
+      }
+      if (!(child27 instanceof HTMLElement)) {
+        continue;
+      }
+      if (child27.hasAttribute("data-pptx-bullet-marker")) {
+        continue;
+      }
+      if (child27.tagName === "BR") {
+        out += "\n";
+        continue;
+      }
+      const isBlock = child27.tagName === "DIV" || child27.tagName === "P";
+      if (isBlock && out.length > 0 && !out.endsWith("\n")) {
+        out += "\n";
+      }
+      walk2(child27);
+    }
+  };
+  walk2(root);
+  return out;
+}
 var STROKE_DASH_OPTIONS = [
   { value: "solid", label: "Solid", i18nKey: "pptx.stroke.dashSolid" },
   { value: "dot", label: "Dot", i18nKey: "pptx.stroke.dashDot" },
@@ -155211,6 +155320,7 @@ exports.radarStylePatch = radarStylePatch;
 exports.reResolveElementColors = reResolveElementColors;
 exports.reResolveSlideColors = reResolveSlideColors;
 exports.readBackstageRecentFile = readBackstageRecentFile;
+exports.readEditableText = readEditableText;
 exports.readOnlyRecommendation = readOnlyRecommendation;
 exports.readRibbonTransitionDraft = readRibbonTransitionDraft;
 exports.readSlideShowOption = readSlideShowOption;