pptx-react-viewer 1.1.1 → 1.1.2

package/dist/index.js

@@ -43328,7 +43328,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
       }
       function useSyncExternalStore$2(subscribe3, getSnapshot2) {
-        didWarnOld18Alpha || void 0 === React96.startTransition || (didWarnOld18Alpha = true, console.error(
+        didWarnOld18Alpha || void 0 === React97.startTransition || (didWarnOld18Alpha = true, console.error(
           "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
         ));
         var value = getSnapshot2();
@@ -43350,7 +43350,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           },
           [subscribe3, value, getSnapshot2]
         );
-        useEffect71(
+        useEffect72(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe3(function() {
@@ -43376,8 +43376,8 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot2();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React96 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is2, useState85 = React96.useState, useEffect71 = React96.useEffect, useLayoutEffect7 = React96.useLayoutEffect, useDebugValue = React96.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      exports$1.useSyncExternalStore = void 0 !== React96.useSyncExternalStore ? React96.useSyncExternalStore : shim;
+      var React97 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is2, useState85 = React97.useState, useEffect72 = React97.useEffect, useLayoutEffect7 = React97.useLayoutEffect, useDebugValue = React97.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      exports$1.useSyncExternalStore = void 0 !== React97.useSyncExternalStore ? React97.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     })();
   }
@@ -43400,9 +43400,9 @@ var require_with_selector_development = __commonJS({
         return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React96 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is2, useSyncExternalStore3 = shim.useSyncExternalStore, useRef72 = React96.useRef, useEffect71 = React96.useEffect, useMemo41 = React96.useMemo, useDebugValue = React96.useDebugValue;
+      var React97 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is2, useSyncExternalStore3 = shim.useSyncExternalStore, useRef73 = React97.useRef, useEffect72 = React97.useEffect, useMemo41 = React97.useMemo, useDebugValue = React97.useDebugValue;
       exports$1.useSyncExternalStoreWithSelector = function(subscribe3, getSnapshot2, getServerSnapshot2, selector, isEqual) {
-        var instRef = useRef72(null);
+        var instRef = useRef73(null);
         if (null === instRef.current) {
           var inst = { hasValue: false, value: null };
           instRef.current = inst;
@@ -43443,7 +43443,7 @@ var require_with_selector_development = __commonJS({
           [getSnapshot2, getServerSnapshot2, selector, isEqual]
         );
         var value = useSyncExternalStore3(subscribe3, instRef[0], instRef[1]);
-        useEffect71(
+        useEffect72(
           function() {
             inst.hasValue = true;
             inst.value = value;
@@ -44172,6 +44172,18 @@ function applyProps(object, props) {
     } else if (target !== null && typeof target === "object" && typeof target.set === "function" && typeof value === "number") {
       if (typeof target.setScalar === "function") target.setScalar(value);
       else target.set(value);
+    } else if (root instanceof ShaderMaterial && key === "uniforms" && is.obj(value)) {
+      if (!is.obj(root.uniforms)) root.uniforms = {};
+      const uniforms = root.uniforms;
+      const nextUniforms = value;
+      for (const name in nextUniforms) {
+        const uniform = nextUniforms[name];
+        const targetUniform = uniforms[name];
+        if (targetUniform) Object.assign(targetUniform, uniform);
+        else uniforms[name] = {
+          ...uniform
+        };
+      }
     } else {
       var _root$key;
       root[key] = value;
@@ -52891,8 +52903,8 @@ function createPointerEvents(store) {
   };
 }
 var import_scheduler, threeTypes, act2, isOrthographicCamera, isRef, isColorRepresentation, useIsomorphicLayoutEffect, ErrorBoundary, is, REACT_INTERNAL_PROPS, INDEX_REGEX, RESERVED_PROPS, MEMOIZED_PROTOTYPES, colorMaps, EVENT_REGEX, isObject3D, isRenderer, context, createStore2, memoizedLoaders, isConstructor$1, t, o2, r, e, packageData, Rm, Og, Mg, Rb, Eb, t0, r0, NoEventPriority, catalogue, PREFIX_REGEX, toPascalCase, i2, isConstructor, reconstructed, handleTextInstance, NO_CONTEXT, currentUpdatePriority, NoFlags, Update, reconciler, _roots, shallowLoose, globalEffects, globalAfterEffects, globalTailEffects, addEffect, addAfterEffect, addTail, subscribers, subscription, running, useFrameInProgress, repeat, frame, state, DOM_EVENTS;
-var init_events_5a94e5eb_esm = __esm({
-  "../../node_modules/.bun/@react-three+fiber@9.5.0+bae906b8c0d5d7d7/node_modules/@react-three/fiber/dist/events-5a94e5eb.esm.js"() {
+var init_events_760a1017_esm = __esm({
+  "../../node_modules/.bun/@react-three+fiber@9.6.0+bae906b8c0d5d7d7/node_modules/@react-three/fiber/dist/events-760a1017.esm.js"() {
     init_three_module();
     init_traditional();
     init_suspend_react();
@@ -53216,7 +53228,7 @@ var init_events_5a94e5eb_esm = __esm({
     e = 2;
     packageData = {
       name: "@react-three/fiber",
-      version: "9.5.0",
+      version: "9.6.0",
       description: "A React renderer for Threejs",
       keywords: [
         "react",
@@ -53616,7 +53628,7 @@ var init_dist2 = __esm({
   }
 });
 
-// ../../node_modules/.bun/@react-three+fiber@9.5.0+bae906b8c0d5d7d7/node_modules/@react-three/fiber/dist/react-three-fiber.esm.js
+// ../../node_modules/.bun/@react-three+fiber@9.6.0+bae906b8c0d5d7d7/node_modules/@react-three/fiber/dist/react-three-fiber.esm.js
 var react_three_fiber_esm_exports = {};
 __export(react_three_fiber_esm_exports, {
   Canvas: () => Canvas,
@@ -53785,9 +53797,9 @@ function Canvas(props) {
   });
 }
 var init_react_three_fiber_esm = __esm({
-  "../../node_modules/.bun/@react-three+fiber@9.5.0+bae906b8c0d5d7d7/node_modules/@react-three/fiber/dist/react-three-fiber.esm.js"() {
-    init_events_5a94e5eb_esm();
-    init_events_5a94e5eb_esm();
+  "../../node_modules/.bun/@react-three+fiber@9.6.0+bae906b8c0d5d7d7/node_modules/@react-three/fiber/dist/react-three-fiber.esm.js"() {
+    init_events_760a1017_esm();
+    init_events_760a1017_esm();
     init_three_module();
     init_dist2();
     init_dist();
@@ -53859,7 +53871,7 @@ function isRefObject(ref) {
 }
 var v1, v2, v3, v4, epsilon, getCameraCSSMatrix, getObjectCSSMatrix, Html;
 var init_Html = __esm({
-  "../../node_modules/.bun/@react-three+drei@10.7.7+e9988e4abcdec7a8/node_modules/@react-three/drei/web/Html.js"() {
+  "../../node_modules/.bun/@react-three+drei@10.7.7+cdb3bc7f51872c1f/node_modules/@react-three/drei/web/Html.js"() {
     init_extends();
     init_three_module();
     init_react_three_fiber_esm();
@@ -58414,7 +58426,7 @@ function extensions(useDraco = true, useMeshopt = true, extendLoader) {
 }
 var dracoLoader, decoderPath, useGLTF;
 var init_Gltf = __esm({
-  "../../node_modules/.bun/@react-three+drei@10.7.7+e9988e4abcdec7a8/node_modules/@react-three/drei/core/Gltf.js"() {
+  "../../node_modules/.bun/@react-three+drei@10.7.7+cdb3bc7f51872c1f/node_modules/@react-three/drei/core/Gltf.js"() {
     init_extends();
     init_three_stdlib();
     init_react_three_fiber_esm();
@@ -58430,7 +58442,7 @@ var init_Gltf = __esm({
 });
 var OrbitControls2;
 var init_OrbitControls2 = __esm({
-  "../../node_modules/.bun/@react-three+drei@10.7.7+e9988e4abcdec7a8/node_modules/@react-three/drei/core/OrbitControls.js"() {
+  "../../node_modules/.bun/@react-three+drei@10.7.7+cdb3bc7f51872c1f/node_modules/@react-three/drei/core/OrbitControls.js"() {
     init_extends();
     init_react_three_fiber_esm();
     init_three_stdlib();
@@ -58513,7 +58525,7 @@ var init_camera_controls_module = __esm({
 });
 var Center;
 var init_Center = __esm({
-  "../../node_modules/.bun/@react-three+drei@10.7.7+e9988e4abcdec7a8/node_modules/@react-three/drei/core/Center.js"() {
+  "../../node_modules/.bun/@react-three+drei@10.7.7+cdb3bc7f51872c1f/node_modules/@react-three/drei/core/Center.js"() {
     init_extends();
     init_three_module();
     Center = /* @__PURE__ */ React10__namespace.forwardRef(function Center2({
@@ -58578,9 +58590,9 @@ var init_Center = __esm({
   }
 });
 
-// ../../node_modules/.bun/@react-three+drei@10.7.7+e9988e4abcdec7a8/node_modules/@react-three/drei/index.js
+// ../../node_modules/.bun/@react-three+drei@10.7.7+cdb3bc7f51872c1f/node_modules/@react-three/drei/index.js
 var init_drei = __esm({
-  "../../node_modules/.bun/@react-three+drei@10.7.7+e9988e4abcdec7a8/node_modules/@react-three/drei/index.js"() {
+  "../../node_modules/.bun/@react-three+drei@10.7.7+cdb3bc7f51872c1f/node_modules/@react-three/drei/index.js"() {
     init_Html();
     init_Gltf();
     init_OrbitControls2();
@@ -70410,12 +70422,40 @@ function toCssGradientStop(stop) {
   const posStr = pos === Math.round(pos) ? `${pos}%` : `${pos.toFixed(1)}%`;
   return `${color} ${posStr}`;
 }
+function computeGradientCenter(fillToRect, focalPoint) {
+  if (fillToRect) {
+    const { l: l2, t: t2, r: r2, b: b2 } = fillToRect;
+    let cx = (l2 + (1 - r2)) / 2 * 100;
+    let cy = (t2 + (1 - b2)) / 2 * 100;
+    if (focalPoint) {
+      const fpX = focalPoint.x * 100;
+      const fpY = focalPoint.y * 100;
+      cx = (cx + fpX) / 2;
+      cy = (cy + fpY) / 2;
+    }
+    return { cx, cy };
+  }
+  if (focalPoint) {
+    return { cx: focalPoint.x * 100, cy: focalPoint.y * 100 };
+  }
+  return { cx: 50, cy: 50 };
+}
+function buildCirclePathGradient(stops, focalPoint, fillToRect) {
+  const stopStr = stops.map(toCssGradientStop).join(", ");
+  const { cx, cy } = computeGradientCenter(fillToRect, focalPoint);
+  const posX = Math.round(cx) === 50 && !focalPoint && !fillToRect ? "center" : `${Math.round(cx)}%`;
+  const posY = Math.round(cy) === 50 && !focalPoint && !fillToRect ? "center" : `${Math.round(cy)}%`;
+  if (fillToRect) {
+    const radius = Math.max(cx, 100 - cx, cy, 100 - cy);
+    return `radial-gradient(circle ${Math.round(radius)}% at ${posX} ${posY}, ${stopStr})`;
+  }
+  return `radial-gradient(circle at ${posX} ${posY}, ${stopStr})`;
+}
 function buildRectPathGradient(stops, focalPoint, fillToRect) {
   const stopStr = stops.map(toCssGradientStop).join(", ");
   if (fillToRect) {
     const { l: l2, t: t2, r: r2, b: b2 } = fillToRect;
-    const cx = (l2 + (1 - r2)) / 2 * 100;
-    const cy = (t2 + (1 - b2)) / 2 * 100;
+    const { cx, cy } = computeGradientCenter(fillToRect, focalPoint);
     const semiX = Math.max(cx, 100 - cx);
     const semiY = Math.max(cy, 100 - cy);
     const posX2 = `${Math.round(cx)}%`;
@@ -70438,19 +70478,27 @@ function buildShapePathGradient(stops, focalPoint, fillToRect) {
   const stopStr = stops.map(toCssGradientStop).join(", ");
   if (fillToRect) {
     const { l: l2, t: t2, r: r2, b: b2 } = fillToRect;
-    const cx = (l2 + (1 - r2)) / 2 * 100;
-    const cy = (t2 + (1 - b2)) / 2 * 100;
-    const posX2 = `${Math.round(cx)}%`;
-    const posY2 = `${Math.round(cy)}%`;
+    const { cx: cx2, cy: cy2 } = computeGradientCenter(fillToRect, focalPoint);
+    const posX2 = `${Math.round(cx2)}%`;
+    const posY2 = `${Math.round(cy2)}%`;
+    const semiX = Math.max(cx2, 100 - cx2);
+    const semiY = Math.max(cy2, 100 - cy2);
     const innerHalfW = (1 - l2 - r2) / 2 * 100;
     const innerHalfH = (1 - t2 - b2) / 2 * 100;
     if (innerHalfW > 0.5 && innerHalfH > 0.5 && Math.abs(innerHalfW - innerHalfH) > 1) {
-      return `radial-gradient(${Math.round(innerHalfW)}% ${Math.round(innerHalfH)}% at ${posX2} ${posY2}, ${stopStr})`;
+      const aspect2 = innerHalfW / innerHalfH;
+      const adjustedSemiX = Math.round(Math.max(semiX, semiY * aspect2));
+      const adjustedSemiY = Math.round(Math.max(semiY, semiX / aspect2));
+      return `radial-gradient(${adjustedSemiX}% ${adjustedSemiY}% at ${posX2} ${posY2}, ${stopStr})`;
+    }
+    if (semiX > 0.5 || semiY > 0.5) {
+      return `radial-gradient(${Math.round(semiX)}% ${Math.round(semiY)}% at ${posX2} ${posY2}, ${stopStr})`;
     }
     return `radial-gradient(farthest-side at ${posX2} ${posY2}, ${stopStr})`;
   }
-  const posX = focalPoint ? `${Math.round(focalPoint.x * 100)}%` : "center";
-  const posY = focalPoint ? `${Math.round(focalPoint.y * 100)}%` : "center";
+  const { cx, cy } = computeGradientCenter(void 0, focalPoint);
+  const posX = focalPoint ? `${Math.round(cx)}%` : "center";
+  const posY = focalPoint ? `${Math.round(cy)}%` : "center";
   return `radial-gradient(farthest-side at ${posX} ${posY}, ${stopStr})`;
 }
 function buildCssGradientFromShapeStyle(style) {
@@ -70472,9 +70520,7 @@ function buildCssGradientFromShapeStyle(style) {
     if (pathType === "shape") {
       return buildShapePathGradient(stops, fp, ftr);
     }
-    const posX = fp ? `${Math.round(fp.x * 100)}%` : "center";
-    const posY = fp ? `${Math.round(fp.y * 100)}%` : "center";
-    return `radial-gradient(circle at ${posX} ${posY}, ${stops.map(toCssGradientStop).join(", ")})`;
+    return buildCirclePathGradient(stops, fp, ftr);
   }
   const normalizedAngle = typeof style.fillGradientAngle === "number" && Number.isFinite(style.fillGradientAngle) ? style.fillGradientAngle : 90;
   return `linear-gradient(${Math.round(normalizedAngle)}deg, ${stops.map(toCssGradientStop).join(", ")})`;
@@ -70873,8 +70919,10 @@ function getTextStyleForElement(element2, fallbackColor) {
   const verticalDirection = toCssVerticalDirection(element2.textStyle?.textDirection);
   const resolvedDirection = verticalDirection || (isRtl ? "rtl" : "ltr");
   const resolvedUnicodeBidi = isRtl ? "plaintext" : void 0;
+  const hasSegments = (element2.textSegments?.length ?? 0) > 0;
   return {
     color: resolvedTextColor,
+    backgroundColor: !hasSegments && element2.textStyle?.highlightColor ? normalizeHexColor(element2.textStyle.highlightColor, void 0) : void 0,
     textAlign: (() => {
       const a2 = element2.textStyle?.align;
       if (a2 === "justLow" || a2 === "dist" || a2 === "thaiDist") {
@@ -84948,6 +84996,79 @@ function comparePresentation(base, compare) {
     unchangedCount
   };
 }
+function copyFormatFromElement(element2) {
+  const result = {};
+  if (pptxViewerCore.hasShapeProperties(element2) && element2.shapeStyle) {
+    const s = element2.shapeStyle;
+    result.shapeStyle = {
+      fillColor: s.fillColor,
+      fillMode: s.fillMode,
+      fillGradient: s.fillGradient,
+      fillGradientStops: s.fillGradientStops ? [...s.fillGradientStops] : void 0,
+      fillGradientAngle: s.fillGradientAngle,
+      fillGradientType: s.fillGradientType,
+      fillOpacity: s.fillOpacity,
+      fillPatternPreset: s.fillPatternPreset,
+      fillPatternBackgroundColor: s.fillPatternBackgroundColor,
+      strokeColor: s.strokeColor,
+      strokeWidth: s.strokeWidth,
+      strokeOpacity: s.strokeOpacity,
+      strokeDash: s.strokeDash,
+      lineJoin: s.lineJoin,
+      lineCap: s.lineCap,
+      shadowColor: s.shadowColor,
+      shadowBlur: s.shadowBlur,
+      shadowOffsetX: s.shadowOffsetX,
+      shadowOffsetY: s.shadowOffsetY,
+      shadowOpacity: s.shadowOpacity,
+      glowColor: s.glowColor,
+      glowRadius: s.glowRadius,
+      glowOpacity: s.glowOpacity,
+      softEdgeRadius: s.softEdgeRadius
+    };
+  }
+  if (pptxViewerCore.hasTextProperties(element2) && element2.textStyle) {
+    const t2 = element2.textStyle;
+    result.textStyle = {
+      fontFamily: t2.fontFamily,
+      fontSize: t2.fontSize,
+      bold: t2.bold,
+      italic: t2.italic,
+      underline: t2.underline,
+      underlineStyle: t2.underlineStyle,
+      strikethrough: t2.strikethrough,
+      color: t2.color,
+      align: t2.align,
+      lineSpacing: t2.lineSpacing,
+      paragraphSpacingBefore: t2.paragraphSpacingBefore,
+      paragraphSpacingAfter: t2.paragraphSpacingAfter,
+      textCaps: t2.textCaps
+    };
+  }
+  return result;
+}
+function applyFormatToElement(element2, format) {
+  let updated = { ...element2 };
+  if (format.shapeStyle && pptxViewerCore.hasShapeProperties(updated)) {
+    updated = {
+      ...updated,
+      shapeStyle: {
+        ...updated.shapeStyle,
+        ...format.shapeStyle
+      }
+    };
+  }
+  if (format.textStyle && pptxViewerCore.hasTextProperties(updated)) {
+    updated = {
+      ...updated,
+      textStyle: {
+        ...updated.textStyle,
+        ...format.textStyle
+      }
+    };
+  }
+  return updated;
+}
 
 // src/viewer/utils/animation-preview.ts
 var PRESET_TO_EFFECT = {
@@ -91324,13 +91445,24 @@ function usePresenceTracking({
   }, []);
   return { remoteUsers, broadcastPresence };
 }
+var CONNECTION_TIMEOUT_MS = 3e4;
 function useYjsProvider({ config }) {
   const [status, setStatus] = React10.useState("disconnected");
   const [awareness, setAwareness] = React10.useState(null);
   const [doc2, setDoc] = React10.useState(null);
   const [clientId, setClientId] = React10.useState(null);
   const cleanupRef = React10.useRef(null);
+  const timeoutRef = React10.useRef(null);
+  const teardown = React10.useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    cleanupRef.current?.();
+    cleanupRef.current = null;
+  }, []);
   const init = React10.useCallback(async () => {
+    teardown();
     const roomId = validateRoomId(config.roomId);
     setStatus("connecting");
     try {
@@ -91345,8 +91477,14 @@ function useYjsProvider({ config }) {
           params: config.authToken ? { token: config.authToken } : void 0
         }
       );
+      let connected = false;
       const handleStatus = (event) => {
         if (event.status === "connected") {
+          connected = true;
+          if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+          }
           setStatus("connected");
         } else if (event.status === "disconnected") {
           setStatus("disconnected");
@@ -91354,8 +91492,24 @@ function useYjsProvider({ config }) {
       };
       provider.on("status", handleStatus);
       if (provider.wsconnected) {
+        connected = true;
         setStatus("connected");
       }
+      if (!connected) {
+        timeoutRef.current = setTimeout(() => {
+          timeoutRef.current = null;
+          if (!connected) {
+            provider.off("status", handleStatus);
+            provider.destroy();
+            yDoc.destroy();
+            setDoc(null);
+            setAwareness(null);
+            setClientId(null);
+            cleanupRef.current = null;
+            setStatus("error");
+          }
+        }, CONNECTION_TIMEOUT_MS);
+      }
       setDoc(yDoc);
       setAwareness(provider.awareness);
       setClientId(provider.awareness.clientID);
@@ -91375,15 +91529,15 @@ function useYjsProvider({ config }) {
       );
       setStatus("error");
     }
-  }, [config.roomId, config.serverUrl, config.authToken]);
+  }, [config.roomId, config.serverUrl, config.authToken, teardown]);
   React10.useEffect(() => {
     init();
-    return () => {
-      cleanupRef.current?.();
-      cleanupRef.current = null;
-    };
+    return teardown;
+  }, [init, teardown]);
+  const retry = React10.useCallback(() => {
+    init();
   }, [init]);
-  return { status, awareness, doc: doc2, clientId };
+  return { status, awareness, doc: doc2, clientId, retry };
 }
 
 // src/viewer/hooks/collaboration/useCollaborativeState.ts
@@ -91393,7 +91547,7 @@ function useCollaborativeState({
   canvasHeight
 }) {
   const userColor = sanitizeColor(config.userColor, "#6366f1");
-  const { status, awareness, doc: doc2, clientId } = useYjsProvider({ config });
+  const { status, awareness, doc: doc2, clientId, retry } = useYjsProvider({ config });
   const { remoteUsers, broadcastPresence } = usePresenceTracking({
     awareness,
     localClientId: clientId,
@@ -91411,7 +91565,8 @@ function useCollaborativeState({
     broadcastPresence,
     connectedCount,
     config,
-    doc: doc2
+    doc: doc2,
+    retry
   };
 }
 var CollaborationContext = React10.createContext(null);
@@ -91527,7 +91682,8 @@ var STATUS_STYLES = {
 };
 function CollaborationStatusIndicator({
   status,
-  connectedCount
+  connectedCount,
+  onRetry
 }) {
   const { t: t2 } = reactI18next.useTranslation();
   const style = STATUS_STYLES[status];
@@ -91542,7 +91698,17 @@ function CollaborationStatusIndicator({
       }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-block w-2 h-2 rounded-full ${style.dot}`, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${style.text}`, children: status === "connected" ? t2("pptx.collaboration.userCount", { count: connectedCount }) : t2(`pptx.collaboration.status.${status}`) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${style.text}`, children: status === "connected" ? t2("pptx.collaboration.userCount", { count: connectedCount }) : t2(`pptx.collaboration.status.${status}`) }),
+        status === "error" && onRetry && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRetry,
+            className: "text-[10px] text-blue-400 hover:text-blue-300 underline underline-offset-2 transition-colors",
+            "aria-label": t2("pptx.collaboration.retry"),
+            children: t2("pptx.collaboration.retry")
+          }
+        )
       ]
     }
   );
@@ -97172,6 +97338,11 @@ var OV = [
     l: "Package for Sharing",
     i: /* @__PURE__ */ jsxRuntime.jsx(lu.LuFolderOpen, { className: `${ics} text-muted-foreground` })
   },
+  {
+    k: "pptx",
+    l: "Save as Presentation (.pptx)",
+    i: /* @__PURE__ */ jsxRuntime.jsx(lu.LuDownload, { className: `${ics} text-muted-foreground` })
+  },
   {
     k: "ppsx",
     l: "Save as Slide Show (.ppsx)",
@@ -97321,6 +97492,10 @@ function AnimationsSection(p3) {
           {
             type: "button",
             disabled,
+            onClick: () => p3.onAddAnimation?.(
+              item.value,
+              group.group.toLowerCase()
+            ),
             className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
             title: t2("pptx.animations.applyAnimation", {
               name: t2(`pptx.animations.preset.${item.value}`)
@@ -97337,6 +97512,7 @@ function AnimationsSection(p3) {
       {
         type: "button",
         disabled,
+        onClick: p3.onRemoveAnimation,
         className: pill,
         title: t2("pptx.animations.removeTooltip"),
         children: [
@@ -97746,6 +97922,10 @@ function DrawSection(p3) {
 }
 function FileSection(p3) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: p3.onSaveAsPptx, className: pill, title: "Save as Presentation (.pptx)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lu.LuDownload, { className: ic2 }),
+      "Save .pptx"
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: p3.onSaveAsPpsx, className: pill, title: "Save as Slide Show (.ppsx)", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lu.LuPlay, { className: ic2 }),
       "Save .ppsx"
@@ -98471,6 +98651,19 @@ function SlideShowSection(p3) {
     )
   ] });
 }
+function getEffectiveTextStyle(element2, tableEditorState) {
+  if (!element2) {
+    return void 0;
+  }
+  if (pptxViewerCore.hasTextProperties(element2)) {
+    return element2.textStyle;
+  }
+  if (element2.type === "table" && tableEditorState && element2.tableData) {
+    const cell = element2.tableData.rows[tableEditorState.rowIndex]?.cells[tableEditorState.columnIndex];
+    return cell?.style;
+  }
+  return void 0;
+}
 var FONT_COLOR_PRESETS = [
   "#000000",
   "#ffffff",
@@ -98501,7 +98694,8 @@ function TextSection(p3) {
   const isTextEl = hasSel && p3.selectedElement !== null && pptxViewerCore.hasTextProperties(p3.selectedElement);
   const isTable = hasSel && p3.selectedElement?.type === "table";
   const canFormat = isTextEl || isTable;
-  const currentColor = isTextEl && p3.selectedElement && pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textSegments?.[0]?.style?.color ?? p3.selectedElement.textStyle?.color ?? "#000000" : "#000000";
+  const effectiveTs = getEffectiveTextStyle(p3.selectedElement, p3.tableEditorState);
+  const currentColor = isTextEl && p3.selectedElement && pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textSegments?.[0]?.style?.color ?? p3.selectedElement.textStyle?.color ?? "#000000" : effectiveTs?.color ?? "#000000";
   const currentHighlight = isTextEl && p3.selectedElement && pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textSegments?.[0]?.style?.highlightColor ?? p3.selectedElement.textStyle?.highlightColor ?? "#ffff00" : "#ffff00";
   const colorInputRef = React10.useRef(null);
   const highlightInputRef = React10.useRef(null);
@@ -98531,7 +98725,7 @@ function TextSection(p3) {
             if (!canFormat || !p3.selectedElement) {
               return;
             }
-            const ts = pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textStyle : void 0;
+            const ts = effectiveTs;
             switch (b2.t) {
               case "Bold":
                 p3.onUpdateTextStyle({ bold: !ts?.bold });
@@ -98576,8 +98770,7 @@ function TextSection(p3) {
                 if (!canFormat || !p3.selectedElement) {
                   return;
                 }
-                const ts = pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textStyle : void 0;
-                const current = ts?.fontSize ?? 18;
+                const current = effectiveTs?.fontSize ?? 18;
                 p3.onUpdateTextStyle({ fontSize: current + 2 });
               },
               className: gB,
@@ -98595,8 +98788,7 @@ function TextSection(p3) {
                 if (!canFormat || !p3.selectedElement) {
                   return;
                 }
-                const ts = pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textStyle : void 0;
-                const current = ts?.fontSize ?? 18;
+                const current = effectiveTs?.fontSize ?? 18;
                 p3.onUpdateTextStyle({ fontSize: Math.max(1, current - 2) });
               },
               className: gB,
@@ -98767,9 +98959,8 @@ function TextSection(p3) {
                 if (!canFormat || !p3.selectedElement) {
                   return;
                 }
-                const ts = pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textStyle : void 0;
                 p3.onUpdateTextStyle({
-                  listType: ts?.listType === "bullet" ? "none" : "bullet"
+                  listType: effectiveTs?.listType === "bullet" ? "none" : "bullet"
                 });
               },
               className: gB,
@@ -98787,9 +98978,8 @@ function TextSection(p3) {
                 if (!canFormat || !p3.selectedElement) {
                   return;
                 }
-                const ts = pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textStyle : void 0;
                 p3.onUpdateTextStyle({
-                  listType: ts?.listType === "numbered" ? "none" : "numbered"
+                  listType: effectiveTs?.listType === "numbered" ? "none" : "numbered"
                 });
               },
               className: gL,
@@ -98809,8 +98999,7 @@ function TextSection(p3) {
                 if (!canFormat || !p3.selectedElement) {
                   return;
                 }
-                const ts = pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textStyle : void 0;
-                const current = ts?.paragraphMarginLeft ?? 0;
+                const current = effectiveTs?.paragraphMarginLeft ?? 0;
                 p3.onUpdateTextStyle({
                   paragraphMarginLeft: Math.max(0, current - 24)
                 });
@@ -98830,8 +99019,7 @@ function TextSection(p3) {
                 if (!canFormat || !p3.selectedElement) {
                   return;
                 }
-                const ts = pptxViewerCore.hasTextProperties(p3.selectedElement) ? p3.selectedElement.textStyle : void 0;
-                const current = ts?.paragraphMarginLeft ?? 0;
+                const current = effectiveTs?.paragraphMarginLeft ?? 0;
                 p3.onUpdateTextStyle({
                   paragraphMarginLeft: current + 24
                 });
@@ -99168,6 +99356,7 @@ function OverflowMenu(p3) {
       video: p3.onExportVideo,
       gif: p3.onExportGif,
       package: p3.onPackageForSharing,
+      pptx: p3.onSaveAsPptx,
       ppsx: p3.onSaveAsPpsx,
       pptm: p3.onSaveAsPptm,
       print: p3.onPrint,
@@ -99615,6 +99804,7 @@ function Toolbar(p3) {
                   onExportVideo: p3.onExportVideo,
                   onExportGif: p3.onExportGif,
                   onPackageForSharing: p3.onPackageForSharing,
+                  onSaveAsPptx: p3.onSaveAsPptx,
                   onSaveAsPpsx: p3.onSaveAsPpsx,
                   onSaveAsPptm: p3.onSaveAsPptm,
                   hasMacros: p3.hasMacros,
@@ -99664,6 +99854,7 @@ function Toolbar(p3) {
                 {
                   canEdit: p3.canEdit,
                   selectedElement: p3.selectedElement,
+                  tableEditorState: p3.tableEditorState,
                   onUpdateTextStyle: p3.onUpdateTextStyle
                 }
               ),
@@ -99724,7 +99915,9 @@ function Toolbar(p3) {
                   selectedElement: p3.selectedElement,
                   isInspectorPaneOpen: p3.isInspectorPaneOpen,
                   onToggleInspector: p3.onToggleInspector,
-                  onOpenAnimationPanel: p3.onOpenAnimationPanel
+                  onOpenAnimationPanel: p3.onOpenAnimationPanel,
+                  onAddAnimation: p3.onAddAnimation,
+                  onRemoveAnimation: p3.onRemoveAnimation
                 }
               ),
               sSlw && /* @__PURE__ */ jsxRuntime.jsx(
@@ -109908,8 +110101,61 @@ function ViewerToolbarSection(props) {
     onEnterPresenterView,
     onEnterRehearsalMode,
     onOpenSettings,
-    onOpenShareDialog
+    onOpenShareDialog,
+    onToggleFormatPainter: onToggleFormatPainterProp
   } = props;
+  const handleAddAnimation = React10.useCallback(
+    (preset, group) => {
+      if (!selectedElement || !activeSlide) {
+        return;
+      }
+      const current = activeSlide.animations ?? [];
+      const existing = current.find((a2) => a2.elementId === selectedElement.id);
+      const presetValue = preset;
+      if (existing) {
+        const updated = current.map(
+          (a2) => a2.elementId === selectedElement.id ? { ...a2, [group]: presetValue } : a2
+        );
+        propertyHandlers.handleUpdateSlide({ animations: updated });
+      } else {
+        const newAnim = {
+          elementId: selectedElement.id,
+          [group]: presetValue,
+          durationMs: 500,
+          order: current.length,
+          trigger: "onClick"
+        };
+        propertyHandlers.handleUpdateSlide({ animations: [...current, newAnim] });
+      }
+    },
+    [selectedElement, activeSlide, propertyHandlers]
+  );
+  const handleRemoveAnimation = React10.useCallback(() => {
+    if (!selectedElement || !activeSlide) {
+      return;
+    }
+    const current = activeSlide.animations ?? [];
+    const filtered = current.filter((a2) => a2.elementId !== selectedElement.id);
+    propertyHandlers.handleUpdateSlide({ animations: filtered });
+  }, [selectedElement, activeSlide, propertyHandlers]);
+  const handleTransitionChange = React10.useCallback(
+    (updates) => {
+      if (!activeSlide) {
+        return;
+      }
+      const current = activeSlide.transition ?? { type: "none" };
+      propertyHandlers.handleUpdateSlide({ transition: { ...current, ...updates } });
+    },
+    [activeSlide, propertyHandlers]
+  );
+  const handleApplyTransitionToAll = React10.useCallback(() => {
+    const transition = activeSlide?.transition;
+    if (!transition) {
+      return;
+    }
+    ops.updateSlides((prev) => prev.map((sl) => ({ ...sl, transition })));
+    history.markDirty();
+  }, [activeSlide, ops, history]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       Toolbar,
@@ -109928,6 +110174,7 @@ function ViewerToolbarSection(props) {
         redoLabel: history.redoLabel,
         findReplaceOpen: findReplace.findReplaceOpen,
         selectedElement,
+        tableEditorState: s.tableEditorState,
         editTemplateMode: s.editTemplateMode,
         newShapeType: s.newShapeType,
         activeTool: s.activeTool,
@@ -109941,6 +110188,8 @@ function ViewerToolbarSection(props) {
           s.setIsInspectorPaneOpen(true);
           s.setSidebarPanelMode("properties");
         },
+        onAddAnimation: handleAddAnimation,
+        onRemoveAnimation: handleRemoveAnimation,
         onToggleCompactToolbar: () => s.setIsCompactToolbarOpen((p3) => !p3),
         onSetToolbarSection: s.setToolbarSection,
         onZoomIn: zoom.handleZoomIn,
@@ -109992,6 +110241,7 @@ function ViewerToolbarSection(props) {
         onExportGif: exportHandlers.handleExportGif,
         onPackageForSharing: exportHandlers.handlePackageForSharing,
         onOpenShareDialog,
+        onSaveAsPptx: exportHandlers.handleSaveAsPptx,
         onSaveAsPpsx: exportHandlers.handleSaveAsPpsx,
         onSaveAsPptm: exportHandlers.handleSaveAsPptm,
         hasMacros: s.hasMacros,
@@ -110037,7 +110287,7 @@ function ViewerToolbarSection(props) {
         isCommentsPanelOpen: s.isInspectorPaneOpen,
         slideCommentCount: activeSlide?.comments?.length ?? 0,
         formatPainterActive: s.formatPainterActive,
-        onToggleFormatPainter: () => s.setFormatPainterActive((p3) => !p3),
+        onToggleFormatPainter: onToggleFormatPainterProp ?? (() => s.setFormatPainterActive((p3) => !p3)),
         isSelectionPaneOpen: s.isSelectionPaneOpen,
         onToggleSelectionPane: () => s.setIsSelectionPaneOpen((p3) => !p3),
         eyedropperActive: s.eyedropperActive,
@@ -110045,7 +110295,10 @@ function ViewerToolbarSection(props) {
         onOpenSetUpSlideShow: () => dialogs.setIsSetUpSlideShowOpen(true),
         onOpenBroadcastDialog: () => dialogs.setIsBroadcastDialogOpen(true),
         onToggleSubtitles: dialogs.handleToggleSubtitles,
-        showSubtitles: Boolean(s.presentationProperties.showSubtitles)
+        showSubtitles: Boolean(s.presentationProperties.showSubtitles),
+        activeSlide,
+        onTransitionChange: handleTransitionChange,
+        onApplyTransitionToAll: handleApplyTransitionToAll
       }
     ),
     s.hasDigitalSignatures && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center px-3 py-1 z-10", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -116810,12 +117063,50 @@ function useEditorOperations(input) {
     }),
     [ops, combinedUpdateTextStyle]
   );
+  const copiedFormatRef = React10.useRef(null);
+  const prevFormatPainterRef = React10.useRef(false);
+  React10.useEffect(() => {
+    if (state2.formatPainterActive && !prevFormatPainterRef.current && selectedElement) {
+      copiedFormatRef.current = copyFormatFromElement(selectedElement);
+    } else if (!state2.formatPainterActive) {
+      copiedFormatRef.current = null;
+    }
+    prevFormatPainterRef.current = state2.formatPainterActive;
+  }, [state2.formatPainterActive, selectedElement]);
+  const formatPainterCanvasHandlers = React10.useMemo(
+    () => ({
+      ...canvasHandlers,
+      handleElementClick: (elementId, e2) => {
+        if (state2.formatPainterActive && copiedFormatRef.current) {
+          e2.stopPropagation();
+          const element2 = state2.elementLookup.get(elementId);
+          if (element2) {
+            const updated = applyFormatToElement(element2, copiedFormatRef.current);
+            const updates = {};
+            if (pptxViewerCore.hasShapeProperties(updated)) {
+              updates.shapeStyle = updated.shapeStyle;
+            }
+            if (pptxViewerCore.hasTextProperties(updated)) {
+              updates.textStyle = updated.textStyle;
+            }
+            ops.updateElementById(elementId, updates);
+          }
+          copiedFormatRef.current = null;
+          state2.setFormatPainterActive(false);
+          ops.applySelection(elementId);
+          return;
+        }
+        canvasHandlers.handleElementClick(elementId, e2);
+      }
+    }),
+    [canvasHandlers, ops, state2]
+  );
   return {
     ops: combinedOps,
     sectionOps,
     findReplace,
     comments,
-    canvasHandlers,
+    canvasHandlers: formatPainterCanvasHandlers,
     insertHandlers,
     manipulation,
     slideOps,
@@ -120987,6 +121278,9 @@ function useExportSaveAs(input) {
     };
     return handler.save(slidesWithGuides, saveOptions);
   };
+  const handleSaveAsPptx = () => {
+    void handleSaveAsFormat("pptx");
+  };
   const handleSaveAsPpsx = () => {
     void handleSaveAsFormat("ppsx");
   };
@@ -120996,6 +121290,7 @@ function useExportSaveAs(input) {
   return {
     handlePackageForSharing,
     handleSaveAsFormat,
+    handleSaveAsPptx,
     handleSaveAsPpsx,
     handleSaveAsPptm
   };
@@ -121036,7 +121331,13 @@ function useExportHandlers(input) {
     setExportStatusMessage,
     exportAbortRef
   };
-  const { handlePackageForSharing, handleSaveAsFormat, handleSaveAsPpsx, handleSaveAsPptm } = useExportSaveAs({
+  const {
+    handlePackageForSharing,
+    handleSaveAsFormat,
+    handleSaveAsPptx,
+    handleSaveAsPpsx,
+    handleSaveAsPptm
+  } = useExportSaveAs({
     slides,
     filePath,
     handlerRef,
@@ -121263,6 +121564,7 @@ function useExportHandlers(input) {
     handleExportGif,
     handlePackageForSharing,
     handleSaveAsFormat,
+    handleSaveAsPptx,
     handleSaveAsPpsx,
     handleSaveAsPptm,
     handleCancelExport,
@@ -123906,7 +124208,14 @@ function CollaborationStatusStrip() {
   if (!collab) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(CollaborationStatusIndicator, { status: collab.status, connectedCount: collab.connectedCount });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CollaborationStatusIndicator,
+    {
+      status: collab.status,
+      connectedCount: collab.connectedCount,
+      onRetry: collab.retry
+    }
+  );
 }
 function CollaborationDocumentSync({
   slides,
@@ -123978,7 +124287,7 @@ scheduler/cjs/scheduler.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-@react-three/fiber/dist/events-5a94e5eb.esm.js:
+@react-three/fiber/dist/events-760a1017.esm.js:
   (**
    * @license React
    * react-reconciler-constants.production.js