pptx-react-viewer 2.16.1 → 2.16.2

package/dist/{chunk-IN7D2T4R.js → chunk-P6KM7RO5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk3ISYPBSX_js = require('./chunk-3ISYPBSX.js');
-var chunk3NDRTC7T_js = require('./chunk-3NDRTC7T.js');
+var chunk4GX347MG_js = require('./chunk-4GX347MG.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 chunk3NDRTC7T_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunk4GX347MG_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 chunk3NDRTC7T_js.cloneHistorySnapshot(snapshot);
+  return chunk4GX347MG_js.cloneHistorySnapshot(snapshot);
 }
 
 // src/viewer/constants/scalar.ts
@@ -63,7 +63,7 @@ var TOOLBAR_SECTIONS = [
   { id: "view", labelKey: "pptx.ribbon.tab.view" },
   { id: "help", labelKey: "pptx.ribbon.tab.help" }
 ];
-var SHORTCUT_REFERENCE_ITEMS = chunk3NDRTC7T_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunk4GX347MG_js.VIEWER_SHORTCUT_REFERENCE;
 
 // src/viewer/constants/theme.ts
 var THEME_COLOR_SWATCHES = [
@@ -107,7 +107,7 @@ var GLYPH_COMPONENTS = {
   plus: lu.LuPlus,
   triangle: lu.LuTriangle
 };
-var SHAPE_PRESETS = chunk3NDRTC7T_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunk4GX347MG_js.SHAPE_PRESET_DEFS.map(
   (def) => ({
     type: def.type,
     label: def.label,
@@ -266,7 +266,7 @@ function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!chunk3NDRTC7T_js.hasShapeProperties(element)) {
+  if (!chunk4GX347MG_js.hasShapeProperties(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
@@ -277,12 +277,12 @@ function isConnectorOrLineElement(element) {
 function partitionTemplateElements(slides) {
   const templateElementsBySlideId = {};
   const nextSlides = slides.map((slide) => {
-    const template = slide.elements.filter((el) => chunk3NDRTC7T_js.isTemplateElement(el));
+    const template = slide.elements.filter((el) => chunk4GX347MG_js.isTemplateElement(el));
     if (template.length === 0) {
       return slide;
     }
     templateElementsBySlideId[slide.id] = template;
-    return { ...slide, elements: slide.elements.filter((el) => !chunk3NDRTC7T_js.isTemplateElement(el)) };
+    return { ...slide, elements: slide.elements.filter((el) => !chunk4GX347MG_js.isTemplateElement(el)) };
   });
   return { slides: nextSlides, templateElementsBySlideId };
 }
@@ -298,7 +298,7 @@ function buildSaveSlides(slides, templateElementsBySlideId) {
 
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!chunk3NDRTC7T_js.hasShapeProperties(element)) {
+  if (!chunk4GX347MG_js.hasShapeProperties(element)) {
     return void 0;
   }
   const shapeType = element.shapeType;
@@ -307,7 +307,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 = chunk3NDRTC7T_js.getRoundRectRadiusPx2(element);
+    const radiusPx = chunk4GX347MG_js.getRoundRectRadiusPx2(element);
     if (radiusPx <= 0.01) {
       return void 0;
     }
@@ -319,7 +319,7 @@ function getImageMaskStyle(element) {
   if (normalized === "can" || normalized === "cylinder") {
     return { borderRadius: "48% / 12%" };
   }
-  const clipPath = chunk3NDRTC7T_js.getResolvedShapeClipPath(element);
+  const clipPath = chunk4GX347MG_js.getResolvedShapeClipPath(element);
   if (!clipPath) {
     return void 0;
   }
@@ -328,7 +328,7 @@ function getImageMaskStyle(element) {
 function getImageRenderStyle(element) {
   return {
     ...getImageMaskStyle(element) || {},
-    ...chunk3NDRTC7T_js.getImageFitStyle(element)
+    ...chunk4GX347MG_js.getImageFitStyle(element)
   };
 }
 var CROP_SHAPE_CLIP_PATHS = {
@@ -341,7 +341,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 (!chunk3NDRTC7T_js.isImageLikeElement(element)) {
+  if (!chunk4GX347MG_js.isImageLikeElement(element)) {
     return void 0;
   }
   const shape = element.cropShape;
@@ -351,7 +351,7 @@ function getCropShapeClipPath(element) {
   return CROP_SHAPE_CLIP_PATHS[shape];
 }
 function isImageTiled(element) {
-  if (!chunk3NDRTC7T_js.isImageLikeElement(element)) {
+  if (!chunk4GX347MG_js.isImageLikeElement(element)) {
     return false;
   }
   return typeof element.tileScaleX === "number" || typeof element.tileScaleY === "number";
@@ -409,7 +409,7 @@ function buildMirrorTiledBackground(src, flip, scaleX, scaleY) {
   };
 }
 function getImageTilingStyle(element) {
-  if (!chunk3NDRTC7T_js.isImageLikeElement(element) || !isImageTiled(element)) {
+  if (!chunk4GX347MG_js.isImageLikeElement(element) || !isImageTiled(element)) {
     return void 0;
   }
   const scaleX = typeof element.tileScaleX === "number" ? element.tileScaleX * 100 : 100;
@@ -629,9 +629,9 @@ function registerMediaElement(elementId, el) {
   };
 }
 function executeMediaCommand(command, frameRoot) {
-  return chunk3NDRTC7T_js.runMediaCommand(
+  return chunk4GX347MG_js.runMediaCommand(
     command,
-    (targetId) => registry.get(targetId) ?? chunk3NDRTC7T_js.findMediaElementByElementId(targetId, frameRoot?.())
+    (targetId) => registry.get(targetId) ?? chunk4GX347MG_js.findMediaElementByElementId(targetId, frameRoot?.())
   );
 }
 function PresentationMediaController({
@@ -675,7 +675,7 @@ function PresentationMediaController({
     loop: shouldLoop,
     volume: playbackVolume,
     playbackRate
-  } = chunk3NDRTC7T_js.mediaPlaybackAttributes({
+  } = chunk4GX347MG_js.mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
@@ -811,7 +811,7 @@ function PresentationMediaController({
     if (element.playAcrossSlides && element.mediaType === "audio") {
       const dataUrl = element.mediaData ?? resolvedDataUrl;
       if (dataUrl) {
-        chunk3NDRTC7T_js.registerPersistentAudio(
+        chunk4GX347MG_js.registerPersistentAudio(
           element.id,
           dataUrl,
           element.mediaMimeType,
@@ -909,17 +909,17 @@ function Badge({
     "div",
     {
       className: `absolute inset-0 flex flex-col items-center justify-center ${isMissing ? "gap-1" : ""}`,
-      ...{ [chunk3NDRTC7T_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
+      ...{ [chunk4GX347MG_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunk3NDRTC7T_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunk4GX347MG_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(chunk3NDRTC7T_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunk4GX347MG_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -936,17 +936,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"}`,
-      ...{ [chunk3NDRTC7T_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
+      ...{ [chunk4GX347MG_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunk3NDRTC7T_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunk4GX347MG_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(chunk3NDRTC7T_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunk4GX347MG_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -956,7 +956,7 @@ function renderMediaFallback({
   posterUrl,
   surface
 }) {
-  const visual = chunk3NDRTC7T_js.mediaFallbackVisual(surface, {
+  const visual = chunk4GX347MG_js.mediaFallbackVisual(surface, {
     hasPoster: Boolean(posterUrl),
     missing: element.mediaMissing === true
   });
@@ -985,7 +985,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 = chunk3NDRTC7T_js.mediaPlaybackAttributes(element).loop;
+  const shouldLoop = chunk4GX347MG_js.mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
@@ -1068,7 +1068,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunk3NDRTC7T_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunk4GX347MG_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
@@ -1093,13 +1093,13 @@ function computeTabSize(tabStops, defaultTabSize) {
   return avgGap > 0 ? `${Math.round(avgGap)}px` : fromDefault;
 }
 function getTextLayoutStyle(element) {
-  if (!chunk3NDRTC7T_js.hasTextProperties(element)) {
+  if (!chunk4GX347MG_js.hasTextProperties(element)) {
     return {};
   }
   const verticalAlign = element.textStyle?.vAlign || "top";
-  const writingMode = chunk3NDRTC7T_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunk3NDRTC7T_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunk3NDRTC7T_js.toCssVerticalDirection(element.textStyle?.textDirection);
+  const writingMode = chunk4GX347MG_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunk4GX347MG_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunk4GX347MG_js.toCssVerticalDirection(element.textStyle?.textDirection);
   const parsedColumnCount = Number(element.textStyle?.columnCount);
   const columnCount = Number.isFinite(parsedColumnCount) ? Math.max(1, Math.min(16, Math.round(parsedColumnCount))) : 1;
   const hasColumns = columnCount > 1;
@@ -1107,7 +1107,7 @@ function getTextLayoutStyle(element) {
   const tabStops = element.textStyle?.tabStops;
   const tabSize = computeTabSize(tabStops, element.textStyle?.defaultTabSize);
   const textWrapNone = element.textStyle?.textWrap === "none";
-  const hasParagraphIndents = chunk3NDRTC7T_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = chunk4GX347MG_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;
@@ -1116,7 +1116,7 @@ function getTextLayoutStyle(element) {
   const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
   const parsedColumnSpacing = Number(element.textStyle?.columnSpacing);
   const columnGap = Number.isFinite(parsedColumnSpacing) && parsedColumnSpacing > 0 ? `${parsedColumnSpacing}px` : "0.75em";
-  const kinsokuStyles = chunk3NDRTC7T_js.getKinsokuLineBreakStyles(element.textStyle);
+  const kinsokuStyles = chunk4GX347MG_js.getKinsokuLineBreakStyles(element.textStyle);
   if (hasColumns) {
     return {
       display: "block",
@@ -1163,10 +1163,10 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextFillCss2(style) {
-  return chunk3NDRTC7T_js.buildTextFillCss(style);
+  return chunk4GX347MG_js.buildTextFillCss(style);
 }
 function buildTextBody3DSceneStyle2(textStyle) {
-  return chunk3NDRTC7T_js.buildTextBody3DSceneStyle(textStyle);
+  return chunk4GX347MG_js.buildTextBody3DSceneStyle(textStyle);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1351,13 +1351,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunk3NDRTC7T_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunk4GX347MG_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 = chunk3NDRTC7T_js.buildTextBuildSpec(
+  const spec = chunk4GX347MG_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraSegments.map((entry) => ({ text: entry.segment.text, style: entry })),
@@ -1375,7 +1375,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunk3NDRTC7T_js.textBuildSpanStyle(span),
+        style: chunk4GX347MG_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
@@ -1519,10 +1519,10 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const runs = chunk3NDRTC7T_js.segmentByScript(text);
+  const runs = chunk4GX347MG_js.segmentByScript(text);
   if (runs.length <= 1) {
     if (runs.length === 1) {
-      const font = chunk3NDRTC7T_js.resolveFontForScript(runs[0].script, scriptFonts);
+      const font = chunk4GX347MG_js.resolveFontForScript(runs[0].script, scriptFonts);
       if (font && font !== baseFontFamily) {
         return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: font }, children: text });
       }
@@ -1530,19 +1530,41 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
     return text;
   }
   return runs.map((run, i) => {
-    const font = chunk3NDRTC7T_js.resolveFontForScript(run.script, scriptFonts);
+    const font = chunk4GX347MG_js.resolveFontForScript(run.script, scriptFonts);
     if (!font || font === baseFontFamily) {
       return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: run.text }, `${keyPrefix}-r${i}`);
     }
     return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: font }, children: run.text }, `${keyPrefix}-r${i}`);
   });
 }
-function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsScriptFonts, scriptFonts, baseFontFamily, findHighlights, tabContext) {
+function renderMetricPieces(text, metric, keyPrefix, inner) {
+  if (!metric || !text) {
+    return inner(text, keyPrefix);
+  }
+  const pieces = chunk4GX347MG_js.splitRunForMetrics(text, metric.font);
+  if (pieces.length <= 1) {
+    return inner(text, keyPrefix);
+  }
+  return pieces.map((piece, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      style: { letterSpacing: chunk4GX347MG_js.pieceLetterSpacing(metric.authoredPx, piece.tracking) },
+      children: inner(piece.text, `${keyPrefix}-w${i}`)
+    },
+    `${keyPrefix}-w${i}`
+  ));
+}
+function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsScriptFonts, scriptFonts, baseFontFamily, findHighlights, tabContext, metric) {
   const segHl = findHighlights?.get(segmentIndex);
   if (!segHl || segHl.length === 0) {
     return lines.map((line, lineIndex) => {
       const lineKey = `${elementId}-seg-${segmentIndex}-line-${lineIndex}`;
-      const renderPiece = (text, key) => renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFamily, key);
+      const renderPiece = (text, key) => renderMetricPieces(
+        text,
+        metric,
+        key,
+        (pieceText, pieceKey) => renderScriptAwareText(pieceText, needsScriptFonts, scriptFonts, baseFontFamily, pieceKey)
+      );
       return /* @__PURE__ */ jsxRuntime.jsxs(React6__default.default.Fragment, { children: [
         tabContext && line.includes("	") ? renderTabbedLine(line, tabContext, lineKey, renderPiece) : renderPiece(line, lineKey),
         lineIndex < lines.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx("br", {}) : null
@@ -1574,8 +1596,15 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
       isCurrent: false
     });
   }
-  return chunks.map(
-    (chunk, ci) => chunk.highlighted ? /* @__PURE__ */ jsxRuntime.jsx(
+  const renderChunk = (text, key) => renderMetricPieces(
+    text,
+    metric,
+    key,
+    (pieceText, pieceKey) => renderScriptAwareText(pieceText, needsScriptFonts, scriptFonts, baseFontFamily, pieceKey)
+  );
+  return chunks.map((chunk, ci) => {
+    const chunkKey = `${elementId}-seg-${segmentIndex}-hl-${ci}`;
+    return chunk.highlighted ? /* @__PURE__ */ jsxRuntime.jsx(
       "mark",
       {
         style: {
@@ -1583,27 +1612,15 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
           color: "inherit",
           borderRadius: 2
         },
-        children: renderScriptAwareText(
-          chunk.text,
-          needsScriptFonts,
-          scriptFonts,
-          baseFontFamily,
-          `${elementId}-seg-${segmentIndex}-hl-${ci}`
-        )
+        children: renderChunk(chunk.text, chunkKey)
       },
-      `${elementId}-seg-${segmentIndex}-hl-${ci}`
-    ) : /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: renderScriptAwareText(
-      chunk.text,
-      needsScriptFonts,
-      scriptFonts,
-      baseFontFamily,
-      `${elementId}-seg-${segmentIndex}-hl-${ci}`
-    ) }, `${elementId}-seg-${segmentIndex}-hl-${ci}`)
-  );
+      chunkKey
+    ) : /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: renderChunk(chunk.text, chunkKey) }, chunkKey);
+  });
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
-  const mathml = chunk3NDRTC7T_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunk3NDRTC7T_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunk4GX347MG_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunk4GX347MG_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1653,7 +1670,7 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
   return /* @__PURE__ */ jsxRuntime.jsx("span", { children: equationContent }, `${elementId}-seg-${segmentIndex}`);
 }
 function renderPictureBullet(elementId, segmentIndex, bulletInfo, baseFontSize) {
-  const picture = chunk3NDRTC7T_js.resolvePictureBullet(bulletInfo, baseFontSize) ?? {
+  const picture = chunk4GX347MG_js.resolvePictureBullet(bulletInfo, baseFontSize) ?? {
     sizePx: baseFontSize,
     fallbackMarker: "\u2022",
     accessibleLabel: "Bullet"
@@ -1704,7 +1721,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   }
   const segmentStyle = segment.style || {};
   const rawText = bulletInfo && typeof bulletHangPx === "number" ? (segment.text || "").trimEnd() : segment.text || "";
-  const textValue = chunk3NDRTC7T_js.substituteFieldText(rawText, segment.fieldType, fieldContext);
+  const textValue = chunk4GX347MG_js.substituteFieldText(rawText, segment.fieldType, fieldContext);
   const lines = textValue.split("\n");
   const textDecorationTokens = [];
   if (segmentStyle.underline || segmentStyle.hyperlink) {
@@ -1714,8 +1731,8 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
     textDecorationTokens.push("line-through");
   }
   const isDoubleStrike = segmentStyle.strikethrough && segmentStyle.strikeType === "dblStrike";
-  const resolvedSegmentColor = segmentStyle.hyperlink ? chunk3NDRTC7T_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, HYPERLINK_COLOR) : chunk3NDRTC7T_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, fallbackColor);
-  const underlineDecoration = chunk3NDRTC7T_js.resolveUnderlineDecorationStyle(
+  const resolvedSegmentColor = segmentStyle.hyperlink ? chunk4GX347MG_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, HYPERLINK_COLOR) : chunk4GX347MG_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, fallbackColor);
+  const underlineDecoration = chunk4GX347MG_js.resolveUnderlineDecorationStyle(
     Boolean(isDoubleStrike),
     segmentStyle.underlineStyle
   );
@@ -1725,17 +1742,17 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
   const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
   const textFillStyles = buildTextFillCss2(segmentStyle);
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-  const autoFitScale = chunk3NDRTC7T_js.resolveAutoFitFontScale(element.textStyle);
+  const autoFitScale = chunk4GX347MG_js.resolveAutoFitFontScale(element.textStyle);
   const baseFontSize = rawFontSize * autoFitScale;
   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 ? chunk3NDRTC7T_js.getSubstituteFontFamily(
+  const baseFontFamily = rawFontFamily ? chunk4GX347MG_js.getSubstituteFontFamily(
     rawFontFamily,
-    chunk3NDRTC7T_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+    chunk4GX347MG_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
   ) : DEFAULT_FONT_FAMILY2;
-  const scriptFont = (name, panose) => name ? chunk3NDRTC7T_js.getSubstituteFontFamily(name, chunk3NDRTC7T_js.parsePanoseString(panose)) : baseFontFamily;
+  const scriptFont = (name, panose) => name ? chunk4GX347MG_js.getSubstituteFontFamily(name, chunk4GX347MG_js.parsePanoseString(panose)) : baseFontFamily;
   const scriptFonts = {
     latin: baseFontFamily,
     eastAsia: scriptFont(
@@ -1751,15 +1768,18 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
       segmentStyle.symbolFontPanose ?? element.textStyle?.symbolFontPanose
     )
   };
-  const needsScriptFonts = chunk3NDRTC7T_js.hasDistinctScriptFonts(scriptFonts);
-  const metricTracking = chunk3NDRTC7T_js.resolveMetricTrackingPx(textValue, {
+  const needsScriptFonts = chunk4GX347MG_js.hasDistinctScriptFonts(scriptFonts);
+  const metricFont = {
     fontFamily: baseFontFamily,
     fontSizePx: baseFontSize * baselineFontScale,
     bold: Boolean(segmentStyle.bold),
     italic: Boolean(segmentStyle.italic)
-  });
-  const totalLetterSpacing = authoredLetterSpacing + metricTracking;
-  const letterSpacing = totalLetterSpacing === 0 ? void 0 : `${totalLetterSpacing}px`;
+  };
+  const metricContext = { font: metricFont, authoredPx: authoredLetterSpacing };
+  const letterSpacing = chunk4GX347MG_js.pieceLetterSpacing(
+    authoredLetterSpacing,
+    chunk4GX347MG_js.resolveMetricTrackingPx(textValue, metricFont)
+  );
   const spanStyle = {
     color: resolvedSegmentColor,
     fontSize: baseFontSize * baselineFontScale,
@@ -1777,15 +1797,15 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
     fontVariantCaps: segmentStyle.textCaps === "small" ? "small-caps" : void 0,
     letterSpacing,
     fontKerning,
-    backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ? chunk3NDRTC7T_js.normalizeHexColor(segmentStyle.highlightColor, "transparent") : void 0,
+    backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ? chunk4GX347MG_js.normalizeHexColor(segmentStyle.highlightColor, "transparent") : void 0,
     ...textFillStyles,
-    textDecorationColor: segmentStyle.underlineColor ? chunk3NDRTC7T_js.normalizeHexColor(segmentStyle.underlineColor, void 0) : void 0,
-    WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${chunk3NDRTC7T_js.normalizeHexColor(segmentStyle.textOutlineColor, "#000000")}` : segmentStyle.textOutlineWidth ? `${segmentStyle.textOutlineWidth}px currentColor` : void 0,
+    textDecorationColor: segmentStyle.underlineColor ? chunk4GX347MG_js.normalizeHexColor(segmentStyle.underlineColor, void 0) : void 0,
+    WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${chunk4GX347MG_js.normalizeHexColor(segmentStyle.textOutlineColor, "#000000")}` : segmentStyle.textOutlineWidth ? `${segmentStyle.textOutlineWidth}px currentColor` : void 0,
     paintOrder: segmentStyle.textOutlineWidth ? "stroke fill" : void 0,
-    textShadow: chunk3NDRTC7T_js.buildTextShadowCss(segmentStyle),
-    filter: chunk3NDRTC7T_js.buildTextRunFilterChain(segmentStyle),
-    opacity: chunk3NDRTC7T_js.getTextAlphaOpacity(segmentStyle),
-    WebkitBoxReflect: chunk3NDRTC7T_js.buildTextReflectionCss(segmentStyle)
+    textShadow: chunk4GX347MG_js.buildTextShadowCss(segmentStyle),
+    filter: chunk4GX347MG_js.buildTextRunFilterChain(segmentStyle),
+    opacity: chunk4GX347MG_js.getTextAlphaOpacity(segmentStyle),
+    WebkitBoxReflect: chunk4GX347MG_js.buildTextReflectionCss(segmentStyle)
   };
   const runRtl = segmentStyle.rtl;
   if (runRtl !== void 0 && runRtl !== paragraphRtl) {
@@ -1805,7 +1825,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
       spanStyle.fontSize = baseFontSize * (bulletInfo.sizePercent / 100) * baselineFontScale;
     }
     if (bulletInfo.color) {
-      spanStyle.color = chunk3NDRTC7T_js.normalizeHexColor(bulletInfo.color, resolvedSegmentColor);
+      spanStyle.color = chunk4GX347MG_js.normalizeHexColor(bulletInfo.color, resolvedSegmentColor);
     }
     if (typeof bulletHangPx === "number" && bulletHangPx > 0) {
       spanStyle.display = "inline-block";
@@ -1839,7 +1859,8 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
       baseFontFamily,
       Boolean(segmentStyle.bold),
       Boolean(segmentStyle.italic)
-    )
+    ),
+    metricContext
   );
   let innerContent;
   if (hasRuby) {
@@ -1850,7 +1871,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
       textAlign: segment.rubyAlignment === "l" ? "left" : segment.rubyAlignment === "r" ? "right" : segment.rubyAlignment === "dist" || segment.rubyAlignment === "distCat" || segment.rubyAlignment === "distLetter" ? "justify" : "center"
     };
     if (segment.rubyStyle?.color) {
-      rubyStyle.color = chunk3NDRTC7T_js.normalizeHexColor(segment.rubyStyle.color, resolvedSegmentColor);
+      rubyStyle.color = chunk4GX347MG_js.normalizeHexColor(segment.rubyStyle.color, resolvedSegmentColor);
     }
     innerContent = /* @__PURE__ */ jsxRuntime.jsxs("ruby", { children: [
       baseContent,
@@ -1923,7 +1944,7 @@ function resolveParagraphSpacing(input) {
   if (typeof exactPt === "number" && exactPt > 0) {
     result.lineHeight = `${exactPt * PT_TO_PX}px`;
   } else if (typeof multiplier === "number" && multiplier > 0) {
-    result.lineHeight = chunk3NDRTC7T_js.proportionalLineHeight(multiplier);
+    result.lineHeight = chunk4GX347MG_js.proportionalLineHeight(multiplier);
   }
   return result;
 }
@@ -1945,7 +1966,7 @@ function groupSegmentsIntoParagraphs(segments) {
   return paragraphs;
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
-  if (!chunk3NDRTC7T_js.hasTextProperties(element)) {
+  if (!chunk4GX347MG_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const effectiveSegments = segmentOverrides ?? element.textSegments;
@@ -1966,10 +1987,10 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     return element.text || emptyFallback || "";
   }
   const paragraphs = groupSegmentsIntoParagraphs(effectiveSegments);
-  const paragraphIndents = chunk3NDRTC7T_js.hasTextProperties(element) ? element.paragraphIndents : void 0;
-  const elementRtl = chunk3NDRTC7T_js.hasTextProperties(element) ? element.textStyle?.rtl : void 0;
-  const elementAlign = chunk3NDRTC7T_js.hasTextProperties(element) ? element.textStyle?.align : void 0;
-  const bodyStyle = chunk3NDRTC7T_js.hasTextProperties(element) ? element.textStyle : void 0;
+  const paragraphIndents = chunk4GX347MG_js.hasTextProperties(element) ? element.paragraphIndents : void 0;
+  const elementRtl = chunk4GX347MG_js.hasTextProperties(element) ? element.textStyle?.rtl : void 0;
+  const elementAlign = chunk4GX347MG_js.hasTextProperties(element) ? element.textStyle?.align : void 0;
+  const bodyStyle = chunk4GX347MG_js.hasTextProperties(element) ? element.textStyle : void 0;
   const spaceFirstLast = bodyStyle?.spaceFirstLastParagraph !== false;
   return paragraphs.map(({ entries: paraSegments, terminator }, paraIndex) => {
     const paraIndent = paragraphIndents?.[paraIndex];
@@ -1984,14 +2005,14 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       return Boolean(segment.text) && segment.text.trim().length > 0;
     });
     const hasBullet = bulletInfo && !bulletInfo.none && hasVisibleTextContent;
-    const paraRtl = chunk3NDRTC7T_js.resolveParagraphRtl(paraSegments, elementRtl);
+    const paraRtl = chunk4GX347MG_js.resolveParagraphRtl(paraSegments, elementRtl);
     const isRtlParagraph = paraRtl === true;
-    const paraAlign = chunk3NDRTC7T_js.resolveParagraphAlign(paraSegments, elementAlign);
-    const cssTextAlign = chunk3NDRTC7T_js.resolveCssTextAlign(paraAlign, isRtlParagraph);
+    const paraAlign = chunk4GX347MG_js.resolveParagraphAlign(paraSegments, elementAlign);
+    const cssTextAlign = chunk4GX347MG_js.resolveCssTextAlign(paraAlign, isRtlParagraph);
     const paraMarginLeft = isRtlParagraph ? void 0 : rawMarginLeft;
     const paraMarginRight = isRtlParagraph ? rawMarginLeft : void 0;
     const paraTextIndent = rawTextIndent;
-    const paraKinsokuStyle = chunk3NDRTC7T_js.getKinsokuLineBreakStyles(firstSeg?.segment.style);
+    const paraKinsokuStyle = chunk4GX347MG_js.getKinsokuLineBreakStyles(firstSeg?.segment.style);
     const hasParaKinsoku = Object.keys(paraKinsokuStyle).length > 0;
     const paraProps = effectiveSegments[firstSeg?.globalIndex ?? -1]?.paragraphProperties ?? (paraSegments.length === 0 ? terminator?.paragraphProperties : void 0);
     const spacing = resolveParagraphSpacing({
@@ -2001,7 +2022,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
       isLast: paraIndex === paragraphs.length - 1,
       spaceFirstLast
     });
-    const strutFontSize = chunk3NDRTC7T_js.resolveParagraphStrutFontSize(
+    const strutFontSize = chunk4GX347MG_js.resolveParagraphStrutFontSize(
       paraSegments.length > 0 ? paraSegments.map(({ segment }) => segment) : terminator ? [terminator] : [],
       bodyStyle?.fontSize
     );
@@ -2105,13 +2126,13 @@ function hexToRgbUnit(hex) {
   };
 }
 function getDuotoneColors(element) {
-  if (!chunk3NDRTC7T_js.isImageLikeElement(element)) {
+  if (!chunk4GX347MG_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunk3NDRTC7T_js.hasShapeProperties(element)) {
+  if (!chunk4GX347MG_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -2122,13 +2143,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 ${chunk3NDRTC7T_js.colorWithOpacity(
-    chunk3NDRTC7T_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunk4GX347MG_js.colorWithOpacity(
+    chunk4GX347MG_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunk3NDRTC7T_js.hasShapeProperties(element)) {
+  if (!chunk4GX347MG_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -2137,7 +2158,7 @@ function buildLineGlowFilter(element) {
   }
   const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
   const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
-  const glowCol = chunk3NDRTC7T_js.colorWithOpacity(chunk3NDRTC7T_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunk4GX347MG_js.colorWithOpacity(chunk4GX347MG_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
   return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
 }
 function mapDagBlendModeToCss(blend) {
@@ -2161,7 +2182,7 @@ function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
 function hasDagDuotoneEffect(element) {
-  if (!chunk3NDRTC7T_js.hasShapeProperties(element)) {
+  if (!chunk4GX347MG_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
@@ -2224,7 +2245,7 @@ function getRoundRectRadiusPx(element) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunk3NDRTC7T_js.build3DExtrusionData(
+  return chunk4GX347MG_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -2233,7 +2254,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
-  chunk3NDRTC7T_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
+  chunk4GX347MG_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
 // src/viewer/utils/shape-visual-style.ts
@@ -2241,43 +2262,43 @@ function getGradientTilingCss(style) {
   if (!style || style.fillMode !== "gradient") {
     return void 0;
   }
-  const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && chunk3NDRTC7T_js.sanitizeGradientStops(style.fillGradientStops).length > 0;
+  const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && chunk4GX347MG_js.sanitizeGradientStops(style.fillGradientStops).length > 0;
   if (isStructuredLinear) {
-    const flip = chunk3NDRTC7T_js.getGradientTileFlipCss(style.fillGradientFlip);
+    const flip = chunk4GX347MG_js.getGradientTileFlipCss(style.fillGradientFlip);
     if (flip) {
       return flip;
     }
   }
-  return chunk3NDRTC7T_js.getGradientTileRectCss(style.fillGradientTileRect);
+  return chunk4GX347MG_js.getGradientTileRectCss(style.fillGradientTileRect);
 }
 function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunk3NDRTC7T_js.hasShapeProperties(element)) {
+  if (!chunk4GX347MG_js.hasShapeProperties(element)) {
     return {};
   }
   const normalizedShapeType = getShapeType(element.shapeType);
-  const clipPath = chunk3NDRTC7T_js.isIdentityRectClip(element) ? void 0 : chunk3NDRTC7T_js.getResolvedShapeClipPath(element);
+  const clipPath = chunk4GX347MG_js.isIdentityRectClip(element) ? void 0 : chunk4GX347MG_js.getResolvedShapeClipPath(element);
   const rendersCustomVectorPath = (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;
-  const rendersStrokeOnlyPreset = chunk3NDRTC7T_js.isStrokeOnlyPresetElement(element);
+  const rendersStrokeOnlyPreset = chunk4GX347MG_js.isStrokeOnlyPresetElement(element);
   const fillOpacity = element.shapeStyle?.fillOpacity;
   const strokeOpacity = element.shapeStyle?.strokeOpacity;
-  const strokeDash = chunk3NDRTC7T_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const fillGradient = chunk3NDRTC7T_js.buildCssGradientFromShapeStyle(element.shapeStyle, {
+  const strokeDash = chunk4GX347MG_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const fillGradient = chunk4GX347MG_js.buildCssGradientFromShapeStyle(element.shapeStyle, {
     rotation: element.rotation,
     width: element.width,
     height: element.height
   }) || element.shapeStyle?.fillGradient;
-  const shadowCss = chunk3NDRTC7T_js.buildShadowCssFromShapeStyle(element.shapeStyle);
-  const innerShadowCss = chunk3NDRTC7T_js.buildInnerShadowCssFromShapeStyle(element.shapeStyle);
-  const resolvedFillColor = chunk3NDRTC7T_js.colorWithOpacity(fillColor, fillOpacity);
-  const resolvedStrokeColor = chunk3NDRTC7T_js.colorWithOpacity(strokeColor, strokeOpacity);
+  const shadowCss = chunk4GX347MG_js.buildShadowCssFromShapeStyle(element.shapeStyle);
+  const innerShadowCss = chunk4GX347MG_js.buildInnerShadowCssFromShapeStyle(element.shapeStyle);
+  const resolvedFillColor = chunk4GX347MG_js.colorWithOpacity(fillColor, fillOpacity);
+  const resolvedStrokeColor = chunk4GX347MG_js.colorWithOpacity(strokeColor, strokeOpacity);
   const ss = element.shapeStyle;
   const gradientTiling = getGradientTilingCss(ss);
-  const paintsGradientOutline = chunk3NDRTC7T_js.suppressesCssBorder(element);
+  const paintsGradientOutline = chunk4GX347MG_js.suppressesCssBorder(element);
   const hasFillOverlayColor = Boolean(
     ss?.dagFillOverlayColor && ss.dagFillOverlayColor !== "transparent"
   );
   const combinedShadowParts = [];
-  const multiLayerShadow = chunk3NDRTC7T_js.buildMultiLayerShadowCss(element.shapeStyle);
+  const multiLayerShadow = chunk4GX347MG_js.buildMultiLayerShadowCss(element.shapeStyle);
   if (multiLayerShadow) {
     combinedShadowParts.push(multiLayerShadow);
   } else if (shadowCss) {
@@ -2286,7 +2307,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (innerShadowCss) {
     combinedShadowParts.push(innerShadowCss);
   }
-  const glowBoxShadow = chunk3NDRTC7T_js.buildGlowBoxShadow(ss?.glowColor, ss?.glowRadius, ss?.glowOpacity);
+  const glowBoxShadow = chunk4GX347MG_js.buildGlowBoxShadow(ss?.glowColor, ss?.glowRadius, ss?.glowOpacity);
   if (glowBoxShadow) {
     combinedShadowParts.push(glowBoxShadow);
   }
@@ -2294,7 +2315,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (lineShadow) {
     combinedShadowParts.push(lineShadow);
   }
-  const compoundLineShadow = chunk3NDRTC7T_js.getCompoundLineBoxShadow(
+  const compoundLineShadow = chunk4GX347MG_js.getCompoundLineBoxShadow(
     element.shapeStyle?.compoundLine,
     strokeWidth,
     resolvedStrokeColor
@@ -2307,11 +2328,11 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (ss?.glowColor && ss.glowColor !== "transparent" && ss.glowRadius) {
     const glowOpacity = typeof ss.glowOpacity === "number" ? ss.glowOpacity : 0.75;
     const glowRad = Math.round(Math.max(0, ss.glowRadius));
-    const glowCol = chunk3NDRTC7T_js.colorWithOpacity(chunk3NDRTC7T_js.normalizeHexColor(ss.glowColor, "#ffff00"), glowOpacity);
+    const glowCol = chunk4GX347MG_js.colorWithOpacity(chunk4GX347MG_js.normalizeHexColor(ss.glowColor, "#ffff00"), glowOpacity);
     filterParts.push(`drop-shadow(0 0 ${glowRad}px ${glowCol})`);
   }
   if (typeof ss?.softEdgeRadius === "number" && ss.softEdgeRadius > 0) {
-    filterParts.push(`url(#${chunk3NDRTC7T_js.getSoftEdgeFilterId(element.id)})`);
+    filterParts.push(`url(#${chunk4GX347MG_js.getSoftEdgeFilterId(element.id)})`);
   }
   if (typeof ss?.blurRadius === "number" && ss.blurRadius > 0) {
     filterParts.push(`blur(${Math.round(ss.blurRadius)}px)`);
@@ -2320,13 +2341,13 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
   if (lineGlowCss) {
     filterParts.push(lineGlowCss);
   }
-  const dagFilter = chunk3NDRTC7T_js.getEffectDagFilter(ss, element.id);
+  const dagFilter = chunk4GX347MG_js.getEffectDagFilter(ss, element.id);
   if (dagFilter) {
     filterParts.push(dagFilter);
   }
   const lineJoinCss = ss?.lineJoin === "round" ? "round" : ss?.lineJoin === "bevel" ? "bevel" : ss?.lineJoin === "miter" ? "miter" : void 0;
   const miterLimitCss = ss?.lineJoin === "miter" && typeof ss?.miterLimit === "number" ? Math.max(ss.miterLimit / 1e5, 1) : void 0;
-  const patternFill = chunk3NDRTC7T_js.buildPatternFillCss(element.shapeStyle);
+  const patternFill = chunk4GX347MG_js.buildPatternFillCss(element.shapeStyle);
   const imageFillUrl = ss?.fillMode === "image" && ss.fillImageUrl ? ss.fillImageUrl : void 0;
   const imageFillMode = ss?.fillImageMode || "stretch";
   let reflectCss;
@@ -2338,7 +2359,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
       const endOpacity = typeof ss.reflectionEndOpacity === "number" ? ss.reflectionEndOpacity : 0;
       const fadeLength = typeof ss.reflectionEndPosition === "number" ? Math.round(ss.reflectionEndPosition * Math.max(element.height, 1)) : 100;
       const blurRadius = typeof ss.reflectionBlurRadius === "number" ? ss.reflectionBlurRadius : 0;
-      reflectCss = chunk3NDRTC7T_js.buildReflectionCss(distance, startOpacity, endOpacity, fadeLength, blurRadius);
+      reflectCss = chunk4GX347MG_js.buildReflectionCss(distance, startOpacity, endOpacity, fadeLength, blurRadius);
     }
   }
   const base = {
@@ -2384,9 +2405,9 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
     // path following the shape's geometry, because a CSS border can only take
     // one colour. Keeping the border too would draw the parser's averaged
     // solid underneath the gradient.
-    borderWidth: strokeWidth > 0 && !paintsGradientOutline ? chunk3NDRTC7T_js.getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
+    borderWidth: strokeWidth > 0 && !paintsGradientOutline ? chunk4GX347MG_js.getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
     borderColor: strokeWidth > 0 && !paintsGradientOutline ? resolvedStrokeColor : void 0,
-    borderStyle: strokeWidth > 0 && !paintsGradientOutline ? chunk3NDRTC7T_js.getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
+    borderStyle: strokeWidth > 0 && !paintsGradientOutline ? chunk4GX347MG_js.getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
     strokeLinejoin: lineJoinCss,
     strokeMiterlimit: miterLimitCss,
     strokeLinecap: ss?.lineCap === "rnd" ? "round" : ss?.lineCap === "sq" ? "square" : ss?.lineCap === "flat" ? "butt" : void 0
@@ -2446,7 +2467,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
       borderWidth: 0,
       borderTopWidth: Math.max(strokeWidth, 2),
       borderTopColor: resolvedStrokeColor,
-      borderTopStyle: chunk3NDRTC7T_js.getCssBorderDashStyle(strokeDash)
+      borderTopStyle: chunk4GX347MG_js.getCssBorderDashStyle(strokeDash)
     };
   }
   if (normalizedShapeType === "cylinder") {
@@ -2460,13 +2481,13 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
 function getConnectorAdjustment(element, key, fallback) {
   const direct = element.shapeAdjustments?.[key];
   if (typeof direct === "number" && Number.isFinite(direct)) {
-    return chunk3NDRTC7T_js.clampUnitInterval(direct / 1e5);
+    return chunk4GX347MG_js.clampUnitInterval(direct / 1e5);
   }
   const fallbackKey = element.shapeAdjustments?.adj;
   if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return chunk3NDRTC7T_js.clampUnitInterval(fallbackKey / 1e5);
+    return chunk4GX347MG_js.clampUnitInterval(fallbackKey / 1e5);
   }
-  return chunk3NDRTC7T_js.clampUnitInterval(fallback);
+  return chunk4GX347MG_js.clampUnitInterval(fallback);
 }
 function getConnectorPathGeometry(element) {
   const width = Math.max(element.width, 0);
@@ -2599,7 +2620,7 @@ function toHexByte(value) {
   return clamped.toString(16).padStart(2, "0");
 }
 function shiftHex(hex, factor, towardsWhite) {
-  const channels = chunk3NDRTC7T_js.hexToRgbChannels(hex);
+  const channels = chunk4GX347MG_js.hexToRgbChannels(hex);
   if (!channels) {
     return hex;
   }
@@ -2625,7 +2646,7 @@ function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
     const fillOff = subpath.fillMode === "none" || !hasFill;
     return {
       d: subpath.d,
-      fill: fillOff ? "none" : chunk3NDRTC7T_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
+      fill: fillOff ? "none" : chunk4GX347MG_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
       stroked: subpath.stroke !== false
     };
   });
@@ -2641,11 +2662,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunk3NDRTC7T_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunk4GX347MG_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunk3NDRTC7T_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunk3NDRTC7T_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunk4GX347MG_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunk4GX347MG_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -2693,9 +2714,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 ? chunk3NDRTC7T_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunk4GX347MG_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 ? chunk3NDRTC7T_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunk4GX347MG_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
     const paints = buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
@@ -2727,7 +2748,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunk3NDRTC7T_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunk4GX347MG_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2753,14 +2774,14 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
   );
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunk3NDRTC7T_js.hasShapeProperties(element)) {
+  if (!chunk4GX347MG_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunk3NDRTC7T_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunk3NDRTC7T_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunk3NDRTC7T_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunk3NDRTC7T_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunk4GX347MG_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunk4GX347MG_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunk4GX347MG_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunk4GX347MG_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2841,21 +2862,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).
-      chunk3NDRTC7T_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunk4GX347MG_js.buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
-  if (chunk3NDRTC7T_js.isCalloutShape(normalizedType)) {
+  if (chunk4GX347MG_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunk3NDRTC7T_js.getCalloutLeaderLineGeometry(
+    const geometry = chunk4GX347MG_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunk3NDRTC7T_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunk3NDRTC7T_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunk4GX347MG_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunk4GX347MG_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2918,10 +2939,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 = chunk3NDRTC7T_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunk4GX347MG_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunk3NDRTC7T_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunk3NDRTC7T_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunk4GX347MG_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunk4GX347MG_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -2988,15 +3009,15 @@ function parseGradientFillCss(gradFill) {
   }
   const parsed = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunk3NDRTC7T_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunk3NDRTC7T_js.parseDrawingColorOpacity(gs);
-    return { pos, color: chunk3NDRTC7T_js.colorWithOpacity(color, opacity) };
+    const color = chunk4GX347MG_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunk4GX347MG_js.parseDrawingColorOpacity(gs);
+    return { pos, color: chunk4GX347MG_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(chunk3NDRTC7T_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunk4GX347MG_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -3031,8 +3052,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunk3NDRTC7T_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunk3NDRTC7T_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunk4GX347MG_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunk4GX347MG_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -3143,11 +3164,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunk3NDRTC7T_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunk4GX347MG_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunk3NDRTC7T_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunk4GX347MG_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunk3NDRTC7T_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunk4GX347MG_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -3160,7 +3181,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunk3NDRTC7T_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunk4GX347MG_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -3178,7 +3199,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunk3NDRTC7T_js.parseDrawingColor(glow);
+    const glowColor = chunk4GX347MG_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -3257,10 +3278,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunk3NDRTC7T_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunk3NDRTC7T_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunk4GX347MG_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunk4GX347MG_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunk3NDRTC7T_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunk3NDRTC7T_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunk4GX347MG_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunk4GX347MG_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -3270,15 +3291,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunk3NDRTC7T_js.parseDrawingColor(
+  const cellFill = chunk4GX347MG_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunk3NDRTC7T_js.parseDrawingColorOpacity(
+    const opacity = chunk4GX347MG_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunk3NDRTC7T_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunk4GX347MG_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -3293,16 +3314,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 = chunk3NDRTC7T_js.parseDrawingColor(
+    const borderColor = chunk4GX347MG_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunk3NDRTC7T_js.parseDrawingColor(
+    ) || chunk4GX347MG_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunk3NDRTC7T_js.parseDrawingColor(
+    ) || chunk4GX347MG_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunk3NDRTC7T_js.parseDrawingColor(
+    ) || chunk4GX347MG_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -3381,10 +3402,10 @@ function resolveTableStyleFillColor(fill, colorScheme) {
   }
   let color = base;
   if (fill.tint !== void 0 && fill.tint > 0) {
-    color = chunk3NDRTC7T_js.tintColor2(color, fill.tint / 1e5);
+    color = chunk4GX347MG_js.tintColor2(color, fill.tint / 1e5);
   }
   if (fill.shade !== void 0 && fill.shade > 0) {
-    color = chunk3NDRTC7T_js.shadeColor2(color, 1 - fill.shade / 1e5);
+    color = chunk4GX347MG_js.shadeColor2(color, 1 - fill.shade / 1e5);
   }
   return color;
 }
@@ -3409,7 +3430,7 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
     style.fontFamily = text.fontFace;
     applied = true;
   } else {
-    const refFont = chunk3NDRTC7T_js.resolveFontRefIdx(text.fontRefIdx, fontScheme);
+    const refFont = chunk4GX347MG_js.resolveFontRefIdx(text.fontRefIdx, fontScheme);
     if (refFont) {
       style.fontFamily = refFont;
       applied = true;
@@ -3420,10 +3441,10 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
     if (base) {
       let color = base;
       if (text.fontTint !== void 0 && text.fontTint > 0) {
-        color = chunk3NDRTC7T_js.tintColor2(color, text.fontTint / 1e5);
+        color = chunk4GX347MG_js.tintColor2(color, text.fontTint / 1e5);
       }
       if (text.fontShade !== void 0 && text.fontShade > 0) {
-        color = chunk3NDRTC7T_js.shadeColor2(color, 1 - text.fontShade / 1e5);
+        color = chunk4GX347MG_js.shadeColor2(color, 1 - text.fontShade / 1e5);
       }
       style.color = color;
       applied = true;
@@ -3612,7 +3633,7 @@ function parseTableElementData(element, fallbackTextStyle) {
   };
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunk3NDRTC7T_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunk4GX347MG_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3760,9 +3781,9 @@ function cellStyleToCss(style) {
   if (style.gradientFillCss) {
     css.background = style.gradientFillCss;
   } else if (style.fillMode === "pattern" && style.patternFillPreset) {
-    const fg = chunk3NDRTC7T_js.normalizeHexColor(style.patternFillForeground, "#000000");
-    const bg = chunk3NDRTC7T_js.normalizeHexColor(style.patternFillBackground, "#ffffff");
-    const svgPattern = chunk3NDRTC7T_js.getPatternSvg(style.patternFillPreset, fg, bg);
+    const fg = chunk4GX347MG_js.normalizeHexColor(style.patternFillForeground, "#000000");
+    const bg = chunk4GX347MG_js.normalizeHexColor(style.patternFillBackground, "#ffffff");
+    const svgPattern = chunk4GX347MG_js.getPatternSvg(style.patternFillPreset, fg, bg);
     if (svgPattern) {
       const encoded = encodeURIComponent(svgPattern);
       css.backgroundImage = `url("data:image/svg+xml,${encoded}")`;
@@ -3838,7 +3859,7 @@ function cellStyleToCss(style) {
     if (edge.width || edge.color) {
       const w = edge.width ?? 1;
       const c = edge.color ?? style.borderColor ?? "#000000";
-      const s = chunk3NDRTC7T_js.ooxmlDashToCssBorderStyle(edge.dash);
+      const s = chunk4GX347MG_js.ooxmlDashToCssBorderStyle(edge.dash);
       css[edge.prefix] = `${w}px ${s} ${c}`;
     }
   }
@@ -3869,7 +3890,7 @@ function cellStyleToCss(style) {
     css.textShadow = textShadowParts.join(", ");
   }
   if (style.cell3D) {
-    Object.assign(css, chunk3NDRTC7T_js.cell3DBevelCss(style.cell3D));
+    Object.assign(css, chunk4GX347MG_js.cell3DBevelCss(style.cell3D));
   }
   return css;
 }
@@ -3883,7 +3904,7 @@ function TableResizeOverlay({
   const containerRef = React6.useRef(null);
   const [rowBounds, setRowBounds] = React6.useState([]);
   const dragRef = React6.useRef(null);
-  const colBoundaries = React6.useMemo(() => chunk3NDRTC7T_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const colBoundaries = React6.useMemo(() => chunk4GX347MG_js.computeColumnBoundaries(columnWidths), [columnWidths]);
   const measureRows = React6.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
@@ -3930,11 +3951,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunk3NDRTC7T_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunk4GX347MG_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunk3NDRTC7T_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunk3NDRTC7T_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunk4GX347MG_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunk4GX347MG_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -3972,7 +3993,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunk3NDRTC7T_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunk4GX347MG_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -4020,7 +4041,7 @@ function renderTableFromTableData(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunk3NDRTC7T_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunk4GX347MG_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -4040,7 +4061,7 @@ function renderTableFromTableData(element, textStyle, options) {
             "table",
             {
               className: "w-full h-full border-collapse table-fixed",
-              style: { fontFamily: chunk3NDRTC7T_js.DEFAULT_FONT_FAMILY },
+              style: { fontFamily: chunk4GX347MG_js.DEFAULT_FONT_FAMILY },
               children: [
                 tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
                   "col",
@@ -4058,7 +4079,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         return null;
                       }
                       const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                      const isInMultiSelection = chunk3NDRTC7T_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                      const isInMultiSelection = chunk4GX347MG_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                       const isCellEditing = isCellSelected && selectedCell?.isEditing;
                       const diag = getCellDiagonalBorders2(
                         cell.style,
@@ -4088,7 +4109,7 @@ function renderTableFromTableData(element, textStyle, options) {
                             }
                             event.stopPropagation();
                             if (event.shiftKey && selectedCell) {
-                              const rect = chunk3NDRTC7T_js.computeSelectionRect(
+                              const rect = chunk4GX347MG_js.computeSelectionRect(
                                 selectedCell.rowIndex,
                                 selectedCell.columnIndex,
                                 rowIndex,
@@ -4098,7 +4119,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               options?.onSelectCell?.({
                                 rowIndex: selectedCell.rowIndex,
                                 columnIndex: selectedCell.columnIndex,
-                                selectedCells: chunk3NDRTC7T_js.rectToCells(rect)
+                                selectedCells: chunk4GX347MG_js.rectToCells(rect)
                               });
                             } else {
                               options?.onSelectCell?.({
@@ -4177,7 +4198,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunk3NDRTC7T_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunk4GX347MG_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(
@@ -4198,7 +4219,7 @@ function renderTableElement(element, textStyle, options) {
             "table",
             {
               className: "w-full h-full border-collapse table-fixed",
-              style: { fontFamily: chunk3NDRTC7T_js.DEFAULT_FONT_FAMILY },
+              style: { fontFamily: chunk4GX347MG_js.DEFAULT_FONT_FAMILY },
               children: [
                 parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
                   "col",
@@ -4259,7 +4280,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,
-                              chunk3NDRTC7T_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                              chunk4GX347MG_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,
@@ -4270,7 +4291,7 @@ function renderTableElement(element, textStyle, options) {
                               }
                               event.stopPropagation();
                               if (event.shiftKey && selectedCell && tableEl.tableData) {
-                                const rect = chunk3NDRTC7T_js.computeSelectionRect(
+                                const rect = chunk4GX347MG_js.computeSelectionRect(
                                   selectedCell.rowIndex,
                                   selectedCell.columnIndex,
                                   rowIndex,
@@ -4280,7 +4301,7 @@ function renderTableElement(element, textStyle, options) {
                                 options?.onSelectCell?.({
                                   rowIndex: selectedCell.rowIndex,
                                   columnIndex: selectedCell.columnIndex,
-                                  selectedCells: chunk3NDRTC7T_js.rectToCells(rect)
+                                  selectedCells: chunk4GX347MG_js.rectToCells(rect)
                                 });
                               } else {
                                 options?.onSelectCell?.({
@@ -4337,24 +4358,24 @@ function renderTableElement(element, textStyle, options) {
 }
 var LEGEND_ITEM_WIDTH = 80;
 function partAttrs(part) {
-  return part ? chunk3NDRTC7T_js.chartPartToAttrs(part) : void 0;
+  return part ? chunk4GX347MG_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunk3NDRTC7T_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunk4GX347MG_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunk3NDRTC7T_js.buildChartViewModel(element);
+    return chunk4GX347MG_js.buildChartViewModel(element);
   }
   const palette = resolveReactPalette(element.chartData);
   const themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunk3NDRTC7T_js.buildChartViewModel(themedElement);
+  return chunk4GX347MG_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -4743,7 +4764,7 @@ function renderMapChart(element, chartData, categoryLabels) {
   const unmatchedRows = [];
   categories.forEach((cat, i) => {
     const value = values[i] ?? 0;
-    const code = chunk3NDRTC7T_js.resolveRegionCode(cat);
+    const code = chunk4GX347MG_js.resolveRegionCode(cat);
     if (code) {
       regionValueMap.set(code, { value, label: cat });
     } else {
@@ -4781,8 +4802,8 @@ function renderMapChart(element, chartData, categoryLabels) {
     let fill = "#e2e8f0";
     let dataLabel = null;
     if (entry) {
-      const t = chunk3NDRTC7T_js.normalizeValue(entry.value, minVal, maxVal);
-      fill = chunk3NDRTC7T_js.sequentialColorScale(t);
+      const t = chunk4GX347MG_js.normalizeValue(entry.value, minVal, maxVal);
+      fill = chunk4GX347MG_js.sequentialColorScale(t);
       dataLabel = /* @__PURE__ */ jsxRuntime.jsx(
         "text",
         {
@@ -4793,7 +4814,7 @@ function renderMapChart(element, chartData, categoryLabels) {
           fontWeight: 600,
           fill: "#1e293b",
           style: { pointerEvents: "none" },
-          children: chunk3NDRTC7T_js.formatAxisValue(entry.value)
+          children: chunk4GX347MG_js.formatAxisValue(entry.value)
         },
         `${element.id}-map-dl-${region.code}`
       );
@@ -4811,7 +4832,7 @@ function renderMapChart(element, chartData, categoryLabels) {
             opacity: 0.9,
             children: /* @__PURE__ */ jsxRuntime.jsxs("title", { children: [
               region.name,
-              entry ? `: ${chunk3NDRTC7T_js.formatAxisValue(entry.value)}` : ""
+              entry ? `: ${chunk4GX347MG_js.formatAxisValue(entry.value)}` : ""
             ] })
           }
         ),
@@ -4849,7 +4870,7 @@ function renderMapChart(element, chartData, categoryLabels) {
         fontSize: 7,
         fill: "#64748b",
         textAnchor: "middle",
-        children: chunk3NDRTC7T_js.formatAxisValue(minVal)
+        children: chunk4GX347MG_js.formatAxisValue(minVal)
       },
       `${element.id}-map-legend-min`
     ),
@@ -4861,7 +4882,7 @@ function renderMapChart(element, chartData, categoryLabels) {
         fontSize: 7,
         fill: "#64748b",
         textAnchor: "middle",
-        children: chunk3NDRTC7T_js.formatAxisValue(maxVal)
+        children: chunk4GX347MG_js.formatAxisValue(maxVal)
       },
       `${element.id}-map-legend-max`
     )
@@ -4927,7 +4948,7 @@ function renderMapChart(element, chartData, categoryLabels) {
             y,
             fontSize,
             fill: "#475569",
-            children: chunk3NDRTC7T_js.formatAxisValue(row.value)
+            children: chunk4GX347MG_js.formatAxisValue(row.value)
           },
           `${element.id}-map-ft-val-${i}`
         )
@@ -4998,7 +5019,7 @@ function renderStackedBarChart(element, _chartData, _categoryLabels) {
 
 // src/viewer/utils/chart-overlay-utils.ts
 function sColor(series, idx) {
-  return chunk3NDRTC7T_js.seriesColor(series, idx);
+  return chunk4GX347MG_js.seriesColor(series, idx);
 }
 function valToY(val, range, topY, bottomY) {
   const usable = bottomY - topY;
@@ -5537,7 +5558,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
             width: 10,
             height: 10,
             rx: 2,
-            fill: chunk3NDRTC7T_js.seriesColor(s, i, style?.styleId, colorPalette)
+            fill: chunk4GX347MG_js.seriesColor(s, i, style?.styleId, colorPalette)
           },
           `${id}-leg-r-${i}`
         )
@@ -5561,7 +5582,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
           width: 10,
           height: 10,
           rx: 2,
-          fill: chunk3NDRTC7T_js.seriesColor(s, i, style?.styleId, colorPalette)
+          fill: chunk4GX347MG_js.seriesColor(s, i, style?.styleId, colorPalette)
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 14, y: cy + 8, fontSize: 9, fill: "#475569", children: s.name || `Series ${i + 1}` })
@@ -5574,9 +5595,9 @@ function renderGridlines(id, style, range, layout) {
   }
   const lines = [];
   if (range.logScale && range.logBase) {
-    const ticks = chunk3NDRTC7T_js.generateLogTicks(range);
+    const ticks = chunk4GX347MG_js.generateLogTicks(range);
     ticks.forEach((tickVal, i) => {
-      const y = chunk3NDRTC7T_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
+      const y = chunk4GX347MG_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
       lines.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "line",
@@ -5597,7 +5618,7 @@ function renderGridlines(id, style, range, layout) {
     const steps = 4;
     for (let i = 0; i <= steps; i++) {
       const val = range.min + range.span * i / steps;
-      const y = chunk3NDRTC7T_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+      const y = chunk4GX347MG_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
       lines.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "line",
@@ -5621,9 +5642,9 @@ function renderValueAxis(id, range, layout, axisFormatting) {
   const labels = [];
   const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
   if (range.logScale && range.logBase) {
-    const ticks = chunk3NDRTC7T_js.generateLogTicks(range);
+    const ticks = chunk4GX347MG_js.generateLogTicks(range);
     ticks.forEach((tickVal, i) => {
-      const y = chunk3NDRTC7T_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
+      const y = chunk4GX347MG_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
       labels.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
@@ -5633,7 +5654,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
             textAnchor: "end",
             fontSize: 8,
             fill: "#64748b",
-            children: hasDisplayUnits ? chunk3NDRTC7T_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunk3NDRTC7T_js.formatAxisValue(tickVal)
+            children: hasDisplayUnits ? chunk4GX347MG_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunk4GX347MG_js.formatAxisValue(tickVal)
           },
           `${id}-vaxis-log-${i}`
         )
@@ -5643,7 +5664,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
     const steps = 4;
     for (let i = 0; i <= steps; i++) {
       const val = range.min + range.span * i / steps;
-      const y = chunk3NDRTC7T_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+      const y = chunk4GX347MG_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
       labels.push(
         /* @__PURE__ */ jsxRuntime.jsx(
           "text",
@@ -5653,7 +5674,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
             textAnchor: "end",
             fontSize: 8,
             fill: "#64748b",
-            children: hasDisplayUnits ? chunk3NDRTC7T_js.formatAxisValueWithUnits(val, axisFormatting) : chunk3NDRTC7T_js.formatAxisValue(val)
+            children: hasDisplayUnits ? chunk4GX347MG_js.formatAxisValueWithUnits(val, axisFormatting) : chunk4GX347MG_js.formatAxisValue(val)
           },
           `${id}-vaxis-${i}`
         )
@@ -5661,7 +5682,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
     }
   }
   if (hasDisplayUnits) {
-    const unitLabel = chunk3NDRTC7T_js.getDisplayUnitLabel(
+    const unitLabel = chunk4GX347MG_js.getDisplayUnitLabel(
       axisFormatting.displayUnits,
       axisFormatting.displayUnitsLabel
     );
@@ -5736,7 +5757,7 @@ function renderZeroLine(id, range, layout) {
   if (range.min >= 0) {
     return null;
   }
-  const y = chunk3NDRTC7T_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
+  const y = chunk4GX347MG_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "line",
     {
@@ -5760,7 +5781,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
   const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
   for (let i = 0; i <= steps; i++) {
     const val = range.min + range.span * i / steps;
-    const y = chunk3NDRTC7T_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunk4GX347MG_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     labels.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "text",
@@ -5772,7 +5793,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
           fontFamily,
           fontWeight,
           fill: fontColor,
-          children: hasDisplayUnits ? chunk3NDRTC7T_js.formatAxisValueWithUnits(val, axisFormatting) : chunk3NDRTC7T_js.formatAxisValue(val)
+          children: hasDisplayUnits ? chunk4GX347MG_js.formatAxisValueWithUnits(val, axisFormatting) : chunk4GX347MG_js.formatAxisValue(val)
         },
         `${id}-sec-vaxis-${i}`
       )
@@ -5796,7 +5817,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
     );
   }
   if (hasDisplayUnits) {
-    const unitLabel = chunk3NDRTC7T_js.getDisplayUnitLabel(
+    const unitLabel = chunk4GX347MG_js.getDisplayUnitLabel(
       axisFormatting.displayUnits,
       axisFormatting.displayUnitsLabel
     );
@@ -5827,7 +5848,7 @@ function renderSecondaryAxisTicks(id, range, layout) {
   const ticks = [];
   for (let i = 0; i <= steps; i++) {
     const val = range.min + range.span * i / steps;
-    const y = chunk3NDRTC7T_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunk4GX347MG_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     ticks.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -5854,7 +5875,7 @@ function renderSecondaryGridlines(id, range, layout, axisFormatting) {
   const gridColor = axisFormatting.majorGridlinesSpPr?.strokeColor ?? "#e2e8f0";
   for (let i = 0; i <= steps; i++) {
     const val = range.min + range.span * i / steps;
-    const y = chunk3NDRTC7T_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
+    const y = chunk4GX347MG_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
     lines.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -6016,7 +6037,7 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
                           width: 8,
                           height: 8,
                           borderRadius: 2,
-                          backgroundColor: chunk3NDRTC7T_js.seriesColor(
+                          backgroundColor: chunk4GX347MG_js.seriesColor(
                             s,
                             si,
                             chartData.style?.styleId,
@@ -6054,10 +6075,10 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
 }
 function renderStockChart(element, chartData, categoryLabels) {
   const style = chartData.style;
-  const areaFill = chunk3NDRTC7T_js.chartAreaFill(chartData);
+  const areaFill = chunk4GX347MG_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const range = chunk3NDRTC7T_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunk3NDRTC7T_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunk4GX347MG_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunk4GX347MG_js.computeLayout(element.width, element.height, style, true, legendPos);
   const catCount = Math.max(categoryLabels.length, 1);
   const barGroupWidth = layout.plotWidth / catCount;
   const candleWidth = barGroupWidth * 0.5;
@@ -6078,10 +6099,10 @@ function renderStockChart(element, chartData, categoryLabels) {
     const close = closeSeries.values[ci] ?? high;
     const isUp = close >= open;
     const cx = layout.plotLeft + barGroupWidth * ci + barGroupWidth / 2;
-    const highY = chunk3NDRTC7T_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
-    const lowY = chunk3NDRTC7T_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
-    const openY = chunk3NDRTC7T_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
-    const closeY = chunk3NDRTC7T_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
+    const highY = chunk4GX347MG_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
+    const lowY = chunk4GX347MG_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
+    const openY = chunk4GX347MG_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
+    const closeY = chunk4GX347MG_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
     elements.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "line",
@@ -6124,7 +6145,7 @@ function renderStockChart(element, chartData, categoryLabels) {
             textAnchor: "middle",
             fontSize: 7,
             fill: "#334155",
-            children: chunk3NDRTC7T_js.formatAxisValue(close)
+            children: chunk4GX347MG_js.formatAxisValue(close)
           },
           `${element.id}-stock-dl-${ci}`
         )
@@ -6166,7 +6187,7 @@ function FailedToLoad() {
 var LazySurfaceChart3DScene = React6__default.default.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-NPJQXIGW.js');
+      return await import('./SurfaceChart3DScene-AD43LAOO.js');
     } catch {
       return { default: FailedToLoad };
     }
@@ -6190,7 +6211,7 @@ var SurfaceChart3DErrorBoundary = class extends React6__default.default.Componen
 function buildSurfaceData(chartData, categoryLabels) {
   const rows = chartData.series.length;
   const cols = Math.max(categoryLabels.length, 1);
-  const range = chunk3NDRTC7T_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const range = chunk4GX347MG_js.computeValueRangeForChart(chartData.series, chartData.axes);
   const heightMap = new Float32Array(rows * cols);
   const colorMap = new Float32Array(rows * cols * 3);
   for (let r = 0; r < rows; r++) {
@@ -6309,10 +6330,10 @@ function darkenRgb(r, g, b, factor) {
 }
 function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
-  const areaFill = chunk3NDRTC7T_js.chartAreaFill(chartData);
+  const areaFill = chunk4GX347MG_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunk3NDRTC7T_js.computeLayout(element.width, element.height, style, false, legendPos);
-  const range = chunk3NDRTC7T_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunk4GX347MG_js.computeLayout(element.width, element.height, style, false, legendPos);
+  const range = chunk4GX347MG_js.computeValueRangeForChart(chartData.series, chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const seriesCount = chartData.series.length;
   const cols = catCount - 1;
@@ -6401,10 +6422,10 @@ function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderFlatSurfaceChart(element, chartData, categoryLabels) {
   const style = chartData.style;
-  const areaFill = chunk3NDRTC7T_js.chartAreaFill(chartData);
+  const areaFill = chunk4GX347MG_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunk3NDRTC7T_js.computeLayout(element.width, element.height, style, true, legendPos);
-  const range = chunk3NDRTC7T_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunk4GX347MG_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunk4GX347MG_js.computeValueRangeForChart(chartData.series, chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const seriesCount = chartData.series.length;
   const cellW = layout.plotWidth / Math.max(catCount - 1, 1);
@@ -6466,9 +6487,9 @@ function renderSurfaceChart(element, chartData, categoryLabels) {
 }
 function renderTreemapChart(element, chartData, categoryLabels) {
   const style = chartData.style;
-  const areaFill = chunk3NDRTC7T_js.chartAreaFill(chartData);
+  const areaFill = chunk4GX347MG_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layout = chunk3NDRTC7T_js.computeLayout(element.width, element.height, style, false, legendPos);
+  const layout = chunk4GX347MG_js.computeLayout(element.width, element.height, style, false, legendPos);
   const allValues = chartData.series.flatMap((s) => s.values);
   const totalAbs = allValues.reduce((sum, v) => sum + Math.abs(v), 0) || 1;
   const rects = [];
@@ -6491,7 +6512,7 @@ function renderTreemapChart(element, chartData, categoryLabels) {
           y: curY,
           width: Math.max(w - 1, 1),
           height: Math.max(h - 1, 1),
-          fill: chunk3NDRTC7T_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
+          fill: chunk4GX347MG_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
           rx: 2,
           opacity: 0.85
         },
@@ -6542,11 +6563,11 @@ function renderTreemapChart(element, chartData, categoryLabels) {
 }
 function renderWaterfallChart(element, chartData, categoryLabels) {
   const style = chartData.style;
-  const areaFill = chunk3NDRTC7T_js.chartAreaFill(chartData);
+  const areaFill = chunk4GX347MG_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
   const values = chartData.series[0]?.values ?? [];
-  const range = chunk3NDRTC7T_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunk3NDRTC7T_js.computeLayout(element.width, element.height, style, true, legendPos);
+  const range = chunk4GX347MG_js.computeValueRangeForChart(chartData.series, chartData.axes);
+  const layout = chunk4GX347MG_js.computeLayout(element.width, element.height, style, true, legendPos);
   const catCount = Math.max(categoryLabels.length, values.length, 1);
   const barWidth = layout.plotWidth / catCount * 0.6;
   const gap = layout.plotWidth / catCount * 0.2;
@@ -6557,8 +6578,8 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
     const isLast = i === values.length - 1;
     const startVal = isLast ? 0 : runningTotal;
     const endVal = isLast ? runningTotal + val : runningTotal + val;
-    const barStartY = chunk3NDRTC7T_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
-    const barEndY = chunk3NDRTC7T_js.valueToY(endVal, range, layout.plotTop, layout.plotBottom);
+    const barStartY = chunk4GX347MG_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
+    const barEndY = chunk4GX347MG_js.valueToY(endVal, range, layout.plotTop, layout.plotBottom);
     const x = layout.plotLeft + layout.plotWidth / catCount * i + gap;
     const y = Math.min(barStartY, barEndY);
     const h = Math.max(Math.abs(barEndY - barStartY), 1);
@@ -6587,7 +6608,7 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
             textAnchor: "middle",
             fontSize: 7,
             fill: "#334155",
-            children: chunk3NDRTC7T_js.formatAxisValue(isLast ? endVal : val)
+            children: chunk4GX347MG_js.formatAxisValue(isLast ? endVal : val)
           },
           `${element.id}-wf-dl-${i}`
         )
@@ -6634,20 +6655,20 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
 }
 function renderComboChart(element, chartData, categoryLabels) {
   const style = chartData.style;
-  const areaFill = chunk3NDRTC7T_js.chartAreaFill(chartData);
+  const areaFill = chunk4GX347MG_js.chartAreaFill(chartData);
   const legendPos = style?.legendPosition || "b";
-  const layoutOpts = chunk3NDRTC7T_js.computeLayoutOptions(
+  const layoutOpts = chunk4GX347MG_js.computeLayoutOptions(
     chartData.axes,
     chartData.dataTable,
     chartData.series.length
   );
-  const layout = chunk3NDRTC7T_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
-  const { primary, secondary } = chunk3NDRTC7T_js.splitSeriesByAxis(chartData.series, chartData.axes);
+  const layout = chunk4GX347MG_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
+  const { primary, secondary } = chunk4GX347MG_js.splitSeriesByAxis(chartData.series, chartData.axes);
   const primarySeries = primary.length > 0 ? primary.map((e) => e.series) : chartData.series;
   const secondarySeries = secondary.map((e) => e.series);
-  const range = chunk3NDRTC7T_js.computeValueRangeForChart(primarySeries, chartData.axes);
-  const secondaryRange = secondarySeries.length > 0 ? chunk3NDRTC7T_js.computeValueRange(secondarySeries) : void 0;
-  const secondaryAxisFmt = chunk3NDRTC7T_js.getSecondaryValueAxis(chartData.axes);
+  const range = chunk4GX347MG_js.computeValueRangeForChart(primarySeries, chartData.axes);
+  const secondaryRange = secondarySeries.length > 0 ? chunk4GX347MG_js.computeValueRange(secondarySeries) : void 0;
+  const secondaryAxisFmt = chunk4GX347MG_js.getSecondaryValueAxis(chartData.axes);
   const catCount = Math.max(categoryLabels.length, 1);
   const barSeriesCount = 1;
   const barGroupWidth = layout.plotWidth / catCount;
@@ -6663,8 +6684,8 @@ function renderComboChart(element, chartData, categoryLabels) {
     const barRange = isBarSecondary && secondaryRange ? secondaryRange : range;
     barSeries.values.forEach((val, vi) => {
       const x = layout.plotLeft + barGroupWidth * vi + barOffset;
-      const zeroY = chunk3NDRTC7T_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
-      const valY = chunk3NDRTC7T_js.valueToY(val, barRange, layout.plotTop, layout.plotBottom);
+      const zeroY = chunk4GX347MG_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
+      const valY = chunk4GX347MG_js.valueToY(val, barRange, layout.plotTop, layout.plotBottom);
       const y = Math.min(zeroY, valY);
       const h = Math.max(Math.abs(zeroY - valY), 1);
       barElements.push(
@@ -6675,7 +6696,7 @@ function renderComboChart(element, chartData, categoryLabels) {
             y,
             width: barWidth,
             height: h,
-            fill: chunk3NDRTC7T_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
+            fill: chunk4GX347MG_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
             rx: 1
           },
           `${element.id}-combo-bar-${vi}`
@@ -6691,7 +6712,7 @@ function renderComboChart(element, chartData, categoryLabels) {
               textAnchor: "middle",
               fontSize: 7,
               fill: "#334155",
-              children: chunk3NDRTC7T_js.formatAxisValue(val)
+              children: chunk4GX347MG_js.formatAxisValue(val)
             },
             `${element.id}-combo-bar-dl-${vi}`
           )
@@ -6708,10 +6729,10 @@ function renderComboChart(element, chartData, categoryLabels) {
     const activeRange = isSecondary && secondaryRange ? secondaryRange : range;
     const points = series.values.map((val, vi) => {
       const x = layout.plotLeft + barGroupWidth * vi + barGroupWidth / 2;
-      const y = chunk3NDRTC7T_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
+      const y = chunk4GX347MG_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
       return { x, y, val };
     });
-    const c = chunk3NDRTC7T_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
+    const c = chunk4GX347MG_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
     lineElements.push(
       /* @__PURE__ */ jsxRuntime.jsx(
         "polyline",
@@ -6738,7 +6759,7 @@ function renderComboChart(element, chartData, categoryLabels) {
               textAnchor: "middle",
               fontSize: 7,
               fill: "#334155",
-              children: chunk3NDRTC7T_js.formatAxisValue(p.val)
+              children: chunk4GX347MG_js.formatAxisValue(p.val)
             },
             `${element.id}-combo-line-dl-${si}-${vi}`
           )
@@ -7884,14 +7905,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunk3NDRTC7T_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunk4GX347MG_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 = chunk3NDRTC7T_js.buildSlidesPdfBytes(images);
+  const bytes = chunk4GX347MG_js.buildSlidesPdfBytes(images);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -7900,7 +7921,7 @@ function buildPdfFromImageData(images) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunk3NDRTC7T_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunk4GX347MG_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -7913,7 +7934,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunk3NDRTC7T_js.buildMotionPathPreview({
+  const descriptor = chunk4GX347MG_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,