pptx-react-viewer 4.6.0 → 4.7.0

package/CHANGELOG.md

@@ -7,6 +7,24 @@ A release listed with no entries carried no Conventional Commit in this package'
 scope: scripts/release-plan.mjs re-releases a package whenever any of its files
 change, not only on conventional ones.
 
+## [4.6.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@4.6.0) - 2026-09-25
+
+### Features
+
+- **shared:** Add a framework-neutral ui customization model (by @ChristopherVR) ([7e67dbd](https://github.com/ChristopherVR/pptx-viewer/commit/7e67dbdd859aef4a71c697c0ee5f607ce8cdc731))
+- **react:** Expose the ui customization model (by @ChristopherVR) ([99a34a1](https://github.com/ChristopherVR/pptx-viewer/commit/99a34a13ebff6056791909eee2dc747fd2c48853))
+
+### Bug Fixes
+
+- **shared,react,vue,angular,svelte,vanilla:** Leave Tab on chrome controls to focus navigation (by @ChristopherVR) ([6561c8d](https://github.com/ChristopherVR/pptx-viewer/commit/6561c8dd0ecf506b6e97cf1991616e40a2204e41))
+- **react,angular:** Keep right-click menus inside the viewport (by @ChristopherVR) ([39642d7](https://github.com/ChristopherVR/pptx-viewer/commit/39642d7955daec7c48543aae3c135d729f70a177))
+- **react:** Open the empty-canvas menu and grey Paste with an empty clipboard (by @ChristopherVR) ([8699d03](https://github.com/ChristopherVR/pptx-viewer/commit/8699d03ef75c929ab3f3b9331829e3d09acc0ebe))
+- **shared,vue,angular,svelte,vanilla:** Target the canvas node, not a thumbnail's (by @ChristopherVR) ([84df4fa](https://github.com/ChristopherVR/pptx-viewer/commit/84df4fafa2f8a04669b9f527af3e6ec9142cdfc0))
+
+### Testing
+
+- **shared:** Compare the customization reference ignoring table padding (by @ChristopherVR) ([8695b36](https://github.com/ChristopherVR/pptx-viewer/commit/8695b362ab25a3a35a9683a67ed9bce30afc40b2))
+
 ## [4.5.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@4.5.0) - 2026-09-24
 
 ### Features

package/dist/{AiChatPanel-3C7GM6ZF.js → AiChatPanel-3YILWCBX.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk5V5SMT5A_js = require('./chunk-5V5SMT5A.js');
-var chunkY4QUVWZC_js = require('./chunk-Y4QUVWZC.js');
-require('./chunk-FZSYLXJT.js');
-require('./chunk-3JUZOKFI.js');
+var chunk2BM4GBFZ_js = require('./chunk-2BM4GBFZ.js');
+var chunkFYAOOACZ_js = require('./chunk-FYAOOACZ.js');
+require('./chunk-AQIXKTAT.js');
+require('./chunk-UIAU3NR2.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
@@ -22,7 +22,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunk5V5SMT5A_js.isAiAvailable();
+        const available = await chunk2BM4GBFZ_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -30,7 +30,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunk5V5SMT5A_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunk2BM4GBFZ_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -87,7 +87,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunk5V5SMT5A_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunk2BM4GBFZ_js.buildDeckContext(bridge, { strategy, focus: {} });
       } catch {
         context = "";
       }
@@ -145,12 +145,12 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
   chatRef.current = chat;
   react.useEffect(() => {
     const seen = seenToolCallsRef.current;
-    for (const call of chunk5V5SMT5A_js.extractReadyToolCalls(chat.messages)) {
+    for (const call of chunk2BM4GBFZ_js.extractReadyToolCalls(chat.messages)) {
       if (seen.has(call.toolCallId)) {
         continue;
       }
       seen.add(call.toolCallId);
-      onToolTargetRef.current?.(chunk5V5SMT5A_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunk2BM4GBFZ_js.toolCanvasTarget(call.toolName, call.input));
     }
   }, [chat.messages]);
   const send = react.useCallback(
@@ -184,7 +184,7 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
   const setMessages = react.useCallback(
     (next) => {
       chat.setMessages(next);
-      for (const call of chunk5V5SMT5A_js.extractReadyToolCalls(next)) {
+      for (const call of chunk2BM4GBFZ_js.extractReadyToolCalls(next)) {
         seenToolCallsRef.current.add(call.toolCallId);
       }
       session.proposals.clear();
@@ -226,7 +226,7 @@ function deriveTitle(messages) {
 }
 function useAiHistory(input) {
   const { deckId, messages, setMessages } = input;
-  const store = react.useMemo(() => input.store ?? chunk5V5SMT5A_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunk2BM4GBFZ_js.createChatHistoryStore(), [input.store]);
   const [activeChatId, setActiveChatId] = react.useState(newChatId);
   const [chats, setChats] = react.useState([]);
   const createdAtRef = react.useRef(Date.now());
@@ -369,7 +369,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkY4QUVWZC_js.cn(
+        className: chunkFYAOOACZ_js.cn(
           "shrink-0 rounded-sm p-1.5 transition-colors",
           value.trim().length === 0 ? "text-muted-foreground/50" : "bg-primary text-primary-foreground hover:bg-primary/90"
         ),
@@ -392,15 +392,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunk5V5SMT5A_js.focusTargetChips(targets, slides);
-  const twoTables = chunk5V5SMT5A_js.isTwoTableFocus(targets, slides);
+  const chips = chunk2BM4GBFZ_js.focusTargetChips(targets, slides);
+  const twoTables = chunk2BM4GBFZ_js.isTwoTableFocus(targets, slides);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border bg-secondary/30", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1 px-2.5 py-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.ai.focusScope") }),
       chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunkY4QUVWZC_js.cn(
+          className: chunkFYAOOACZ_js.cn(
             "inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]",
             hasPicks || isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -416,7 +416,7 @@ function AiFocusBar({
           {
             type: "button",
             onClick: () => onSendDirective(
-              chunk5V5SMT5A_js.mergeTablesDirective(
+              chunk2BM4GBFZ_js.mergeTablesDirective(
                 twoTables.slideIndex,
                 twoTables.elementIdA,
                 twoTables.elementIdB
@@ -437,7 +437,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkY4QUVWZC_js.cn(
+            className: chunkFYAOOACZ_js.cn(
               "rounded-sm p-1 max-md:min-w-[44px]! max-md:min-h-[44px]! flex items-center justify-center",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -516,7 +516,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkY4QUVWZC_js.cn(
+        className: chunkFYAOOACZ_js.cn(
           "flex min-w-0 flex-1 items-start gap-2 rounded-sm px-2 py-1.5 text-left hover:bg-accent",
           chat.id === activeChatId && "bg-accent/60"
         ),
@@ -671,26 +671,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunk5V5SMT5A_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunk2BM4GBFZ_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunk5V5SMT5A_js.summarizeToolArgs(part.input);
+  const rawSummary = chunk2BM4GBFZ_js.summarizeToolArgs(part.input);
   const statusLabel = failed ? t("pptx.ai.toolFailed") : done ? t("pptx.ai.toolDone") : t("pptx.ai.toolRunning");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12px]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
         {
-          className: chunkY4QUVWZC_js.cn(
+          className: chunkFYAOOACZ_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkY4QUVWZC_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkFYAOOACZ_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkY4QUVWZC_js.cn(
+          className: chunkFYAOOACZ_js.cn(
             "ml-auto inline-flex items-center gap-1 rounded-sm px-1.5 py-0.5 text-[10px]",
             failed ? "bg-destructive/15 text-destructive" : done ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -707,7 +707,7 @@ function AiToolCallCard({ part }) {
     rawSummary && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group mt-0.5 pl-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground", children: t("pptx.ai.toolDetails") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80", children: [
-        chunk5V5SMT5A_js.toolLabel(part.toolName),
+        chunk2BM4GBFZ_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -730,7 +730,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3 overflow-y-auto px-3 py-3", children: [
     messages.map((message) => {
       const isUser = message.role === "user";
-      const parts = chunk5V5SMT5A_js.toRenderableParts(message);
+      const parts = chunk2BM4GBFZ_js.toRenderableParts(message);
       if (parts.length === 0 && !isUser) {
         return null;
       }
@@ -738,7 +738,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkY4QUVWZC_js.cn(
+            className: chunkFYAOOACZ_js.cn(
               "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
               isUser ? "bg-secondary text-muted-foreground" : "bg-primary/15 text-primary"
             ),
@@ -785,7 +785,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunk5V5SMT5A_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunk2BM4GBFZ_js.humanizeDiffLine);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-primary/40 bg-primary/5 p-2.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary", children: t("pptx.ai.proposedChange") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] font-medium text-foreground", children: proposal.label }),
@@ -993,7 +993,7 @@ function AiChatPanel({
 }) {
   const { t } = reactI18next.useTranslation();
   const { state, session, initError } = useAiChat(bridge, config);
-  const deckId = react.useMemo(() => chunk5V5SMT5A_js.deckIdFromBridge(bridge), [bridge]);
+  const deckId = react.useMemo(() => chunk2BM4GBFZ_js.deckIdFromBridge(bridge), [bridge]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/{AiChatPanel-L7DBCWE3.mjs → AiChatPanel-X2MVL5UP.mjs}

@@ -1,7 +1,7 @@
-import { deckIdFromBridge, isAiAvailable, createAiChatSession, extractReadyToolCalls, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, mergeTablesDirective, toRenderableParts, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-VCAQSSGD.mjs';
-import { cn } from './chunk-K6QHGABT.mjs';
-import './chunk-ICEZL4TM.mjs';
-import './chunk-OOO4JL2N.mjs';
+import { deckIdFromBridge, isAiAvailable, createAiChatSession, extractReadyToolCalls, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, mergeTablesDirective, toRenderableParts, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-E5OIDWHO.mjs';
+import { cn } from './chunk-5J6NW3YS.mjs';
+import './chunk-QLDHUKH2.mjs';
+import './chunk-WIEBQGQI.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/dist/{Model3DScene-USKNPWWH.js → Model3DScene-G7P6ZAIO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkFZSYLXJT_js = require('./chunk-FZSYLXJT.js');
+var chunkAQIXKTAT_js = require('./chunk-AQIXKTAT.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function Model3DScene({ modelUrl, interactive, width, height }) {
       return;
     }
     let disposed = false;
-    void chunkFZSYLXJT_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunkAQIXKTAT_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{Model3DScene-IJ7YYTYU.mjs → Model3DScene-QFWI5CEE.mjs}

@@ -1,4 +1,4 @@
-import { mountModel3D } from './chunk-ICEZL4TM.mjs';
+import { mountModel3D } from './chunk-QLDHUKH2.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-5V5SMT5A.js → chunk-2BM4GBFZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkFZSYLXJT_js = require('./chunk-FZSYLXJT.js');
+var chunkAQIXKTAT_js = require('./chunk-AQIXKTAT.js');
 var chunk4VNS5WPM_js = require('./chunk-4VNS5WPM.js');
 var mcp = require('pptx-viewer-mcp');
 var mcpSchemas = require('pptx-viewer-mcp/schemas');
@@ -19079,7 +19079,7 @@ async function buildSlideMarkdown(slides, slideIndex2, meta3, options = {}) {
   };
   let markdown;
   try {
-    const converter = new chunkFZSYLXJT_js.PptxMarkdownConverter(
+    const converter = new chunkAQIXKTAT_js.PptxMarkdownConverter(
       "",
       {
         sourceName: meta3.title ?? "deck.pptx",
@@ -19671,7 +19671,7 @@ var getTheme = (ctx) => {
     name: theme?.name,
     colorScheme: theme?.colorScheme,
     fontScheme: theme?.fontScheme,
-    availablePresets: Object.keys(chunkFZSYLXJT_js.ThemePresets)
+    availablePresets: Object.keys(chunkAQIXKTAT_js.ThemePresets)
   };
 };
 var readExecutors = {
@@ -20801,7 +20801,7 @@ function applyElementUpdate(el, u) {
   applyShapeStyleUpdate(el, u);
 }
 function applyTextUpdate(el, u) {
-  if (!chunkFZSYLXJT_js.hasTextProperties(el)) {
+  if (!chunkAQIXKTAT_js.hasTextProperties(el)) {
     return;
   }
   const textEl = el;
@@ -20847,7 +20847,7 @@ function applyShapeStyleUpdate(el, u) {
   if (u.fillColor === void 0 && u.strokeColor === void 0 && u.strokeWidth === void 0) {
     return;
   }
-  if (!chunkFZSYLXJT_js.hasShapeProperties(el)) {
+  if (!chunkAQIXKTAT_js.hasShapeProperties(el)) {
     return;
   }
   const holder = el;

package/dist/{chunk-K6QHGABT.mjs → chunk-5J6NW3YS.mjs}

@@ -1,5 +1,5 @@
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, getConnectorPathGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, xmlText, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitRunByScriptFont } from './chunk-ICEZL4TM.mjs';
-import { translationsEn } from './chunk-OOO4JL2N.mjs';
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, getConnectorPathGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, xmlText, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitRunByScriptFont } from './chunk-QLDHUKH2.mjs';
+import { translationsEn } from './chunk-WIEBQGQI.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React7, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -1418,7 +1418,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     spanStyle.direction = runRtl ? "rtl" : "ltr";
     spanStyle.unicodeBidi = runRtl !== ctx.paragraphRtl ? "bidi-override" : "embed";
   }
-  const isUnderlineWords = Boolean(segmentStyle.underline) && segmentStyle.underlineStyle === "words";
+  const isUnderlineWords = splitsUnderlineIntoWords(segmentStyle);
   const wordDecoration = isUnderlineWords ? nestedStyle ?? run.underlineWordPieces?.find((piece) => piece.style)?.style : void 0;
   if (isUnderlineWords) {
     const stripped = stripUnderlineDecoration(spanStyle);
@@ -1443,7 +1443,8 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
       baseFontSize,
       baseFontFamily,
       Boolean(segmentStyle.bold),
-      Boolean(segmentStyle.italic)
+      Boolean(segmentStyle.italic),
+      { language: segmentStyle.language, rtl: ctx.paragraphRtl === true }
     ),
     metricContext,
     isUnderlineWords,
@@ -2027,7 +2028,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
     "svg",
     {
       viewBox: `0 0 ${pathWidth} ${pathHeight}`,
-      className: "w-full h-full pointer-events-none",
+      className: "absolute inset-0 w-full h-full pointer-events-none",
       preserveAspectRatio: "none",
       children: [
         animatesFill ? null : renderSvgGradientDefs(gradient),
@@ -3422,6 +3423,9 @@ function renderTableElement(element, textStyle, options) {
     }
   );
 }
+function renderGradientStops(stops) {
+  return stops.map((stop, i) => /* @__PURE__ */ jsx("stop", { offset: stop.offset, stopColor: stop.color, stopOpacity: stop.opacity }, i));
+}
 function partAttrs(part) {
   return part ? chartPartToAttrs(part) : void 0;
 }
@@ -3599,29 +3603,52 @@ function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
       viewBox: `0 0 ${vm.svgWidth} ${vm.svgHeight}`,
       preserveAspectRatio,
       children: [
-        vm.defs && vm.defs.length > 0 && /* @__PURE__ */ jsx("defs", { children: vm.defs.map((def, i) => /* @__PURE__ */ jsx(
-          "pattern",
-          {
-            id: def.id,
-            patternUnits: def.patternUnits,
-            x: def.x,
-            y: def.y,
-            width: def.width,
-            height: def.height,
-            children: /* @__PURE__ */ jsx(
-              "image",
-              {
-                href: def.href,
-                x: 0,
-                y: 0,
-                width: def.width,
-                height: def.height,
-                preserveAspectRatio: def.preserveAspectRatio
-              }
-            )
-          },
-          `${elementId}-def-${i}`
-        )) }),
+        vm.defs && vm.defs.length > 0 && /* @__PURE__ */ jsx("defs", { children: vm.defs.map(
+          (def, i) => def.kind === "linearGradient" ? /* @__PURE__ */ jsx(
+            "linearGradient",
+            {
+              id: def.id,
+              x1: def.x1,
+              y1: def.y1,
+              x2: def.x2,
+              y2: def.y2,
+              children: renderGradientStops(def.stops)
+            },
+            `${elementId}-def-${i}`
+          ) : def.kind === "radialGradient" ? /* @__PURE__ */ jsx(
+            "radialGradient",
+            {
+              id: def.id,
+              cx: def.cx,
+              cy: def.cy,
+              r: def.r,
+              children: renderGradientStops(def.stops)
+            },
+            `${elementId}-def-${i}`
+          ) : /* @__PURE__ */ jsx(
+            "pattern",
+            {
+              id: def.id,
+              patternUnits: def.patternUnits,
+              x: def.x,
+              y: def.y,
+              width: def.width,
+              height: def.height,
+              children: /* @__PURE__ */ jsx(
+                "image",
+                {
+                  href: def.href,
+                  x: 0,
+                  y: 0,
+                  width: def.width,
+                  height: def.height,
+                  preserveAspectRatio: def.preserveAspectRatio
+                }
+              )
+            },
+            `${elementId}-def-${i}`
+          )
+        ) }),
         vm.areaFill && /* @__PURE__ */ jsx(
           "rect",
           {