pptx-react-viewer 3.2.0 → 3.4.0

package/dist/{chunk-FMEEIS6L.mjs → chunk-SFMATKNJ.mjs}

@@ -1,5 +1,5 @@
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getComputedFillStyle, isImageLikeElement, getImageTilingStyle, runMediaCommand, findMediaElementByElementId, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, 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, registerPersistentAudio, 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-G7UBIKAG.mjs';
-import { translationsEn } from './chunk-RHSA5BW5.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-B7WAGQW4.mjs';
+import { translationsEn } from './chunk-XWUMM2TX.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React6, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -124,32 +124,7 @@ var ARROW_SIZE_OPTIONS = [
   { value: "med", label: "Medium", i18nKey: "pptx.connectorOptions.sizeMedium" },
   { value: "lg", label: "Large", i18nKey: "pptx.connectorOptions.sizeLarge" }
 ];
-var STROKE_DASH_OPTIONS = [
-  { value: "solid", label: "Solid", i18nKey: "pptx.stroke.dashSolid" },
-  { value: "dot", label: "Dot", i18nKey: "pptx.stroke.dashDot" },
-  { value: "dash", label: "Dash", i18nKey: "pptx.stroke.dashDash" },
-  { value: "dashDot", label: "Dash Dot", i18nKey: "pptx.stroke.dashDashDot" },
-  { value: "lgDash", label: "Long Dash", i18nKey: "pptx.connectorOptions.dashLongDash" },
-  { value: "lgDashDot", label: "Long Dash Dot", i18nKey: "pptx.connectorOptions.dashLongDashDot" },
-  {
-    value: "lgDashDotDot",
-    label: "Long Dash Dot Dot",
-    i18nKey: "pptx.connectorOptions.dashLongDashDotDot"
-  },
-  { value: "sysDot", label: "System Dot", i18nKey: "pptx.stroke.dashSysDot" },
-  { value: "sysDash", label: "System Dash", i18nKey: "pptx.stroke.dashSysDash" },
-  {
-    value: "sysDashDot",
-    label: "System Dash Dot",
-    i18nKey: "pptx.connectorOptions.dashSysDashDot"
-  },
-  {
-    value: "sysDashDotDot",
-    label: "System Dash Dot Dot",
-    i18nKey: "pptx.connectorOptions.dashSysDashDotDot"
-  },
-  { value: "custom", label: "Custom", i18nKey: "pptx.documentProperties.tabs.custom" }
-];
+var STROKE_DASH_OPTIONS2 = STROKE_DASH_OPTIONS;
 
 // src/viewer/utils/shape-types.tsx
 function getShapeType(shapeType) {
@@ -290,7 +265,7 @@ function getImageSurfaceMaskStyle(element) {
   return {
     overflow: "hidden",
     borderRadius: mask?.borderRadius,
-    clipPath: mask?.clipPath ?? getCropShapeClipPath(element)
+    clipPath: mask?.clipPath ?? getCropShapeClipPath2(element)
   };
 }
 function getImageSurfaceStyle(element) {
@@ -306,24 +281,11 @@ function getImageSurfaceStyle(element) {
     backgroundPosition: fill?.backgroundPosition
   };
 }
-var CROP_SHAPE_CLIP_PATHS = {
-  ellipse: "ellipse(50% 50% at 50% 50%)",
-  roundedRect: "inset(0 round 12%)",
-  triangle: "polygon(50% 0%, 0% 100%, 100% 100%)",
-  diamond: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",
-  pentagon: "polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)",
-  hexagon: "polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)",
-  star: "polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"
-};
-function getCropShapeClipPath(element) {
+function getCropShapeClipPath2(element) {
   if (!isImageLikeElement(element)) {
     return void 0;
   }
-  const shape = element.cropShape;
-  if (!shape || shape === "none") {
-    return void 0;
-  }
-  return CROP_SHAPE_CLIP_PATHS[shape];
+  return getCropShapeClipPath(element.cropShape, element.width, element.height);
 }
 function getImageTilingStyle2(element) {
   return getImageTilingStyle(element);
@@ -511,27 +473,6 @@ function AudioWithMetadata({
     }
   ) });
 }
