pptx-react-viewer 2.19.7 → 2.20.0

package/dist/{chunk-V5PW4QCE.js → chunk-BW3ZS73U.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkMVKRI3CZ_js = require('./chunk-MVKRI3CZ.js');
-var chunkGUGHIQ4P_js = require('./chunk-GUGHIQ4P.js');
+var chunk6CPUGAK7_js = require('./chunk-6CPUGAK7.js');
+var chunkJ56DMNSD_js = require('./chunk-J56DMNSD.js');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var React6 = require('react');
@@ -15,7 +15,7 @@ var React6__default = /*#__PURE__*/_interopDefault(React6);
 
 // src/viewer/utils/animation-effects.ts
 function getAnimationInitialStyle2(preset, nativeAnimation) {
-  return chunkGUGHIQ4P_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunkJ56DMNSD_js.getAnimationInitialStyle(preset, nativeAnimation);
 }
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -23,7 +23,7 @@ function cn(...inputs) {
 
 // src/viewer/utils/clone.ts
 function cloneHistorySnapshot2(snapshot) {
-  return chunkGUGHIQ4P_js.cloneHistorySnapshot(snapshot);
+  return chunkJ56DMNSD_js.cloneHistorySnapshot(snapshot);
 }
 
 // src/viewer/constants/scalar.ts
@@ -61,7 +61,7 @@ var TOOLBAR_SECTIONS = [
   { id: "view", labelKey: "pptx.ribbon.tab.view" },
   { id: "help", labelKey: "pptx.ribbon.tab.help" }
 ];
-var SHORTCUT_REFERENCE_ITEMS = chunkGUGHIQ4P_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunkJ56DMNSD_js.VIEWER_SHORTCUT_REFERENCE;
 
 // src/viewer/constants/theme.ts
 var THEME_COLOR_SWATCHES = [
@@ -105,7 +105,7 @@ var GLYPH_COMPONENTS = {
   plus: lu.LuPlus,
   triangle: lu.LuTriangle
 };
-var SHAPE_PRESETS = chunkGUGHIQ4P_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunkJ56DMNSD_js.SHAPE_PRESET_DEFS.map(
   (def) => ({
     type: def.type,
     label: def.label,
@@ -264,7 +264,7 @@ function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!chunkGUGHIQ4P_js.hasShapeProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasShapeProperties(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
@@ -273,7 +273,7 @@ function isConnectorOrLineElement(element) {
 
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!chunkGUGHIQ4P_js.hasShapeProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasShapeProperties(element)) {
     return void 0;
   }
   const shapeType = element.shapeType;
@@ -282,7 +282,7 @@ function getImageMaskStyle(element) {
   }
   const normalized = shapeType.toLowerCase();
   if (normalized === "roundrect" || normalized === "round1rect" || normalized === "round2samerect" || normalized === "round2diagrect" || normalized === "sniproundrect" || normalized === "snip1rect" || normalized === "snip2diagrect") {
-    const radiusPx = chunkGUGHIQ4P_js.getRoundRectRadiusPx2(element);
+    const radiusPx = chunkJ56DMNSD_js.getRoundRectRadiusPx2(element);
     if (radiusPx <= 0.01) {
       return void 0;
     }
@@ -294,7 +294,7 @@ function getImageMaskStyle(element) {
   if (normalized === "can" || normalized === "cylinder") {
     return { borderRadius: "48% / 12%" };
   }
-  const clipPath = chunkGUGHIQ4P_js.getResolvedShapeClipPath(element);
+  const clipPath = chunkJ56DMNSD_js.getResolvedShapeClipPath(element);
   if (!clipPath) {
     return void 0;
   }
@@ -303,7 +303,7 @@ function getImageMaskStyle(element) {
 function getImageRenderStyle(element) {
   return {
     ...getImageMaskStyle(element) || {},
-    ...chunkGUGHIQ4P_js.getImageFitStyle(element)
+    ...chunkJ56DMNSD_js.getImageFitStyle(element)
   };
 }
 var CROP_SHAPE_CLIP_PATHS = {
@@ -316,7 +316,7 @@ var CROP_SHAPE_CLIP_PATHS = {
   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) {
-  if (!chunkGUGHIQ4P_js.isImageLikeElement(element)) {
+  if (!chunkJ56DMNSD_js.isImageLikeElement(element)) {
     return void 0;
   }
   const shape = element.cropShape;
@@ -326,7 +326,7 @@ function getCropShapeClipPath(element) {
   return CROP_SHAPE_CLIP_PATHS[shape];
 }
 function getImageTilingStyle2(element) {
-  return chunkGUGHIQ4P_js.getImageTilingStyle(element);
+  return chunkJ56DMNSD_js.getImageTilingStyle(element);
 }
 
 // src/viewer/utils/geometry-image.ts
@@ -526,9 +526,9 @@ function registerMediaElement(elementId, el) {
   };
 }
 function executeMediaCommand(command, frameRoot) {
-  return chunkGUGHIQ4P_js.runMediaCommand(
+  return chunkJ56DMNSD_js.runMediaCommand(
     command,
-    (targetId) => registry.get(targetId) ?? chunkGUGHIQ4P_js.findMediaElementByElementId(targetId, frameRoot?.())
+    (targetId) => registry.get(targetId) ?? chunkJ56DMNSD_js.findMediaElementByElementId(targetId, frameRoot?.())
   );
 }
 function PresentationMediaController({
@@ -572,7 +572,7 @@ function PresentationMediaController({
     loop: shouldLoop,
     volume: playbackVolume,
     playbackRate
-  } = chunkGUGHIQ4P_js.mediaPlaybackAttributes({
+  } = chunkJ56DMNSD_js.mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
@@ -708,7 +708,7 @@ function PresentationMediaController({
     if (element.playAcrossSlides && element.mediaType === "audio") {
       const dataUrl = element.mediaData ?? resolvedDataUrl;
       if (dataUrl) {
-        chunkGUGHIQ4P_js.registerPersistentAudio(
+        chunkJ56DMNSD_js.registerPersistentAudio(
           element.id,
           dataUrl,
           element.mediaMimeType,
@@ -770,7 +770,7 @@ function PresentationMediaController({
   ] });
 }
 function label(key) {
-  return key === void 0 ? void 0 : chunkMVKRI3CZ_js.translationsEn[key];
+  return key === void 0 ? void 0 : chunk6CPUGAK7_js.translationsEn[key];
 }
 function FallbackIcon({
   paths,
@@ -806,17 +806,17 @@ function Badge({
     "div",
     {
       className: `absolute inset-0 flex flex-col items-center justify-center ${isMissing ? "gap-1" : ""}`,
-      ...{ [chunkGUGHIQ4P_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
+      ...{ [chunkJ56DMNSD_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkGUGHIQ4P_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkJ56DMNSD_js.mediaFallbackIcon(visual, element.mediaType),
             size: isMissing ? 32 : 48,
             className: isMissing ? "text-white/60" : "text-white/80 drop-shadow-md"
           }
         ),
-        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunkGUGHIQ4P_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunkJ56DMNSD_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -833,17 +833,17 @@ function Placeholder({
     "div",
     {
       className: `w-full h-full flex flex-col items-center justify-center gap-1 pointer-events-none rounded ${isMissing ? "bg-black/30 border border-dashed border-white/20" : element.mediaType === "audio" ? "bg-black/10" : "bg-black/20"}`,
-      ...{ [chunkGUGHIQ4P_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
+      ...{ [chunkJ56DMNSD_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunkGUGHIQ4P_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunkJ56DMNSD_js.mediaFallbackIcon(visual, element.mediaType),
             size: isMissing ? 36 : element.mediaType === "audio" ? 24 : 32,
             className: isMissing ? "text-white/50" : "text-white/70"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunkGUGHIQ4P_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunkJ56DMNSD_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -853,7 +853,7 @@ function renderMediaFallback({
   posterUrl,
   surface
 }) {
-  const visual = chunkGUGHIQ4P_js.mediaFallbackVisual(surface, {
+  const visual = chunkJ56DMNSD_js.mediaFallbackVisual(surface, {
     hasPoster: Boolean(posterUrl),
     missing: element.mediaMissing === true
   });
@@ -863,7 +863,7 @@ function renderMediaFallback({
         "img",
         {
           src: posterUrl,
-          alt: visual.dimPoster ? chunkMVKRI3CZ_js.translationsEn["pptx.media.posterAlt"] : chunkMVKRI3CZ_js.translationsEn["pptx.media.videoPosterAlt"],
+          alt: visual.dimPoster ? chunk6CPUGAK7_js.translationsEn["pptx.media.posterAlt"] : chunk6CPUGAK7_js.translationsEn["pptx.media.videoPosterAlt"],
           className: `w-full h-full object-contain${visual.dimPoster ? " opacity-50" : ""}`
         }
       ),
@@ -874,7 +874,7 @@ function renderMediaFallback({
 }
 function renderMediaElement(element, mediaDataUrls, options) {
   if (element.type !== "media") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.media.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk6CPUGAK7_js.translationsEn["pptx.media.title"] });
   }
   const mediaType = element.mediaType;
   const mediaPath = element.mediaPath;
@@ -882,7 +882,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
   const dataUrl = element.mediaData ?? (mediaPath ? mediaDataUrls.get(mediaPath) : void 0);
   const trimFragment = buildTrimFragment(element);
   const posterUrl = element.posterFrameData ?? void 0;
-  const shouldLoop = chunkGUGHIQ4P_js.mediaPlaybackAttributes(element).loop;
+  const shouldLoop = chunkJ56DMNSD_js.mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
@@ -960,24 +960,24 @@ function renderMediaElement(element, mediaDataUrls, options) {
   if (surface.presenting || surface.preview) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.media.title"] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk6CPUGAK7_js.translationsEn["pptx.media.title"] });
 }
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunkGUGHIQ4P_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunkJ56DMNSD_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
 function getTextLayoutStyle(element) {
-  if (!chunkGUGHIQ4P_js.hasTextProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasTextProperties(element)) {
     return {};
   }
-  const writingMode = chunkGUGHIQ4P_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunkGUGHIQ4P_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunkGUGHIQ4P_js.toCssVerticalDirection(element.textStyle?.textDirection);
+  const writingMode = chunkJ56DMNSD_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunkJ56DMNSD_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunkJ56DMNSD_js.toCssVerticalDirection(element.textStyle?.textDirection);
   const textWrapNone = element.textStyle?.textWrap === "none";
-  const hasParagraphIndents = chunkGUGHIQ4P_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = chunkJ56DMNSD_js.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;
@@ -986,7 +986,7 @@ function getTextLayoutStyle(element) {
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
   return {
     // Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
-    ...chunkGUGHIQ4P_js.buildTextBodyLayoutStyle(element),
+    ...chunkJ56DMNSD_js.buildTextBodyLayoutStyle(element),
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
     // per-paragraph by the paragraph renderer, not collapsed here.
     paddingTop: bodyTop,
@@ -1005,7 +1005,7 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextBody3DSceneStyle2(textStyle) {
-  return chunkGUGHIQ4P_js.buildTextBody3DSceneStyle(textStyle);
+  return chunkJ56DMNSD_js.buildTextBody3DSceneStyle(textStyle);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1190,13 +1190,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunkGUGHIQ4P_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunkJ56DMNSD_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
   const paraState = subElementAnimStates.get(paraKey);
   if (paraState) {
     const style = buildAnimStyle(paraState);
     return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-anim-id": paraKey, style: { display: "inline", ...style }, children: renderedSegments }, paraKey);
   }
-  const spec = chunkGUGHIQ4P_js.buildTextBuildSpec(
+  const spec = chunkJ56DMNSD_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraRuns.map((run) => ({ text: run.text, style: run })),
@@ -1214,7 +1214,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunkGUGHIQ4P_js.textBuildSpanStyle(span),
+        style: chunkJ56DMNSD_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
@@ -1358,10 +1358,10 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const runs = chunkGUGHIQ4P_js.segmentByScript(text);
+  const runs = chunkJ56DMNSD_js.segmentByScript(text);
   if (runs.length <= 1) {
     if (runs.length === 1) {
-      const font = chunkGUGHIQ4P_js.resolveFontForScript(runs[0].script, scriptFonts);
+      const font = chunkJ56DMNSD_js.resolveFontForScript(runs[0].script, scriptFonts);
       if (font && font !== baseFontFamily) {
         return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...nestedStyle, fontFamily: font }, children: text });
       }
@@ -1369,7 +1369,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
     return text;
   }
   return runs.map((run, i) => {
-    const font = chunkGUGHIQ4P_js.resolveFontForScript(run.script, scriptFonts);
+    const font = chunkJ56DMNSD_js.resolveFontForScript(run.script, scriptFonts);
     if (!font || font === baseFontFamily) {
       return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: run.text }, `${keyPrefix}-r${i}`);
     }
@@ -1380,7 +1380,7 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
   if (!metric || !text) {
     return inner(text, keyPrefix);
   }
-  const pieces = chunkGUGHIQ4P_js.splitRunForMetrics(text, metric.font);
+  const pieces = chunkJ56DMNSD_js.splitRunForMetrics(text, metric.font);
   if (pieces.length <= 1) {
     return inner(text, keyPrefix);
   }
@@ -1389,7 +1389,7 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
     {
       style: {
         ...metric.nestedStyle,
-        letterSpacing: chunkGUGHIQ4P_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
+        letterSpacing: chunkJ56DMNSD_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
       },
       children: inner(piece.text, `${keyPrefix}-w${i}`)
     },
@@ -1476,8 +1476,8 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
   });
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
-  const mathml = chunkGUGHIQ4P_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunkGUGHIQ4P_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunkJ56DMNSD_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunkJ56DMNSD_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1487,7 +1487,7 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
       },
       dangerouslySetInnerHTML: { __html: safeMathml }
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunkMVKRI3CZ_js.translationsEn["pptx.textSegment.equationFallback"] });
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunk6CPUGAK7_js.translationsEn["pptx.textSegment.equationFallback"] });
   if (equationNumber) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -1537,7 +1537,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const segmentStyle = segment?.style ?? {};
   const textValue = run.text;
   const lines = textValue.split("\n");
-  const resolvedSegmentColor = chunkGUGHIQ4P_js.normalizeHexColor(
+  const resolvedSegmentColor = chunkJ56DMNSD_js.normalizeHexColor(
     segmentStyle.color || element.textStyle?.color,
     run.hyperlink ? HYPERLINK_COLOR : fallbackColor
   );
@@ -1545,16 +1545,16 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const baselineFraction = rawBaseline === 0 ? 0 : Math.abs(rawBaseline) >= 1e3 ? rawBaseline / 1e5 : rawBaseline / 100;
   const baselineFontScale = baselineFraction !== 0 ? BASELINE_FONT_SCALE : 1;
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-  const baseFontSize = rawFontSize * chunkGUGHIQ4P_js.resolveAutoFitFontScale(element.textStyle);
+  const baseFontSize = rawFontSize * chunkJ56DMNSD_js.resolveAutoFitFontScale(element.textStyle);
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
   const baseFontSizePt = baseFontSize * (72 / 96);
   const fontKerning = typeof segmentStyle.kerning === "number" ? segmentStyle.kerning === 0 ? "none" : baseFontSizePt >= segmentStyle.kerning / 100 ? "normal" : "none" : void 0;
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = rawFontFamily ? chunkGUGHIQ4P_js.getSubstituteFontFamily(
+  const baseFontFamily = rawFontFamily ? chunkJ56DMNSD_js.getSubstituteFontFamily(
     rawFontFamily,
-    chunkGUGHIQ4P_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+    chunkJ56DMNSD_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
   ) : DEFAULT_FONT_FAMILY2;
-  const scriptFont = (name, panose) => name ? chunkGUGHIQ4P_js.getSubstituteFontFamily(name, chunkGUGHIQ4P_js.parsePanoseString(panose)) : baseFontFamily;
+  const scriptFont = (name, panose) => name ? chunkJ56DMNSD_js.getSubstituteFontFamily(name, chunkJ56DMNSD_js.parsePanoseString(panose)) : baseFontFamily;
   const scriptFonts = {
     latin: baseFontFamily,
     eastAsia: scriptFont(
@@ -1570,7 +1570,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       segmentStyle.symbolFontPanose ?? element.textStyle?.symbolFontPanose
     )
   };
-  const needsScriptFonts = chunkGUGHIQ4P_js.hasDistinctScriptFonts(scriptFonts);
+  const needsScriptFonts = chunkJ56DMNSD_js.hasDistinctScriptFonts(scriptFonts);
   const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
   const metricFont = {
     fontFamily: baseFontFamily,
@@ -1578,7 +1578,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     bold: Boolean(segmentStyle.bold),
     italic: Boolean(segmentStyle.italic)
   };
-  const nestedStyle = chunkGUGHIQ4P_js.nestedTextDecorationStyle(run.style);
+  const nestedStyle = chunkJ56DMNSD_js.nestedTextDecorationStyle(run.style);
   const metricContext = { font: metricFont, authoredPx: authoredLetterSpacing, nestedStyle };
   const spanStyle = { ...run.style };
   spanStyle.color = resolvedSegmentColor;
@@ -1586,11 +1586,11 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   spanStyle.fontFamily = baseFontFamily;
   spanStyle.verticalAlign = baselineShift;
   spanStyle.fontKerning = fontKerning;
-  spanStyle.letterSpacing = chunkGUGHIQ4P_js.pieceLetterSpacing(
+  spanStyle.letterSpacing = chunkJ56DMNSD_js.pieceLetterSpacing(
     authoredLetterSpacing,
-    chunkGUGHIQ4P_js.resolveMetricTrackingPx(textValue, metricFont)
+    chunkJ56DMNSD_js.resolveMetricTrackingPx(textValue, metricFont)
   );
-  const hollow = chunkGUGHIQ4P_js.hollowTextFillStyle(segmentStyle, {
+  const hollow = chunkJ56DMNSD_js.hollowTextFillStyle(segmentStyle, {
     color: resolvedSegmentColor,
     textStroke: typeof spanStyle.WebkitTextStroke === "string" ? spanStyle.WebkitTextStroke : void 0
   });
@@ -1687,7 +1687,7 @@ function renderHyperlink(run, spanNode, key, ctx) {
   );
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
-  if (!chunkGUGHIQ4P_js.hasTextProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const segments = segmentOverrides ?? element.textSegments;
@@ -1697,7 +1697,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     }
     return element.text || emptyFallback || "";
   }
-  const paragraphs = chunkGUGHIQ4P_js.buildParagraphs(element, fieldContext, segmentOverrides);
+  const paragraphs = chunkJ56DMNSD_js.buildParagraphs(element, fieldContext, segmentOverrides);
   const ctx = {
     element,
     fallbackColor,
@@ -1830,13 +1830,13 @@ function hexToRgbUnit(hex) {
   };
 }
 function getDuotoneColors(element) {
-  if (!chunkGUGHIQ4P_js.isImageLikeElement(element)) {
+  if (!chunkJ56DMNSD_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunkGUGHIQ4P_js.hasShapeProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1847,13 +1847,13 @@ function buildLineShadowCss(element) {
   const offsetY = typeof ss.lineShadowOffsetY === "number" ? ss.lineShadowOffsetY : 2;
   const blur = typeof ss.lineShadowBlur === "number" ? Math.max(0, ss.lineShadowBlur) : 4;
   const opacity = typeof ss.lineShadowOpacity === "number" ? Math.max(0, Math.min(1, ss.lineShadowOpacity)) : 0.35;
-  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkGUGHIQ4P_js.colorWithOpacity(
-    chunkGUGHIQ4P_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkJ56DMNSD_js.colorWithOpacity(
+    chunkJ56DMNSD_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunkGUGHIQ4P_js.hasShapeProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1862,14 +1862,14 @@ function buildLineGlowFilter(element) {
   }
   const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
   const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
-  const glowCol = chunkGUGHIQ4P_js.colorWithOpacity(chunkGUGHIQ4P_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunkJ56DMNSD_js.colorWithOpacity(chunkJ56DMNSD_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
   return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
 }
 function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
 function hasDagDuotoneEffect(element) {
-  if (!chunkGUGHIQ4P_js.hasShapeProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
@@ -1921,7 +1921,7 @@ function renderDagDuotoneSvgFilter(elementId, color1, color2) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunkGUGHIQ4P_js.build3DExtrusionData(
+  return chunkJ56DMNSD_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -1930,7 +1930,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
-  chunkGUGHIQ4P_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
+  chunkJ56DMNSD_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
 // src/viewer/utils/shape-visual-style.ts
@@ -1938,13 +1938,13 @@ function rendersCustomVectorPath(element) {
   return (element.type === "shape" || element.type === "image" || element.type === "picture") && Boolean(element.pathData) && typeof element.pathWidth === "number" && element.pathWidth > 0 && typeof element.pathHeight === "number" && element.pathHeight > 0;
 }
 function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _strokeColor, animatesFill, animatesStroke, parentGroupFill) {
-  if (!chunkGUGHIQ4P_js.hasShapeProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasShapeProperties(element)) {
     return {};
   }
   const ss = element.shapeStyle;
-  const fill = animatesFill ? void 0 : chunkGUGHIQ4P_js.getComputedFillStyle(element, parentGroupFill);
-  const fx = chunkGUGHIQ4P_js.getComputedEffectStyle(element);
-  const stroke = chunkGUGHIQ4P_js.getComputedStrokeStyle(element);
+  const fill = animatesFill ? void 0 : chunkJ56DMNSD_js.getComputedFillStyle(element, parentGroupFill);
+  const fx = chunkJ56DMNSD_js.getComputedEffectStyle(element);
+  const stroke = chunkJ56DMNSD_js.getComputedStrokeStyle(element);
   const base = {
     // A gradient fill REPLACES the solid fill, it does not sit on top of it;
     // the whole precedence lives in shared's `getComputedFillStyle`.
@@ -1979,7 +1979,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     strokeLinecap: stroke.strokeLinecap
   };
   apply3dEffects2(base, ss?.scene3d, ss?.shape3d, ss?.fillColor ?? fillColor);
-  if (rendersCustomVectorPath(element) || chunkGUGHIQ4P_js.isStrokeOnlyPresetElement(element)) {
+  if (rendersCustomVectorPath(element) || chunkJ56DMNSD_js.isStrokeOnlyPresetElement(element)) {
     base.backgroundColor = "transparent";
     base.backgroundImage = void 0;
     base.borderWidth = void 0;
@@ -1990,7 +1990,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     base.backgroundColor = void 0;
     base.backgroundImage = void 0;
   }
-  const geometry = chunkGUGHIQ4P_js.resolveShapeGeometry(element);
+  const geometry = chunkJ56DMNSD_js.resolveShapeGeometry(element);
   switch (geometry.kind) {
     case "bare":
       return { backgroundColor: "transparent", borderWidth: 0, borderStyle: "none" };
@@ -2016,13 +2016,13 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
 function getConnectorAdjustment(element, key, fallback) {
   const direct = element.shapeAdjustments?.[key];
   if (typeof direct === "number" && Number.isFinite(direct)) {
-    return chunkGUGHIQ4P_js.clampUnitInterval(direct / 1e5);
+    return chunkJ56DMNSD_js.clampUnitInterval(direct / 1e5);
   }
   const fallbackKey = element.shapeAdjustments?.adj;
   if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return chunkGUGHIQ4P_js.clampUnitInterval(fallbackKey / 1e5);
+    return chunkJ56DMNSD_js.clampUnitInterval(fallbackKey / 1e5);
   }
-  return chunkGUGHIQ4P_js.clampUnitInterval(fallback);
+  return chunkJ56DMNSD_js.clampUnitInterval(fallback);
 }
 function getConnectorPathGeometry(element) {
   const width = Math.max(element.width, 0);
@@ -2155,7 +2155,7 @@ function toHexByte(value) {
   return clamped.toString(16).padStart(2, "0");
 }
 function shiftHex(hex, factor, towardsWhite) {
-  const channels = chunkGUGHIQ4P_js.hexToRgbChannels(hex);
+  const channels = chunkJ56DMNSD_js.hexToRgbChannels(hex);
   if (!channels) {
     return hex;
   }
@@ -2181,7 +2181,7 @@ function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
     const fillOff = subpath.fillMode === "none" || !hasFill;
     return {
       d: subpath.d,
-      fill: fillOff ? "none" : chunkGUGHIQ4P_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
+      fill: fillOff ? "none" : chunkJ56DMNSD_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
       stroked: subpath.stroke !== false
     };
   });
@@ -2197,11 +2197,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunkGUGHIQ4P_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunkJ56DMNSD_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunkGUGHIQ4P_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunkGUGHIQ4P_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunkJ56DMNSD_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunkJ56DMNSD_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -2249,9 +2249,9 @@ function gradientDefs(gradient) {
 }
 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 ? chunkGUGHIQ4P_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkJ56DMNSD_js.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 ? chunkGUGHIQ4P_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunkJ56DMNSD_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
     const paints = buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
@@ -2283,7 +2283,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunkGUGHIQ4P_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunkJ56DMNSD_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2309,14 +2309,14 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
   );
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunkGUGHIQ4P_js.hasShapeProperties(element)) {
+  if (!chunkJ56DMNSD_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunkGUGHIQ4P_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunkGUGHIQ4P_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunkGUGHIQ4P_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunkGUGHIQ4P_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunkJ56DMNSD_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunkJ56DMNSD_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunkJ56DMNSD_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunkJ56DMNSD_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2397,21 +2397,21 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
       // container's `background-image` is suppressed for custom geometry, so
       // without this the shape fell back to the parser's representative solid
       // and lost every fade (issue #132).
-      chunkGUGHIQ4P_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunkJ56DMNSD_js.buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
-  if (chunkGUGHIQ4P_js.isCalloutShape(normalizedType)) {
+  if (chunkJ56DMNSD_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunkGUGHIQ4P_js.getCalloutLeaderLineGeometry(
+    const geometry = chunkJ56DMNSD_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunkGUGHIQ4P_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunkGUGHIQ4P_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunkJ56DMNSD_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunkJ56DMNSD_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2474,10 +2474,10 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
     const endArrowW = element.shapeStyle?.connectorEndArrowWidth;
     const endArrowL = element.shapeStyle?.connectorEndArrowLength;
     const compoundLine = element.shapeStyle?.compoundLine;
-    const connectorLineCap = chunkGUGHIQ4P_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunkJ56DMNSD_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunkGUGHIQ4P_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunkGUGHIQ4P_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunkJ56DMNSD_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunkJ56DMNSD_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -2544,15 +2544,15 @@ function parseGradientFillCss(gradFill) {
   }
   const parsed = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunkGUGHIQ4P_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunkGUGHIQ4P_js.parseDrawingColorOpacity(gs);
-    return { pos, color: chunkGUGHIQ4P_js.colorWithOpacity(color, opacity) };
+    const color = chunkJ56DMNSD_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunkJ56DMNSD_js.parseDrawingColorOpacity(gs);
+    return { pos, color: chunkJ56DMNSD_js.colorWithOpacity(color, opacity) };
   }).sort((a, b) => a.pos - b.pos);
   const stopStrings = parsed.map((s) => `${s.color} ${s.pos.toFixed(1)}%`).join(", ");
   const lin = gradFill["a:lin"];
   if (lin) {
     const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
-    const angleDeg = Math.round(chunkGUGHIQ4P_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunkJ56DMNSD_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -2587,8 +2587,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunkGUGHIQ4P_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunkGUGHIQ4P_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunkJ56DMNSD_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunkJ56DMNSD_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -2699,11 +2699,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunkGUGHIQ4P_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunkJ56DMNSD_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunkGUGHIQ4P_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunkJ56DMNSD_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkGUGHIQ4P_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkJ56DMNSD_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -2716,7 +2716,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunkGUGHIQ4P_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunkJ56DMNSD_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -2734,7 +2734,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunkGUGHIQ4P_js.parseDrawingColor(glow);
+    const glowColor = chunkJ56DMNSD_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -2813,10 +2813,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunkGUGHIQ4P_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkGUGHIQ4P_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunkJ56DMNSD_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkJ56DMNSD_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunkGUGHIQ4P_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunkGUGHIQ4P_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunkJ56DMNSD_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunkJ56DMNSD_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -2826,15 +2826,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunkGUGHIQ4P_js.parseDrawingColor(
+  const cellFill = chunkJ56DMNSD_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunkGUGHIQ4P_js.parseDrawingColorOpacity(
+    const opacity = chunkJ56DMNSD_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunkGUGHIQ4P_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunkJ56DMNSD_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -2849,16 +2849,16 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   const edgeBorders = parseCellBorders(cellProperties);
   Object.assign(cellStyle, edgeBorders);
   if (!cellStyle.borderLeftColor && !cellStyle.borderRightColor && !cellStyle.borderTopColor && !cellStyle.borderBottomColor) {
-    const borderColor = chunkGUGHIQ4P_js.parseDrawingColor(
+    const borderColor = chunkJ56DMNSD_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkGUGHIQ4P_js.parseDrawingColor(
+    ) || chunkJ56DMNSD_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkGUGHIQ4P_js.parseDrawingColor(
+    ) || chunkJ56DMNSD_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunkGUGHIQ4P_js.parseDrawingColor(
+    ) || chunkJ56DMNSD_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -2930,7 +2930,7 @@ function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCo
   if (element.type !== "table") {
     return void 0;
   }
-  return chunkGUGHIQ4P_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
+  return chunkJ56DMNSD_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3006,7 +3006,7 @@ function renderTableCellContent(cell, fallbackText) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        style: { position: "relative", ...chunkGUGHIQ4P_js.cellRunStyle(run) },
+        style: { position: "relative", ...chunkJ56DMNSD_js.cellRunStyle(run) },
         children: run.text
       },
       `r-${index}`
@@ -3014,7 +3014,7 @@ function renderTableCellContent(cell, fallbackText) {
   });
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunkGUGHIQ4P_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunkJ56DMNSD_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3147,7 +3147,7 @@ function TableResizeOverlay({
   const containerRef = React6.useRef(null);
   const [rowBounds, setRowBounds] = React6.useState([]);
   const dragRef = React6.useRef(null);
-  const colBoundaries = React6.useMemo(() => chunkGUGHIQ4P_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const colBoundaries = React6.useMemo(() => chunkJ56DMNSD_js.computeColumnBoundaries(columnWidths), [columnWidths]);
   const measureRows = React6.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
@@ -3194,11 +3194,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunkGUGHIQ4P_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunkJ56DMNSD_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunkGUGHIQ4P_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunkGUGHIQ4P_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunkJ56DMNSD_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunkJ56DMNSD_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -3236,7 +3236,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunkGUGHIQ4P_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunkJ56DMNSD_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -3283,7 +3283,7 @@ function renderTableFromTableData(element, textStyle, options) {
     colorScheme: options?.styleCtx?.theme?.colorScheme,
     fontScheme: options?.styleCtx?.theme?.fontScheme
   };
-  const cellCss = (cell, rowIndex, cellIndex) => chunkGUGHIQ4P_js.tableCellCss(
+  const cellCss = (cell, rowIndex, cellIndex) => chunkJ56DMNSD_js.tableCellCss(
     tableData,
     cell,
     { rowIndex, cellIndex, rowCount, columnCount },
@@ -3296,7 +3296,7 @@ function renderTableFromTableData(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkGUGHIQ4P_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunkJ56DMNSD_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -3317,9 +3317,9 @@ function renderTableFromTableData(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkGUGHIQ4P_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkJ56DMNSD_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkGUGHIQ4P_js.tableContainerCss(tableData)
+                ...chunkJ56DMNSD_js.tableContainerCss(tableData)
               },
               children: [
                 tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3338,7 +3338,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         return null;
                       }
                       const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                      const isInMultiSelection = chunkGUGHIQ4P_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                      const isInMultiSelection = chunkJ56DMNSD_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                       const isCellEditing = isCellSelected && selectedCell?.isEditing;
                       const diag = getCellDiagonalBorders2(
                         cell.style,
@@ -3367,7 +3367,7 @@ function renderTableFromTableData(element, textStyle, options) {
                             }
                             event.stopPropagation();
                             if (event.shiftKey && selectedCell) {
-                              const rect = chunkGUGHIQ4P_js.computeSelectionRect(
+                              const rect = chunkJ56DMNSD_js.computeSelectionRect(
                                 selectedCell.rowIndex,
                                 selectedCell.columnIndex,
                                 rowIndex,
@@ -3377,7 +3377,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               options?.onSelectCell?.({
                                 rowIndex: selectedCell.rowIndex,
                                 columnIndex: selectedCell.columnIndex,
-                                selectedCells: chunkGUGHIQ4P_js.rectToCells(rect)
+                                selectedCells: chunkJ56DMNSD_js.rectToCells(rect)
                               });
                             } else {
                               options?.onSelectCell?.({
@@ -3438,7 +3438,7 @@ function renderTableElement(element, textStyle, options) {
     if (tableEl2.tableData && tableEl2.tableData.rows.length > 0) {
       return renderTableFromTableData(tableEl2, textStyle, options);
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.table.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk6CPUGAK7_js.translationsEn["pptx.table.title"] });
   }
   const selectedCell = options?.selectedCell || null;
   const isEditable = Boolean(options?.editable);
@@ -3453,7 +3453,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunkGUGHIQ4P_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunkJ56DMNSD_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
   })();
   const schemeOverrides = options?.styleCtx?.theme?.colorScheme ? options.styleCtx.theme.colorScheme : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3475,9 +3475,9 @@ function renderTableElement(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunkGUGHIQ4P_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunkJ56DMNSD_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunkGUGHIQ4P_js.tableContainerCss(tableEl.tableData)
+                ...chunkJ56DMNSD_js.tableContainerCss(tableEl.tableData)
               },
               children: [
                 parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3529,7 +3529,7 @@ function renderTableElement(element, textStyle, options) {
                         const mergedStyle = {
                           ...bandStyle,
                           ...xmlCellStyle,
-                          ...tdCellOverride ? chunkGUGHIQ4P_js.cellStyleToCss(tdCellOverride) : void 0,
+                          ...tdCellOverride ? chunkJ56DMNSD_js.cellStyleToCss(tdCellOverride) : void 0,
                           ...diag ? { position: "relative" } : void 0
                         };
                         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3539,7 +3539,7 @@ function renderTableElement(element, textStyle, options) {
                               "border px-1 py-0.5 align-top",
                               isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-white/30",
                               selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex ? "ring-1 ring-inset ring-blue-500" : null,
-                              chunkGUGHIQ4P_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                              chunkJ56DMNSD_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
                             ),
                             colSpan,
                             rowSpan: rSpan,
@@ -3550,7 +3550,7 @@ function renderTableElement(element, textStyle, options) {
                               }
                               event.stopPropagation();
                               if (event.shiftKey && selectedCell && tableEl.tableData) {
-                                const rect = chunkGUGHIQ4P_js.computeSelectionRect(
+                                const rect = chunkJ56DMNSD_js.computeSelectionRect(
                                   selectedCell.rowIndex,
                                   selectedCell.columnIndex,
                                   rowIndex,
@@ -3560,7 +3560,7 @@ function renderTableElement(element, textStyle, options) {
                                 options?.onSelectCell?.({
                                   rowIndex: selectedCell.rowIndex,
                                   columnIndex: selectedCell.columnIndex,
-                                  selectedCells: chunkGUGHIQ4P_js.rectToCells(rect)
+                                  selectedCells: chunkJ56DMNSD_js.rectToCells(rect)
                                 });
                               } else {
                                 options?.onSelectCell?.({
@@ -3618,26 +3618,24 @@ function renderTableElement(element, textStyle, options) {
     }
   );
 }
-var LEGEND_ITEM_WIDTH = 80;
 function partAttrs(part) {
-  return part ? chunkGUGHIQ4P_js.chartPartToAttrs(part) : void 0;
+  return part ? chunkJ56DMNSD_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunkGUGHIQ4P_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunkJ56DMNSD_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunkGUGHIQ4P_js.buildChartViewModel(element);
+    return chunkJ56DMNSD_js.buildChartViewModel(element);
   }
-  const palette = resolveReactPalette(element.chartData);
-  const themedElement = {
+  const palette = resolveReactPalette(element.chartData), themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunkGUGHIQ4P_js.buildChartViewModel(themedElement);
+  return chunkJ56DMNSD_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -3653,7 +3651,8 @@ function renderPrimitive(prim, key) {
           fill: r.fill,
           rx: r.rx ?? 0,
           opacity: r.opacity ?? 1,
-          ...partAttrs(r.part)
+          ...partAttrs(r.part),
+          children: r.title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: r.title }) : null
         },
         key
       );
@@ -3684,7 +3683,8 @@ function renderPrimitive(prim, key) {
           strokeWidth: p.strokeWidth,
           fill: p.fill,
           opacity: p.opacity ?? 1,
-          ...partAttrs(p.part)
+          ...partAttrs(p.part),
+          children: p.title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: p.title }) : null
         },
         key
       );
@@ -3699,7 +3699,8 @@ function renderPrimitive(prim, key) {
           r: c.r,
           fill: c.fill,
           opacity: c.opacity ?? 1,
-          ...partAttrs(c.part)
+          ...partAttrs(c.part),
+          children: c.title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: c.title }) : null
         },
         key
       );
@@ -3716,7 +3717,8 @@ function renderPrimitive(prim, key) {
           stroke: l.stroke,
           strokeWidth: l.strokeWidth,
           strokeDasharray: l.dashArray,
-          opacity: l.opacity ?? 1
+          opacity: l.opacity ?? 1,
+          children: l.title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: l.title }) : null
         },
         key
       );
@@ -3732,7 +3734,8 @@ function renderPrimitive(prim, key) {
           strokeWidth: p.strokeWidth,
           opacity: p.opacity ?? 1,
           strokeDasharray: p.dashArray,
-          ...partAttrs(p.part)
+          ...partAttrs(p.part),
+          children: p.title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: p.title }) : null
         },
         key
       );
@@ -3779,7 +3782,7 @@ function renderText(t, key) {
   );
 }
 function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
-  const isVerticalLegend = vm.legendAnchor === "start";
+  const legendItems = chunkJ56DMNSD_js.computeChartLegendLayout(vm);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -3843,31 +3846,34 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
         vm.categoryLabels.map((lbl, i) => renderText(lbl, `${elementId}-cl-${i}`)),
         vm.primitives.map((prim, i) => renderPrimitive(prim, `${elementId}-p-${i}`)),
         vm.dataLabels.map((dl, i) => renderText(dl, `${elementId}-dl-${i}`)),
-        vm.legend.map((entry, i) => {
-          const x = isVerticalLegend ? vm.legendX : vm.legendX - vm.legend.length * LEGEND_ITEM_WIDTH / 2 + i * LEGEND_ITEM_WIDTH;
-          const y = isVerticalLegend ? vm.legendY + i * 14 : vm.legendY;
-          return /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x.toFixed(1)},${y.toFixed(1)})`, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: -7, width: 10, height: 10, rx: 2, fill: entry.color }),
-            /* @__PURE__ */ jsxRuntime.jsx("text", { x: 13, y: 3, fontSize: 9, fill: "#475569", children: entry.label })
-          ] }, `${elementId}-lg-${i}`);
-        })
+        legendItems.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "g",
+          {
+            transform: `translate(${item.x.toFixed(1)},${item.y.toFixed(1)})`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: -7, width: 10, height: 10, rx: 2, fill: item.color }),
+              /* @__PURE__ */ jsxRuntime.jsx("text", { x: 13, y: 3, fontSize: 9, fill: "#475569", children: item.label })
+            ]
+          },
+          `${elementId}-lg-${i}`
+        ))
       ]
     }
   );
 }
 function renderChartElement(element) {
   if (element.type !== "chart") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.chart.heading"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk6CPUGAK7_js.translationsEn["pptx.chart.heading"] });
   }
   const chartData = element.chartData;
   if (!chartData || chartData.series.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.chart.heading"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk6CPUGAK7_js.translationsEn["pptx.chart.heading"] });
   }
-  const kind = chunkGUGHIQ4P_js.resolveChartKind(chartData.chartType ?? "bar");
+  const kind = chunkJ56DMNSD_js.resolveChartKind(chartData.chartType ?? "bar");
   return renderChartViewModel(
     element.id,
     buildReactChartViewModel(element),
-    chunkGUGHIQ4P_js.chartPreserveAspectRatio(kind)
+    chunkJ56DMNSD_js.chartPreserveAspectRatio(kind)
   );
 }
 
@@ -3887,14 +3893,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunkGUGHIQ4P_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunkJ56DMNSD_js.buildNotesPdfBytes(images, meta);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
 
 // src/viewer/utils/pdf-builder-slides.ts
 function buildPdfFromImageData(images) {
-  const bytes = chunkGUGHIQ4P_js.buildSlidesPdfBytes(images);
+  const bytes = chunkJ56DMNSD_js.buildSlidesPdfBytes(images);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -3903,7 +3909,7 @@ function buildPdfFromImageData(images) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunkGUGHIQ4P_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunkJ56DMNSD_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -3916,7 +3922,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunkGUGHIQ4P_js.buildMotionPathPreview({
+  const descriptor = chunkJ56DMNSD_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,