pptx-react-viewer 4.26.0 → 4.29.0

package/dist/{chunk-USJXG5TE.mjs → chunk-VI575UU6.mjs}

@@ -1,26 +1,28 @@
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, followingText, 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, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, 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, splitEastAsianBreaks, splitRunByScriptFont } from './chunk-LCWNHXHZ.mjs';
-import { translationsEn } from './chunk-XLPQM7OJ.mjs';
+import { __reExport } from './chunk-GDQSMJQZ.mjs';
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS as STROKE_DASH_OPTIONS$1, getAnimationInitialStyle as getAnimationInitialStyle$1, cloneHistorySnapshot as cloneHistorySnapshot$1, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, getCropShapeClipPath as getCropShapeClipPath$1, getImageTilingStyle as getImageTilingStyle$1, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle as buildTextBody3DSceneStyle$1, buildParagraphs, followingText, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData as build3DExtrusionData$1, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY$1, cellStyleToCss, TABLE_CELL_TEXT_DEFAULTS, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, eastAsianBreaksForRun, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects as apply3dEffects$1, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle as getTableCellBandStyle$1, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders as getCellDiagonalBorders$1, cellRunStyle, getChartStylePalette, computeChartLegendLayout, resolveChartSvgDef, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitEastAsianBreaks, splitRunByScriptFont } from 'ooxml-ui/pptx';
+export { ACTION_BUTTON_PRESETS, DEFAULT_COLOR_CHANGE_TOLERANCE, INK_REPLAY_KEYFRAMES, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, SHAPE_QUICK_STYLES, SLIDE_TRANSITION_OPTIONS, TABLE_STYLE_PRESETS, applyColorChange, applyFormatToElement, applyReroutedConnectors, buildCacheKey, buildContentPartStrokes, buildCssGradientFromShapeStyle, buildInkGroupStrokes, buildSaveSlides, canvasToJpegData, clampCropValue, cloneSlide, cloneTemplateElementsBySlideId, colorWithOpacity, comparePresentation, computeHandoutLayout, computeSnapToShape, copyFormatFromElement, formatCommentTimestamp, generateNoteLineCount, getAriaLabel, getAriaRole, getAriaRoleDescription, getCachedResult, getCompoundLineOffsets, getCompoundLineWidths, getContentPartReplayStyles, getElementLabel, getElementTransform, getElementTransformWithoutRotation, getImageEffectsFilter, getImageEffectsOpacity, getInkReplayStyles, getPatternSvg, getPrintableArea, getShapeAdjustmentHandleDescriptors, getSvgStrokeDasharray, getTextCompensationTransform, hasCopyableFormat, isEditableTextElement, isImageTiled, isPpactionUrl, isTemplateElementId, isUrlSafe, makeCloneId, mergeCells, normalizeHexColor, normalizeStrokeDashType, openNativeEyeDropper, parsePpactionUrl, partitionTemplateElements, rerouteConnectorsForMovedElements, safeOpenUrl, sanitizeGradientStops, setCachedResult, splitCell, stopAllPersistentAudio, substituteFieldText } from 'ooxml-ui/pptx';
+import * as pptx_star from 'ooxml-core/pptx';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React8, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
 import { LuTriangle, LuPlus, LuMoveRight, LuMinus, LuDiamond, LuDatabase, LuCircle, LuSquare } from 'react-icons/lu';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { translationsEn } from 'ooxml-ui/pptx/i18n';
 import { useTranslation } from 'react-i18next';
 