-
-// src/viewer/utils/media-element-registry.ts
-var registry = /* @__PURE__ */ new Map();
-function registerMediaElement(elementId, el) {
-  if (!elementId) {
-    return () => {
-    };
-  }
-  registry.set(elementId, el);
-  return () => {
-    if (registry.get(elementId) === el) {
-      registry.delete(elementId);
-    }
-  };
-}
-function executeMediaCommand(command, frameRoot) {
-  return runMediaCommand(
-    command,
-    (targetId) => registry.get(targetId) ?? findMediaElementByElementId(targetId, frameRoot?.())
-  );
-}
 function PresentationMediaController({
   element,
   isPresentationMode,
@@ -562,18 +503,7 @@ function PresentationMediaController({
       }
     };
   }, []);
-  useEffect(() => {
-    const el = mediaRef.current;
-    if (!el) {
-      return;
-    }
-    return registerMediaElement(element.id, el);
-  }, [element.id]);
-  const {
-    loop: shouldLoop,
-    volume: playbackVolume,
-    playbackRate
-  } = mediaPlaybackAttributes({
+  const { volume: playbackVolume, playbackRate } = mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
@@ -708,15 +638,7 @@ function PresentationMediaController({
     }
     if (element.playAcrossSlides && element.mediaType === "audio") {
       const dataUrl = element.mediaData ?? resolvedDataUrl;
-      if (dataUrl) {
-        registerPersistentAudio(
-          element.id,
-          dataUrl,
-          element.mediaMimeType,
-          shouldLoop,
-          playbackVolume,
-          trimStartSec
-        );
+      if (registerCrossSlideAudio(element, dataUrl)) {
         return;
       }
     }
@@ -732,19 +654,7 @@ function PresentationMediaController({
       });
     }, 100);
     return () => window.clearTimeout(timer);
-  }, [
-    isPresentationMode,
-    shouldAutoPlay,
-    element.playAcrossSlides,
-    element.mediaType,
-    element.mediaData,
-    element.mediaMimeType,
-    element.id,
-    resolvedDataUrl,
-    shouldLoop,
-    playbackVolume,
-    trimStartSec
-  ]);
+  }, [isPresentationMode, shouldAutoPlay, element, resolvedDataUrl, trimStartSec]);
   const wrapperStyle = hideWhenNotPlaying ? {
     opacity: isMediaPlaying ? 1 : 0,
     transition: "opacity 0.3s ease",
@@ -1572,14 +1482,14 @@ function renderRubyOrText(run, baseContent) {
     /* @__PURE__ */ jsx("rp", { children: ")" })
   ] });
 }
-function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
+function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick, placeholderPrompt) {
   if (!hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const segments = segmentOverrides ?? element.textSegments;
   if (!segments || segments.length === 0) {
-    if (!element.text && element.promptText) {
-      return /* @__PURE__ */ jsx("span", { style: { opacity: 0.5, color: "#888888", pointerEvents: "none" }, children: element.promptText });
+    if (placeholderPrompt) {
+      return /* @__PURE__ */ jsx("span", { style: placeholderPrompt.style, children: placeholderPrompt.text });
     }
     return element.text || emptyFallback || "";
   }
@@ -1704,17 +1614,6 @@ function renderBulletMarker(para, paraIndex, elementId) {
     `${elementId}-para-${paraIndex}-bullet`
   );
 }
-function hexToRgbUnit(hex) {
-  const clean = hex.replace("#", "");
-  const r = parseInt(clean.substring(0, 2), 16) / 255;
-  const g = parseInt(clean.substring(2, 4), 16) / 255;
-  const b = parseInt(clean.substring(4, 6), 16) / 255;
-  return {
-    r: Number.isFinite(r) ? r : 0,
-    g: Number.isFinite(g) ? g : 0,
-    b: Number.isFinite(b) ? b : 0
-  };
-}
 function getDuotoneColors(element) {
   if (!isImageLikeElement(element)) {
     return void 0;
@@ -3964,4 +3863,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_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, 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, 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, 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 };