pptx-react-viewer 2.19.6 → 2.20.0

package/CHANGELOG.md

@@ -7,6 +7,29 @@ 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.
 
+## [2.19.7](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.19.7) - 2026-08-19
+
+### Bug Fixes
+
+- **core:** Correct OOXML a:tint colour math (ECMA-376 20.1.2.3.32) (by @ChristopherVR) ([7cf29f3](https://github.com/ChristopherVR/pptx-viewer/commit/7cf29f321994b7e9df8fe11d821a2c2fe686e1cd))
+- **shared:** Stretch uncropped pictures to fill their frame (by @ChristopherVR) ([ff2fee3](https://github.com/ChristopherVR/pptx-viewer/commit/ff2fee3b3bba88e9a4d50a0735e9558c65e8041e))
+- **core:** Don't clone an arbitrary slide onto a new blank slide (by @ChristopherVR) ([1bd1bd6](https://github.com/ChristopherVR/pptx-viewer/commit/1bd1bd6be1aa657b89ef5782e5d3c466686102c4))
+- **core:** Don't bind special placeholders to untyped ones by idx alone (by @ChristopherVR) ([d92eb11](https://github.com/ChristopherVR/pptx-viewer/commit/d92eb11095ee390a596126acc59c8dd9cc18f8a8))
+- **core:** Resolve layout-switch geometry from the master when omitted (by @ChristopherVR) ([a09aa5a](https://github.com/ChristopherVR/pptx-viewer/commit/a09aa5a306e160954bbc09052444ad22ab4385a1))
+- **core:** Reverse the GUID-derived XOR key for font de/obfuscation (by @ChristopherVR) ([7733edf](https://github.com/ChristopherVR/pptx-viewer/commit/7733edf62f9f9a307c470dd93cfba36c8dbb9339))
+- **core:** Drop untouched placeholder prompts on repeated layout switch (by @ChristopherVR) ([8842223](https://github.com/ChristopherVR/pptx-viewer/commit/884222317ad7da002e28e6272257bb4563b89fb2))
+- **security:** Resolve code-scanning ReDoS and comment-sanitization alerts (by @ChristopherVR) ([e58e3f5](https://github.com/ChristopherVR/pptx-viewer/commit/e58e3f540e4e34c3617d32efdeea4ace6899e2bf))
+
+## [2.19.6](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.19.6) - 2026-08-19
+
+### Bug Fixes
+
+- **shared:** Add collaboration-active-session connected-users view-model (by @ChristopherVR) ([7add165](https://github.com/ChristopherVR/pptx-viewer/commit/7add165d14ae855889bd9aedac13e859b86d2274))
+
+### Refactor
+
+- **react:** Source the Share dialog user list from shared (by @ChristopherVR) ([bd41a14](https://github.com/ChristopherVR/pptx-viewer/commit/bd41a1440b4f33b0d68616ae141e4c89bd5a4f50))
+
 ## [2.19.5](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@2.19.5) - 2026-08-19
 
 ### Dependencies

package/README.md

@@ -242,7 +242,7 @@ A small curated set of those hooks is exported from `pptx-react-viewer/viewer` w
 
 ## Limitations
 
-CSS-based rendering trades a few visual effects for crisp text, accessibility, and DOM interactivity: `backdrop-filter` becomes semi-transparent backgrounds and path gradients approximate as elliptical radials, while `mix-blend-mode` and CSS 3D transforms render natively on screen but flatten in raster export. Text uses fonts available in the browser (embedded fonts are injected when present). Media playback depends on browser codec support. SmartArt is decomposed into editable shapes with a live reflow engine for structural edits. Charts are editable directly on the canvas (click a mark, drag it to a new value, double-click the title to rename), except for stacked, pie, radar, surface and map kinds, which are click-to-select and edited in the inspector data grid. 3D models need the optional Three.js peer. See the [full docs](https://christophervr.github.io/pptx-viewer/) for the complete list.
+CSS-based rendering trades a few visual effects for crisp text, accessibility, and DOM interactivity: `backdrop-filter` becomes semi-transparent backgrounds and path gradients approximate as elliptical radials, while `mix-blend-mode` and CSS 3D transforms render natively on screen but flatten in raster export. Text uses fonts available in the browser (embedded fonts are injected when present). Media playback depends on browser codec support. SmartArt is decomposed into editable shapes with a live reflow engine for structural edits. Charts are editable directly on the canvas (hover a mark for its tooltip, click to select, drag it to a new value, double-click the title to rename), except for stacked/percent-stacked, pie, radar, surface and map kinds, which are click-to-select and edited in the inspector data grid. 3D models need the optional Three.js peer. See the [full docs](https://christophervr.github.io/pptx-viewer/) for the complete list.
 
 ## License
 

package/dist/{AiChatPanel-IWC2BJH4.js → AiChatPanel-KOKEVIOQ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkKPNZXUKK_js = require('./chunk-KPNZXUKK.js');
-var chunkFTUGCQVY_js = require('./chunk-FTUGCQVY.js');
-require('./chunk-MVKRI3CZ.js');
-require('./chunk-3BK53XWF.js');
+var chunkT7OUKBWK_js = require('./chunk-T7OUKBWK.js');
+var chunkBW3ZS73U_js = require('./chunk-BW3ZS73U.js');
+require('./chunk-6CPUGAK7.js');
+require('./chunk-J56DMNSD.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
@@ -23,7 +23,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunkKPNZXUKK_js.isAiAvailable();
+        const available = await chunkT7OUKBWK_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -31,7 +31,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunkKPNZXUKK_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunkT7OUKBWK_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -137,7 +137,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunkKPNZXUKK_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunkT7OUKBWK_js.buildDeckContext(bridge, { strategy, focus: {} });
       } catch {
         context = "";
       }
@@ -200,7 +200,7 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
         continue;
       }
       seen.add(call.toolCallId);
-      onToolTargetRef.current?.(chunkKPNZXUKK_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunkT7OUKBWK_js.toolCanvasTarget(call.toolName, call.input));
     }
   }, [chat.messages]);
   const send = react.useCallback(
@@ -276,7 +276,7 @@ function deriveTitle(messages) {
 }
 function useAiHistory(input) {
   const { deckId, messages, setMessages } = input;
-  const store = react.useMemo(() => input.store ?? chunkKPNZXUKK_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunkT7OUKBWK_js.createChatHistoryStore(), [input.store]);
   const [activeChatId, setActiveChatId] = react.useState(newChatId);
   const [chats, setChats] = react.useState([]);
   const createdAtRef = react.useRef(Date.now());
@@ -419,7 +419,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkFTUGCQVY_js.cn(
+        className: chunkBW3ZS73U_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"
         ),
@@ -445,15 +445,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunkKPNZXUKK_js.focusTargetChips(targets, slides);
-  const twoTables = chunkKPNZXUKK_js.isTwoTableFocus(targets, slides);
+  const chips = chunkT7OUKBWK_js.focusTargetChips(targets, slides);
+  const twoTables = chunkT7OUKBWK_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: chunkFTUGCQVY_js.cn(
+          className: chunkBW3ZS73U_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"
           ),
@@ -486,7 +486,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkFTUGCQVY_js.cn(
+            className: chunkBW3ZS73U_js.cn(
               "rounded-sm p-1",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -565,7 +565,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkFTUGCQVY_js.cn(
+        className: chunkBW3ZS73U_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"
         ),
@@ -720,26 +720,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunkKPNZXUKK_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunkT7OUKBWK_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunkKPNZXUKK_js.summarizeToolArgs(part.input);
+  const rawSummary = chunkT7OUKBWK_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: chunkFTUGCQVY_js.cn(
+          className: chunkBW3ZS73U_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkFTUGCQVY_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkBW3ZS73U_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkFTUGCQVY_js.cn(
+          className: chunkBW3ZS73U_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"
           ),
@@ -756,7 +756,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: [
-        chunkKPNZXUKK_js.toolLabel(part.toolName),
+        chunkT7OUKBWK_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -787,7 +787,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkFTUGCQVY_js.cn(
+            className: chunkBW3ZS73U_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"
             ),
@@ -834,7 +834,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunkKPNZXUKK_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunkT7OUKBWK_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 }),
@@ -1042,7 +1042,7 @@ function AiChatPanel({
 }) {
   const { t } = reactI18next.useTranslation();
   const { state, session, initError } = useAiChat(bridge, config);
-  const deckId = react.useMemo(() => chunkKPNZXUKK_js.deckIdFromBridge(bridge), [bridge]);
+  const deckId = react.useMemo(() => chunkT7OUKBWK_js.deckIdFromBridge(bridge), [bridge]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/{AiChatPanel-2VR6UFFK.mjs → AiChatPanel-S5UYFWT2.mjs}

@@ -1,7 +1,7 @@
-import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-IWCBDKPX.mjs';
-import { cn } from './chunk-667ZAXQN.mjs';
-import './chunk-SQJBFMEX.mjs';
-import './chunk-RQWZ7J3Z.mjs';
+import { deckIdFromBridge, isAiAvailable, createAiChatSession, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-2T7J57AC.mjs';
+import { cn } from './chunk-U2UIJRSW.mjs';
+import './chunk-MZOZNBRO.mjs';
+import './chunk-QLELFH7A.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/dist/{Model3DScene-ATRIORJV.js → Model3DScene-T5372GIJ.js}

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

package/dist/{Model3DScene-E4T6KAJF.mjs → Model3DScene-T6QOOVLN.mjs}

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

package/dist/{chunk-IWCBDKPX.mjs → chunk-2T7J57AC.mjs}

@@ -1,4 +1,4 @@
-import { ThemePresets, PptxMarkdownConverter } from './chunk-RQWZ7J3Z.mjs';
+import { ThemePresets, PptxMarkdownConverter } from './chunk-QLELFH7A.mjs';
 import { __export } from './chunk-XGB3TDIC.mjs';
 import * as mcp from 'pptx-viewer-mcp';
 import * as mcpSchemas from 'pptx-viewer-mcp/schemas';

package/dist/{chunk-MVKRI3CZ.js → chunk-6CPUGAK7.js}

@@ -2121,6 +2121,8 @@ var translationsEn = {
   "pptx.ribbon.customColour": "Custom colour...",
   "pptx.ribbon.textHighlightColour": "Text highlight colour",
   "pptx.ribbon.highlightColourValue": "Highlight colour {{color}}",
+  "pptx.ribbon.fillColourValue": "Fill colour {{color}}",
+  "pptx.ribbon.outlineColourValue": "Outline colour {{color}}",
   "pptx.ribbon.bulletList": "Bullet list",
   "pptx.ribbon.justify": "Justify",
   "pptx.toolbar.findAndReplace": "Find and replace",