pptx-react-viewer 2.16.3 → 2.16.4

package/CHANGELOG.md

@@ -4,6 +4,18 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [2.16.3](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.16.3) - 2026-08-10
+
+### Dependencies
+
+- **deps:** Update dompurify requirement from ^3.4.12 to ^3.4.13 ([#151](https://github.com/ChristopherVR/pptx-viewer/issues/151)) (by @dependabot[bot]) ([7b975ff](https://github.com/ChristopherVR/pptx-viewer/commit/7b975ff73403916341fd8a6192fb6fd6c88fdc17))
+- **deps:** Update yjs requirement from ^13.6.31 to ^13.6.32 ([#152](https://github.com/ChristopherVR/pptx-viewer/issues/152)) (by @dependabot[bot]) ([456fdb8](https://github.com/ChristopherVR/pptx-viewer/commit/456fdb8493487ab3e346714755239a90698f6b4d))
+- **deps:** Bump @ai-sdk/react from 4.0.61 to 4.0.59 ([#155](https://github.com/ChristopherVR/pptx-viewer/issues/155)) (by @dependabot[bot]) ([e1d0140](https://github.com/ChristopherVR/pptx-viewer/commit/e1d0140efc316b4266032eb5687714d6af4900c2))
+
+### Chores
+
+- **deps-dev:** Bump the minor-and-patch group with 2 updates ([#150](https://github.com/ChristopherVR/pptx-viewer/issues/150)) (by @dependabot[bot]) ([ab75bf1](https://github.com/ChristopherVR/pptx-viewer/commit/ab75bf10a96bb2a0da6e963a5b6b8634e4f73d5b))
+
 ## [2.16.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.16.2) - 2026-08-08
 
 ## [2.16.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.16.1) - 2026-08-07

package/dist/{AiChatPanel-RGIINA3S.mjs → AiChatPanel-7DDN4QUA.mjs}

@@ -1,7 +1,7 @@
-import { isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-JHDAOYRQ.mjs';
-import { cn } from './chunk-EBLFH3R2.mjs';
+import { isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-J4QZVO3S.mjs';
+import { cn } from './chunk-PLBS7OL2.mjs';
 import './chunk-5IUEPQTK.mjs';
-import './chunk-KMT3SLZC.mjs';
+import './chunk-23WSCMWN.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/dist/{AiChatPanel-2WWE5U3X.js → AiChatPanel-KEORKCTT.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkLBP6BUD4_js = require('./chunk-LBP6BUD4.js');
-var chunkKTWK3D6O_js = require('./chunk-KTWK3D6O.js');
+var chunkGZ2V3PWN_js = require('./chunk-GZ2V3PWN.js');
+var chunkHAQDKQ52_js = require('./chunk-HAQDKQ52.js');
 require('./chunk-DVZF4ARG.js');
-require('./chunk-2UVKMKRP.js');
+require('./chunk-MZ47MV52.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
@@ -29,7 +29,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunkLBP6BUD4_js.isAiAvailable();
+        const available = await chunkGZ2V3PWN_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -37,7 +37,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunkLBP6BUD4_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunkGZ2V3PWN_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -143,7 +143,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunkLBP6BUD4_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunkGZ2V3PWN_js.buildDeckContext(bridge, { strategy, focus: {} });
       } catch {
         context = "";
       }
@@ -206,7 +206,7 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
         continue;
       }
       seen.add(call.toolCallId);
-      onToolTargetRef.current?.(chunkLBP6BUD4_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunkGZ2V3PWN_js.toolCanvasTarget(call.toolName, call.input));
     }
   }, [chat.messages]);
   const send = react.useCallback(
@@ -282,7 +282,7 @@ function deriveTitle(messages) {
 }
 function useAiHistory(input) {
   const { deckId, messages, setMessages } = input;
-  const store = react.useMemo(() => input.store ?? chunkLBP6BUD4_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunkGZ2V3PWN_js.createChatHistoryStore(), [input.store]);
   const [activeChatId, setActiveChatId] = react.useState(newChatId);
   const [chats, setChats] = react.useState([]);
   const createdAtRef = react.useRef(Date.now());
@@ -425,7 +425,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkKTWK3D6O_js.cn(
+        className: chunkHAQDKQ52_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"
         ),
@@ -451,15 +451,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunkLBP6BUD4_js.focusTargetChips(targets, slides);
-  const twoTables = chunkLBP6BUD4_js.isTwoTableFocus(targets, slides);
+  const chips = chunkGZ2V3PWN_js.focusTargetChips(targets, slides);
+  const twoTables = chunkGZ2V3PWN_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: chunkKTWK3D6O_js.cn(
+          className: chunkHAQDKQ52_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"
           ),
@@ -492,7 +492,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkKTWK3D6O_js.cn(
+            className: chunkHAQDKQ52_js.cn(
               "rounded-sm p-1",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -571,7 +571,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkKTWK3D6O_js.cn(
+        className: chunkHAQDKQ52_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"
         ),
@@ -726,26 +726,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunkLBP6BUD4_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunkGZ2V3PWN_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunkLBP6BUD4_js.summarizeToolArgs(part.input);
+  const rawSummary = chunkGZ2V3PWN_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: chunkKTWK3D6O_js.cn(
+          className: chunkHAQDKQ52_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkKTWK3D6O_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkHAQDKQ52_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkKTWK3D6O_js.cn(
+          className: chunkHAQDKQ52_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"
           ),
@@ -762,7 +762,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: [
-        chunkLBP6BUD4_js.toolLabel(part.toolName),
+        chunkGZ2V3PWN_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -793,7 +793,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkKTWK3D6O_js.cn(
+            className: chunkHAQDKQ52_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"
             ),
@@ -840,7 +840,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunkLBP6BUD4_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunkGZ2V3PWN_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 }),

package/dist/{Model3DScene-2ZP3V2P2.mjs → Model3DScene-DEAQMMUS.mjs}

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

package/dist/{Model3DScene-D2ZJ5XGR.js → Model3DScene-SBUYEWHL.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2UVKMKRP_js = require('./chunk-2UVKMKRP.js');
+var chunkMZ47MV52_js = require('./chunk-MZ47MV52.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 chunk2UVKMKRP_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunkMZ47MV52_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{SurfaceChart3DScene-DWQ3IP5C.js → SurfaceChart3DScene-I5D54YQ3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2UVKMKRP_js = require('./chunk-2UVKMKRP.js');
+var chunkMZ47MV52_js = require('./chunk-MZ47MV52.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -25,7 +25,7 @@ function SurfaceChart3DScene({
       return;
     }
     let disposed = false;
-    void chunk2UVKMKRP_js.mountSurfaceChart3D(container, {
+    void chunkMZ47MV52_js.mountSurfaceChart3D(container, {
       cols,
       rows,
       heightMap,

package/dist/{SurfaceChart3DScene-L7YPNZ7X.mjs → SurfaceChart3DScene-TXGS2PBK.mjs}

@@ -1,4 +1,4 @@
-import { mountSurfaceChart3D } from './chunk-KMT3SLZC.mjs';
+import { mountSurfaceChart3D } from './chunk-23WSCMWN.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-KMT3SLZC.mjs → chunk-23WSCMWN.mjs}

@@ -108027,19 +108027,21 @@ function childrenPair(a, b) {
   }
   return boxOverlapRatio(a, b) >= CHILD_OVERLAP_RATIO;
 }
-function childrenCorrespond(a, b) {
+function correspondingChildren(a, b) {
   if (a.length !== b.length || a.length === 0) {
-    return false;
+    return void 0;
   }
   const unclaimed = b.map((child22) => child22);
+  const paired = [];
   for (const child22 of a) {
     const index = unclaimed.findIndex((candidate) => childrenPair(child22, candidate));
     if (index < 0) {
-      return false;
+      return void 0;
     }
+    paired.push([child22, unclaimed[index]]);
     unclaimed.splice(index, 1);
   }
-  return true;
+  return paired;
 }
 function flattenMorphElements(elements, counterpart, offsetX = 0, offsetY = 0) {
   const out = [];
@@ -108048,7 +108050,7 @@ function flattenMorphElements(elements, counterpart, offsetX = 0, offsetY = 0) {
     if (children8 && containsMorphNamedDescendant(element)) {
       const twin = correspondingGroup(element, counterpart);
       const twinChildren = twin ? groupChildren(twin) ?? [] : void 0;
-      if (twinChildren && childrenCorrespond(children8, twinChildren)) {
+      if (twinChildren && correspondingChildren(children8, twinChildren)) {
         out.push(
           ...flattenMorphElements(children8, twinChildren, offsetX + element.x, offsetY + element.y)
         );
@@ -108059,6 +108061,29 @@ function flattenMorphElements(elements, counterpart, offsetX = 0, offsetY = 0) {
   }
   return out;
 }
+function morphGroupChildPairs(elements, counterpart) {
+  const pairs2 = /* @__PURE__ */ new Map();
+  collectGroupChildPairs(elements, counterpart, pairs2);
+  return pairs2;
+}
+function collectGroupChildPairs(elements, counterpart, into) {
+  for (const element of elements) {
+    const children8 = groupChildren(element);
+    if (!children8 || !containsMorphNamedDescendant(element)) {
+      continue;
+    }
+    const twin = correspondingGroup(element, counterpart);
+    const twinChildren = twin ? groupChildren(twin) ?? [] : void 0;
+    const corresponded = twinChildren ? correspondingChildren(children8, twinChildren) : void 0;
+    if (!corresponded) {
+      continue;
+    }
+    for (const [child22, twinChild] of corresponded) {
+      into.set(child22.id, twinChild.id);
+    }
+    collectGroupChildPairs(children8, twinChildren ?? [], into);
+  }
+}
 var OUTLINE_SAMPLE_COUNT = 64;
 var ELLIPSE_SAMPLE_COUNT = 48;
 function resolveLength(token2, axis) {
@@ -108525,6 +108550,23 @@ function matchMorphElementsFull(fromSlide, toSlide) {
       }
     }
   }
+  const groupChildPairs = morphGroupChildPairs(fromSlide.elements, toSlide.elements);
+  if (groupChildPairs.size > 0) {
+    const toById = new Map(toElements.map((el) => [el.id, el]));
+    for (const fromEl of fromElements) {
+      if (usedFrom.has(fromEl.id)) {
+        continue;
+      }
+      const toId = groupChildPairs.get(fromEl.id);
+      const toEl = toId === void 0 ? void 0 : toById.get(toId);
+      if (!toEl || usedTo.has(toEl.id) || fromEl.type !== toEl.type) {
+        continue;
+      }
+      pairs2.push({ fromElement: fromEl, toElement: toEl });
+      usedFrom.add(fromEl.id);
+      usedTo.add(toEl.id);
+    }
+  }
   for (const fromEl of fromElements) {
     if (usedFrom.has(fromEl.id) || !fromEl.shapeId) {
       continue;
@@ -108631,7 +108673,7 @@ function buildMorphMergedOrder(outgoing, incoming, pairs2) {
   flushOutgoingBelow(outgoing.length);
   return rank;
 }
-function resolveMorphOverlayArrivals(outgoing, incoming, pairs2, holdingGhostIds) {
+function resolveMorphOverlayArrivals(outgoing, incoming, pairs2, holdingGhostIds, dissolvingInIds = /* @__PURE__ */ new Set()) {
   const rank = buildMorphMergedOrder(outgoing, incoming, pairs2);
   const matched = new Set(pairs2.map((pair) => pair.toElement.id));
   const counterpart = new Map(pairs2.map((pair) => [pair.fromElement.id, pair.toElement]));
@@ -108641,7 +108683,7 @@ function resolveMorphOverlayArrivals(outgoing, incoming, pairs2, holdingGhostIds
   }));
   const lifted = /* @__PURE__ */ new Set();
   for (const element of incoming) {
-    if (matched.has(element.id)) {
+    if (matched.has(element.id) && !dissolvingInIds.has(element.id)) {
       continue;
     }
     const mine = rank.get(element.id) ?? 0;
@@ -108706,6 +108748,21 @@ function tokenizeText(element, mode) {
   }
   return tokens;
 }
+var SAME_SLOT_OVERLAP = 0.5;
+function ownText(element) {
+  return (element.text ?? "").replace(/\s+/gu, " ").trim();
+}
+function morphTextReplacedInSlot(fromElement, toElement) {
+  if (fromElement.type !== "text" || toElement.type !== "text") {
+    return false;
+  }
+  const from = ownText(fromElement);
+  const to = ownText(toElement);
+  if (from === "" || to === "" || from === to) {
+    return false;
+  }
+  return boxOverlapRatio(fromElement, toElement) >= SAME_SLOT_OVERLAP;
+}
 function diffTokens(fromTokens, toTokens) {
   const n = fromTokens.length;
   const m = toTokens.length;
@@ -108904,6 +108961,9 @@ function resolveMorphGhostIds(outgoingElements, pairs2) {
   }
   return painted;
 }
+function morphPairIncomingFadesIn(fromElement, toElement, ghosted = true) {
+  return !(ghosted && isInertMorphPair(fromElement, toElement)) && morphPairNeedsCrossfade(fromElement, toElement) && crossfadeIncomingMayFadeIn(toElement);
+}
 function crossfadeIncomingMayFadeIn(element) {
   const image = element;
   if (image.imagePath || image.svgPath) {
@@ -108934,17 +108994,18 @@ function generateMorphAnimations(pairs2, durationMs, _mode = "object", ghostIds)
       continue;
     }
     const safeName = `pptx-morph-${index}-${toElement.id.replace(/[^a-zA-Z0-9]/gu, "")}`;
-    const dx = fromElement.x + fromElement.width / 2 - (toElement.x + toElement.width / 2);
-    const dy = fromElement.y + fromElement.height / 2 - (toElement.y + toElement.height / 2);
-    const sx = Math.max(fromElement.width, 1) / Math.max(toElement.width, 1);
-    const sy = Math.max(fromElement.height, 1) / Math.max(toElement.height, 1);
+    const inSlot = morphTextReplacedInSlot(fromElement, toElement);
+    const dx = inSlot ? 0 : fromElement.x + fromElement.width / 2 - (toElement.x + toElement.width / 2);
+    const dy = inSlot ? 0 : fromElement.y + fromElement.height / 2 - (toElement.y + toElement.height / 2);
+    const sx = inSlot ? 1 : Math.max(fromElement.width, 1) / Math.max(toElement.width, 1);
+    const sy = inSlot ? 1 : Math.max(fromElement.height, 1) / Math.max(toElement.height, 1);
     const fromOpacity = fromElement.opacity ?? 1;
     const toOpacity = toElement.opacity ?? 1;
     const toRot = toElement.rotation ?? 0;
-    const fromRot = shortestRotationTarget(toRot, fromElement.rotation ?? 0);
+    const fromRot = inSlot ? toRot : shortestRotationTarget(toRot, fromElement.rotation ?? 0);
     const flips = `${toElement.flipHorizontal ? " scaleX(-1)" : ""}${toElement.flipVertical ? " scaleY(-1)" : ""}`;
     const inert = ghosted && isInertMorphPair(fromElement, toElement);
-    const crossfadesIn = !inert && morphPairNeedsCrossfade(fromElement, toElement) && crossfadeIncomingMayFadeIn(toElement);
+    const crossfadesIn = morphPairIncomingFadesIn(fromElement, toElement, ghosted);
     const fromProps = [
       `		transform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${fromRot}deg)${flips};`
     ];
@@ -108999,12 +109060,13 @@ function generateMorphGhostAnimations(pairs2, durationMs, startIndex, ghostIds)
     }
     const fadesOut = morphPairNeedsCrossfade(fromElement, toElement);
     const safeName = `pptx-morph-ghost-${startIndex + index}-${fromElement.id.replace(/[^a-zA-Z0-9]/gu, "")}`;
-    const dx = toElement.x + toElement.width / 2 - (fromElement.x + fromElement.width / 2);
-    const dy = toElement.y + toElement.height / 2 - (fromElement.y + fromElement.height / 2);
-    const sx = Math.max(toElement.width, 1) / Math.max(fromElement.width, 1);
-    const sy = Math.max(toElement.height, 1) / Math.max(fromElement.height, 1);
+    const inSlot = morphTextReplacedInSlot(fromElement, toElement);
+    const dx = inSlot ? 0 : toElement.x + toElement.width / 2 - (fromElement.x + fromElement.width / 2);
+    const dy = inSlot ? 0 : toElement.y + toElement.height / 2 - (fromElement.y + fromElement.height / 2);
+    const sx = inSlot ? 1 : Math.max(toElement.width, 1) / Math.max(fromElement.width, 1);
+    const sy = inSlot ? 1 : Math.max(toElement.height, 1) / Math.max(fromElement.height, 1);
     const fromRot = fromElement.rotation ?? 0;
-    const toRot = shortestRotationTarget(fromRot, toElement.rotation ?? 0);
+    const toRot = inSlot ? fromRot : shortestRotationTarget(fromRot, toElement.rotation ?? 0);
     const flips = `${fromElement.flipHorizontal ? " scaleX(-1)" : ""}${fromElement.flipVertical ? " scaleY(-1)" : ""}`;
     const opacity2 = fromElement.opacity ?? 1;
     const keyframes = `
@@ -109222,11 +109284,21 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
       (candidate) => outgoingAnimations.has(candidate.fromElement.id) && !morphPairNeedsCrossfade(candidate.fromElement, candidate.toElement)
     ).map((candidate) => candidate.fromElement.id)
   );
+  const dissolvingInIds = new Set(
+    match.pairs.filter(
+      (candidate) => morphPairIncomingFadesIn(
+        candidate.fromElement,
+        candidate.toElement,
+        outgoingAnimations.has(candidate.fromElement.id)
+      )
+    ).map((candidate) => candidate.toElement.id)
+  );
   const lifted = resolveMorphOverlayArrivals(
     flattenedOutgoing,
     flattenedIncoming,
     match.pairs,
-    holdingGhostIds
+    holdingGhostIds,
+    dissolvingInIds
   );
   const overlayIncomingAnimations = /* @__PURE__ */ new Map();
   for (const id of lifted) {