-// src/viewer/utils/animation-effects.ts
-function getAnimationInitialStyle2(preset, nativeAnimation) {
-  return getAnimationInitialStyle(preset, nativeAnimation);
+function getAnimationInitialStyle(preset, nativeAnimation) {
+  return getAnimationInitialStyle$1(preset, nativeAnimation);
 }
+
+// ../core/dist/index.mjs
+var dist_exports = {};
+__reExport(dist_exports, pptx_star);
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-
-// src/viewer/utils/clone.ts
-function cloneHistorySnapshot2(snapshot) {
-  return cloneHistorySnapshot(snapshot);
+function cloneHistorySnapshot(snapshot) {
+  return cloneHistorySnapshot$1(snapshot);
 }
-
-// src/viewer/constants/scalar.ts
 var DEFAULT_CANVAS_WIDTH = 1280;
 var DEFAULT_CANVAS_HEIGHT = 720;
 var MIN_ELEMENT_SIZE = 12;
@@ -29,7 +31,7 @@ var DEFAULT_BODY_INSET_TB_PX = 45720 / 9525;
 var DEFAULT_TEXT_COLOR = "#111827";
 var DEFAULT_FILL_COLOR = "#3b82f6";
 var DEFAULT_STROKE_COLOR = "#1f2937";
-var DEFAULT_FONT_FAMILY2 = '"Segoe UI", "Helvetica Neue", Arial, sans-serif';
+var DEFAULT_FONT_FAMILY = '"Segoe UI", "Helvetica Neue", Arial, sans-serif';
 var DEFAULT_TEXT_FONT_SIZE = 24;
 var HYPERLINK_COLOR = "#0563C1";
 var DEFAULT_TABLE_ROWS = 3;
@@ -39,8 +41,6 @@ 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 = [
   { id: "file", labelKey: "pptx.ribbon.tab.file" },
   { id: "home", labelKey: "pptx.ribbon.tab.home" },
@@ -56,8 +56,6 @@ var TOOLBAR_SECTIONS = [
   { id: "help", labelKey: "pptx.ribbon.tab.help" }
 ];
 var SHORTCUT_REFERENCE_ITEMS = VIEWER_SHORTCUT_REFERENCE;
-
-// src/viewer/constants/transitions-animations.ts
 var ANIMATION_PRESET_OPTIONS = [
   { value: "fadeIn", label: "Fade In", i18nKey: "pptx.animation.preset.fadeIn" },
   { value: "flyIn", label: "Fly In", i18nKey: "pptx.animation.preset.flyIn" },
@@ -93,8 +91,6 @@ var SHAPE_PRESETS = SHAPE_PRESET_DEFS.map(
     })
   })
 );
