pptx-react-viewer 2.17.0 → 2.19.0

package/dist/{chunk-5BXATG54.js → chunk-OVPJT4EQ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkAONFHTTJ_js = require('./chunk-AONFHTTJ.js');
-var chunk7JPLVECA_js = require('./chunk-7JPLVECA.js');
+var chunkMVKRI3CZ_js = require('./chunk-MVKRI3CZ.js');
+var chunk7ARD2J6Y_js = require('./chunk-7ARD2J6Y.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 chunk7JPLVECA_js.getAnimationInitialStyle(preset, nativeAnimation);
+  return chunk7ARD2J6Y_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 chunk7JPLVECA_js.cloneHistorySnapshot(snapshot);
+  return chunk7ARD2J6Y_js.cloneHistorySnapshot(snapshot);
 }
 
 // src/viewer/constants/scalar.ts
@@ -44,6 +44,7 @@ var ZOOM_TO_SELECTION_PADDING = 96;
 var GRID_SIZE = 8;
 var SLIDE_NAV_THUMBNAIL_WIDTH = 156;
 var UNGROUPED_SECTION_ID = "__ungrouped__";
+var DEFAULT_SECTION_GROUP_ID = "default";
 
 // src/viewer/constants/toolbar.ts
 var TOOLBAR_SECTIONS = [
@@ -60,7 +61,7 @@ var TOOLBAR_SECTIONS = [
   { id: "view", labelKey: "pptx.ribbon.tab.view" },
   { id: "help", labelKey: "pptx.ribbon.tab.help" }
 ];
-var SHORTCUT_REFERENCE_ITEMS = chunk7JPLVECA_js.VIEWER_SHORTCUT_REFERENCE;
+var SHORTCUT_REFERENCE_ITEMS = chunk7ARD2J6Y_js.VIEWER_SHORTCUT_REFERENCE;
 
 // src/viewer/constants/theme.ts
 var THEME_COLOR_SWATCHES = [
@@ -104,7 +105,7 @@ var GLYPH_COMPONENTS = {
   plus: lu.LuPlus,
   triangle: lu.LuTriangle
 };
-var SHAPE_PRESETS = chunk7JPLVECA_js.SHAPE_PRESET_DEFS.map(
+var SHAPE_PRESETS = chunk7ARD2J6Y_js.SHAPE_PRESET_DEFS.map(
   (def) => ({
     type: def.type,
     label: def.label,
@@ -263,7 +264,7 @@ function isConnectorOrLineElement(element) {
   if (element.type === "connector") {
     return true;
   }
-  if (!chunk7JPLVECA_js.hasShapeProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasShapeProperties(element)) {
     return false;
   }
   const st = getShapeType(element.shapeType);
@@ -272,7 +273,7 @@ function isConnectorOrLineElement(element) {
 
 // src/viewer/utils/image-style.ts
 function getImageMaskStyle(element) {
-  if (!chunk7JPLVECA_js.hasShapeProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasShapeProperties(element)) {
     return void 0;
   }
   const shapeType = element.shapeType;
@@ -281,7 +282,7 @@ function getImageMaskStyle(element) {
   }
   const normalized = shapeType.toLowerCase();
   if (normalized === "roundrect" || normalized === "round1rect" || normalized === "round2samerect" || normalized === "round2diagrect" || normalized === "sniproundrect" || normalized === "snip1rect" || normalized === "snip2diagrect") {
-    const radiusPx = chunk7JPLVECA_js.getRoundRectRadiusPx2(element);
+    const radiusPx = chunk7ARD2J6Y_js.getRoundRectRadiusPx2(element);
     if (radiusPx <= 0.01) {
       return void 0;
     }
@@ -293,7 +294,7 @@ function getImageMaskStyle(element) {
   if (normalized === "can" || normalized === "cylinder") {
     return { borderRadius: "48% / 12%" };
   }
-  const clipPath = chunk7JPLVECA_js.getResolvedShapeClipPath(element);
+  const clipPath = chunk7ARD2J6Y_js.getResolvedShapeClipPath(element);
   if (!clipPath) {
     return void 0;
   }
@@ -302,7 +303,7 @@ function getImageMaskStyle(element) {
 function getImageRenderStyle(element) {
   return {
     ...getImageMaskStyle(element) || {},
-    ...chunk7JPLVECA_js.getImageFitStyle(element)
+    ...chunk7ARD2J6Y_js.getImageFitStyle(element)
   };
 }
 var CROP_SHAPE_CLIP_PATHS = {
@@ -315,7 +316,7 @@ var CROP_SHAPE_CLIP_PATHS = {
   star: "polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"
 };
 function getCropShapeClipPath(element) {
-  if (!chunk7JPLVECA_js.isImageLikeElement(element)) {
+  if (!chunk7ARD2J6Y_js.isImageLikeElement(element)) {
     return void 0;
   }
   const shape = element.cropShape;
@@ -325,7 +326,7 @@ function getCropShapeClipPath(element) {
   return CROP_SHAPE_CLIP_PATHS[shape];
 }
 function getImageTilingStyle2(element) {
-  return chunk7JPLVECA_js.getImageTilingStyle(element);
+  return chunk7ARD2J6Y_js.getImageTilingStyle(element);
 }
 
 // src/viewer/utils/geometry-image.ts
@@ -525,9 +526,9 @@ function registerMediaElement(elementId, el) {
   };
 }
 function executeMediaCommand(command, frameRoot) {
-  return chunk7JPLVECA_js.runMediaCommand(
+  return chunk7ARD2J6Y_js.runMediaCommand(
     command,
-    (targetId) => registry.get(targetId) ?? chunk7JPLVECA_js.findMediaElementByElementId(targetId, frameRoot?.())
+    (targetId) => registry.get(targetId) ?? chunk7ARD2J6Y_js.findMediaElementByElementId(targetId, frameRoot?.())
   );
 }
 function PresentationMediaController({
@@ -571,7 +572,7 @@ function PresentationMediaController({
     loop: shouldLoop,
     volume: playbackVolume,
     playbackRate
-  } = chunk7JPLVECA_js.mediaPlaybackAttributes({
+  } = chunk7ARD2J6Y_js.mediaPlaybackAttributes({
     loop: element.loop,
     volume: element.volume,
     playbackSpeed: element.playbackSpeed
@@ -707,7 +708,7 @@ function PresentationMediaController({
     if (element.playAcrossSlides && element.mediaType === "audio") {
       const dataUrl = element.mediaData ?? resolvedDataUrl;
       if (dataUrl) {
-        chunk7JPLVECA_js.registerPersistentAudio(
+        chunk7ARD2J6Y_js.registerPersistentAudio(
           element.id,
           dataUrl,
           element.mediaMimeType,
@@ -769,7 +770,7 @@ function PresentationMediaController({
   ] });
 }
 function label(key) {
-  return key === void 0 ? void 0 : chunkAONFHTTJ_js.translationsEn[key];
+  return key === void 0 ? void 0 : chunkMVKRI3CZ_js.translationsEn[key];
 }
 function FallbackIcon({
   paths,
@@ -805,17 +806,17 @@ function Badge({
     "div",
     {
       className: `absolute inset-0 flex flex-col items-center justify-center ${isMissing ? "gap-1" : ""}`,
-      ...{ [chunk7JPLVECA_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
+      ...{ [chunk7ARD2J6Y_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunk7JPLVECA_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunk7ARD2J6Y_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(chunk7JPLVECA_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunk7ARD2J6Y_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -832,17 +833,17 @@ function Placeholder({
     "div",
     {
       className: `w-full h-full flex flex-col items-center justify-center gap-1 pointer-events-none rounded ${isMissing ? "bg-black/30 border border-dashed border-white/20" : element.mediaType === "audio" ? "bg-black/10" : "bg-black/20"}`,
-      ...{ [chunk7JPLVECA_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
+      ...{ [chunk7ARD2J6Y_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FallbackIcon,
           {
-            paths: chunk7JPLVECA_js.mediaFallbackIcon(visual, element.mediaType),
+            paths: chunk7ARD2J6Y_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(chunk7JPLVECA_js.mediaFallbackLabelKey(visual, element.mediaType)) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunk7ARD2J6Y_js.mediaFallbackLabelKey(visual, element.mediaType)) })
       ]
     }
   );
@@ -852,7 +853,7 @@ function renderMediaFallback({
   posterUrl,
   surface
 }) {
-  const visual = chunk7JPLVECA_js.mediaFallbackVisual(surface, {
+  const visual = chunk7ARD2J6Y_js.mediaFallbackVisual(surface, {
     hasPoster: Boolean(posterUrl),
     missing: element.mediaMissing === true
   });
@@ -862,7 +863,7 @@ function renderMediaFallback({
         "img",
         {
           src: posterUrl,
-          alt: visual.dimPoster ? chunkAONFHTTJ_js.translationsEn["pptx.media.posterAlt"] : chunkAONFHTTJ_js.translationsEn["pptx.media.videoPosterAlt"],
+          alt: visual.dimPoster ? chunkMVKRI3CZ_js.translationsEn["pptx.media.posterAlt"] : chunkMVKRI3CZ_js.translationsEn["pptx.media.videoPosterAlt"],
           className: `w-full h-full object-contain${visual.dimPoster ? " opacity-50" : ""}`
         }
       ),
@@ -873,7 +874,7 @@ function renderMediaFallback({
 }
 function renderMediaElement(element, mediaDataUrls, options) {
   if (element.type !== "media") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkAONFHTTJ_js.translationsEn["pptx.media.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.media.title"] });
   }
   const mediaType = element.mediaType;
   const mediaPath = element.mediaPath;
@@ -881,7 +882,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
   const dataUrl = element.mediaData ?? (mediaPath ? mediaDataUrls.get(mediaPath) : void 0);
   const trimFragment = buildTrimFragment(element);
   const posterUrl = element.posterFrameData ?? void 0;
-  const shouldLoop = chunk7JPLVECA_js.mediaPlaybackAttributes(element).loop;
+  const shouldLoop = chunk7ARD2J6Y_js.mediaPlaybackAttributes(element).loop;
   const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
   const isFullScreen = options?.fullScreen === true;
   const isPresentationMode = options?.isPresentationMode === true;
@@ -959,86 +960,33 @@ function renderMediaElement(element, mediaDataUrls, options) {
   if (surface.presenting || surface.preview) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkAONFHTTJ_js.translationsEn["pptx.media.title"] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.media.title"] });
 }
 
 // src/viewer/utils/text-utils.tsx
 function getTextStyleForElement(element, fallbackColor) {
-  return chunk7JPLVECA_js.buildTextBlockStyle(element, { fallbackColor });
+  return chunk7ARD2J6Y_js.buildTextBlockStyle(element, { fallbackColor });
 }
 
 // src/viewer/utils/text-layout.tsx
-function computeTabSize(tabStops, defaultTabSize) {
-  const fromDefault = typeof defaultTabSize === "number" && defaultTabSize > 0 ? `${Math.round(defaultTabSize)}px` : void 0;
-  if (!tabStops || tabStops.length === 0) {
-    return fromDefault;
-  }
-  if (tabStops.length === 1) {
-    const pos = tabStops[0].position;
-    return typeof pos === "number" && pos > 0 ? `${Math.round(pos)}px` : fromDefault;
-  }
-  const positions = tabStops.map((t) => t.position).filter((p) => typeof p === "number" && p > 0).sort((a, b) => a - b);
-  if (positions.length < 2) {
-    return positions.length === 1 ? `${Math.round(positions[0])}px` : fromDefault;
-  }
-  let totalGap = 0;
-  for (let i = 1; i < positions.length; i++) {
-    totalGap += positions[i] - positions[i - 1];
-  }
-  const avgGap = totalGap / (positions.length - 1);
-  return avgGap > 0 ? `${Math.round(avgGap)}px` : fromDefault;
-}
 function getTextLayoutStyle(element) {
-  if (!chunk7JPLVECA_js.hasTextProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasTextProperties(element)) {
     return {};
   }
-  const verticalAlign = element.textStyle?.vAlign || "top";
-  const writingMode = chunk7JPLVECA_js.toCssWritingMode(element.textStyle?.textDirection);
-  const textOrientation = chunk7JPLVECA_js.toCssTextOrientation(element.textStyle?.textDirection);
-  const verticalDirection = chunk7JPLVECA_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;
-  const justifyContent = verticalAlign === "middle" ? "center" : verticalAlign === "bottom" ? "flex-end" : "flex-start";
-  const tabStops = element.textStyle?.tabStops;
-  const tabSize = computeTabSize(tabStops, element.textStyle?.defaultTabSize);
+  const writingMode = chunk7ARD2J6Y_js.toCssWritingMode(element.textStyle?.textDirection);
+  const textOrientation = chunk7ARD2J6Y_js.toCssTextOrientation(element.textStyle?.textDirection);
+  const verticalDirection = chunk7ARD2J6Y_js.toCssVerticalDirection(element.textStyle?.textDirection);
   const textWrapNone = element.textStyle?.textWrap === "none";
-  const hasParagraphIndents = chunk7JPLVECA_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
+  const hasParagraphIndents = chunk7ARD2J6Y_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;
   const textIndent = !hasParagraphIndents && typeof paragraphIndent === "number" && paragraphIndent !== 0 ? paragraphIndent : void 0;
   const bodyTop = element.textStyle?.bodyInsetTop ?? DEFAULT_BODY_INSET_TB_PX;
   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 = chunk7JPLVECA_js.getKinsokuLineBreakStyles(element.textStyle);
-  if (hasColumns) {
-    return {
-      display: "block",
-      columnCount,
-      columnGap,
-      // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
-      // per-paragraph by the paragraph renderer, not collapsed here.
-      paddingTop: bodyTop,
-      paddingBottom: bodyBottom,
-      writingMode,
-      textOrientation,
-      direction: verticalDirection,
-      tabSize,
-      marginLeft,
-      textIndent,
-      ...kinsokuStyles,
-      ...textWrapNone ? {
-        whiteSpace: "nowrap",
-        overflow: "visible"
-      } : {}
-    };
-  }
   return {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent,
+    // Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
+    ...chunk7ARD2J6Y_js.buildTextBodyLayoutStyle(element),
     // Body inset only. Paragraph spacing (spcBef/spcAft) is applied
     // per-paragraph by the paragraph renderer, not collapsed here.
     paddingTop: bodyTop,
@@ -1046,10 +994,8 @@ function getTextLayoutStyle(element) {
     writingMode,
     textOrientation,
     direction: verticalDirection,
-    tabSize,
     marginLeft,
     textIndent,
-    ...kinsokuStyles,
     ...textWrapNone ? {
       whiteSpace: "nowrap",
       overflow: "visible"
@@ -1059,7 +1005,7 @@ function getTextLayoutStyle(element) {
 
 // src/viewer/utils/text-effects.tsx
 function buildTextBody3DSceneStyle2(textStyle) {
-  return chunk7JPLVECA_js.buildTextBody3DSceneStyle(textStyle);
+  return chunk7ARD2J6Y_js.buildTextBody3DSceneStyle(textStyle);
 }
 
 // src/viewer/utils/text-warp-css.tsx
@@ -1244,13 +1190,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
   if (!subElementAnimStates || subElementAnimStates.size === 0) {
     return renderedSegments;
   }
-  const paraKey = `${elementId}${chunk7JPLVECA_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
+  const paraKey = `${elementId}${chunk7ARD2J6Y_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 = chunk7JPLVECA_js.buildTextBuildSpec(
+  const spec = chunk7ARD2J6Y_js.buildTextBuildSpec(
     elementId,
     paraIndex,
     paraRuns.map((run) => ({ text: run.text, style: run })),
@@ -1268,7 +1214,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
       "span",
       {
         "data-anim-id": span.animId,
-        style: chunk7JPLVECA_js.textBuildSpanStyle(span),
+        style: chunk7ARD2J6Y_js.textBuildSpanStyle(span),
         children: content
       },
       span.animId
@@ -1412,10 +1358,10 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
   if (!needsScriptFonts || !text) {
     return text;
   }
-  const runs = chunk7JPLVECA_js.segmentByScript(text);
+  const runs = chunk7ARD2J6Y_js.segmentByScript(text);
   if (runs.length <= 1) {
     if (runs.length === 1) {
-      const font = chunk7JPLVECA_js.resolveFontForScript(runs[0].script, scriptFonts);
+      const font = chunk7ARD2J6Y_js.resolveFontForScript(runs[0].script, scriptFonts);
       if (font && font !== baseFontFamily) {
         return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: font }, children: text });
       }
@@ -1423,7 +1369,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
     return text;
   }
   return runs.map((run, i) => {
-    const font = chunk7JPLVECA_js.resolveFontForScript(run.script, scriptFonts);
+    const font = chunk7ARD2J6Y_js.resolveFontForScript(run.script, scriptFonts);
     if (!font || font === baseFontFamily) {
       return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: run.text }, `${keyPrefix}-r${i}`);
     }
@@ -1434,14 +1380,14 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
   if (!metric || !text) {
     return inner(text, keyPrefix);
   }
-  const pieces = chunk7JPLVECA_js.splitRunForMetrics(text, metric.font);
+  const pieces = chunk7ARD2J6Y_js.splitRunForMetrics(text, metric.font);
   if (pieces.length <= 1) {
     return inner(text, keyPrefix);
   }
   return pieces.map((piece, i) => /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      style: { letterSpacing: chunk7JPLVECA_js.pieceLetterSpacing(metric.authoredPx, piece.tracking) },
+      style: { letterSpacing: chunk7ARD2J6Y_js.pieceLetterSpacing(metric.authoredPx, piece.tracking) },
       children: inner(piece.text, `${keyPrefix}-w${i}`)
     },
     `${keyPrefix}-w${i}`
@@ -1512,8 +1458,8 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
   });
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
-  const mathml = chunk7JPLVECA_js.convertOmmlToMathMl(equationXml);
-  const safeMathml = mathml ? chunk7JPLVECA_js.sanitizeMathMl(mathml) : "";
+  const mathml = chunk7ARD2J6Y_js.convertOmmlToMathMl(equationXml);
+  const safeMathml = mathml ? chunk7ARD2J6Y_js.sanitizeMathMl(mathml) : "";
   const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -1523,7 +1469,7 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
       },
       dangerouslySetInnerHTML: { __html: safeMathml }
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunkAONFHTTJ_js.translationsEn["pptx.textSegment.equationFallback"] });
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunkMVKRI3CZ_js.translationsEn["pptx.textSegment.equationFallback"] });
   if (equationNumber) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -1573,7 +1519,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const segmentStyle = segment?.style ?? {};
   const textValue = run.text;
   const lines = textValue.split("\n");
-  const resolvedSegmentColor = chunk7JPLVECA_js.normalizeHexColor(
+  const resolvedSegmentColor = chunk7ARD2J6Y_js.normalizeHexColor(
     segmentStyle.color || element.textStyle?.color,
     run.hyperlink ? HYPERLINK_COLOR : fallbackColor
   );
@@ -1581,16 +1527,16 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   const baselineFraction = rawBaseline === 0 ? 0 : Math.abs(rawBaseline) >= 1e3 ? rawBaseline / 1e5 : rawBaseline / 100;
   const baselineFontScale = baselineFraction !== 0 ? BASELINE_FONT_SCALE : 1;
   const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
-  const baseFontSize = rawFontSize * chunk7JPLVECA_js.resolveAutoFitFontScale(element.textStyle);
+  const baseFontSize = rawFontSize * chunk7ARD2J6Y_js.resolveAutoFitFontScale(element.textStyle);
   const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
   const baseFontSizePt = baseFontSize * (72 / 96);
   const fontKerning = typeof segmentStyle.kerning === "number" ? segmentStyle.kerning === 0 ? "none" : baseFontSizePt >= segmentStyle.kerning / 100 ? "normal" : "none" : void 0;
   const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
-  const baseFontFamily = rawFontFamily ? chunk7JPLVECA_js.getSubstituteFontFamily(
+  const baseFontFamily = rawFontFamily ? chunk7ARD2J6Y_js.getSubstituteFontFamily(
     rawFontFamily,
-    chunk7JPLVECA_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
+    chunk7ARD2J6Y_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
   ) : DEFAULT_FONT_FAMILY2;
-  const scriptFont = (name, panose) => name ? chunk7JPLVECA_js.getSubstituteFontFamily(name, chunk7JPLVECA_js.parsePanoseString(panose)) : baseFontFamily;
+  const scriptFont = (name, panose) => name ? chunk7ARD2J6Y_js.getSubstituteFontFamily(name, chunk7ARD2J6Y_js.parsePanoseString(panose)) : baseFontFamily;
   const scriptFonts = {
     latin: baseFontFamily,
     eastAsia: scriptFont(
@@ -1606,7 +1552,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       segmentStyle.symbolFontPanose ?? element.textStyle?.symbolFontPanose
     )
   };
-  const needsScriptFonts = chunk7JPLVECA_js.hasDistinctScriptFonts(scriptFonts);
+  const needsScriptFonts = chunk7ARD2J6Y_js.hasDistinctScriptFonts(scriptFonts);
   const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
   const metricFont = {
     fontFamily: baseFontFamily,
@@ -1621,9 +1567,9 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
   spanStyle.fontFamily = baseFontFamily;
   spanStyle.verticalAlign = baselineShift;
   spanStyle.fontKerning = fontKerning;
-  spanStyle.letterSpacing = chunk7JPLVECA_js.pieceLetterSpacing(
+  spanStyle.letterSpacing = chunk7ARD2J6Y_js.pieceLetterSpacing(
     authoredLetterSpacing,
-    chunk7JPLVECA_js.resolveMetricTrackingPx(textValue, metricFont)
+    chunk7ARD2J6Y_js.resolveMetricTrackingPx(textValue, metricFont)
   );
   const runRtl = segmentStyle.rtl;
   if (runRtl !== void 0) {
@@ -1649,26 +1595,17 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     ),
     metricContext
   );
-  const spanNode = /* @__PURE__ */ jsxRuntime.jsx("span", { "data-seg-idx": segmentIndex, style: spanStyle, children: renderRubyOrText(segment, baseContent, baseFontSize, baseFontFamily, resolvedSegmentColor) }, key);
+  const spanNode = /* @__PURE__ */ jsxRuntime.jsx("span", { "data-seg-idx": segmentIndex, style: spanStyle, children: renderRubyOrText(run, baseContent) }, key);
   return run.hyperlink && onHyperlinkClick ? renderHyperlink(run, spanNode, key, ctx) : spanNode;
 }
-function renderRubyOrText(segment, baseContent, baseFontSize, baseFontFamily, resolvedColor) {
-  const rubyText = segment?.rubyText;
-  if (typeof rubyText !== "string" || rubyText.length === 0) {
+function renderRubyOrText(run, baseContent) {
+  if (!run.ruby) {
     return baseContent;
   }
-  const rubyStyle = {
-    fontSize: segment?.rubyFontSize ?? baseFontSize * 0.5,
-    fontFamily: segment?.rubyStyle?.fontFamily ?? baseFontFamily,
-    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 = chunk7JPLVECA_js.normalizeHexColor(segment.rubyStyle.color, resolvedColor);
-  }
   return /* @__PURE__ */ jsxRuntime.jsxs("ruby", { children: [
     baseContent,
     /* @__PURE__ */ jsxRuntime.jsx("rp", { children: "(" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rt", { style: rubyStyle, children: rubyText }),
+    /* @__PURE__ */ jsxRuntime.jsx("rt", { style: run.ruby.style, children: run.ruby.text }),
     /* @__PURE__ */ jsxRuntime.jsx("rp", { children: ")" })
   ] });
 }
@@ -1724,7 +1661,7 @@ function renderHyperlink(run, spanNode, key, ctx) {
   );
 }
 function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
-  if (!chunk7JPLVECA_js.hasTextProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasTextProperties(element)) {
     return emptyFallback || null;
   }
   const segments = segmentOverrides ?? element.textSegments;
@@ -1734,7 +1671,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
     }
     return element.text || emptyFallback || "";
   }
-  const paragraphs = chunk7JPLVECA_js.buildParagraphs(element, fieldContext, segmentOverrides);
+  const paragraphs = chunk7ARD2J6Y_js.buildParagraphs(element, fieldContext, segmentOverrides);
   const ctx = {
     element,
     fallbackColor,
@@ -1867,13 +1804,13 @@ function hexToRgbUnit(hex) {
   };
 }
 function getDuotoneColors(element) {
-  if (!chunk7JPLVECA_js.isImageLikeElement(element)) {
+  if (!chunk7ARD2J6Y_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects?.duotone;
 }
 function buildLineShadowCss(element) {
-  if (!chunk7JPLVECA_js.hasShapeProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1884,13 +1821,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 ${chunk7JPLVECA_js.colorWithOpacity(
-    chunk7JPLVECA_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
+  return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunk7ARD2J6Y_js.colorWithOpacity(
+    chunk7ARD2J6Y_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
     opacity
   )}`;
 }
 function buildLineGlowFilter(element) {
-  if (!chunk7JPLVECA_js.hasShapeProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasShapeProperties(element)) {
     return void 0;
   }
   const ss = element.shapeStyle;
@@ -1899,14 +1836,14 @@ function buildLineGlowFilter(element) {
   }
   const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
   const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
-  const glowCol = chunk7JPLVECA_js.colorWithOpacity(chunk7JPLVECA_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
+  const glowCol = chunk7ARD2J6Y_js.colorWithOpacity(chunk7ARD2J6Y_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
   return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
 }
 function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
 function hasDagDuotoneEffect(element) {
-  if (!chunk7JPLVECA_js.hasShapeProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasShapeProperties(element)) {
     return false;
   }
   return Boolean(element.shapeStyle?.dagDuotone);
@@ -1958,7 +1895,7 @@ function renderDagDuotoneSvgFilter(elementId, color1, color2) {
 
 // src/viewer/utils/shape-visual-3d.ts
 function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
-  return chunk7JPLVECA_js.build3DExtrusionData(
+  return chunk7ARD2J6Y_js.build3DExtrusionData(
     shape3d,
     scene3d,
     fillColor,
@@ -1967,7 +1904,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
   );
 }
 function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
-  chunk7JPLVECA_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
+  chunk7ARD2J6Y_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
 }
 
 // src/viewer/utils/shape-visual-style.ts
@@ -1975,13 +1912,13 @@ function rendersCustomVectorPath(element) {
   return (element.type === "shape" || element.type === "image" || element.type === "picture") && Boolean(element.pathData) && typeof element.pathWidth === "number" && element.pathWidth > 0 && typeof element.pathHeight === "number" && element.pathHeight > 0;
 }
 function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _strokeColor, animatesFill, animatesStroke, parentGroupFill) {
-  if (!chunk7JPLVECA_js.hasShapeProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasShapeProperties(element)) {
     return {};
   }
   const ss = element.shapeStyle;
-  const fill = animatesFill ? void 0 : chunk7JPLVECA_js.getComputedFillStyle(element, parentGroupFill);
-  const fx = chunk7JPLVECA_js.getComputedEffectStyle(element);
-  const stroke = chunk7JPLVECA_js.getComputedStrokeStyle(element);
+  const fill = animatesFill ? void 0 : chunk7ARD2J6Y_js.getComputedFillStyle(element, parentGroupFill);
+  const fx = chunk7ARD2J6Y_js.getComputedEffectStyle(element);
+  const stroke = chunk7ARD2J6Y_js.getComputedStrokeStyle(element);
   const base = {
     // A gradient fill REPLACES the solid fill, it does not sit on top of it;
     // the whole precedence lives in shared's `getComputedFillStyle`.
@@ -2016,7 +1953,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     strokeLinecap: stroke.strokeLinecap
   };
   apply3dEffects2(base, ss?.scene3d, ss?.shape3d, ss?.fillColor ?? fillColor);
-  if (rendersCustomVectorPath(element) || chunk7JPLVECA_js.isStrokeOnlyPresetElement(element)) {
+  if (rendersCustomVectorPath(element) || chunk7ARD2J6Y_js.isStrokeOnlyPresetElement(element)) {
     base.backgroundColor = "transparent";
     base.backgroundImage = void 0;
     base.borderWidth = void 0;
@@ -2027,7 +1964,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
     base.backgroundColor = void 0;
     base.backgroundImage = void 0;
   }
-  const geometry = chunk7JPLVECA_js.resolveShapeGeometry(element);
+  const geometry = chunk7ARD2J6Y_js.resolveShapeGeometry(element);
   switch (geometry.kind) {
     case "bare":
       return { backgroundColor: "transparent", borderWidth: 0, borderStyle: "none" };
@@ -2053,13 +1990,13 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
 function getConnectorAdjustment(element, key, fallback) {
   const direct = element.shapeAdjustments?.[key];
   if (typeof direct === "number" && Number.isFinite(direct)) {
-    return chunk7JPLVECA_js.clampUnitInterval(direct / 1e5);
+    return chunk7ARD2J6Y_js.clampUnitInterval(direct / 1e5);
   }
   const fallbackKey = element.shapeAdjustments?.adj;
   if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
-    return chunk7JPLVECA_js.clampUnitInterval(fallbackKey / 1e5);
+    return chunk7ARD2J6Y_js.clampUnitInterval(fallbackKey / 1e5);
   }
-  return chunk7JPLVECA_js.clampUnitInterval(fallback);
+  return chunk7ARD2J6Y_js.clampUnitInterval(fallback);
 }
 function getConnectorPathGeometry(element) {
   const width = Math.max(element.width, 0);
@@ -2192,7 +2129,7 @@ function toHexByte(value) {
   return clamped.toString(16).padStart(2, "0");
 }
 function shiftHex(hex, factor, towardsWhite) {
-  const channels = chunk7JPLVECA_js.hexToRgbChannels(hex);
+  const channels = chunk7ARD2J6Y_js.hexToRgbChannels(hex);
   if (!channels) {
     return hex;
   }
@@ -2218,7 +2155,7 @@ function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
     const fillOff = subpath.fillMode === "none" || !hasFill;
     return {
       d: subpath.d,
-      fill: fillOff ? "none" : chunk7JPLVECA_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
+      fill: fillOff ? "none" : chunk7ARD2J6Y_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
       stroked: subpath.stroke !== false
     };
   });
@@ -2234,11 +2171,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
     strokePaint,
     strokeWidth,
     dashArray,
-    lineCap: chunk7JPLVECA_js.svgLineCap(shapeStyle?.lineCap),
+    lineCap: chunk7ARD2J6Y_js.svgLineCap(shapeStyle?.lineCap),
     lineJoin,
     miterLimit,
-    offsets: chunk7JPLVECA_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
-    widths: chunk7JPLVECA_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
+    offsets: chunk7ARD2J6Y_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
+    widths: chunk7ARD2J6Y_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
   };
 }
 function strokeStrands(d, keyBase, ctx) {
@@ -2286,9 +2223,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 ? chunk7JPLVECA_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
+  const subpaths = structuredPaths && structuredPaths.length > 0 ? chunk7ARD2J6Y_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 ? chunk7JPLVECA_js.svgGradientFillRef(gradient) : void 0;
+  const gradientPaint = gradient ? chunk7ARD2J6Y_js.svgGradientFillRef(gradient) : void 0;
   const nodes = [];
   if (subpaths && needsPerSubpath) {
     const paints = buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
@@ -2320,7 +2257,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
           "path",
           {
             d: pathData,
-            fill: animatesFill ? "inherit" : gradientPaint ?? chunk7JPLVECA_js.colorWithOpacity(fillColor, fillOpacity),
+            fill: animatesFill ? "inherit" : gradientPaint ?? chunk7ARD2J6Y_js.colorWithOpacity(fillColor, fillOpacity),
             stroke: "none",
             vectorEffect: "non-scaling-stroke"
           },
@@ -2346,14 +2283,14 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
   );
 }
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
-  if (!chunk7JPLVECA_js.hasShapeProperties(element)) {
+  if (!chunk7ARD2J6Y_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedType = (element.shapeType || "").toLowerCase();
-  const fillPaint = animatesFill ? "inherit" : chunk7JPLVECA_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
-  const strokePaint = animatesStroke ? "inherit" : chunk7JPLVECA_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
-  const dashType = chunk7JPLVECA_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
-  const dashArray = chunk7JPLVECA_js.getSvgStrokeDasharray(
+  const fillPaint = animatesFill ? "inherit" : chunk7ARD2J6Y_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
+  const strokePaint = animatesStroke ? "inherit" : chunk7ARD2J6Y_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
+  const dashType = chunk7ARD2J6Y_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
+  const dashArray = chunk7ARD2J6Y_js.getSvgStrokeDasharray(
     dashType,
     Math.max(strokeWidth, 1),
     element.shapeStyle?.customDashSegments
@@ -2434,21 +2371,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).
-      chunk7JPLVECA_js.buildSvgGradientDef(element.shapeStyle, element.id)
+      chunk7ARD2J6Y_js.buildSvgGradientDef(element.shapeStyle, element.id)
     );
   }
-  if (chunk7JPLVECA_js.isCalloutShape(normalizedType)) {
+  if (chunk7ARD2J6Y_js.isCalloutShape(normalizedType)) {
     const width = Math.max(element.width, 1);
     const height = Math.max(element.height, 1);
-    const geometry = chunk7JPLVECA_js.getCalloutLeaderLineGeometry(
+    const geometry = chunk7ARD2J6Y_js.getCalloutLeaderLineGeometry(
       normalizedType,
       width,
       height,
       element.shapeAdjustments
     );
     if (geometry && geometry.points.length >= 2) {
-      const leaderPath = chunk7JPLVECA_js.buildCalloutLeaderLineSvgPath(geometry);
-      const bounds = chunk7JPLVECA_js.getCalloutViewBoxBounds(width, height, geometry);
+      const leaderPath = chunk7ARD2J6Y_js.buildCalloutLeaderLineSvgPath(geometry);
+      const bounds = chunk7ARD2J6Y_js.getCalloutViewBoxBounds(width, height, geometry);
       const lineStroke = Math.max(strokeWidth, 1);
       const offsetLeft = bounds.minX;
       const offsetTop = bounds.minY;
@@ -2511,10 +2448,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 = chunk7JPLVECA_js.svgLineCap(element.shapeStyle?.lineCap);
+    const connectorLineCap = chunk7ARD2J6Y_js.svgLineCap(element.shapeStyle?.lineCap);
     const hitTargetWidth = Math.max(strokeWidth * 3, 12);
-    const offsets = chunk7JPLVECA_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const widths = chunk7JPLVECA_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const offsets = chunk7ARD2J6Y_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const widths = chunk7ARD2J6Y_js.getCompoundLineWidths(compoundLine, strokeWidth);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -2581,15 +2518,15 @@ function parseGradientFillCss(gradFill) {
   }
   const parsed = stops.map((gs) => {
     const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
-    const color = chunk7JPLVECA_js.parseDrawingColor(gs) ?? "#888888";
-    const opacity = chunk7JPLVECA_js.parseDrawingColorOpacity(gs);
-    return { pos, color: chunk7JPLVECA_js.colorWithOpacity(color, opacity) };
+    const color = chunk7ARD2J6Y_js.parseDrawingColor(gs) ?? "#888888";
+    const opacity = chunk7ARD2J6Y_js.parseDrawingColorOpacity(gs);
+    return { pos, color: chunk7ARD2J6Y_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(chunk7JPLVECA_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
+    const angleDeg = Math.round(chunk7ARD2J6Y_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
     return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
   }
   const path = gradFill["a:path"];
@@ -2624,8 +2561,8 @@ function parsePatternFillCss(pattFill) {
   if (!pattFill) {
     return void 0;
   }
-  const fgColor = chunk7JPLVECA_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
-  const bgColor = chunk7JPLVECA_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
+  const fgColor = chunk7ARD2J6Y_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
+  const bgColor = chunk7ARD2J6Y_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
   const preset = String(pattFill["@_prst"] || "ltDnDiag");
   switch (preset) {
     case "ltHorz":
@@ -2736,11 +2673,11 @@ function parseCellBorders(cellProperties) {
     const prstDash = ln["a:prstDash"];
     const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
     const cssBorderStyle = ooxmlDashToCss(dashVal);
-    const color = chunk7JPLVECA_js.parseDrawingColor(ln["a:solidFill"]);
+    const color = chunk7ARD2J6Y_js.parseDrawingColor(ln["a:solidFill"]);
     if (color) {
-      const opacity = chunk7JPLVECA_js.parseDrawingColorOpacity(ln["a:solidFill"]);
+      const opacity = chunk7ARD2J6Y_js.parseDrawingColorOpacity(ln["a:solidFill"]);
       const key = `${edge.prefix}`;
-      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunk7JPLVECA_js.colorWithOpacity(color, opacity)}`;
+      borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunk7ARD2J6Y_js.colorWithOpacity(color, opacity)}`;
     }
   }
   return borderStyle;
@@ -2753,7 +2690,7 @@ function parseCellTextEffects(runProps) {
   const textShadowParts = [];
   const outerShdw = effectLst["a:outerShdw"];
   if (outerShdw) {
-    const shdwColor = chunk7JPLVECA_js.parseDrawingColor(outerShdw);
+    const shdwColor = chunk7ARD2J6Y_js.parseDrawingColor(outerShdw);
     if (shdwColor) {
       const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
       const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
@@ -2771,7 +2708,7 @@ function parseCellTextEffects(runProps) {
   }
   const glow = effectLst["a:glow"];
   if (glow) {
-    const glowColor = chunk7JPLVECA_js.parseDrawingColor(glow);
+    const glowColor = chunk7ARD2J6Y_js.parseDrawingColor(glow);
     if (glowColor) {
       const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
       const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
@@ -2850,10 +2787,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
   if (runProps?.["@_u"] !== void 0) {
     cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
   }
-  const runColor = chunk7JPLVECA_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunk7JPLVECA_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
+  const runColor = chunk7ARD2J6Y_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunk7ARD2J6Y_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
   if (runColor) {
-    const opacity = chunk7JPLVECA_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
-    cellStyle.color = chunk7JPLVECA_js.colorWithOpacity(runColor, opacity);
+    const opacity = chunk7ARD2J6Y_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
+    cellStyle.color = chunk7ARD2J6Y_js.colorWithOpacity(runColor, opacity);
   }
   const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
   if (fontFamily) {
@@ -2863,15 +2800,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
     cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
   }
   const cellProperties = cellXml["a:tcPr"];
-  const cellFill = chunk7JPLVECA_js.parseDrawingColor(
+  const cellFill = chunk7ARD2J6Y_js.parseDrawingColor(
     cellProperties?.["a:solidFill"],
     schemeColorOverrides
   );
   if (cellFill) {
-    const opacity = chunk7JPLVECA_js.parseDrawingColorOpacity(
+    const opacity = chunk7ARD2J6Y_js.parseDrawingColorOpacity(
       cellProperties?.["a:solidFill"]
     );
-    cellStyle.backgroundColor = chunk7JPLVECA_js.colorWithOpacity(cellFill, opacity);
+    cellStyle.backgroundColor = chunk7ARD2J6Y_js.colorWithOpacity(cellFill, opacity);
   } else {
     const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
     if (gradCss) {
@@ -2886,16 +2823,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 = chunk7JPLVECA_js.parseDrawingColor(
+    const borderColor = chunk7ARD2J6Y_js.parseDrawingColor(
       cellProperties?.["a:lnL"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunk7JPLVECA_js.parseDrawingColor(
+    ) || chunk7ARD2J6Y_js.parseDrawingColor(
       cellProperties?.["a:lnR"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunk7JPLVECA_js.parseDrawingColor(
+    ) || chunk7ARD2J6Y_js.parseDrawingColor(
       cellProperties?.["a:lnT"]?.["a:solidFill"],
       schemeColorOverrides
-    ) || chunk7JPLVECA_js.parseDrawingColor(
+    ) || chunk7ARD2J6Y_js.parseDrawingColor(
       cellProperties?.["a:lnB"]?.["a:solidFill"],
       schemeColorOverrides
     );
@@ -2967,7 +2904,7 @@ function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCo
   if (element.type !== "table") {
     return void 0;
   }
-  return chunk7JPLVECA_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
+  return chunk7ARD2J6Y_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3043,7 +2980,7 @@ function renderTableCellContent(cell, fallbackText) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        style: { position: "relative", ...chunk7JPLVECA_js.cellRunStyle(run) },
+        style: { position: "relative", ...chunk7ARD2J6Y_js.cellRunStyle(run) },
         children: run.text
       },
       `r-${index}`
@@ -3051,7 +2988,7 @@ function renderTableCellContent(cell, fallbackText) {
   });
 }
 function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
-  return chunk7JPLVECA_js.getCellDiagonalBorders(style, tableData, pos, {
+  return chunk7ARD2J6Y_js.getCellDiagonalBorders(style, tableData, pos, {
     tableStyleMap: styleCtx?.tableStyleMap,
     colorScheme: styleCtx?.theme?.colorScheme,
     fontScheme: styleCtx?.theme?.fontScheme
@@ -3184,7 +3121,7 @@ function TableResizeOverlay({
   const containerRef = React6.useRef(null);
   const [rowBounds, setRowBounds] = React6.useState([]);
   const dragRef = React6.useRef(null);
-  const colBoundaries = React6.useMemo(() => chunk7JPLVECA_js.computeColumnBoundaries(columnWidths), [columnWidths]);
+  const colBoundaries = React6.useMemo(() => chunk7ARD2J6Y_js.computeColumnBoundaries(columnWidths), [columnWidths]);
   const measureRows = React6.useCallback(() => {
     const container = containerRef.current;
     if (!container) {
@@ -3231,11 +3168,11 @@ function TableResizeOverlay({
       const rect = containerRef.current.getBoundingClientRect();
       if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
         const deltaProp = (e.clientX - drag.startPos) / rect.width;
-        onResizeColumns(chunk7JPLVECA_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
+        onResizeColumns(chunk7ARD2J6Y_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
       } else if (drag.type === "row" && onResizeRow) {
         const deltaY = e.clientY - drag.startPos;
-        const newHeight = chunk7JPLVECA_js.computeResizedRowHeight(
-          drag.initialRowHeight ?? chunk7JPLVECA_js.DEFAULT_ROW_HEIGHT,
+        const newHeight = chunk7ARD2J6Y_js.computeResizedRowHeight(
+          drag.initialRowHeight ?? chunk7ARD2J6Y_js.DEFAULT_ROW_HEIGHT,
           deltaY
         );
         onResizeRow(drag.index, newHeight);
@@ -3273,7 +3210,7 @@ function TableResizeOverlay({
     e.stopPropagation();
     const table = containerRef.current?.querySelector("table");
     const tr = table?.querySelectorAll("tbody > tr")[index];
-    const actualHeight = tr?.offsetHeight ?? chunk7JPLVECA_js.DEFAULT_ROW_HEIGHT;
+    const actualHeight = tr?.offsetHeight ?? chunk7ARD2J6Y_js.DEFAULT_ROW_HEIGHT;
     document.body.style.cursor = "row-resize";
     document.body.style.userSelect = "none";
     dragRef.current = {
@@ -3315,13 +3252,25 @@ function renderTableFromTableData(element, textStyle, options) {
   const selectedCell = options?.selectedCell || null;
   const isEditable = Boolean(options?.editable);
   const hasCellSelectionHandler = typeof options?.onSelectCell === "function";
+  const sharedCtx = {
+    tableStyleMap: options?.styleCtx?.tableStyleMap,
+    colorScheme: options?.styleCtx?.theme?.colorScheme,
+    fontScheme: options?.styleCtx?.theme?.fontScheme
+  };
+  const cellCss = (cell, rowIndex, cellIndex) => chunk7ARD2J6Y_js.tableCellCss(
+    tableData,
+    cell,
+    { rowIndex, cellIndex, rowCount, columnCount },
+    sharedCtx,
+    textStyle
+  );
   const selectionRect = (() => {
     if (!selectedCell?.selectedCells || selectedCell.selectedCells.length < 2) {
       return void 0;
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunk7JPLVECA_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
+    return chunk7ARD2J6Y_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
   })();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableResizeOverlay,
@@ -3342,9 +3291,9 @@ function renderTableFromTableData(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunk7JPLVECA_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunk7ARD2J6Y_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunk7JPLVECA_js.tableContainerCss(tableData)
+                ...chunk7ARD2J6Y_js.tableContainerCss(tableData)
               },
               children: [
                 tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3363,7 +3312,7 @@ function renderTableFromTableData(element, textStyle, options) {
                         return null;
                       }
                       const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
-                      const isInMultiSelection = chunk7JPLVECA_js.isCellInRect(rowIndex, cellIndex, selectionRect);
+                      const isInMultiSelection = chunk7ARD2J6Y_js.isCellInRect(rowIndex, cellIndex, selectionRect);
                       const isCellEditing = isCellSelected && selectedCell?.isEditing;
                       const diag = getCellDiagonalBorders2(
                         cell.style,
@@ -3383,8 +3332,7 @@ function renderTableFromTableData(element, textStyle, options) {
                           colSpan: cell.gridSpan && cell.gridSpan > 1 ? cell.gridSpan : void 0,
                           rowSpan: cell.rowSpan && cell.rowSpan > 1 ? cell.rowSpan : void 0,
                           style: {
-                            ...textStyle,
-                            ...chunk7JPLVECA_js.cellStyleToCss(cell.style),
+                            ...cellCss(cell, rowIndex, cellIndex),
                             ...diag ? { position: "relative" } : void 0
                           },
                           onClick: (event) => {
@@ -3393,7 +3341,7 @@ function renderTableFromTableData(element, textStyle, options) {
                             }
                             event.stopPropagation();
                             if (event.shiftKey && selectedCell) {
-                              const rect = chunk7JPLVECA_js.computeSelectionRect(
+                              const rect = chunk7ARD2J6Y_js.computeSelectionRect(
                                 selectedCell.rowIndex,
                                 selectedCell.columnIndex,
                                 rowIndex,
@@ -3403,7 +3351,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               options?.onSelectCell?.({
                                 rowIndex: selectedCell.rowIndex,
                                 columnIndex: selectedCell.columnIndex,
-                                selectedCells: chunk7JPLVECA_js.rectToCells(rect)
+                                selectedCells: chunk7ARD2J6Y_js.rectToCells(rect)
                               });
                             } else {
                               options?.onSelectCell?.({
@@ -3429,10 +3377,7 @@ function renderTableFromTableData(element, textStyle, options) {
                               TableCellInput,
                               {
                                 initialText: cell.text ?? "",
-                                style: {
-                                  ...textStyle,
-                                  ...chunk7JPLVECA_js.cellStyleToCss(cell.style)
-                                },
+                                style: cellCss(cell, rowIndex, cellIndex),
                                 onCommit: (text) => {
                                   options?.onCommitCellEdit?.(rowIndex, cellIndex, text);
                                 },
@@ -3467,7 +3412,7 @@ function renderTableElement(element, textStyle, options) {
     if (tableEl2.tableData && tableEl2.tableData.rows.length > 0) {
       return renderTableFromTableData(tableEl2, textStyle, options);
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkAONFHTTJ_js.translationsEn["pptx.table.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.table.title"] });
   }
   const selectedCell = options?.selectedCell || null;
   const isEditable = Boolean(options?.editable);
@@ -3482,7 +3427,7 @@ function renderTableElement(element, textStyle, options) {
     }
     const first = selectedCell.selectedCells[0];
     const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
-    return chunk7JPLVECA_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
+    return chunk7ARD2J6Y_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(
@@ -3504,9 +3449,9 @@ function renderTableElement(element, textStyle, options) {
             {
               className: "w-full h-full border-collapse table-fixed",
               style: {
-                fontFamily: chunk7JPLVECA_js.DEFAULT_FONT_FAMILY,
+                fontFamily: chunk7ARD2J6Y_js.DEFAULT_FONT_FAMILY,
                 // `a:tblPr@rtl` mirrors the column order for RTL decks.
-                ...chunk7JPLVECA_js.tableContainerCss(tableEl.tableData)
+                ...chunk7ARD2J6Y_js.tableContainerCss(tableEl.tableData)
               },
               children: [
                 parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3558,7 +3503,7 @@ function renderTableElement(element, textStyle, options) {
                         const mergedStyle = {
                           ...bandStyle,
                           ...xmlCellStyle,
-                          ...tdCellOverride ? chunk7JPLVECA_js.cellStyleToCss(tdCellOverride) : void 0,
+                          ...tdCellOverride ? chunk7ARD2J6Y_js.cellStyleToCss(tdCellOverride) : void 0,
                           ...diag ? { position: "relative" } : void 0
                         };
                         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3568,7 +3513,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,
-                              chunk7JPLVECA_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
+                              chunk7ARD2J6Y_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,
@@ -3579,7 +3524,7 @@ function renderTableElement(element, textStyle, options) {
                               }
                               event.stopPropagation();
                               if (event.shiftKey && selectedCell && tableEl.tableData) {
-                                const rect = chunk7JPLVECA_js.computeSelectionRect(
+                                const rect = chunk7ARD2J6Y_js.computeSelectionRect(
                                   selectedCell.rowIndex,
                                   selectedCell.columnIndex,
                                   rowIndex,
@@ -3589,7 +3534,7 @@ function renderTableElement(element, textStyle, options) {
                                 options?.onSelectCell?.({
                                   rowIndex: selectedCell.rowIndex,
                                   columnIndex: selectedCell.columnIndex,
-                                  selectedCells: chunk7JPLVECA_js.rectToCells(rect)
+                                  selectedCells: chunk7ARD2J6Y_js.rectToCells(rect)
                                 });
                               } else {
                                 options?.onSelectCell?.({
@@ -3649,24 +3594,24 @@ function renderTableElement(element, textStyle, options) {
 }
 var LEGEND_ITEM_WIDTH = 80;
 function partAttrs(part) {
-  return part ? chunk7JPLVECA_js.chartPartToAttrs(part) : void 0;
+  return part ? chunk7ARD2J6Y_js.chartPartToAttrs(part) : void 0;
 }
 function resolveReactPalette(chartData) {
   if (chartData.colorPalette && chartData.colorPalette.length > 0) {
     return chartData.colorPalette;
   }
-  return [...chunk7JPLVECA_js.getChartStylePalette(chartData.style?.styleId)];
+  return [...chunk7ARD2J6Y_js.getChartStylePalette(chartData.style?.styleId)];
 }
 function buildReactChartViewModel(element) {
   if (element.type !== "chart" || !element.chartData) {
-    return chunk7JPLVECA_js.buildChartViewModel(element);
+    return chunk7ARD2J6Y_js.buildChartViewModel(element);
   }
   const palette = resolveReactPalette(element.chartData);
   const themedElement = {
     ...element,
     chartData: { ...element.chartData, colorPalette: palette }
   };
-  return chunk7JPLVECA_js.buildChartViewModel(themedElement);
+  return chunk7ARD2J6Y_js.buildChartViewModel(themedElement);
 }
 function renderPrimitive(prim, key) {
   switch (prim.kind) {
@@ -3697,7 +3642,8 @@ function renderPrimitive(prim, key) {
           stroke: p.stroke ?? "none",
           strokeWidth: p.strokeWidth ?? 0,
           fillOpacity: p.opacity ?? 1,
-          ...partAttrs(p.part)
+          ...partAttrs(p.part),
+          children: p.title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: p.title }) : null
         },
         key
       );
@@ -3883,2277 +3829,22 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
     }
   );
 }
-
-// src/viewer/utils/chart-area-line.tsx
-function renderAreaChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderLineChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderBoxWhiskerChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderHistogramChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderDefaultBarChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-var WORLD_REGIONS = [
-  // North America
-  {
-    code: "US",
-    name: "United States",
-    path: "M130,160 L250,155 265,170 270,190 260,210 230,215 200,220 170,215 145,205 130,195Z M280,175 L295,165 310,170 310,185 295,195 280,190Z",
-    labelXY: [200, 190]
-  },
-  {
-    code: "CA",
-    name: "Canada",
-    path: "M120,90 L280,85 290,100 295,130 280,150 250,155 200,155 160,155 130,155 115,140 110,115Z",
-    labelXY: [200, 125]
-  },
-  {
-    code: "MX",
-    name: "Mexico",
-    path: "M145,215 L200,220 210,235 200,255 185,265 165,260 150,245 140,230Z",
-    labelXY: [175, 240]
-  },
-  // South America
-  {
-    code: "BR",
-    name: "Brazil",
-    path: "M270,300 L310,280 335,290 340,320 330,355 310,370 285,365 265,345 260,320Z",
-    labelXY: [300, 330]
-  },
-  {
-    code: "AR",
-    name: "Argentina",
-    path: "M260,370 L280,365 290,380 285,410 275,435 260,445 250,425 248,395Z",
-    labelXY: [268, 410]
-  },
-  // Europe
-  {
-    code: "GB",
-    name: "United Kingdom",
-    path: "M440,120 L448,110 455,115 455,135 448,142 440,138Z",
-    labelXY: [448, 128]
-  },
-  {
-    code: "FR",
-    name: "France",
-    path: "M450,145 L470,140 480,150 478,168 465,175 450,170 445,158Z",
-    labelXY: [463, 158]
-  },
-  {
-    code: "DE",
-    name: "Germany",
-    path: "M478,125 L498,120 505,130 502,148 490,152 478,148 475,138Z",
-    labelXY: [490, 138]
-  },
-  {
-    code: "IT",
-    name: "Italy",
-    path: "M490,155 L498,152 505,162 500,180 492,190 488,178 486,165Z",
-    labelXY: [495, 172]
-  },
-  {
-    code: "ES",
-    name: "Spain",
-    path: "M432,168 L460,165 465,175 460,188 442,192 430,185 428,175Z",
-    labelXY: [448, 180]
-  },
-  // Russia spans Europe/Asia
-  {
-    code: "RU",
-    name: "Russia",
-    path: "M510,60 L780,50 830,70 840,100 820,120 750,115 700,105 650,100 580,105 530,110 510,100 505,80Z",
-    labelXY: [670, 85]
-  },
-  {
-    code: "TR",
-    name: "Turkey",
-    path: "M530,165 L570,160 585,170 580,182 555,185 530,180Z",
-    labelXY: [558, 175]
-  },
-  // Africa
-  {
-    code: "EG",
-    name: "Egypt",
-    path: "M530,200 L555,195 565,205 560,225 545,230 530,222Z",
-    labelXY: [548, 215]
-  },
-  {
-    code: "NG",
-    name: "Nigeria",
-    path: "M475,275 L500,270 510,280 505,298 490,302 475,295Z",
-    labelXY: [492, 288]
-  },
-  {
-    code: "ZA",
-    name: "South Africa",
-    path: "M520,380 L545,370 560,380 555,400 540,410 520,405 515,392Z",
-    labelXY: [538, 392]
-  },
-  // Middle East
-  {
-    code: "SA",
-    name: "Saudi Arabia",
-    path: "M565,220 L600,210 615,225 610,250 590,258 570,250 560,238Z",
-    labelXY: [590, 238]
-  },
-  // Asia
-  {
-    code: "IN",
-    name: "India",
-    path: "M640,210 L665,195 685,210 688,240 678,268 660,278 645,265 635,240Z",
-    labelXY: [662, 240]
-  },
-  {
-    code: "CN",
-    name: "China",
-    path: "M700,120 L775,115 800,130 805,160 790,180 760,185 730,180 710,168 695,150 690,135Z",
-    labelXY: [750, 155]
-  },
-  {
-    code: "JP",
-    name: "Japan",
-    path: "M835,145 L845,135 852,140 850,158 842,165 835,160Z",
-    labelXY: [843, 152]
-  },
-  {
-    code: "KR",
-    name: "South Korea",
-    path: "M815,158 L825,152 830,160 827,170 818,172 813,165Z",
-    labelXY: [822, 163]
-  },
-  {
-    code: "ID",
-    name: "Indonesia",
-    path: "M740,295 L780,288 810,292 830,298 825,310 790,312 755,308 740,305Z",
-    labelXY: [785, 302]
-  },
-  // Oceania
-  {
-    code: "AU",
-    name: "Australia",
-    path: "M790,350 L850,340 880,355 885,385 870,405 840,410 810,400 790,380Z",
-    labelXY: [838, 378]
-  }
-];
-function renderMapChart(element, chartData, categoryLabels) {
-  const svgWidth = element.width;
-  const svgHeight = element.height;
-  const categories = categoryLabels.length > 0 ? categoryLabels : chartData.categories;
-  const series = chartData.series;
-  const values = series.length > 0 ? series[0].values : [];
-  const finiteVals = values.filter((v) => Number.isFinite(v));
-  const minVal = finiteVals.length > 0 ? Math.min(...finiteVals) : 0;
-  const maxVal = finiteVals.length > 0 ? Math.max(...finiteVals) : 1;
-  const regionValueMap = /* @__PURE__ */ new Map();
-  const unmatchedRows = [];
-  categories.forEach((cat, i) => {
-    const value = values[i] ?? 0;
-    const code = chunk7JPLVECA_js.resolveRegionCode(cat);
-    if (code) {
-      regionValueMap.set(code, { value, label: cat });
-    } else {
-      unmatchedRows.push({ label: cat, value });
-    }
-  });
-  const legendHeight = 30;
-  const fallbackRowH = 14;
-  const fallbackTableH = unmatchedRows.length > 0 ? Math.min(unmatchedRows.length + 1, 6) * fallbackRowH + 8 : 0;
-  const titleH = chartData.title ? 22 : 0;
-  const mapAreaH = Math.max(svgHeight - titleH - legendHeight - fallbackTableH - 8, 80);
-  const mapScale = Math.min((svgWidth - 20) / 1e3, mapAreaH / 500);
-  const mapOffsetX = (svgWidth - 1e3 * mapScale) / 2;
-  const mapOffsetY = titleH + 4;
-  const elements = [];
-  if (chartData.title) {
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "text",
-        {
-          x: svgWidth / 2,
-          y: 16,
-          textAnchor: "middle",
-          fontSize: 12,
-          fontWeight: 700,
-          fill: "#334155",
-          children: chartData.title
-        },
-        `${element.id}-map-title`
-      )
-    );
+function renderChartElement(element) {
+  if (element.type !== "chart") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.chart.heading"] });
   }
-  WORLD_REGIONS.forEach((region) => {
-    const entry = regionValueMap.get(region.code);
-    let fill = "#e2e8f0";
-    let dataLabel = null;
-    if (entry) {
-      const t = chunk7JPLVECA_js.normalizeValue(entry.value, minVal, maxVal);
-      fill = chunk7JPLVECA_js.sequentialColorScale(t);
-      dataLabel = /* @__PURE__ */ jsxRuntime.jsx(
-        "text",
-        {
-          x: region.labelXY[0] * mapScale + mapOffsetX,
-          y: region.labelXY[1] * mapScale + mapOffsetY + 4,
-          textAnchor: "middle",
-          fontSize: Math.max(6, 7 * mapScale),
-          fontWeight: 600,
-          fill: "#1e293b",
-          style: { pointerEvents: "none" },
-          children: chunk7JPLVECA_js.formatAxisValue(entry.value)
-        },
-        `${element.id}-map-dl-${region.code}`
-      );
-    }
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: region.path,
-            fill,
-            stroke: "#94a3b8",
-            strokeWidth: 0.5 / mapScale,
-            transform: `translate(${mapOffsetX},${mapOffsetY}) scale(${mapScale})`,
-            opacity: 0.9,
-            children: /* @__PURE__ */ jsxRuntime.jsxs("title", { children: [
-              region.name,
-              entry ? `: ${chunk7JPLVECA_js.formatAxisValue(entry.value)}` : ""
-            ] })
-          }
-        ),
-        dataLabel
-      ] }, `${element.id}-map-g-${region.code}`)
-    );
-  });
-  const legendY = mapOffsetY + mapAreaH + 4;
-  const barW = Math.min(svgWidth * 0.4, 160);
-  const barX = (svgWidth - barW) / 2;
-  const gradId = `${element.id}-map-choropleth-grad`;
-  elements.push(
-    /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradId, x1: "0", y1: "0", x2: "1", y2: "0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "#dbeafe" }),
-      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: "#3b82f6" }),
-      /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "#1e3a5f" })
-    ] }) }, `${element.id}-map-defs`),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "rect",
-      {
-        x: barX,
-        y: legendY,
-        width: barW,
-        height: 8,
-        rx: 4,
-        fill: `url(#${gradId})`
-      },
-      `${element.id}-map-legend-bar`
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "text",
-      {
-        x: barX,
-        y: legendY + 18,
-        fontSize: 7,
-        fill: "#64748b",
-        textAnchor: "middle",
-        children: chunk7JPLVECA_js.formatAxisValue(minVal)
-      },
-      `${element.id}-map-legend-min`
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "text",
-      {
-        x: barX + barW,
-        y: legendY + 18,
-        fontSize: 7,
-        fill: "#64748b",
-        textAnchor: "middle",
-        children: chunk7JPLVECA_js.formatAxisValue(maxVal)
-      },
-      `${element.id}-map-legend-max`
-    )
-  );
-  if (unmatchedRows.length > 0) {
-    const tableY = legendY + 26;
-    const fontSize = Math.min(8, fallbackRowH * 0.7);
-    const colW = Math.min((svgWidth - 20) / 2, 120);
-    const tableX = (svgWidth - colW * 2) / 2;
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "text",
-        {
-          x: svgWidth / 2,
-          y: tableY,
-          textAnchor: "middle",
-          fontSize: 7,
-          fill: "#94a3b8",
-          children: chunkAONFHTTJ_js.translationsEn["pptx.chart.additionalRegionsFallback"]
-        },
-        `${element.id}-map-ft-hdr`
-      )
-    );
-    const maxRows = Math.min(unmatchedRows.length, 5);
-    for (let i = 0; i < maxRows; i++) {
-      const row = unmatchedRows[i];
-      const y = tableY + fallbackRowH * (i + 1);
-      if (y + fallbackRowH > svgHeight) {
-        break;
-      }
-      if (i % 2 === 0) {
-        elements.push(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "rect",
-            {
-              x: tableX,
-              y: y - fallbackRowH + 4,
-              width: colW * 2,
-              height: fallbackRowH,
-              fill: "#f1f5f9",
-              rx: 2
-            },
-            `${element.id}-map-ft-bg-${i}`
-          )
-        );
-      }
-      elements.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: tableX + 4,
-            y,
-            fontSize,
-            fill: "#334155",
-            children: row.label
-          },
-          `${element.id}-map-ft-lbl-${i}`
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: tableX + colW + 4,
-            y,
-            fontSize,
-            fill: "#475569",
-            children: chunk7JPLVECA_js.formatAxisValue(row.value)
-          },
-          `${element.id}-map-ft-val-${i}`
-        )
-      );
-    }
-    if (unmatchedRows.length > 5) {
-      const moreY = tableY + fallbackRowH * 6;
-      elements.push(
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "text",
-          {
-            x: svgWidth / 2,
-            y: moreY,
-            textAnchor: "middle",
-            fontSize: 6,
-            fill: "#94a3b8",
-            children: [
-              "+",
-              unmatchedRows.length - 5,
-              " more regions"
-            ]
-          },
-          `${element.id}-map-ft-more`
-        )
-      );
-    }
+  const chartData = element.chartData;
+  if (!chartData || chartData.series.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkMVKRI3CZ_js.translationsEn["pptx.chart.heading"] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${svgWidth} ${svgHeight}`,
-      preserveAspectRatio: "xMidYMid meet",
-      role: "img",
-      "aria-label": `Geographic map chart${chartData.title ? `: ${chartData.title}` : ""}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: svgWidth, height: svgHeight, fill: "#f8fafc", rx: 4 }),
-        elements
-      ]
-    }
+  const kind = chunk7ARD2J6Y_js.resolveChartKind(chartData.chartType ?? "bar");
+  return renderChartViewModel(
+    element.id,
+    buildReactChartViewModel(element),
+    chunk7ARD2J6Y_js.chartPreserveAspectRatio(kind)
   );
 }
 
-// src/viewer/utils/chart-pie.tsx
-function renderPieChart(element, _chartData, _categoryLabels) {
-  const vm = buildReactChartViewModel(element);
-  return renderChartViewModel(element.id, vm, "xMidYMid meet");
-}
-
-// src/viewer/utils/chart-radar.tsx
-function renderRadarChart(element, _chartData, _categoryLabels) {
-  const vm = buildReactChartViewModel(element);
-  return renderChartViewModel(element.id, vm, "xMidYMid meet");
-}
-
-// src/viewer/utils/chart-scatter-bubble.tsx
-function renderScatterChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderBubbleChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-
-// src/viewer/utils/chart-stacked-bar.tsx
-function renderStackedBarChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-
-// src/viewer/utils/chart-overlay-utils.ts
-function sColor(series, idx) {
-  return chunk7JPLVECA_js.seriesColor(series, idx);
-}
-function valToY(val, range, topY, bottomY) {
-  const usable = bottomY - topY;
-  return bottomY - (val - range.min) / range.span * usable;
-}
-function xToPixel(xVal, catCount, layout, mode) {
-  {
-    const slotWidth = layout.plotWidth / Math.max(catCount, 1);
-    return layout.plotLeft + slotWidth * xVal + slotWidth / 2;
-  }
-}
-function computeLinearRegression(xVals, yVals) {
-  const n = xVals.length;
-  if (n < 2) {
-    return { slope: 0, intercept: 0, rSquared: 0 };
-  }
-  let sumX = 0, sumY = 0, sumXY = 0, sumXX = 0;
-  for (let i = 0; i < n; i++) {
-    sumX += xVals[i];
-    sumY += yVals[i];
-    sumXY += xVals[i] * yVals[i];
-    sumXX += xVals[i] * xVals[i];
-  }
-  const denom = n * sumXX - sumX * sumX;
-  if (Math.abs(denom) < 1e-12) {
-    return { slope: 0, intercept: sumY / n, rSquared: 0 };
-  }
-  const slope = (n * sumXY - sumX * sumY) / denom;
-  const intercept = (sumY - slope * sumX) / n;
-  const ssRes = yVals.reduce((s, y, i) => s + (y - (slope * xVals[i] + intercept)) ** 2, 0);
-  const meanY = sumY / n;
-  const ssTot = yVals.reduce((s, y) => s + (y - meanY) ** 2, 0);
-  const rSquared = ssTot > 0 ? 1 - ssRes / ssTot : 0;
-  return { slope, intercept, rSquared };
-}
-function fitPolynomial(xVals, yVals, order) {
-  const n = xVals.length;
-  const m = order + 1;
-  const matrix = Array.from({ length: m }, () => Array(m + 1).fill(0));
-  for (let i = 0; i < m; i++) {
-    for (let j = 0; j < m; j++) {
-      let sum2 = 0;
-      for (let k = 0; k < n; k++) {
-        sum2 += xVals[k] ** (i + j);
-      }
-      matrix[i][j] = sum2;
-    }
-    let sum = 0;
-    for (let k = 0; k < n; k++) {
-      sum += yVals[k] * xVals[k] ** i;
-    }
-    matrix[i][m] = sum;
-  }
-  for (let i = 0; i < m; i++) {
-    let maxRow = i;
-    for (let k = i + 1; k < m; k++) {
-      if (Math.abs(matrix[k][i]) > Math.abs(matrix[maxRow][i])) {
-        maxRow = k;
-      }
-    }
-    [matrix[i], matrix[maxRow]] = [matrix[maxRow], matrix[i]];
-    const pivot = matrix[i][i];
-    if (Math.abs(pivot) < 1e-12) {
-      continue;
-    }
-    for (let j = i; j <= m; j++) {
-      matrix[i][j] /= pivot;
-    }
-    for (let k = 0; k < m; k++) {
-      if (k === i) {
-        continue;
-      }
-      const factor = matrix[k][i];
-      for (let j = i; j <= m; j++) {
-        matrix[k][j] -= factor * matrix[i][j];
-      }
-    }
-  }
-  return matrix.map((row) => row[m]);
-}
-function computeRSquared(xVals, yVals, evalFn) {
-  const n = xVals.length;
-  const meanY = yVals.reduce((s, y) => s + y, 0) / n;
-  let ssRes = 0, ssTot = 0;
-  for (let i = 0; i < n; i++) {
-    ssRes += (yVals[i] - evalFn(xVals[i])) ** 2;
-    ssTot += (yVals[i] - meanY) ** 2;
-  }
-  return ssTot > 0 ? 1 - ssRes / ssTot : 0;
-}
-function computeTrendlinePoints(trendline, values, catCount, layout, range, mode) {
-  const n = values.length;
-  if (n < 2) {
-    return { points: [], equation: "", rSquared: 0 };
-  }
-  const xVals = values.map((_v, i) => i);
-  const yVals = values;
-  const forward = trendline.forward ?? 0;
-  const backward = trendline.backward ?? 0;
-  const startX = -backward;
-  const endX = n - 1 + forward;
-  const steps = Math.max(Math.ceil((endX - startX) * 4), 20);
-  let evalFn;
-  let equation = "";
-  let rSquared = 0;
-  switch (trendline.trendlineType) {
-    case "linear": {
-      const reg = computeLinearRegression(xVals, yVals);
-      const slope = trendline.intercept !== void 0 ? yVals.reduce((s, y, i) => s + (y - trendline.intercept) * xVals[i], 0) / xVals.reduce((s, x) => s + x * x, 0) : reg.slope;
-      const b = trendline.intercept ?? reg.intercept;
-      evalFn = (x) => slope * x + b;
-      equation = `y = ${slope.toFixed(2)}x + ${b.toFixed(2)}`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "exponential": {
-      const logY = yVals.filter((y) => y > 0).map((y) => Math.log(y));
-      const filteredX = xVals.filter((_x, i) => yVals[i] > 0);
-      if (logY.length < 2) {
-        return { points: [], equation: "", rSquared: 0 };
-      }
-      const reg = computeLinearRegression(filteredX, logY);
-      const a = Math.exp(reg.intercept);
-      const b = reg.slope;
-      evalFn = (x) => a * Math.exp(b * x);
-      equation = `y = ${a.toFixed(2)}e^(${b.toFixed(2)}x)`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "logarithmic": {
-      const lnX = xVals.filter((x) => x > 0).map((x) => Math.log(x));
-      const filteredY = yVals.filter((_y, i) => xVals[i] > 0);
-      if (lnX.length < 2) {
-        return { points: [], equation: "", rSquared: 0 };
-      }
-      const reg = computeLinearRegression(lnX, filteredY);
-      evalFn = (x) => x > 0 ? reg.slope * Math.log(x) + reg.intercept : 0;
-      equation = `y = ${reg.slope.toFixed(2)}ln(x) + ${reg.intercept.toFixed(2)}`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "power": {
-      const logX = xVals.filter((x, i) => x > 0 && yVals[i] > 0).map((x) => Math.log(x));
-      const logY = yVals.filter((y, i) => y > 0 && xVals[i] > 0).map((y) => Math.log(y));
-      if (logX.length < 2) {
-        return { points: [], equation: "", rSquared: 0 };
-      }
-      const reg = computeLinearRegression(logX, logY);
-      const a = Math.exp(reg.intercept);
-      evalFn = (x) => x > 0 ? a * x ** reg.slope : 0;
-      equation = `y = ${a.toFixed(2)}x^${reg.slope.toFixed(2)}`;
-      rSquared = reg.rSquared;
-      break;
-    }
-    case "polynomial": {
-      const order = Math.min(trendline.order ?? 2, 6);
-      const coeffs = fitPolynomial(xVals, yVals, order);
-      evalFn = (x) => coeffs.reduce((s, c, i) => s + c * x ** i, 0);
-      equation = coeffs.map((c, i) => `${c.toFixed(2)}x^${i}`).join(" + ");
-      rSquared = computeRSquared(xVals, yVals, evalFn);
-      break;
-    }
-    case "movingAvg": {
-      const period = trendline.period ?? 2;
-      const maPoints = [];
-      for (let i = period - 1; i < n; i++) {
-        let sum = 0;
-        for (let j = i - period + 1; j <= i; j++) {
-          sum += yVals[j];
-        }
-        const avgVal = sum / period;
-        const px = xToPixel(i, catCount, layout);
-        const py = valToY(avgVal, range, layout.plotTop, layout.plotBottom);
-        maPoints.push({ x: px, y: py });
-      }
-      return {
-        points: maPoints,
-        equation: `${period}-period moving average`,
-        rSquared: 0
-      };
-    }
-    default:
-      return { points: [], equation: "", rSquared: 0 };
-  }
-  const points = [];
-  for (let step = 0; step <= steps; step++) {
-    const xVal = startX + (endX - startX) * step / steps;
-    const yVal = evalFn(xVal);
-    if (!Number.isFinite(yVal)) {
-      continue;
-    }
-    const px = xToPixel(xVal, catCount, layout);
-    const py = valToY(yVal, range, layout.plotTop, layout.plotBottom);
-    points.push({ x: px, y: py });
-  }
-  return { points, equation, rSquared };
-}
-function renderTrendlines(elementId, chartData, layout, range, mode) {
-  const catCount = Math.max(chartData.categories.length, 1);
-  const nodes = [];
-  chartData.series.forEach((series, si) => {
-    if (!series.trendlines || series.trendlines.length === 0) {
-      return;
-    }
-    series.trendlines.forEach((tl, ti) => {
-      const { points, equation, rSquared } = computeTrendlinePoints(
-        tl,
-        series.values,
-        catCount,
-        layout,
-        range);
-      if (points.length < 2) {
-        return;
-      }
-      const pathD = points.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ");
-      const strokeColor = tl.color || sColor(series, si);
-      nodes.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: pathD,
-            fill: "none",
-            stroke: strokeColor,
-            strokeWidth: 1.5,
-            strokeDasharray: "6 3",
-            opacity: 0.8
-          },
-          `${elementId}-tl-${si}-${ti}`
-        )
-      );
-      const textParts = [];
-      if (tl.displayEq && equation) {
-        textParts.push(equation);
-      }
-      if (tl.displayRSq) {
-        textParts.push(`R\xB2 = ${rSquared.toFixed(4)}`);
-      }
-      if (textParts.length > 0) {
-        const lastPt = points[points.length - 1];
-        nodes.push(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "text",
-            {
-              x: lastPt.x,
-              y: lastPt.y - 6,
-              textAnchor: "end",
-              fontSize: 7,
-              fill: strokeColor,
-              children: textParts.join("  ")
-            },
-            `${elementId}-tl-txt-${si}-${ti}`
-          )
-        );
-      }
-    });
-  });
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: nodes }, `${elementId}-trendlines`);
-}
-function computeErrorValue(errBars, values, pointIndex, direction) {
-  switch (errBars.valType) {
-    case "fixedVal":
-      return errBars.val ?? 0;
-    case "percentage":
-      return Math.abs(values[pointIndex]) * ((errBars.val ?? 0) / 100);
-    case "stdDev": {
-      const n = values.length;
-      const mean = values.reduce((s, v) => s + v, 0) / n;
-      const variance = values.reduce((s, v) => s + (v - mean) ** 2, 0) / n;
-      const stdDev = Math.sqrt(variance);
-      return stdDev * (errBars.val ?? 1);
-    }
-    case "stdErr": {
-      const n2 = values.length;
-      const mean2 = values.reduce((s, v) => s + v, 0) / n2;
-      const variance2 = values.reduce((s, v) => s + (v - mean2) ** 2, 0) / n2;
-      return Math.sqrt(variance2 / n2);
-    }
-    case "cust": {
-      if (direction === "plus") {
-        return errBars.customPlus?.[pointIndex] ?? 0;
-      }
-      return errBars.customMinus?.[pointIndex] ?? 0;
-    }
-    default:
-      return 0;
-  }
-}
-function renderErrorBars(elementId, chartData, layout, range, mode) {
-  const catCount = Math.max(chartData.categories.length, 1);
-  const nodes = [];
-  const capW = 4;
-  chartData.series.forEach((series, si) => {
-    if (!series.errBars || series.errBars.length === 0) {
-      return;
-    }
-    series.errBars.forEach((eb) => {
-      if (eb.direction !== "y") {
-        return;
-      }
-      series.values.forEach((val, vi) => {
-        const cx = xToPixel(vi, catCount, layout);
-        const baseY = valToY(val, range, layout.plotTop, layout.plotBottom);
-        if (eb.barType === "plus" || eb.barType === "both") {
-          const plusErr = computeErrorValue(eb, series.values, vi, "plus");
-          const topY = valToY(val + plusErr, range, layout.plotTop, layout.plotBottom);
-          nodes.push(
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
-              {
-                x1: cx,
-                y1: baseY,
-                x2: cx,
-                y2: topY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-p-${si}-${vi}`
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
-              {
-                x1: cx - capW,
-                y1: topY,
-                x2: cx + capW,
-                y2: topY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-pc-${si}-${vi}`
-            )
-          );
-        }
-        if (eb.barType === "minus" || eb.barType === "both") {
-          const minusErr = computeErrorValue(eb, series.values, vi, "minus");
-          const botY = valToY(val - minusErr, range, layout.plotTop, layout.plotBottom);
-          nodes.push(
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
-              {
-                x1: cx,
-                y1: baseY,
-                x2: cx,
-                y2: botY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-m-${si}-${vi}`
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
-              {
-                x1: cx - capW,
-                y1: botY,
-                x2: cx + capW,
-                y2: botY,
-                stroke: "#334155",
-                strokeWidth: 1
-              },
-              `${elementId}-eb-mc-${si}-${vi}`
-            )
-          );
-        }
-      });
-    });
-  });
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: nodes }, `${elementId}-errorbars`);
-}
-function renderDropLines(elementId, chartData, layout, range, mode) {
-  if (!chartData.dropLines) {
-    return null;
-  }
-  const catCount = Math.max(chartData.categories.length, 1);
-  const style = chartData.dropLines;
-  const baselineY = valToY(range.min, range, layout.plotTop, layout.plotBottom);
-  const nodes = [];
-  chartData.series.forEach((series, si) => {
-    series.values.forEach((val, vi) => {
-      const cx = xToPixel(vi, catCount, layout);
-      const dataY = valToY(val, range, layout.plotTop, layout.plotBottom);
-      nodes.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "line",
-          {
-            x1: cx,
-            y1: dataY,
-            x2: cx,
-            y2: baselineY,
-            stroke: style.color || "#94a3b8",
-            strokeWidth: style.width ?? 0.8,
-            strokeDasharray: style.dashStyle === "dash" ? "4 3" : void 0
-          },
-          `${elementId}-dl-${si}-${vi}`
-        )
-      );
-    });
-  });
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: nodes }, `${elementId}-droplines`);
-}
-function renderUpDownBars(elementId, chartData, layout, range, mode) {
-  if (!chartData.upDownBars || chartData.series.length < 2) {
-    return null;
-  }
-  const catCount = Math.max(chartData.categories.length, 1);
-  const bars = chartData.upDownBars;
-  const first = chartData.series[0];
-  const last = chartData.series[chartData.series.length - 1];
-  const slot = layout.plotWidth / catCount;
-  const gapWidth = bars.gapWidth ?? 150;
-  const barW = Math.max(slot / (1 + Math.max(gapWidth, 0) / 100), 1);
-  const upFill = bars.upBars?.fillColor ?? "#e2e8f0";
-  const downFill = bars.downBars?.fillColor ?? "#334155";
-  const nodes = [];
-  for (let vi = 0; vi < catCount; vi++) {
-    const firstVal = first.values[vi];
-    const lastVal = last.values[vi];
-    if (firstVal === void 0 || lastVal === void 0) {
-      continue;
-    }
-    const firstY = valToY(firstVal, range, layout.plotTop, layout.plotBottom);
-    const lastY = valToY(lastVal, range, layout.plotTop, layout.plotBottom);
-    const cx = xToPixel(vi, catCount, layout);
-    nodes.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: cx - barW / 2,
-          y: Math.min(firstY, lastY),
-          width: barW,
-          height: Math.max(Math.abs(firstY - lastY), 1),
-          fill: lastVal >= firstVal ? upFill : downFill,
-          stroke: "#64748b",
-          strokeWidth: 0.5
-        },
-        `${elementId}-udb-${vi}`
-      )
-    );
-  }
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: nodes }, `${elementId}-updownbars`);
-}
-function renderHiLowLines(elementId, chartData, layout, range, mode) {
-  if (!chartData.hiLowLines) {
-    return null;
-  }
-  if (chartData.series.length < 2) {
-    return null;
-  }
-  const catCount = Math.max(chartData.categories.length, 1);
-  const style = chartData.hiLowLines;
-  const nodes = [];
-  for (let vi = 0; vi < catCount; vi++) {
-    let highVal = -Infinity;
-    let lowVal = Infinity;
-    for (const series of chartData.series) {
-      const v = series.values[vi];
-      if (v !== void 0) {
-        highVal = Math.max(highVal, v);
-        lowVal = Math.min(lowVal, v);
-      }
-    }
-    if (!Number.isFinite(highVal) || !Number.isFinite(lowVal)) {
-      continue;
-    }
-    const cx = xToPixel(vi, catCount, layout);
-    const highY = valToY(highVal, range, layout.plotTop, layout.plotBottom);
-    const lowY = valToY(lowVal, range, layout.plotTop, layout.plotBottom);
-    nodes.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "line",
-        {
-          x1: cx,
-          y1: highY,
-          x2: cx,
-          y2: lowY,
-          stroke: style.color || "#334155",
-          strokeWidth: style.width ?? 1,
-          strokeDasharray: style.dashStyle === "dash" ? "4 3" : void 0
-        },
-        `${elementId}-hl-${vi}`
-      )
-    );
-  }
-  if (nodes.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: nodes }, `${elementId}-hilowlines`);
-}
-function renderTitle(id, style, title, svgWidth) {
-  if (!style?.hasTitle) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "text",
-    {
-      x: svgWidth / 2,
-      y: 16,
-      textAnchor: "middle",
-      fontSize: 12,
-      fontWeight: 600,
-      fill: "#1e293b",
-      children: title || "Chart"
-    },
-    `${id}-title`
-  );
-}
-function renderLegend(id, style, series, layout, colorPalette) {
-  if (!style?.hasLegend || series.length === 0) {
-    return null;
-  }
-  const pos = style.legendPosition || "b";
-  if (pos === "b" || pos === "t") {
-    const y = pos === "b" ? layout.svgHeight - 10 : layout.plotTop - 14;
-    const items = [];
-    const charWidth = 6;
-    const gap = 24;
-    const totalWidth = series.reduce((w, s) => w + (s.name?.length ?? 4) * charWidth + gap, 0);
-    let cx = (layout.svgWidth - totalWidth) / 2;
-    series.forEach((s, i) => {
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "rect",
-          {
-            x: cx,
-            y: y - 5,
-            width: 10,
-            height: 10,
-            rx: 2,
-            fill: chunk7JPLVECA_js.seriesColor(s, i, style?.styleId, colorPalette)
-          },
-          `${id}-leg-r-${i}`
-        )
-      );
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx + 14, y: y + 4, fontSize: 9, fill: "#475569", children: s.name || `Series ${i + 1}` }, `${id}-leg-t-${i}`)
-      );
-      cx += (s.name?.length ?? 4) * charWidth + gap;
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx("g", { children: items }, `${id}-legend`);
-  }
-  const x = pos === "r" ? layout.plotRight + 8 : 4;
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: series.map((s, i) => {
-    const cy = layout.plotTop + i * 16;
-    return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x,
-          y: cy,
-          width: 10,
-          height: 10,
-          rx: 2,
-          fill: chunk7JPLVECA_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}` })
-    ] }, `${id}-leg-${i}`);
-  }) }, `${id}-legend`);
-}
-function renderGridlines(id, style, range, layout) {
-  if (!style?.hasGridlines) {
-    return null;
-  }
-  const lines = [];
-  if (range.logScale && range.logBase) {
-    const ticks = chunk7JPLVECA_js.generateLogTicks(range);
-    ticks.forEach((tickVal, i) => {
-      const y = chunk7JPLVECA_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
-      lines.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "line",
-          {
-            x1: layout.plotLeft,
-            y1: y,
-            x2: layout.plotRight,
-            y2: y,
-            stroke: "#cbd5e1",
-            strokeWidth: 0.7,
-            strokeDasharray: "4 3"
-          },
-          `${id}-grid-log-${i}`
-        )
-      );
-    });
-  } else {
-    const steps = 4;
-    for (let i = 0; i <= steps; i++) {
-      const val = range.min + range.span * i / steps;
-      const y = chunk7JPLVECA_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
-      lines.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "line",
-          {
-            x1: layout.plotLeft,
-            y1: y,
-            x2: layout.plotRight,
-            y2: y,
-            stroke: "#cbd5e1",
-            strokeWidth: 0.7,
-            strokeDasharray: "4 3"
-          },
-          `${id}-grid-${i}`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: lines }, `${id}-gridlines`);
-}
-function renderValueAxis(id, range, layout, axisFormatting) {
-  const labels = [];
-  const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
-  if (range.logScale && range.logBase) {
-    const ticks = chunk7JPLVECA_js.generateLogTicks(range);
-    ticks.forEach((tickVal, i) => {
-      const y = chunk7JPLVECA_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
-      labels.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: layout.plotLeft - 4,
-            y: y + 3,
-            textAnchor: "end",
-            fontSize: 8,
-            fill: "#64748b",
-            children: hasDisplayUnits ? chunk7JPLVECA_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunk7JPLVECA_js.formatAxisValue(tickVal)
-          },
-          `${id}-vaxis-log-${i}`
-        )
-      );
-    });
-  } else {
-    const steps = 4;
-    for (let i = 0; i <= steps; i++) {
-      const val = range.min + range.span * i / steps;
-      const y = chunk7JPLVECA_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
-      labels.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: layout.plotLeft - 4,
-            y: y + 3,
-            textAnchor: "end",
-            fontSize: 8,
-            fill: "#64748b",
-            children: hasDisplayUnits ? chunk7JPLVECA_js.formatAxisValueWithUnits(val, axisFormatting) : chunk7JPLVECA_js.formatAxisValue(val)
-          },
-          `${id}-vaxis-${i}`
-        )
-      );
-    }
-  }
-  if (hasDisplayUnits) {
-    const unitLabel = chunk7JPLVECA_js.getDisplayUnitLabel(
-      axisFormatting.displayUnits,
-      axisFormatting.displayUnitsLabel
-    );
-    if (unitLabel) {
-      const midY = (layout.plotTop + layout.plotBottom) / 2;
-      labels.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: layout.plotLeft - 36,
-            y: midY,
-            textAnchor: "middle",
-            fontSize: 9,
-            fill: "#64748b",
-            transform: `rotate(-90, ${layout.plotLeft - 36}, ${midY})`,
-            children: unitLabel
-          },
-          `${id}-vaxis-dispunit`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: labels }, `${id}-vaxis`);
-}
-function renderCategoryAxis(id, categories, layout) {
-  const count = categories.length;
-  if (count === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: categories.map((cat, i) => {
-    const slotWidth = layout.plotWidth / count;
-    const x = layout.plotLeft + slotWidth * i + slotWidth / 2;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "text",
-      {
-        x,
-        y: layout.plotBottom + 14,
-        textAnchor: "middle",
-        fontSize: 8,
-        fill: "#64748b",
-        children: cat
-      },
-      `${id}-caxis-${i}`
-    );
-  }) }, `${id}-caxis`);
-}
-function renderCategoryAxisForLine(id, categories, layout) {
-  const count = categories.length;
-  if (count === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: categories.map((cat, i) => {
-    const x = count > 1 ? layout.plotLeft + layout.plotWidth * i / (count - 1) : layout.plotLeft + layout.plotWidth / 2;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "text",
-      {
-        x,
-        y: layout.plotBottom + 14,
-        textAnchor: "middle",
-        fontSize: 8,
-        fill: "#64748b",
-        children: cat
-      },
-      `${id}-caxis-${i}`
-    );
-  }) }, `${id}-caxis`);
-}
-function renderZeroLine(id, range, layout) {
-  if (range.logScale) {
-    return null;
-  }
-  if (range.min >= 0) {
-    return null;
-  }
-  const y = chunk7JPLVECA_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "line",
-    {
-      x1: layout.plotLeft,
-      y1: y,
-      x2: layout.plotRight,
-      y2: y,
-      stroke: "#334155",
-      strokeWidth: 1
-    },
-    `${id}-zero`
-  );
-}
-function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
-  const steps = 4;
-  const labels = [];
-  const fontSize = axisFormatting?.fontSize ?? 8;
-  const fontColor = axisFormatting?.fontColor ?? "#64748b";
-  const fontFamily = axisFormatting?.fontFamily;
-  const fontWeight = axisFormatting?.fontBold ? 700 : void 0;
-  const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
-  for (let i = 0; i <= steps; i++) {
-    const val = range.min + range.span * i / steps;
-    const y = chunk7JPLVECA_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
-    labels.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "text",
-        {
-          x: layout.plotRight + 4,
-          y: y + 3,
-          textAnchor: "start",
-          fontSize,
-          fontFamily,
-          fontWeight,
-          fill: fontColor,
-          children: hasDisplayUnits ? chunk7JPLVECA_js.formatAxisValueWithUnits(val, axisFormatting) : chunk7JPLVECA_js.formatAxisValue(val)
-        },
-        `${id}-sec-vaxis-${i}`
-      )
-    );
-  }
-  if (axisFormatting?.titleText) {
-    labels.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "text",
-        {
-          x: layout.plotRight + 36,
-          y: (layout.plotTop + layout.plotBottom) / 2,
-          textAnchor: "middle",
-          fontSize: 9,
-          fill: fontColor,
-          transform: `rotate(-90, ${layout.plotRight + 36}, ${(layout.plotTop + layout.plotBottom) / 2})`,
-          children: axisFormatting.titleText
-        },
-        `${id}-sec-vaxis-title`
-      )
-    );
-  }
-  if (hasDisplayUnits) {
-    const unitLabel = chunk7JPLVECA_js.getDisplayUnitLabel(
-      axisFormatting.displayUnits,
-      axisFormatting.displayUnitsLabel
-    );
-    if (unitLabel) {
-      const labelX = layout.plotRight + (axisFormatting?.titleText ? 52 : 36);
-      const midY = (layout.plotTop + layout.plotBottom) / 2;
-      labels.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: labelX,
-            y: midY,
-            textAnchor: "middle",
-            fontSize: 9,
-            fill: fontColor,
-            transform: `rotate(-90, ${labelX}, ${midY})`,
-            children: unitLabel
-          },
-          `${id}-sec-vaxis-dispunit`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: labels }, `${id}-sec-vaxis`);
-}
-function renderSecondaryAxisTicks(id, range, layout) {
-  const steps = 4;
-  const ticks = [];
-  for (let i = 0; i <= steps; i++) {
-    const val = range.min + range.span * i / steps;
-    const y = chunk7JPLVECA_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
-    ticks.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "line",
-        {
-          x1: layout.plotRight,
-          y1: y,
-          x2: layout.plotRight + 4,
-          y2: y,
-          stroke: "#94a3b8",
-          strokeWidth: 0.7
-        },
-        `${id}-sec-tick-${i}`
-      )
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: ticks }, `${id}-sec-ticks`);
-}
-function renderSecondaryGridlines(id, range, layout, axisFormatting) {
-  if (!axisFormatting?.minorGridlinesSpPr && !axisFormatting?.majorGridlinesSpPr) {
-    return null;
-  }
-  const steps = 4;
-  const lines = [];
-  const gridColor = axisFormatting.majorGridlinesSpPr?.strokeColor ?? "#e2e8f0";
-  for (let i = 0; i <= steps; i++) {
-    const val = range.min + range.span * i / steps;
-    const y = chunk7JPLVECA_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
-    lines.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "line",
-        {
-          x1: layout.plotLeft,
-          y1: y,
-          x2: layout.plotRight,
-          y2: y,
-          stroke: gridColor,
-          strokeWidth: 0.5,
-          strokeDasharray: "2 3",
-          opacity: 0.5
-        },
-        `${id}-sec-grid-${i}`
-      )
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: lines }, `${id}-sec-gridlines`);
-}
-function renderChrome(id, chartData, layout, range, categories, options, secondaryOptions) {
-  const style = chartData.style;
-  const chrome = [];
-  const primaryValueAxis = chartData.axes?.find((a) => a.axisType === "valAx" && a.axPos !== "r") ?? chartData.axes?.find((a) => a.axisType === "valAx");
-  chrome.push(renderTitle(id, style, chartData.title, layout.svgWidth));
-  chrome.push(renderGridlines(id, style, range, layout));
-  chrome.push(renderValueAxis(id, range, layout, primaryValueAxis));
-  chrome.push(renderZeroLine(id, range, layout));
-  if (options.categoryAxisStyle === "bar") {
-    chrome.push(renderCategoryAxis(id, categories, layout));
-  } else {
-    chrome.push(renderCategoryAxisForLine(id, categories, layout));
-  }
-  chrome.push(renderLegend(id, style, chartData.series, layout, chartData.colorPalette));
-  if (secondaryOptions?.secondaryRange) {
-    chrome.push(
-      renderSecondaryValueAxis(
-        id,
-        secondaryOptions.secondaryRange,
-        layout,
-        secondaryOptions.secondaryAxisFormatting
-      )
-    );
-    chrome.push(renderSecondaryAxisTicks(id, secondaryOptions.secondaryRange, layout));
-    chrome.push(
-      renderSecondaryGridlines(
-        id,
-        secondaryOptions.secondaryRange,
-        layout,
-        secondaryOptions.secondaryAxisFormatting
-      )
-    );
-  }
-  return chrome;
-}
-function renderOverlays(id, chartData, layout, range, mode) {
-  const overlayLayout = layout;
-  const overlayRange = range;
-  const nodes = [];
-  nodes.push(renderUpDownBars(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderDropLines(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderHiLowLines(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderTrendlines(id, chartData, overlayLayout, overlayRange));
-  nodes.push(renderErrorBars(id, chartData, overlayLayout, overlayRange));
-  return nodes;
-}
-function formatValue(val) {
-  if (Math.abs(val) >= 1e6) {
-    return `${(val / 1e6).toFixed(1)}M`;
-  }
-  if (Math.abs(val) >= 1e3) {
-    return `${(val / 1e3).toFixed(1)}K`;
-  }
-  if (Number.isInteger(val)) {
-    return String(val);
-  }
-  return val.toFixed(1);
-}
-function renderChartDataTable(elementId, chartData, svgWidth) {
-  const table = chartData.dataTable;
-  if (!table) {
-    return null;
-  }
-  const categories = chartData.categories;
-  const series = chartData.series;
-  if (categories.length === 0 && series.length === 0) {
-    return null;
-  }
-  const borderColor = "#cbd5e1";
-  const showH = table.showHorzBorder !== false;
-  const showV = table.showVertBorder !== false;
-  const showO = table.showOutline !== false;
-  const showK = table.showKeys !== false;
-  const borderStyle = `1px solid ${borderColor}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: {
-        width: svgWidth,
-        overflow: "hidden",
-        fontSize: 8,
-        lineHeight: "14px",
-        color: "#334155",
-        pointerEvents: "none"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "table",
-        {
-          style: {
-            width: "100%",
-            borderCollapse: "collapse",
-            border: showO ? borderStyle : "none"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              showK && /* @__PURE__ */ jsxRuntime.jsx(
-                "th",
-                {
-                  "aria-label": chunkAONFHTTJ_js.translationsEn["pptx.chart.rowLabelsAria"],
-                  style: {
-                    padding: "1px 4px",
-                    fontWeight: 400,
-                    borderBottom: showH ? borderStyle : "none",
-                    borderRight: showV ? borderStyle : "none",
-                    textAlign: "left"
-                  }
-                }
-              ),
-              categories.map((cat, ci) => /* @__PURE__ */ jsxRuntime.jsx(
-                "th",
-                {
-                  style: {
-                    padding: "1px 4px",
-                    fontWeight: 600,
-                    borderBottom: showH ? borderStyle : "none",
-                    borderRight: showV && ci < categories.length - 1 ? borderStyle : "none",
-                    textAlign: "center"
-                  },
-                  children: cat
-                },
-                `${elementId}-dtable-h-${ci}`
-              ))
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: series.map((s, si) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-              showK && /* @__PURE__ */ jsxRuntime.jsxs(
-                "td",
-                {
-                  style: {
-                    padding: "1px 4px",
-                    borderBottom: showH && si < series.length - 1 ? borderStyle : "none",
-                    borderRight: showV ? borderStyle : "none",
-                    whiteSpace: "nowrap"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        style: {
-                          display: "inline-block",
-                          width: 8,
-                          height: 8,
-                          borderRadius: 2,
-                          backgroundColor: chunk7JPLVECA_js.seriesColor(
-                            s,
-                            si,
-                            chartData.style?.styleId,
-                            chartData.colorPalette
-                          ),
-                          marginRight: 4,
-                          verticalAlign: "middle"
-                        }
-                      }
-                    ),
-                    s.name
-                  ]
-                }
-              ),
-              categories.map((_cat, ci) => /* @__PURE__ */ jsxRuntime.jsx(
-                "td",
-                {
-                  style: {
-                    padding: "1px 4px",
-                    textAlign: "center",
-                    borderBottom: showH && si < series.length - 1 ? borderStyle : "none",
-                    borderRight: showV && ci < categories.length - 1 ? borderStyle : "none"
-                  },
-                  children: s.values[ci] !== void 0 ? formatValue(s.values[ci]) : ""
-                },
-                `${elementId}-dtable-c-${si}-${ci}`
-              ))
-            ] }, `${elementId}-dtable-r-${si}`)) })
-          ]
-        }
-      )
-    },
-    `${elementId}-dtable`
-  );
-}
-function renderStockChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chunk7JPLVECA_js.chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const range = chunk7JPLVECA_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunk7JPLVECA_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;
-  const hasFour = chartData.series.length >= 4;
-  const openSeries = hasFour ? chartData.series[0] : void 0;
-  const highSeries = chartData.series[hasFour ? 1 : 0];
-  const lowSeries = chartData.series[hasFour ? 2 : 1];
-  const closeSeries = chartData.series[hasFour ? 3 : 2];
-  if (!highSeries || !lowSeries || !closeSeries) {
-    return null;
-  }
-  const elements = [];
-  const dlElements = [];
-  for (let ci = 0; ci < catCount; ci++) {
-    const high = highSeries.values[ci] ?? 0;
-    const low = lowSeries.values[ci] ?? 0;
-    const open = openSeries?.values[ci] ?? low;
-    const close = closeSeries.values[ci] ?? high;
-    const isUp = close >= open;
-    const cx = layout.plotLeft + barGroupWidth * ci + barGroupWidth / 2;
-    const highY = chunk7JPLVECA_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
-    const lowY = chunk7JPLVECA_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
-    const openY = chunk7JPLVECA_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
-    const closeY = chunk7JPLVECA_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "line",
-        {
-          x1: cx,
-          y1: highY,
-          x2: cx,
-          y2: lowY,
-          stroke: "#334155",
-          strokeWidth: 1
-        },
-        `${element.id}-stock-wick-${ci}`
-      )
-    );
-    const bodyTop = Math.min(openY, closeY);
-    const bodyHeight = Math.max(Math.abs(openY - closeY), 1);
-    elements.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: cx - candleWidth / 2,
-          y: bodyTop,
-          width: candleWidth,
-          height: bodyHeight,
-          fill: isUp ? "#22c55e" : "#ef4444",
-          stroke: isUp ? "#16a34a" : "#dc2626",
-          strokeWidth: 0.5,
-          rx: 1
-        },
-        `${element.id}-stock-body-${ci}`
-      )
-    );
-    if (style?.hasDataLabels) {
-      dlElements.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: cx,
-            y: highY - 4,
-            textAnchor: "middle",
-            fontSize: 7,
-            fill: "#334155",
-            children: chunk7JPLVECA_js.formatAxisValue(close)
-          },
-          `${element.id}-stock-dl-${ci}`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        className: "w-full h-full pointer-events-none",
-        viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-        preserveAspectRatio: "none",
-        children: [
-          areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-          renderChrome(element.id, chartData, layout, range, categoryLabels, {
-            categoryAxisStyle: "bar"
-          }),
-          elements,
-          dlElements,
-          renderOverlays(element.id, chartData, layout, range)
-        ]
-      }
-    ),
-    renderChartDataTable(element.id, chartData, layout.svgWidth)
-  ] });
-}
-
-// src/viewer/utils/chart-sunburst-funnel.tsx
-function renderSunburstChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function renderFunnelChart(element, _chartData, _categoryLabels) {
-  return renderChartViewModel(element.id, buildReactChartViewModel(element));
-}
-function FailedToLoad() {
-  return null;
-}
-var LazySurfaceChart3DScene = React6__default.default.lazy(
-  async () => {
-    try {
-      return await import('./SurfaceChart3DScene-ODQY77SZ.js');
-    } catch {
-      return { default: FailedToLoad };
-    }
-  }
-);
-var SurfaceChart3DErrorBoundary = class extends React6__default.default.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback;
-    }
-    return this.props.children;
-  }
-};
-function buildSurfaceData(chartData, categoryLabels) {
-  const rows = chartData.series.length;
-  const cols = Math.max(categoryLabels.length, 1);
-  const range = chunk7JPLVECA_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++) {
-    const series = chartData.series[r];
-    for (let c = 0; c < cols; c++) {
-      const val = series?.values[c] ?? 0;
-      const t = range.span > 0 ? (val - range.min) / range.span : 0;
-      const idx = r * cols + c;
-      heightMap[idx] = t;
-      const { r: cr, g: cg, b: cb } = surfaceColor(t);
-      colorMap[idx * 3] = cr / 255;
-      colorMap[idx * 3 + 1] = cg / 255;
-      colorMap[idx * 3 + 2] = cb / 255;
-    }
-  }
-  return { heightMap, colorMap, rows, cols };
-}
-function LoadingPlaceholder({ width, height }) {
-  const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      style: {
-        width,
-        height,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        background: "#f8fafc",
-        border: "1px dashed #cbd5e1",
-        borderRadius: 4,
-        fontSize: 11,
-        color: "#94a3b8"
-      },
-      children: t("pptx.chart.loading3dSurface")
-    }
-  );
-}
-var SurfaceChart3D = React6__default.default.memo(
-  ({ element, chartData, categoryLabels, fallback }) => {
-    const [threeAvailable, setThreeAvailable] = React6.useState(null);
-    React6.useEffect(() => {
-      let cancelled = false;
-      import('./three.module-GNNNRIMK.js').then(() => {
-        if (!cancelled) {
-          setThreeAvailable(true);
-        }
-        return void 0;
-      }).catch(() => {
-        if (!cancelled) {
-          setThreeAvailable(false);
-        }
-      });
-      return () => {
-        cancelled = true;
-      };
-    }, []);
-    const surfaceData = React6.useMemo(
-      () => buildSurfaceData(chartData, categoryLabels),
-      [chartData, categoryLabels]
-    );
-    const seriesNames = React6.useMemo(() => chartData.series.map((s) => s.name), [chartData.series]);
-    if (threeAvailable === null) {
-      return /* @__PURE__ */ jsxRuntime.jsx(LoadingPlaceholder, { width: element.width, height: element.height });
-    }
-    if (!threeAvailable) {
-      return fallback;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(SurfaceChart3DErrorBoundary, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(React6.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingPlaceholder, { width: element.width, height: element.height }), children: /* @__PURE__ */ jsxRuntime.jsx(
-      LazySurfaceChart3DScene,
-      {
-        cols: surfaceData.cols,
-        rows: surfaceData.rows,
-        heightMap: surfaceData.heightMap,
-        colorMap: surfaceData.colorMap,
-        wireframe: true,
-        categoryLabels,
-        seriesNames,
-        title: chartData.title,
-        width: element.width,
-        height: element.height
-      }
-    ) }) });
-  }
-);
-SurfaceChart3D.displayName = "SurfaceChart3D";
-var ISO_COS30 = Math.cos(Math.PI / 6);
-var ISO_SIN30 = Math.sin(Math.PI / 6);
-function isoProject(x, y, z) {
-  return {
-    screenX: (x - y) * ISO_COS30,
-    screenY: (x + y) * ISO_SIN30 - z
-  };
-}
-function surfaceColor(t) {
-  return {
-    r: Math.round(30 + 200 * t),
-    g: Math.round(80 + 100 * (1 - Math.abs(t - 0.5) * 2)),
-    b: Math.round(200 * (1 - t) + 30)
-  };
-}
-function isoCellVertices(col, row, cellSize, zScale, getValue) {
-  const corners = [
-    [col, row],
-    [col + 1, row],
-    [col + 1, row + 1],
-    [col, row + 1]
-  ];
-  return corners.map(([c, r]) => {
-    const val = getValue(r, c);
-    return isoProject(c * cellSize, r * cellSize, val * zScale);
-  });
-}
-function darkenRgb(r, g, b, factor) {
-  return `rgb(${Math.round(r * factor)},${Math.round(g * factor)},${Math.round(b * factor)})`;
-}
-function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chunk7JPLVECA_js.chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layout = chunk7JPLVECA_js.computeLayout(element.width, element.height, style, false, legendPos);
-  const range = chunk7JPLVECA_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const seriesCount = chartData.series.length;
-  const cols = catCount - 1;
-  const rows = seriesCount - 1;
-  const gridSpan = cols + rows;
-  const baseHeightBudget = layout.plotHeight * 0.65;
-  const widthBudget = layout.plotWidth * 0.9;
-  const cellByWidth = widthBudget / (gridSpan * ISO_COS30);
-  const cellByHeight = baseHeightBudget / (gridSpan * ISO_SIN30);
-  const cellSize = Math.min(cellByWidth, cellByHeight);
-  const zHeadroom = layout.plotHeight * 0.3;
-  const zScale = range.span > 0 ? zHeadroom : 0;
-  const normValue = (r, c) => {
-    const ri = Math.min(r, seriesCount - 1);
-    const ci = Math.min(c, catCount - 1);
-    const val = chartData.series[ri]?.values[ci] ?? 0;
-    return range.span > 0 ? (val - range.min) / range.span : 0;
-  };
-  const allProjected = [];
-  for (let r = 0; r <= rows; r++) {
-    for (let c = 0; c <= cols; c++) {
-      const nv = normValue(r, c);
-      allProjected.push(isoProject(c * cellSize, r * cellSize, nv * zScale));
-    }
-  }
-  const minSX = Math.min(...allProjected.map((p) => p.screenX));
-  const maxSX = Math.max(...allProjected.map((p) => p.screenX));
-  const minSY = Math.min(...allProjected.map((p) => p.screenY));
-  const maxSY = Math.max(...allProjected.map((p) => p.screenY));
-  const projW = maxSX - minSX;
-  const projH = maxSY - minSY;
-  const offsetX = layout.plotLeft + layout.plotWidth / 2 - (minSX + projW / 2);
-  const offsetY = layout.plotTop + layout.plotHeight / 2 - (minSY + projH / 2);
-  const cellEntries = [];
-  for (let r = 0; r < rows; r++) {
-    for (let c = 0; c < cols; c++) {
-      cellEntries.push({ row: r, col: c, depth: r + c });
-    }
-  }
-  cellEntries.sort((a, b) => a.depth - b.depth);
-  const polygons = [];
-  for (const { row, col } of cellEntries) {
-    const verts = isoCellVertices(col, row, cellSize, zScale, normValue);
-    const avgT = (normValue(row, col) + normValue(row, col + 1) + normValue(row + 1, col + 1) + normValue(row + 1, col)) / 4;
-    const { r, g, b } = surfaceColor(avgT);
-    const points = verts.map((v) => `${(v.screenX + offsetX).toFixed(2)},${(v.screenY + offsetY).toFixed(2)}`).join(" ");
-    polygons.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "polygon",
-        {
-          points,
-          fill: `rgb(${r},${g},${b})`,
-          opacity: 0.9
-        },
-        `${element.id}-iso-${row}-${col}`
-      )
-    );
-    polygons.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "polygon",
-        {
-          points,
-          fill: "none",
-          stroke: darkenRgb(r, g, b, 0.6),
-          strokeWidth: 0.5,
-          opacity: 0.7
-        },
-        `${element.id}-iso-edge-${row}-${col}`
-      )
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "xMidYMid meet",
-      children: [
-        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderTitle(element.id, style, chartData.title, layout.svgWidth),
-        renderLegend(element.id, style, chartData.series, layout),
-        polygons
-      ]
-    }
-  );
-}
-function renderFlatSurfaceChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chunk7JPLVECA_js.chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layout = chunk7JPLVECA_js.computeLayout(element.width, element.height, style, true, legendPos);
-  const range = chunk7JPLVECA_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);
-  const cellH = layout.plotHeight / Math.max(seriesCount - 1, 1);
-  const cells = [];
-  for (let si = 0; si < seriesCount; si++) {
-    for (let ci = 0; ci < catCount; ci++) {
-      const val = chartData.series[si].values[ci] ?? 0;
-      const t = range.span > 0 ? (val - range.min) / range.span : 0;
-      const { r, g, b } = surfaceColor(t);
-      cells.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "rect",
-          {
-            x: layout.plotLeft + ci * cellW,
-            y: layout.plotTop + si * cellH,
-            width: cellW + 0.5,
-            height: cellH + 0.5,
-            fill: `rgb(${r},${g},${b})`,
-            opacity: 0.85
-          },
-          `${element.id}-surf-${si}-${ci}`
-        )
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "none",
-      children: [
-        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderChrome(element.id, chartData, layout, range, categoryLabels, {
-          categoryAxisStyle: "bar"
-        }),
-        cells
-      ]
-    }
-  );
-}
-function renderSurfaceChart(element, chartData, categoryLabels) {
-  const catCount = Math.max(categoryLabels.length, 1);
-  const seriesCount = chartData.series.length;
-  if (seriesCount >= 2 && catCount >= 2) {
-    const svgFallback = renderIsometricSurfaceChart(element, chartData, categoryLabels);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      SurfaceChart3D,
-      {
-        element,
-        chartData,
-        categoryLabels,
-        fallback: svgFallback
-      }
-    );
-  }
-  return renderFlatSurfaceChart(element, chartData, categoryLabels);
-}
-function renderTreemapChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chunk7JPLVECA_js.chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layout = chunk7JPLVECA_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 = [];
-  let curX = layout.plotLeft;
-  let curY = layout.plotTop;
-  let remainW = layout.plotWidth;
-  let remainH = layout.plotHeight;
-  const remaining = allValues.map((v, i) => ({ value: Math.abs(v), index: i })).sort((a, b) => b.value - a.value);
-  let remainTotal = totalAbs;
-  remaining.forEach((item) => {
-    const fraction = remainTotal > 0 ? item.value / remainTotal : 0;
-    const useWidth = remainW >= remainH;
-    const w = useWidth ? remainW * fraction : remainW;
-    const h = useWidth ? remainH : remainH * fraction;
-    rects.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x: curX,
-          y: curY,
-          width: Math.max(w - 1, 1),
-          height: Math.max(h - 1, 1),
-          fill: chunk7JPLVECA_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
-          rx: 2,
-          opacity: 0.85
-        },
-        `${element.id}-tm-${item.index}`
-      )
-    );
-    const label2 = categoryLabels[item.index] ?? `${item.index + 1}`;
-    if (w > 30 && h > 14) {
-      rects.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: curX + Math.max(w - 1, 1) / 2,
-            y: curY + Math.max(h - 1, 1) / 2 + 4,
-            textAnchor: "middle",
-            fontSize: Math.min(10, h * 0.3),
-            fill: "#fff",
-            fontWeight: 600,
-            children: label2
-          },
-          `${element.id}-tm-lbl-${item.index}`
-        )
-      );
-    }
-    if (useWidth) {
-      curX += w;
-      remainW -= w;
-    } else {
-      curY += h;
-      remainH -= h;
-    }
-    remainTotal -= item.value;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "none",
-      children: [
-        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderTitle(element.id, style, chartData.title, layout.svgWidth),
-        renderLegend(element.id, style, chartData.series, layout),
-        rects
-      ]
-    }
-  );
-}
-function renderWaterfallChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chunk7JPLVECA_js.chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const values = chartData.series[0]?.values ?? [];
-  const range = chunk7JPLVECA_js.computeValueRangeForChart(chartData.series, chartData.axes);
-  const layout = chunk7JPLVECA_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;
-  let runningTotal = 0;
-  const bars = [];
-  const dataLabels = [];
-  values.forEach((val, i) => {
-    const isLast = i === values.length - 1;
-    const startVal = isLast ? 0 : runningTotal;
-    const endVal = isLast ? runningTotal + val : runningTotal + val;
-    const barStartY = chunk7JPLVECA_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
-    const barEndY = chunk7JPLVECA_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);
-    const barColor = isLast ? "#6366f1" : val >= 0 ? "#22c55e" : "#ef4444";
-    bars.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "rect",
-        {
-          x,
-          y,
-          width: barWidth,
-          height: h,
-          fill: barColor,
-          rx: 1
-        },
-        `${element.id}-wf-bar-${i}`
-      )
-    );
-    if (style?.hasDataLabels) {
-      dataLabels.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "text",
-          {
-            x: x + barWidth / 2,
-            y: y - 4,
-            textAnchor: "middle",
-            fontSize: 7,
-            fill: "#334155",
-            children: chunk7JPLVECA_js.formatAxisValue(isLast ? endVal : val)
-          },
-          `${element.id}-wf-dl-${i}`
-        )
-      );
-    }
-    if (!isLast && i < values.length - 1) {
-      const nextX = layout.plotLeft + layout.plotWidth / catCount * (i + 1) + gap;
-      bars.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "line",
-          {
-            x1: x + barWidth,
-            y1: barEndY,
-            x2: nextX,
-            y2: barEndY,
-            stroke: "#94a3b8",
-            strokeWidth: 0.8,
-            strokeDasharray: "3 2"
-          },
-          `${element.id}-wf-conn-${i}`
-        )
-      );
-    }
-    if (!isLast) {
-      runningTotal += val;
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-      preserveAspectRatio: "none",
-      children: [
-        areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-        renderChrome(element.id, chartData, layout, range, categoryLabels, {
-          categoryAxisStyle: "bar"
-        }),
-        bars,
-        dataLabels
-      ]
-    }
-  );
-}
-function renderComboChart(element, chartData, categoryLabels) {
-  const style = chartData.style;
-  const areaFill = chunk7JPLVECA_js.chartAreaFill(chartData);
-  const legendPos = style?.legendPosition || "b";
-  const layoutOpts = chunk7JPLVECA_js.computeLayoutOptions(
-    chartData.axes,
-    chartData.dataTable,
-    chartData.series.length
-  );
-  const layout = chunk7JPLVECA_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
-  const { primary, secondary } = chunk7JPLVECA_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 = chunk7JPLVECA_js.computeValueRangeForChart(primarySeries, chartData.axes);
-  const secondaryRange = secondarySeries.length > 0 ? chunk7JPLVECA_js.computeValueRange(secondarySeries) : void 0;
-  const secondaryAxisFmt = chunk7JPLVECA_js.getSecondaryValueAxis(chartData.axes);
-  const catCount = Math.max(categoryLabels.length, 1);
-  const barSeriesCount = 1;
-  const barGroupWidth = layout.plotWidth / catCount;
-  const barWidth = barGroupWidth * 0.5;
-  const barOffset = (barGroupWidth - barWidth) / 2;
-  const barSeries = chartData.series[0];
-  const lineSeries = chartData.series.slice(1);
-  const barElements = [];
-  const lineElements = [];
-  const dlElements = [];
-  if (barSeries) {
-    const isBarSecondary = secondary.some((e) => e.index === 0);
-    const barRange = isBarSecondary && secondaryRange ? secondaryRange : range;
-    barSeries.values.forEach((val, vi) => {
-      const x = layout.plotLeft + barGroupWidth * vi + barOffset;
-      const zeroY = chunk7JPLVECA_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
-      const valY = chunk7JPLVECA_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(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "rect",
-          {
-            x,
-            y,
-            width: barWidth,
-            height: h,
-            fill: chunk7JPLVECA_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
-            rx: 1
-          },
-          `${element.id}-combo-bar-${vi}`
-        )
-      );
-      if (style?.hasDataLabels) {
-        dlElements.push(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "text",
-            {
-              x: x + barWidth / 2,
-              y: val >= 0 ? y - 4 : y + h + 10,
-              textAnchor: "middle",
-              fontSize: 7,
-              fill: "#334155",
-              children: chunk7JPLVECA_js.formatAxisValue(val)
-            },
-            `${element.id}-combo-bar-dl-${vi}`
-          )
-        );
-      }
-    });
-  }
-  lineSeries.forEach((series, si) => {
-    if (series.values.length === 0) {
-      return;
-    }
-    const seriesIdx = si + barSeriesCount;
-    const isSecondary = secondary.some((e) => e.index === seriesIdx);
-    const activeRange = isSecondary && secondaryRange ? secondaryRange : range;
-    const points = series.values.map((val, vi) => {
-      const x = layout.plotLeft + barGroupWidth * vi + barGroupWidth / 2;
-      const y = chunk7JPLVECA_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
-      return { x, y, val };
-    });
-    const c = chunk7JPLVECA_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
-    lineElements.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "polyline",
-        {
-          fill: "none",
-          stroke: c,
-          strokeWidth: 2.4,
-          points: points.map((p) => `${p.x},${p.y}`).join(" ")
-        },
-        `${element.id}-combo-line-${si}`
-      )
-    );
-    points.forEach((p, vi) => {
-      lineElements.push(
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: p.x, cy: p.y, r: 2.5, fill: c }, `${element.id}-combo-dot-${si}-${vi}`)
-      );
-      if (style?.hasDataLabels) {
-        dlElements.push(
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "text",
-            {
-              x: p.x,
-              y: p.y - 7,
-              textAnchor: "middle",
-              fontSize: 7,
-              fill: "#334155",
-              children: chunk7JPLVECA_js.formatAxisValue(p.val)
-            },
-            `${element.id}-combo-line-dl-${si}-${vi}`
-          )
-        );
-      }
-    });
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        className: "w-full h-full pointer-events-none",
-        viewBox: `0 0 ${layout.svgWidth} ${layout.svgHeight}`,
-        preserveAspectRatio: "none",
-        children: [
-          areaFill && /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: layout.svgWidth, height: layout.svgHeight, fill: areaFill }),
-          renderChrome(
-            element.id,
-            chartData,
-            layout,
-            range,
-            categoryLabels,
-            { categoryAxisStyle: "bar" },
-            secondaryRange ? { secondaryRange, secondaryAxisFormatting: secondaryAxisFmt } : void 0
-          ),
-          barElements,
-          lineElements,
-          dlElements,
-          renderOverlays(element.id, chartData, layout, range)
-        ]
-      }
-    ),
-    renderChartDataTable(element.id, chartData, layout.svgWidth)
-  ] });
-}
-function renderChartElement(element) {
-  if (element.type !== "chart") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkAONFHTTJ_js.translationsEn["pptx.chart.heading"] });
-  }
-  const chartData = element.chartData;
-  if (!chartData || chartData.series.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkAONFHTTJ_js.translationsEn["pptx.chart.heading"] });
-  }
-  const longestSeriesLength = chartData.series.reduce(
-    (maxLength, series) => Math.max(maxLength, series.values.length),
-    0
-  );
-  const categoryLabels = chartData.categories.length > 0 ? chartData.categories : Array.from({ length: longestSeriesLength }, (_, index) => String(index + 1));
-  const chartType = chartData.chartType ?? "bar";
-  if (chartType === "pie" || chartType === "doughnut" || chartType === "pie3D" || chartType === "ofPie") {
-    return renderPieChart(element);
-  }
-  if (chartType === "scatter") {
-    return renderScatterChart(element);
-  }
-  if (chartType === "bubble") {
-    return renderBubbleChart(element);
-  }
-  if (chartType === "radar") {
-    return renderRadarChart(element);
-  }
-  if (chartType === "stock") {
-    return renderStockChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "area" || chartType === "area3D") {
-    return renderAreaChart(element);
-  }
-  if (chartType === "line" || chartType === "line3D") {
-    return renderLineChart(element);
-  }
-  if (chartType === "waterfall") {
-    return renderWaterfallChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "combo") {
-    return renderComboChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "bar" && (chartData.grouping === "stacked" || chartData.grouping === "percentStacked")) {
-    return renderStackedBarChart(element);
-  }
-  if (chartType === "surface") {
-    return renderSurfaceChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "treemap") {
-    return renderTreemapChart(element, chartData, categoryLabels);
-  }
-  if (chartType === "sunburst") {
-    return renderSunburstChart(element);
-  }
-  if (chartType === "funnel") {
-    return renderFunnelChart(element);
-  }
-  if (chartType === "boxWhisker") {
-    return renderBoxWhiskerChart(element);
-  }
-  if (chartType === "histogram") {
-    return renderHistogramChart(element);
-  }
-  if (chartType === "regionMap") {
-    return renderMapChart(element, chartData, categoryLabels);
-  }
-  return renderDefaultBarChart(element);
-}
-
 // src/viewer/utils/pdf-builder-notes-builder.ts
 function buildNotesPdf(pages) {
   const images = pages.map((page) => {
@@ -6170,14 +3861,14 @@ function buildNotesPdf(pages) {
     notes: page.notes,
     slideNumber: page.slideNumber
   }));
-  const bytes = chunk7JPLVECA_js.buildNotesPdfBytes(images, meta);
+  const bytes = chunk7ARD2J6Y_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 = chunk7JPLVECA_js.buildSlidesPdfBytes(images);
+  const bytes = chunk7ARD2J6Y_js.buildSlidesPdfBytes(images);
   const blob = new Blob([bytes], { type: "application/pdf" });
   return URL.createObjectURL(blob);
 }
@@ -6186,7 +3877,7 @@ function buildPdfFromImageData(images) {
 var activePreview = null;
 function startPreviewAnimation(elementId, preset, options) {
   stopPreviewAnimation();
-  const descriptor = chunk7JPLVECA_js.buildPreviewAnimation(preset, options);
+  const descriptor = chunk7ARD2J6Y_js.buildPreviewAnimation(preset, options);
   if (!descriptor) {
     return;
   }
@@ -6199,7 +3890,7 @@ function startMotionPathPreview(elementId, path, options) {
     return;
   }
   const stage = domEl.offsetParent;
-  const descriptor = chunk7JPLVECA_js.buildMotionPathPreview({
+  const descriptor = chunk7ARD2J6Y_js.buildMotionPathPreview({
     path,
     slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
     slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,
@@ -6265,6 +3956,7 @@ exports.DEFAULT_CANVAS_HEIGHT = DEFAULT_CANVAS_HEIGHT;
 exports.DEFAULT_CANVAS_WIDTH = DEFAULT_CANVAS_WIDTH;
 exports.DEFAULT_FILL_COLOR = DEFAULT_FILL_COLOR;
 exports.DEFAULT_FONT_FAMILY = DEFAULT_FONT_FAMILY2;
+exports.DEFAULT_SECTION_GROUP_ID = DEFAULT_SECTION_GROUP_ID;
 exports.DEFAULT_STROKE_COLOR = DEFAULT_STROKE_COLOR;
 exports.DEFAULT_TABLE_COLUMNS = DEFAULT_TABLE_COLUMNS;
 exports.DEFAULT_TABLE_ROWS = DEFAULT_TABLE_ROWS;