pptx-react-viewer 2.16.9 → 2.16.10

package/CHANGELOG.md

@@ -4,6 +4,8 @@ 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.9](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.16.9) - 2026-08-11
+
 ## [2.16.8](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.16.8) - 2026-08-11
 
 ## [2.16.7](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.16.7) - 2026-08-11

package/dist/{chunk-VL7ZT3ID.js → chunk-ESC6IB2F.js}

@@ -7615,7 +7615,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.16.8" ;
+  const version = "2.16.9" ;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -31470,6 +31470,15 @@ function PresentationTransitionOverlay({
               style: {
                 width: canvasSize.width,
                 height: canvasSize.height,
+                // The slide box is a flex ITEM, so it shrinks to the container
+                // unless told not to. A show surface narrower than the deck's own
+                // canvas (a windowed show, or a display scaled past 100%) squeezed
+                // the unscaled 1280px box down to the container width and only
+                // then scaled it, landing the whole outgoing slide up to ~77px to
+                // the right of the live one for the length of the morph (issue
+                // #161). The stage below positions its slide box absolutely and is
+                // unaffected, so the two layers disagreed.
+                flexShrink: 0,
                 transform: `scale(${scale})`,
                 transformOrigin: "center",
                 position: "relative"
@@ -31542,6 +31551,10 @@ function PresentationTransitionOverlay({
                 style: {
                   width: canvasSize.width,
                   height: canvasSize.height,
+                  // See the morph layer above: a flex item shrinks to its container,
+                  // which offsets the whole outgoing slide on a show surface narrower
+                  // than the deck's canvas.
+                  flexShrink: 0,
                   transform: `scale(${scale})`,
                   transformOrigin: "center"
                 },

package/dist/{chunk-3KIKPDAJ.mjs → chunk-G3VAE7ZF.mjs}

@@ -7609,7 +7609,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.16.8" ;
+  const version = "2.16.9" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -31464,6 +31464,15 @@ function PresentationTransitionOverlay({
               style: {
                 width: canvasSize.width,
                 height: canvasSize.height,
+                // The slide box is a flex ITEM, so it shrinks to the container
+                // unless told not to. A show surface narrower than the deck's own
+                // canvas (a windowed show, or a display scaled past 100%) squeezed
+                // the unscaled 1280px box down to the container width and only
+                // then scaled it, landing the whole outgoing slide up to ~77px to
+                // the right of the live one for the length of the morph (issue
+                // #161). The stage below positions its slide box absolutely and is
+                // unaffected, so the two layers disagreed.
+                flexShrink: 0,
                 transform: `scale(${scale})`,
                 transformOrigin: "center",
                 position: "relative"
@@ -31536,6 +31545,10 @@ function PresentationTransitionOverlay({
                 style: {
                   width: canvasSize.width,
                   height: canvasSize.height,
+                  // See the morph layer above: a flex item shrinks to its container,
+                  // which offsets the whole outgoing slide on a show surface narrower
+                  // than the deck's canvas.
+                  flexShrink: 0,
                   transform: `scale(${scale})`,
                   transformOrigin: "center"
                 },

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVL7ZT3ID_js = require('./chunk-VL7ZT3ID.js');
+var chunkESC6IB2F_js = require('./chunk-ESC6IB2F.js');
 require('./chunk-PI5SFTDC.js');
 var chunkFSVE6WUY_js = require('./chunk-FSVE6WUY.js');
 var chunkWK22Z7PK_js = require('./chunk-WK22Z7PK.js');
@@ -12,31 +12,31 @@ require('./chunk-4VNS5WPM.js');
 
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.PowerPointViewer; }
+  get: function () { return chunkESC6IB2F_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.SlideCanvas; }
+  get: function () { return chunkESC6IB2F_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "SlideTemplateGalleryDialog", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.SlideTemplateGalleryDialog; }
+  get: function () { return chunkESC6IB2F_js.SlideTemplateGalleryDialog; }
 });
 Object.defineProperty(exports, "SlideTemplatePreview", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.SlideTemplatePreview; }
+  get: function () { return chunkESC6IB2F_js.SlideTemplatePreview; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.Toolbar; }
+  get: function () { return chunkESC6IB2F_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.ViewerThemeProvider; }
+  get: function () { return chunkESC6IB2F_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.useViewerTheme; }
+  get: function () { return chunkESC6IB2F_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,

package/dist/index.mjs

@@ -1,4 +1,4 @@
-export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-3KIKPDAJ.mjs';
+export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-G3VAE7ZF.mjs';
 import './chunk-EL2YF26P.mjs';
 export { renderToCanvas, useViewerBuildingBlocks } from './chunk-J7EFC3GS.mjs';
 export { getAnimationInitialStyle } from './chunk-VHME5BE6.mjs';

package/dist/viewer/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVL7ZT3ID_js = require('../chunk-VL7ZT3ID.js');
+var chunkESC6IB2F_js = require('../chunk-ESC6IB2F.js');
 require('../chunk-PI5SFTDC.js');
 var chunkFSVE6WUY_js = require('../chunk-FSVE6WUY.js');
 var chunkWK22Z7PK_js = require('../chunk-WK22Z7PK.js');
@@ -12,23 +12,23 @@ require('../chunk-4VNS5WPM.js');
 
 Object.defineProperty(exports, "CollaborationProvider", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.CollaborationProvider; }
+  get: function () { return chunkESC6IB2F_js.CollaborationProvider; }
 });
 Object.defineProperty(exports, "CollaborationStatusIndicator", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.CollaborationStatusIndicator; }
+  get: function () { return chunkESC6IB2F_js.CollaborationStatusIndicator; }
 });
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.PowerPointViewer; }
+  get: function () { return chunkESC6IB2F_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "RemoteUserCursors", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.RemoteUserCursors; }
+  get: function () { return chunkESC6IB2F_js.RemoteUserCursors; }
 });
 Object.defineProperty(exports, "UserAvatarBar", {
   enumerable: true,
-  get: function () { return chunkVL7ZT3ID_js.UserAvatarBar; }
+  get: function () { return chunkESC6IB2F_js.UserAvatarBar; }
 });
 Object.defineProperty(exports, "isAudienceTab", {
   enumerable: true,

package/dist/viewer/index.mjs

@@ -1,4 +1,4 @@
-export { CollaborationProvider, CollaborationStatusIndicator, PowerPointViewer, RemoteUserCursors, UserAvatarBar } from '../chunk-3KIKPDAJ.mjs';
+export { CollaborationProvider, CollaborationStatusIndicator, PowerPointViewer, RemoteUserCursors, UserAvatarBar } from '../chunk-G3VAE7ZF.mjs';
 import '../chunk-EL2YF26P.mjs';
 export { isAudienceTab, parseAudienceNonce, useCollaborativeHistory, useCollaborativeState, usePresenceTracking, useThemeSwitching, useYjsProvider } from '../chunk-J7EFC3GS.mjs';
 export { getAnimationInitialStyle } from '../chunk-VHME5BE6.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-react-viewer",
-	"version": "2.16.9",
+	"version": "2.16.10",
 	"description": "React PowerPoint viewer and editor component: render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"editor",