-
-// src/viewer/constants/connectors-strokes.ts
 var CONNECTOR_ARROW_OPTIONS = [
   { value: "none", label: "None", i18nKey: "pptx.arrowhead.none" },
   { value: "triangle", label: "Triangle", i18nKey: "pptx.arrowhead.triangle" },
@@ -108,7 +104,7 @@ var ARROW_SIZE_OPTIONS = [
   { value: "med", label: "Medium", i18nKey: "pptx.connectorOptions.sizeMedium" },
   { value: "lg", label: "Large", i18nKey: "pptx.connectorOptions.sizeLarge" }
 ];
-var STROKE_DASH_OPTIONS2 = STROKE_DASH_OPTIONS;
+var STROKE_DASH_OPTIONS = STROKE_DASH_OPTIONS$1;
 
 // src/viewer/utils/shape-types.tsx
 function getShapeType(shapeType) {
@@ -211,22 +207,18 @@ function getShapeType(shapeType) {
   }
   return "rect";
 }
-
-// src/viewer/utils/element.ts
 function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!hasShapeProperties(element)) {
+  if (!(0, dist_exports.hasShapeProperties)(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
   return st === "connector" || st === "line" || element.shapeType === "line";
 }
-
-// src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!hasShapeProperties(element)) {
+  if (!(0, dist_exports.hasShapeProperties)(element)) {
     return void 0;
   }
   const geometry = resolveShapeGeometry(element);
@@ -252,11 +244,11 @@ function getImageSurfaceMaskStyle(element) {
   return {
     overflow: "hidden",
     borderRadius: mask?.borderRadius,
-    clipPath: mask?.clipPath ?? getCropShapeClipPath2(element)
+    clipPath: mask?.clipPath ?? getCropShapeClipPath(element)
   };
 }
 function getImageSurfaceStyle(element) {
-  const fill = hasShapeProperties(element) ? getComputedFillStyle(element) : void 0;
+  const fill = (0, dist_exports.hasShapeProperties)(element) ? getComputedFillStyle(element) : void 0;
   return {
     position: "absolute",
     inset: 0,
@@ -268,14 +260,14 @@ function getImageSurfaceStyle(element) {
     backgroundPosition: fill?.backgroundPosition
   };
 }
-function getCropShapeClipPath2(element) {
-  if (!isImageLikeElement(element)) {
+function getCropShapeClipPath(element) {
+  if (!(0, dist_exports.isImageLikeElement)(element)) {
     return void 0;
   }
-  return getCropShapeClipPath(element.cropShape, element.width, element.height);
+  return getCropShapeClipPath$1(element.cropShape, element.width, element.height);
 }
-function getImageTilingStyle2(element, nativeSize) {
-  return getImageTilingStyle(element, nativeSize);
+function getImageTilingStyle(element, nativeSize) {
+  return getImageTilingStyle$1(element, nativeSize);
 }
 
 // src/viewer/utils/geometry-image.ts
@@ -313,8 +305,6 @@ function ensureArrayValue(value) {
   }
   return Array.isArray(value) ? value : [value];
 }
-
-// src/viewer/utils/media-persistent-audio.tsx
 function buildTrimFragment(element) {
   const start = element.trimStartMs;
   if (start === void 0 || start <= 0) {
@@ -789,15 +779,11 @@ function renderMediaElement(element, mediaDataUrls, options) {
   }
   return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: translationsEn["pptx.media.title"] });
 }
-
-// src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
   return buildTextBlockStyle(element, { fallbackColor });
 }
-
-// src/viewer/utils/text-layout.tsx
 function getTextLayoutStyle(element) {
-  if (!hasTextProperties(element)) {
+  if (!(0, dist_exports.hasTextProperties)(element)) {
     return {};
   }
   const writingMode = toCssWritingMode(element.textStyle?.textDirection);
@@ -805,7 +791,7 @@ function getTextLayoutStyle(element) {
   const verticalDirection = toCssVerticalDirection(element.textStyle?.textDirection);
   const textWrapNone = element.textStyle?.textWrap === "none";
   const shapeAutoFitTextBox = element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
-  const hasParagraphIndents = hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = (0, dist_exports.hasTextProperties)(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
   const paragraphMarginLeft = element.textStyle?.paragraphMarginLeft;
   const paragraphIndent = element.textStyle?.paragraphIndent;
   const marginLeft = !hasParagraphIndents && typeof paragraphMarginLeft === "number" && paragraphMarginLeft !== 0 ? paragraphMarginLeft : void 0;
@@ -839,10 +825,8 @@ function getTextLayoutStyle(element) {
     } : {}
   };
 }
-
-// src/viewer/utils/text-effects.tsx
-function buildTextBody3DSceneStyle2(textStyle, elementSize) {
-  return buildTextBody3DSceneStyle(textStyle, elementSize);
+function buildTextBody3DSceneStyle(textStyle, elementSize) {
+  return buildTextBody3DSceneStyle$1(textStyle, elementSize);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1396,10 +1380,10 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     segmentStyle.scriptFallbackFont && segmentStyle.fontFamilyIsCascadeDefault
   );
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = scriptFallbackWins ? getSubstituteFontFamily(segmentStyle.scriptFallbackFont) : rawFontFamily ? getSubstituteFontFamily(
+  const baseFontFamily = scriptFallbackWins ? (0, dist_exports.getSubstituteFontFamily)(segmentStyle.scriptFallbackFont) : rawFontFamily ? (0, dist_exports.getSubstituteFontFamily)(
     rawFontFamily,
-    parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
-  ) : DEFAULT_FONT_FAMILY2;
+    (0, dist_exports.parsePanoseString)(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+  ) : DEFAULT_FONT_FAMILY;
   const scriptFonts = resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
   const needsScriptFonts = hasDistinctScriptFonts(scriptFonts);
   const authoredLetterSpacing = authoredLetterSpacingPx(segmentStyle);
@@ -1414,7 +1398,8 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     font: metricFont,
     authoredPx: authoredLetterSpacing,
     nestedStyle,
-    eastAsian: ctx.eastAsianBreaks,
+    // Resolved per run, so a Korean run keeps its Hangul words whole.
+    eastAsian: eastAsianBreaksForRun(ctx.eastAsianBreaks, segmentStyle.language),
     following: ctx.eastAsianFollowing
   };
   const spanStyle = { ...run.style };
@@ -1513,7 +1498,7 @@ function renderSeededListRun(seed, runs, segments, context) {
   });
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick, placeholderPrompt, inlineListSeed) {
-  if (!hasTextProperties(element)) {
+  if (!(0, dist_exports.hasTextProperties)(element)) {
     return emptyFallback || null;
   }
   const segments = segmentOverrides ?? element.textSegments;
@@ -1676,13 +1661,13 @@ function renderBulletMarker(para, paraIndex, elementId) {
   );
 }
 function getDuotoneColors(element) {
-  if (!isImageLikeElement(element)) {
+  if (!(0, dist_exports.isImageLikeElement)(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!hasShapeProperties(element)) {
+  if (!(0, dist_exports.hasShapeProperties)(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1699,7 +1684,7 @@ function buildLineShadowCss(element) {
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!hasShapeProperties(element)) {
+  if (!(0, dist_exports.hasShapeProperties)(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1715,7 +1700,7 @@ function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
 function hasDagDuotoneEffect(element) {
-  if (!hasShapeProperties(element)) {
+  if (!(0, dist_exports.hasShapeProperties)(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
@@ -1764,10 +1749,8 @@ function renderDagDuotoneSvgFilter(elementId, color1, color2) {
     }
   );
 }
-
-// src/viewer/utils/shape-visual-3d.ts
-function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return build3DExtrusionData(
+function build3DExtrusionData(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
+  return build3DExtrusionData$1(
     shape3d,
     scene3d,
     fillColor,
@@ -1775,8 +1758,8 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
     elementHeight
   );
 }
-function apply3dEffects2(base, scene3d, shape3d, fillColorFallback, elementSize, elementId) {
-  apply3dEffects(
+function apply3dEffects(base, scene3d, shape3d, fillColorFallback, elementSize, elementId) {
+  apply3dEffects$1(
     base,
     scene3d,
     shape3d,
@@ -1805,7 +1788,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     }
     return groupStyle;
   }
-  if (!hasShapeProperties(element)) {
+  if (!(0, dist_exports.hasShapeProperties)(element)) {
     return {};
   }
   const ss = element.shapeStyle;
@@ -1861,7 +1844,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     base.borderColor = void 0;
     base.borderStyle = void 0;
   }
-  apply3dEffects2(
+  apply3dEffects(
     base,
     ss?.scene3d,
     ss?.shape3d,
@@ -1909,8 +1892,8 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
       return base;
   }
 }
-function getConnectorPathGeometry2(element) {
-  return getConnectorPathGeometry(element);
+function getConnectorPathGeometry(element) {
+  return (0, dist_exports.getConnectorPathGeometry)(element);
 }
 var ARROW_SIZE_SCALE = {
   sm: 0.6,
@@ -2006,7 +1989,7 @@ function strokeStrands(d, keyBase, ctx) {
 }
 function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredPaths, shapeStyle, hasFill, fillColor, fillOpacity, strokePaint, strokeWidth, dashArray, animatesFill = false, gradient) {
   const ctx = strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray);
-  const subpaths = structuredPaths && structuredPaths.length > 0 ? customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? (0, dist_exports.customGeometryPathsToSvgSubpaths)(structuredPaths, pathWidth, pathHeight) : void 0;
   const needsPerSubpath = subpaths !== void 0 && subpaths.some((sp) => sp.fillMode && sp.fillMode !== "norm" || sp.stroke === false);
   const gradientPaint = gradient ? svgGradientFillRef(gradient) : void 0;
   const nodes = [];
@@ -2066,7 +2049,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
   );
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!hasShapeProperties(element)) {
+  if (!(0, dist_exports.hasShapeProperties)(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
@@ -2232,18 +2215,18 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       );
     }
   }
-  if (isCalloutShape(normalizedType)) {
+  if ((0, dist_exports.isCalloutShape)(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = getCalloutLeaderLineGeometry(
+    const geometry = (0, dist_exports.getCalloutLeaderLineGeometry)(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = (0, dist_exports.buildCalloutLeaderLineSvgPath)(geometry);
+      const bounds = (0, dist_exports.getCalloutViewBoxBounds)(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2295,7 +2278,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 } = getConnectorPathGeometry2(element);
+    const { pathData } = getConnectorPathGeometry(element);
     const markerSeed = element.id.replace(/[^a-zA-Z0-9_-]/gu, "_");
     const startMarkerId = `${markerSeed}-start-arrow`;
     const endMarkerId = `${markerSeed}-end-arrow`;
@@ -2384,7 +2367,7 @@ function parseGradientFillCss(gradFill) {
   const lin = gradFill["a:lin"];
   if (lin) {
     const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
-    const angleDeg = Math.round(ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round((0, dist_exports.ooxmlGradientAngleToCssDegrees)(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -2589,11 +2572,11 @@ function extractCellText(cellXml) {
     const textParts = [];
     const runs = ensureArrayValue(paragraph["a:r"]);
     runs.forEach((run) => {
-      textParts.push(xmlText(run["a:t"]) ?? "");
+      textParts.push((0, dist_exports.xmlText)(run["a:t"]) ?? "");
     });
     const fields = ensureArrayValue(paragraph["a:fld"]);
     fields.forEach((field) => {
-      textParts.push(xmlText(field["a:t"]) ?? "");
+      textParts.push((0, dist_exports.xmlText)(field["a:t"]) ?? "");
     });
     paragraphTexts.push(textParts.join(""));
   });
@@ -2691,22 +2674,22 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     }
   }
   if (cellProperties) {
-    const marL = Number.parseInt(String(cellProperties["@_marL"] || ""), 10);
-    const marR = Number.parseInt(String(cellProperties["@_marR"] || ""), 10);
-    const marT = Number.parseInt(String(cellProperties["@_marT"] || ""), 10);
-    const marB = Number.parseInt(String(cellProperties["@_marB"] || ""), 10);
-    const toPx = (emu) => Math.round(emu / 12700);
-    if (Number.isFinite(marL) && marL > 0) {
-      cellStyle.paddingLeft = toPx(marL);
+    const margin = (key) => Number.parseInt(String(cellProperties[key] ?? ""), 10) / EMU_PER_PX;
+    const marL = margin("@_marL");
+    const marR = margin("@_marR");
+    const marT = margin("@_marT");
+    const marB = margin("@_marB");
+    if (marL >= 0) {
+      cellStyle.paddingLeft = marL;
     }
-    if (Number.isFinite(marR) && marR > 0) {
-      cellStyle.paddingRight = toPx(marR);
+    if (marR >= 0) {
+      cellStyle.paddingRight = marR;
     }
-    if (Number.isFinite(marT) && marT > 0) {
-      cellStyle.paddingTop = toPx(marT);
+    if (marT >= 0) {
+      cellStyle.paddingTop = marT;
     }
-    if (Number.isFinite(marB) && marB > 0) {
-      cellStyle.paddingBottom = toPx(marB);
+    if (marB >= 0) {
+      cellStyle.paddingBottom = marB;
     }
   }
   if (cellProperties?.["@_anchor"]) {
@@ -2748,13 +2731,11 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   }
   return cellStyle;
 }
-
-// src/viewer/utils/table-band-style.tsx
-function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCount, styleCtx) {
+function getTableCellBandStyle(element, rowIndex, cellIndex, rowCount, columnCount, styleCtx) {
   if (element.type !== "table") {
     return void 0;
   }
-  return getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
+  return getTableCellBandStyle$1(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -2841,8 +2822,8 @@ function renderTableCellContent(cell, fallbackText) {
     );
   });
 }
-function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return getCellDiagonalBorders(style, tableData, pos, {
+function getCellDiagonalBorders(style, tableData, pos, styleCtx) {
+  return getCellDiagonalBorders$1(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3145,7 +3126,7 @@ function renderTableFromTableData(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: DEFAULT_FONT_FAMILY,
+                fontFamily: DEFAULT_FONT_FAMILY$1,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
                 ...tableContainerCss(tableData)
               },
@@ -3168,7 +3149,7 @@ function renderTableFromTableData(element, textStyle, options) {
                       const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
                       const isInMultiSelection = isCellInRect(rowIndex, cellIndex, selectionRect);
                       const isCellEditing = isCellSelected && selectedCell?.isEditing;
-                      const diag = getCellDiagonalBorders2(
+                      const diag = getCellDiagonalBorders(
                         cell.style,
                         tableData,
                         { rowIndex, cellIndex, rowCount, columnCount },
@@ -3305,7 +3286,7 @@ function renderTableElement(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: DEFAULT_FONT_FAMILY,
+                fontFamily: DEFAULT_FONT_FAMILY$1,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
                 ...tableContainerCss(tableEl.tableData)
               },
@@ -3335,7 +3316,7 @@ function renderTableElement(element, textStyle, options) {
                         const colSpan = Number.isFinite(gridSpanRaw) && gridSpanRaw > 1 ? gridSpanRaw : void 0;
                         const rowSpanRaw = Number.parseInt(String(cell["@_rowSpan"] || ""), 10);
                         const rSpan = Number.isFinite(rowSpanRaw) && rowSpanRaw > 1 ? rowSpanRaw : void 0;
-                        const bandStyle = getTableCellBandStyle2(
+                        const bandStyle = getTableCellBandStyle(
                           element,
                           rowIndex,
                           cellIndex,
@@ -3345,7 +3326,7 @@ function renderTableElement(element, textStyle, options) {
                         );
                         const xmlCellStyle = extractTableCellStyle(cell, textStyle, schemeOverrides);
                         const tdCellOverride = tableEl.tableData?.rows[rowIndex]?.cells[cellIndex]?.style;
-                        const diag = getCellDiagonalBorders2(
+                        const diag = getCellDiagonalBorders(
                           tdCellOverride,
                           tableEl.tableData,
                           {
@@ -3362,6 +3343,9 @@ function renderTableElement(element, textStyle, options) {
                           // is the only source when neither the table style band nor
                           // an explicit run/cell colour applies.
                           color: textStyle.color,
+                          // PowerPoint's line spacing and default margins, as
+                          // `tableCellCss` gives the structured-model path.
+                          ...TABLE_CELL_TEXT_DEFAULTS,
                           ...bandStyle,
                           ...xmlCellStyle,
                           ...tdCellOverride ? cellStyleToCss(tdCellOverride) : void 0,
@@ -3522,6 +3506,7 @@ function renderPrimitive(prim, key) {
           points: p.points,
           stroke: p.stroke,
           strokeWidth: p.strokeWidth,
+          strokeDasharray: p.dashArray,
           fill: p.fill,
           opacity: p.opacity ?? 1,
           ...partAttrs(p.part),
@@ -3539,6 +3524,8 @@ function renderPrimitive(prim, key) {
           cy: c.cy,
           r: c.r,
           fill: c.fill,
+          stroke: c.stroke,
+          strokeWidth: c.strokeWidth,
           opacity: c.opacity ?? 1,
           ...partAttrs(c.part),
           children: c.title !== void 0 ? /* @__PURE__ */ jsx("title", { children: c.title }) : null
@@ -3635,7 +3622,7 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
       viewBox: `0 0 ${vm.svgWidth} ${vm.svgHeight}`,
       preserveAspectRatio,
       children: [
-        vm.defs && vm.defs.length > 0 && /* @__PURE__ */ jsx("defs", { children: vm.defs.map(
+        vm.defs && vm.defs.length > 0 && /* @__PURE__ */ jsx("defs", { children: vm.defs.map(resolveChartSvgDef).map(
           (def, i) => def.kind === "linearGradient" ? /* @__PURE__ */ jsx(
             "linearGradient",
             {
@@ -3662,6 +3649,7 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
             {
               id: def.id,
               patternUnits: def.patternUnits,
+              patternContentUnits: def.patternContentUnits,
               x: def.x,
               y: def.y,
               width: def.width,
@@ -3803,8 +3791,6 @@ function renderChartElement(element) {
     chartPreserveAspectRatio(kind)
   );
 }
-
-// src/viewer/utils/pdf-builder-notes-builder.ts
 function buildNotesPdf(pages) {
   const images = pages.map((page) => {
     const dataUrl = page.canvas.toDataURL("image/jpeg", 0.92);
@@ -3824,15 +3810,11 @@ function buildNotesPdf(pages) {
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
-
-// src/viewer/utils/pdf-builder-slides.ts
 function buildPdfFromTiledImageData(pages) {
   const bytes = buildTiledSlidesPdfBytes(pages);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
-
-// src/viewer/utils/animation-preview.ts
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
@@ -3912,4 +3894,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, 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 };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, 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, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromTiledImageData, buildReactChartViewModel, buildTextBody3DSceneStyle, cloneHistorySnapshot, cn, dist_exports, getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };

package/dist/i18n.d.ts

@@ -1,46 +1 @@
-//#region ../shared/dist/i18n/index.d.ts
-//#region src/i18n/translations-en.d.ts
-/**
- * The canonical English UI-string dictionary for pptx-viewer. None of the
- * React/Vue/Angular binding packages ship translations themselves - each
- * only calls its framework's translation function (react-i18next's `t()`,
- * vue-i18n's `t()`, ngx-translate's `TranslateService`/`translate` pipe)
- * against dotted `pptx.*` keys. The host app supplies the dictionary; this
- * module is that dictionary for the demos, shared so all three stay in sync
- * instead of drifting into three separate copies.
- */
-declare const translationsEn: Record<string, string>;
-/**
- * Every key in the English dictionary. A new locale dictionary typed as
- * `Record<TranslationKey, string>` gets a compile error for any key it's
- * missing or misspells, so translation contributions stay complete without a
- * separate parity test.
- */
-type TranslationKey = keyof typeof translationsEn;
-/**
- * Convert a dotted translation key to a human-readable label when no
- * explicit dictionary entry exists yet. Takes the last segment and converts
- * camelCase to Title Case, e.g. "pptx.slideSorter.zoomIn" -> "Zoom In".
- */
-declare function keyToLabel(key: string): string;
-//#endregion
-//#region src/i18n/locale-catalog.d.ts
-/** One selectable entry in the viewer chrome's built-in language picker (File > Options > Language). */
-interface LocaleCatalogEntry {
-  /** BCP-47-ish locale code, e.g. `'en'`, `'fr'`. Matches `pptx-viewer-locales`' exports. */
-  code: string;
-  /** English display name, used before a translation dictionary for the target locale is loaded. */
-  label: string;
-  /** The locale's own name for itself, e.g. `'Français'` for `fr`. */
-  nativeLabel: string;
-}
-/**
- * Built-in language choices offered by File > Options > Language when a host
- * doesn't supply its own `availableLocales`. Mirrors the locales shipped by
- * the optional `pptx-viewer-locales` package (English needs no dictionary,
- * it's the viewer's own baseline).
- */
-declare const LOCALE_CATALOG: readonly LocaleCatalogEntry[];
-
-export { LOCALE_CATALOG, keyToLabel, translationsEn };
-export type { LocaleCatalogEntry, TranslationKey };
+export { LOCALE_CATALOG, LocaleCatalogEntry, TranslationKey, keyToLabel, translationsEn } from 'ooxml-ui/pptx/i18n';

package/dist/i18n.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunk6HMJTCFO_js = require('./chunk-6HMJTCFO.js');
-require('./chunk-4VNS5WPM.js');
+require('./chunk-DFFCFNK2.js');
+var i18n = require('ooxml-ui/pptx/i18n');
 
 
 
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
-  get: function () { return chunk6HMJTCFO_js.LOCALE_CATALOG; }
+  get: function () { return i18n.LOCALE_CATALOG; }
 });
 Object.defineProperty(exports, "keyToLabel", {
   enumerable: true,
-  get: function () { return chunk6HMJTCFO_js.keyToLabel; }
+  get: function () { return i18n.keyToLabel; }
 });
 Object.defineProperty(exports, "translationsEn", {
   enumerable: true,
-  get: function () { return chunk6HMJTCFO_js.translationsEn; }
+  get: function () { return i18n.translationsEn; }
 });

package/dist/i18n.js.br

@@ -1,2 +1,2 @@
-�
 ��tc/����bxi`��b���@o�T���q��Y�q``�M��Df������u\o������f���Z\�]/���+�γ%p�w��kZ!�_v�A] �9Xn���ű����p��0���
-���4�ݜb����ڷiq��_paK�����t���{<j�
 ����5����<0
+�
���tc/����b�h`���NNRZ7��z9��_hF�	I6�6�(Y�6�n<��W�#z���
��9T7\c2��U_'�r�IB�7��BZ��ƞ�m{-3{�}���FT0���H(��@����>]n��
+4�oR97�:t�Mݦ9����D��}�yj��v�jp�b�ʱM�**W���