pptx-react-viewer 4.51.0 → 4.52.0

package/dist/{chunk-V3XADJ2O.js → chunk-6GAWXARM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZ22RD3E2_js = require('./chunk-Z22RD3E2.js');
+var chunk3TN5SUQR_js = require('./chunk-3TN5SUQR.js');
 var pptx = require('ooxml-ui/pptx');
 var React17 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -577,14 +577,35 @@ function serializeHistoryDocument(snapshot) {
         slideId,
         elements.map(historyElementContent)
       ])
-    )
+    ),
+    // A theme pick that changes nothing on the slides is still an edit, and an undo step.
+    theme: snapshot.theme
   });
 }
+function withMasterPathsIn(snapshot, paths) {
+  const { theme, ...rest } = snapshot;
+  if (!theme?.masterThemePaths) {
+    return snapshot;
+  }
+  const { masterThemePaths, ...parts } = theme;
+  const kept = Object.entries(masterThemePaths).filter(([path]) => paths.has(path));
+  const next = kept.length > 0 ? { ...parts, masterThemePaths: Object.fromEntries(kept) } : parts;
+  return Object.keys(next).length > 0 ? { ...rest, theme: next } : rest;
+}
+function differsOnlyInMasterSet(previous, next) {
+  const before = Object.keys(previous.theme?.masterThemePaths ?? {});
+  const after = new Set(Object.keys(next.theme?.masterThemePaths ?? {}));
+  if (before.length === after.size && before.every((path) => after.has(path))) {
+    return false;
+  }
+  const shared = new Set(before.filter((path) => after.has(path)));
+  return serializeHistoryDocument(withMasterPathsIn(previous, shared)) === serializeHistoryDocument(withMasterPathsIn(next, shared));
+}
 function recordExplicitSlideUpdate(history, previous, before, label) {
   if (previous && serializeHistoryDocument(previous) !== serializeHistoryDocument(before)) {
-    history.record(chunkZ22RD3E2_js.cloneHistorySnapshot(previous), previous.actionLabel);
+    history.record(chunk3TN5SUQR_js.cloneHistorySnapshot(previous), previous.actionLabel);
   }
-  history.record({ ...chunkZ22RD3E2_js.cloneHistorySnapshot(before), actionLabel: label }, label);
+  history.record({ ...chunk3TN5SUQR_js.cloneHistorySnapshot(before), actionLabel: label }, label);
 }
 var POLL_INTERVAL_MS = 16;
 function usePointerReleaseWakeup(hasActivePointerInteraction) {
@@ -632,6 +653,9 @@ function useEditorHistory(input) {
     hasActivePointerInteraction,
     pointerCommitNonce,
     onDirty,
+    theme,
+    slideMasters,
+    onRestoreTheme,
     setSlides,
     setCanvasSize,
     setActiveSlideIndex,
@@ -658,16 +682,18 @@ function useEditorHistory(input) {
   }, [history, maxHistoryEntries]);
   const buildHistorySnapshot = React17.useCallback(
     (actionLabel) => {
+      const recordedTheme = pptx.historyTheme(theme, slideMasters);
       return {
         width: canvasSize.width,
         height: canvasSize.height,
         activeSlideIndex,
-        slides: slides.map(chunkZ22RD3E2_js.cloneSlide),
-        templateElementsBySlideId: chunkZ22RD3E2_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
+        slides: slides.map(chunk3TN5SUQR_js.cloneSlide),
+        templateElementsBySlideId: chunk3TN5SUQR_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
+        ...recordedTheme ? { theme: recordedTheme } : {},
         ...actionLabel ? { actionLabel } : {}
       };
     },
-    [activeSlideIndex, canvasSize, slides, templateElementsBySlideId]
+    [activeSlideIndex, canvasSize, slideMasters, slides, templateElementsBySlideId, theme]
   );
   const applyHistorySnapshot = React17.useCallback(
     (snapshot) => {
@@ -676,9 +702,9 @@ function useEditorHistory(input) {
         width: snapshot.width,
         height: snapshot.height
       });
-      setSlides(snapshot.slides.map(chunkZ22RD3E2_js.cloneSlide));
+      setSlides(snapshot.slides.map(chunk3TN5SUQR_js.cloneSlide));
       setTemplateElementsBySlideId(
-        chunkZ22RD3E2_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
+        chunk3TN5SUQR_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
       );
       setActiveSlideIndex(Math.min(snapshot.activeSlideIndex, maxSlideIndex));
       setSelectedElementIds([]);
@@ -709,43 +735,74 @@ function useEditorHistory(input) {
     setEditCommitNonce((previous) => previous + 1);
     onDirtyRef.current?.();
   }, []);
+  const onRestoreThemeRef = React17.useRef(onRestoreTheme);
+  React17.useEffect(() => {
+    onRestoreThemeRef.current = onRestoreTheme;
+  }, [onRestoreTheme]);
+  const restoreTheme = React17.useCallback(
+    (current, target) => {
+      const crossed = pptx.crossedHistoryTheme(current.theme, target.theme);
+      if (crossed) {
+        onRestoreThemeRef.current?.(crossed);
+      }
+    },
+    []
+  );
   const handleUndo = React17.useCallback(() => {
     if (!history.getSnapshot().canUndo) {
       return;
     }
-    const result = history.undo(buildHistorySnapshot());
+    const currentSnapshot = buildHistorySnapshot();
+    const result = history.undo(currentSnapshot);
     if (!result) {
       return;
     }
     isApplyingHistoryRef.current = true;
-    const nextSnapshot = chunkZ22RD3E2_js.cloneHistorySnapshot(result.snapshot);
-    lastHistorySnapshotRef.current = chunkZ22RD3E2_js.cloneHistorySnapshot(nextSnapshot);
+    const nextSnapshot = chunk3TN5SUQR_js.cloneHistorySnapshot(result.snapshot);
+    lastHistorySnapshotRef.current = chunk3TN5SUQR_js.cloneHistorySnapshot(nextSnapshot);
     lastHistorySerializedRef.current = serializeHistoryDocument(nextSnapshot);
     applyHistorySnapshot(nextSnapshot);
+    restoreTheme(currentSnapshot, nextSnapshot);
     unlockHistoryTracking();
     markDirty();
-  }, [applyHistorySnapshot, buildHistorySnapshot, history, markDirty, unlockHistoryTracking]);
+  }, [
+    applyHistorySnapshot,
+    buildHistorySnapshot,
+    history,
+    markDirty,
+    restoreTheme,
+    unlockHistoryTracking
+  ]);
   const handleRedo = React17.useCallback(() => {
     if (!history.getSnapshot().canRedo) {
       return;
     }
-    const result = history.redo(buildHistorySnapshot());
+    const currentSnapshot = buildHistorySnapshot();
+    const result = history.redo(currentSnapshot);
     if (!result) {
       return;
     }
     isApplyingHistoryRef.current = true;
-    const targetSnapshot = chunkZ22RD3E2_js.cloneHistorySnapshot(result.snapshot);
-    lastHistorySnapshotRef.current = chunkZ22RD3E2_js.cloneHistorySnapshot(targetSnapshot);
+    const targetSnapshot = chunk3TN5SUQR_js.cloneHistorySnapshot(result.snapshot);
+    lastHistorySnapshotRef.current = chunk3TN5SUQR_js.cloneHistorySnapshot(targetSnapshot);
     lastHistorySerializedRef.current = serializeHistoryDocument(targetSnapshot);
     applyHistorySnapshot(targetSnapshot);
+    restoreTheme(currentSnapshot, targetSnapshot);
     unlockHistoryTracking();
     markDirty();
-  }, [applyHistorySnapshot, buildHistorySnapshot, history, markDirty, unlockHistoryTracking]);
+  }, [
+    applyHistorySnapshot,
+    buildHistorySnapshot,
+    history,
+    markDirty,
+    restoreTheme,
+    unlockHistoryTracking
+  ]);
   const resetHistory = React17.useCallback(
     (initialSnapshot) => {
       history.clear();
       if (initialSnapshot) {
-        const clonedInitial = chunkZ22RD3E2_js.cloneHistorySnapshot(initialSnapshot);
+        const clonedInitial = chunk3TN5SUQR_js.cloneHistorySnapshot(initialSnapshot);
         lastHistorySnapshotRef.current = clonedInitial;
         lastHistorySerializedRef.current = serializeHistoryDocument(clonedInitial);
       } else {
@@ -792,7 +849,7 @@ function useEditorHistory(input) {
       return;
     }
     const previousSnapshot = lastHistorySnapshotRef.current;
-    if (!previousSnapshot) {
+    if (!previousSnapshot || differsOnlyInMasterSet(previousSnapshot, snapshot)) {
       lastHistorySnapshotRef.current = snapshot;
       lastHistorySerializedRef.current = serialized;
       lastCheapHashRef.current = cheapHash;
@@ -818,11 +875,17 @@ function useEditorHistory(input) {
     pointerReleaseNonce,
     slides
   ]);
-  const commitSlides = (nextSlides, label, beforeSlides = slides) => {
-    const before = { ...buildHistorySnapshot(), slides: beforeSlides.map(chunkZ22RD3E2_js.cloneSlide) };
-    const after = { ...before, slides: nextSlides.map(chunkZ22RD3E2_js.cloneSlide) };
+  const commitSlides = (nextSlides, label, beforeSlides = slides, nextSlideMasters) => {
+    const before = { ...buildHistorySnapshot(), slides: beforeSlides.map(chunk3TN5SUQR_js.cloneSlide) };
+    const { theme: beforeTheme, ...unthemed } = before;
+    const afterTheme = nextSlideMasters ? pptx.historyTheme(theme, nextSlideMasters) : beforeTheme;
+    const after = {
+      ...unthemed,
+      slides: nextSlides.map(chunk3TN5SUQR_js.cloneSlide),
+      ...afterTheme ? { theme: afterTheme } : {}
+    };
     recordExplicitSlideUpdate(history, lastHistorySnapshotRef.current, before, label);
-    lastHistorySnapshotRef.current = chunkZ22RD3E2_js.cloneHistorySnapshot(after);
+    lastHistorySnapshotRef.current = chunk3TN5SUQR_js.cloneHistorySnapshot(after);
     lastHistorySerializedRef.current = serializeHistoryDocument(after);
     isApplyingHistoryRef.current = false;
     setSlides(nextSlides);
@@ -841,6 +904,7 @@ function useEditorHistory(input) {
     handleUndo,
     handleRedo,
     resetHistory,
+    forgetHistory: history.forget,
     markDirty,
     buildHistorySnapshot
   };
@@ -1007,22 +1071,22 @@ function useZoomViewport({
     selectedElements.forEach((element) => {
       minX = Math.min(minX, element.x);
       minY = Math.min(minY, element.y);
-      maxX = Math.max(maxX, element.x + Math.max(element.width, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE));
-      maxY = Math.max(maxY, element.y + Math.max(element.height, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE));
+      maxX = Math.max(maxX, element.x + Math.max(element.width, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE));
+      maxY = Math.max(maxY, element.y + Math.max(element.height, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE));
     });
     if (!Number.isFinite(minX) || !Number.isFinite(minY) || !Number.isFinite(maxX) || !Number.isFinite(maxY)) {
       return;
     }
     const selectionBounds = { minX, minY, maxX, maxY };
-    const boundsWidth = Math.max(selectionBounds.maxX - selectionBounds.minX, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE);
-    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE);
+    const boundsWidth = Math.max(selectionBounds.maxX - selectionBounds.minX, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE);
+    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE);
     const availableWidth = Math.max(
-      effectiveEditorDimensions.width - chunkZ22RD3E2_js.ZOOM_TO_SELECTION_PADDING,
-      chunkZ22RD3E2_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.width - chunk3TN5SUQR_js.ZOOM_TO_SELECTION_PADDING,
+      chunk3TN5SUQR_js.MIN_ELEMENT_SIZE
     );
     const availableHeight = Math.max(
-      effectiveEditorDimensions.height - chunkZ22RD3E2_js.ZOOM_TO_SELECTION_PADDING,
-      chunkZ22RD3E2_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.height - chunk3TN5SUQR_js.ZOOM_TO_SELECTION_PADDING,
+      chunk3TN5SUQR_js.MIN_ELEMENT_SIZE
     );
     const targetEditorScale = Math.min(
       availableWidth / boundsWidth,
@@ -3974,8 +4038,8 @@ function useViewerCoreState(_input) {
   const { slides, setSlides, slidesRef } = useSlideState();
   const [templateElementsBySlideId, setTemplateElementsBySlideId] = React17.useState({});
   const [canvasSize, setCanvasSize] = React17.useState({
-    width: chunkZ22RD3E2_js.DEFAULT_CANVAS_WIDTH,
-    height: chunkZ22RD3E2_js.DEFAULT_CANVAS_HEIGHT
+    width: chunk3TN5SUQR_js.DEFAULT_CANVAS_WIDTH,
+    height: chunk3TN5SUQR_js.DEFAULT_CANVAS_HEIGHT
   });
   const [slideSizeEmu, setSlideSizeEmu] = React17.useState();
   const [activeSlideIndex, setActiveSlideIndex] = React17.useState(0);
@@ -4451,12 +4515,12 @@ function useLoadContent({
         }
         resources.commit();
         handlerRef.current = handler;
-        const partition = chunkZ22RD3E2_js.partitionTemplateElements(nextSlides);
+        const partition = chunk3TN5SUQR_js.partitionTemplateElements(nextSlides);
         setSlides(partition.slides);
         setTemplateElementsBySlideId(partition.templateElementsBySlideId);
         setCanvasSize({
-          width: parsed.width ?? chunkZ22RD3E2_js.DEFAULT_CANVAS_WIDTH,
-          height: parsed.height ?? chunkZ22RD3E2_js.DEFAULT_CANVAS_HEIGHT
+          width: parsed.width ?? chunk3TN5SUQR_js.DEFAULT_CANVAS_WIDTH,
+          height: parsed.height ?? chunk3TN5SUQR_js.DEFAULT_CANVAS_HEIGHT
         });
         setSlideSizeEmu(
           typeof parsed.widthEmu === "number" && typeof parsed.heightEmu === "number" && parsed.widthEmu > 0 && parsed.heightEmu > 0 ? {
@@ -4862,7 +4926,7 @@ function useElementOperations(input) {
         );
         return;
       }
-      if (chunkZ22RD3E2_js.isTemplateElementId(elementId)) {
+      if (chunk3TN5SUQR_js.isTemplateElementId(elementId)) {
         const slideId = activeSlide?.id;
         if (slideId) {
           setTemplateElementsBySlideId((prev) => ({
@@ -5148,8 +5212,8 @@ function createCanvasGestures(getInput, frames = animationFrames) {
   }
   function paintResize(resize, transform) {
     const { x, y } = transform;
-    const width = Math.max(transform.width, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE);
-    const height = Math.max(transform.height, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE);
+    const width = Math.max(transform.width, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE);
+    const height = Math.max(transform.height, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE);
     resize.lastX = x;
     resize.lastY = y;
     resize.lastWidth = transform.width;
@@ -5206,7 +5270,7 @@ function createCanvasGestures(getInput, frames = animationFrames) {
     getGridSize: () => getInput().gridSpacingPx,
     getSnapToShape: () => getInput().snapToShape,
     getGuides: () => getInput().guides.map(({ axis, position }) => ({ axis, position })),
-    getMinSize: () => chunkZ22RD3E2_js.MIN_ELEMENT_SIZE,
+    getMinSize: () => chunk3TN5SUQR_js.MIN_ELEMENT_SIZE,
     getSnapExcludeIds: () => armed?.kind === "move" ? Object.keys(armed.drag.startPositionsById) : [],
     getStageOrigin: () => {
       const rect = getInput().canvasStageRef.current?.getBoundingClientRect();
@@ -5287,7 +5351,7 @@ function commitMove(input, drag) {
       const start = drag.startPositionsById[el.id];
       return start ? { ...el, x: start.x + dx, y: start.y + dy } : el;
     });
-    return chunkZ22RD3E2_js.applyReroutedConnectors(moved, chunkZ22RD3E2_js.rerouteConnectorsForMovedElements(moved, movedIds));
+    return chunk3TN5SUQR_js.applyReroutedConnectors(moved, chunk3TN5SUQR_js.rerouteConnectorsForMovedElements(moved, movedIds));
   };
   if (input.editTemplateMode) {
     const slideId = input.activeSlide?.id;
@@ -5318,8 +5382,8 @@ function commitResize(input, resize) {
       if (i !== input.activeSlideIndex) {
         return s;
       }
-      const rerouted = chunkZ22RD3E2_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
-      return rerouted.length === 0 ? s : { ...s, elements: chunkZ22RD3E2_js.applyReroutedConnectors(s.elements, rerouted) };
+      const rerouted = chunk3TN5SUQR_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
+      return rerouted.length === 0 ? s : { ...s, elements: chunk3TN5SUQR_js.applyReroutedConnectors(s.elements, rerouted) };
     })
   );
 }
@@ -6154,7 +6218,7 @@ function createStructuredElementHandlers(deps) {
       return;
     }
     const resolved = resolveHyperlinkEditResult(data);
-    if (resolved.url && !chunkZ22RD3E2_js.isUrlSafe(resolved.url)) {
+    if (resolved.url && !chunk3TN5SUQR_js.isUrlSafe(resolved.url)) {
       return;
     }
     const actionClick = {
@@ -6200,7 +6264,7 @@ function createStructuredElementHandlers(deps) {
     if (!activeSlide) {
       return;
     }
-    const preset = chunkZ22RD3E2_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
+    const preset = chunk3TN5SUQR_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
     if (!preset) {
       return;
     }
@@ -6287,7 +6351,7 @@ function useInsertElements(input) {
       width: 300,
       height: 60,
       text: "",
-      textStyle: { fontSize: chunkZ22RD3E2_js.DEFAULT_TEXT_FONT_SIZE }
+      textStyle: { fontSize: chunk3TN5SUQR_js.DEFAULT_TEXT_FONT_SIZE }
     });
   };
   const handleAddShape = () => {
@@ -6309,7 +6373,7 @@ function useInsertElements(input) {
       }
     });
   };
-  const handleAddTable = (rows = chunkZ22RD3E2_js.DEFAULT_TABLE_ROWS, columns = chunkZ22RD3E2_js.DEFAULT_TABLE_COLUMNS) => {
+  const handleAddTable = (rows = chunk3TN5SUQR_js.DEFAULT_TABLE_ROWS, columns = chunk3TN5SUQR_js.DEFAULT_TABLE_COLUMNS) => {
     if (!activeSlide) {
       return;
     }
@@ -6483,7 +6547,7 @@ function useGroupAlignLayerHandlers(input) {
     history
   } = input;
   const updateElementsOwning = (elementId, updater) => {
-    if (editTemplateMode && !chunkZ22RD3E2_js.isTemplateElementId(elementId)) {
+    if (editTemplateMode && !chunk3TN5SUQR_js.isTemplateElementId(elementId)) {
       ops.updateSlides(
         (prev) => prev.map(
           (slide, index) => index === activeSlideIndex ? { ...slide, elements: updater(slide.elements) } : slide
@@ -6517,9 +6581,9 @@ function useGroupAlignLayerHandlers(input) {
       return;
     }
     const group = selectedElement;
-    const intoTemplate = chunkZ22RD3E2_js.isTemplateElementId(group.id);
+    const intoTemplate = chunk3TN5SUQR_js.isTemplateElementId(group.id);
     const childIds = group.children.map(
-      (child) => intoTemplate ? chunkZ22RD3E2_js.makeCloneId(true, child.id || group.id) : child.id || pptx.generateElementId()
+      (child) => intoTemplate ? chunk3TN5SUQR_js.makeCloneId(true, child.id || group.id) : child.id || pptx.generateElementId()
     );
     const { elements, childIds: usedIds } = pptx.ungroupElements(
       ops.activeElements,
@@ -6891,7 +6955,7 @@ function useSlideManagement(input) {
         async (updated) => {
           const templateElements = await handler.getTemplateElementsForSlide(updated.id).catch(() => []);
           ops.updateSlides((prev) => {
-            if (prev[insertAt]?.id !== draft.id) {
+            if (pptx.insertedLayoutCompletion(prev[insertAt], draft) !== "replace") {
               return prev;
             }
             const next = [...prev];
@@ -6955,7 +7019,7 @@ function createTableMergeHandlers(input) {
     if (!nextCell || nextCell.hMerge || nextCell.vMerge) {
       return;
     }
-    const newTableData = chunkZ22RD3E2_js.mergeCells(
+    const newTableData = chunk3TN5SUQR_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: rowIndex, col: nextColIdx }
@@ -6963,7 +7027,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = chunkZ22RD3E2_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunk3TN5SUQR_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6989,7 +7053,7 @@ function createTableMergeHandlers(input) {
     if (!targetNextCell || targetNextCell.hMerge || targetNextCell.vMerge) {
       return;
     }
-    const newTableData = chunkZ22RD3E2_js.mergeCells(
+    const newTableData = chunk3TN5SUQR_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: targetNextRowIdx, col: columnIndex }
@@ -6997,7 +7061,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = chunkZ22RD3E2_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunk3TN5SUQR_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -7012,9 +7076,9 @@ function createTableMergeHandlers(input) {
       return;
     }
     const td = selectedElement.tableData;
-    const newTableData = chunkZ22RD3E2_js.mergeCells(ts.selectedCells, td);
+    const newTableData = chunk3TN5SUQR_js.mergeCells(ts.selectedCells, td);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkZ22RD3E2_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunk3TN5SUQR_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -7031,9 +7095,9 @@ function createTableMergeHandlers(input) {
     }
     const { rowIndex, columnIndex } = ts;
     const td = selectedElement.tableData;
-    const newTableData = chunkZ22RD3E2_js.splitCell(rowIndex, columnIndex, td);
+    const newTableData = chunk3TN5SUQR_js.splitCell(rowIndex, columnIndex, td);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkZ22RD3E2_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunk3TN5SUQR_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -7068,7 +7132,7 @@ function createTableStructHandlers(input) {
       updates.tableData = pptx.setCellText(el, rowIndex, colIndex, text).tableData;
     }
     if (el.rawXml) {
-      const newRawXml = chunkZ22RD3E2_js.updateCellTextInRawXml(el, rowIndex, colIndex, text);
+      const newRawXml = chunk3TN5SUQR_js.updateCellTextInRawXml(el, rowIndex, colIndex, text);
       if (newRawXml) {
         updates.rawXml = newRawXml;
       }
@@ -7092,7 +7156,7 @@ function createTableStructHandlers(input) {
     const { rowIndex, columnIndex: colIndex } = ts;
     const updates = {};
     if (selectedElement.rawXml) {
-      const newRawXml = chunkZ22RD3E2_js.updateCellTextStyleInRawXml(
+      const newRawXml = chunk3TN5SUQR_js.updateCellTextStyleInRawXml(
         selectedElement,
         rowIndex,
         colIndex,
@@ -7270,7 +7334,7 @@ function useExportSaveAs(input) {
     const sourceName = filePath ? filePath.replace(/\\/gu, "/").split("/").pop() : void 0;
     const slideSize = pptx.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size;
     const data = {
-      slides: chunkZ22RD3E2_js.buildSaveSlides(slides, templateElementsBySlideId),
+      slides: chunk3TN5SUQR_js.buildSaveSlides(slides, templateElementsBySlideId),
       width: canvasSize.width,
       height: canvasSize.height,
       widthEmu: slideSize.widthEmu,
@@ -7411,28 +7475,29 @@ async function copySlideToClipboard(slideElement, options = {}) {
   const blob = await exportSlideToPngBlob(slideElement, options);
   await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
 }
-async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
+async function captureSlidesAsPngDataUrls(slideStageRef, slideIndices, setActiveSlide, currentSlideIndex, options = {}) {
   const { scale = 2, onProgress } = options;
-  const dataUrls = [];
-  for (let i = 0; i < totalSlides; i++) {
-    onProgress?.(i, totalSlides);
-    setActiveSlide(i);
+  const total = slideIndices.length;
+  const captures = [];
+  for (const [position, slideIndex] of slideIndices.entries()) {
+    onProgress?.(position, total);
+    setActiveSlide(slideIndex);
     await waitForRender(150);
     const stageEl = slideStageRef.current;
     if (!stageEl) {
-      console.warn(`[export] Could not find slide stage element for slide ${i}`);
+      console.warn(`[export] Could not find slide stage element for slide ${slideIndex}`);
       continue;
     }
     const { canvas } = await renderElementToTiledCanvas(stageEl, scale);
-    dataUrls.push(canvas.toDataURL("image/png"));
+    captures.push({ slideIndex, dataUrl: canvas.toDataURL("image/png") });
   }
-  onProgress?.(totalSlides, totalSlides);
+  onProgress?.(total, total);
   setActiveSlide(currentSlideIndex);
-  return dataUrls;
+  return captures;
 }
 function tilesToPdfPage(tilesResult) {
   return tilesResult.tiles.map((tile) => ({
-    image: chunkZ22RD3E2_js.canvasToJpegData(tile.canvas),
+    image: chunk3TN5SUQR_js.canvasToJpegData(tile.canvas),
     placement: pptx.placeTileOnPage(
       tile,
       tilesResult.fullWidth,
@@ -7465,7 +7530,7 @@ async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide,
   if (pages.length === 0) {
     throw new Error(i18n.translationsEn["pptx.export.errorNoSlidesPdf"]);
   }
-  const pdfBlobUrl = chunkZ22RD3E2_js.buildPdfFromTiledImageData(pages);
+  const pdfBlobUrl = chunk3TN5SUQR_js.buildPdfFromTiledImageData(pages);
   pptx.downloadDataUrl(pdfBlobUrl, filename);
 }
 async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, slideNotes, filename = "presentation-notes.pdf", options = {}) {
@@ -7495,7 +7560,7 @@ async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSl
   if (pages.length === 0) {
     throw new Error(i18n.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
   }
-  const pdfDataUrl = chunkZ22RD3E2_js.buildNotesPdf(pages);
+  const pdfDataUrl = chunk3TN5SUQR_js.buildNotesPdf(pages);
   pptx.downloadDataUrl(pdfDataUrl, filename);
 }
 async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
@@ -7668,35 +7733,12 @@ function injectFontFaces(svg, fontFaces) {
   }
   return `${svg.slice(0, closingBracket + 1)}<defs>${styleBlock}</defs>${svg.slice(closingBracket + 1)}`;
 }
-function exportAllSlidesToSvg(data, options = {}) {
-  const { onProgress, embedFonts, fontFaces } = options;
-  const svgOptions = {
-    includeHidden: options.includeHidden,
-    slideIndices: options.slideIndices,
-    defaultFontFamily: options.defaultFontFamily,
-    defaultFontSize: options.defaultFontSize
-  };
-  const results = [];
-  const includeHidden = svgOptions.includeHidden ?? false;
-  let processedCount = 0;
-  for (let i = 0; i < data.slides.length; i++) {
-    if (svgOptions.slideIndices && !svgOptions.slideIndices.includes(i)) {
-      continue;
-    }
-    const slide = data.slides[i];
-    if (slide.hidden && !includeHidden) {
-      continue;
-    }
-    onProgress?.(processedCount, data.slides.length);
-    let svg = pptx$1.SvgExporter.exportSlide(slide, data.width, data.height, svgOptions);
-    if (embedFonts && fontFaces?.length) {
-      svg = injectFontFaces(svg, fontFaces);
-    }
-    results.push(svg);
-    processedCount++;
+function exportSlideToSvg(slide, width, height, options = {}) {
+  let svg = pptx$1.SvgExporter.exportSlide(slide, width, height, options);
+  if (options.embedFonts && options.fontFaces?.length) {
+    svg = injectFontFaces(svg, options.fontFaces);
   }
-  onProgress?.(processedCount, data.slides.length);
-  return results;
+  return svg;
 }
 function safePrompt(message, defaultValue) {
   try {
@@ -8105,161 +8147,95 @@ function useViewerOptionsContext() {
 }
 
 // src/viewer/hooks/usePrintHandlers.ts
+var BLOCKED_WARNING = "[PowerPointViewer] Print window was blocked by the browser. Allow popups for this site to print.";
 function usePrintHandlers(input) {
-  const { slides, activeSlideIndex, canvasStageRef, setActiveSlideIndex, pptxData } = input;
+  const { slides, activeSlideIndex, canvasStageRef, setActiveSlideIndex, canvasSize } = input;
+  const handoutMaster = input.handoutMaster ?? input.pptxData?.handoutMaster;
   const [isPrintDialogOpen, setIsPrintDialogOpen] = React17.useState(false);
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   const viewerOptions = useViewerOptionsContext();
-  const includeHiddenSlides = viewerOptions.advanced.printHiddenSlides;
   const printRasterScale = (viewerOptions.advanced.printHighQuality ? 4 : 3) * pptx.resolveImageResolutionScale(viewerOptions);
   const handlePrint = () => {
     setIsPrintDialogOpen(true);
   };
-  const handlePrintSvg = async (settings) => {
-    setIsPrintDialogOpen(false);
-    const printWindow = pptx.openPendingPrintWindow(t("pptx.print.preparingToPrint"));
-    if (!printWindow) {
-      console.warn(
-        "[PowerPointViewer] Print window was blocked by the browser. Allow popups for this site to print."
-      );
-      return;
-    }
-    if (!pptxData || settings.printWhat !== "slides") {
-      return runRasterPrint(printWindow, settings);
-    }
-    const colorFilter = pptx.computeColorFilter(settings.colorMode);
-    const slideIndices = pptx.filterHiddenSlideIndices(
-      pptx.computeSlideIndices(
-        settings.slideRange,
-        activeSlideIndex,
-        slides.length,
-        settings.customRangeFrom,
-        settings.customRangeTo
-      ),
-      slides,
-      includeHiddenSlides
-    );
-    try {
-      const svgs = exportAllSlidesToSvg(pptxData, {
-        slideIndices
-      });
-      if (svgs.length === 0) {
-        printWindow.close();
-        return;
-      }
-      const printDoc = pptx.buildPrintDocument(svgs, pptxData.width, pptxData.height, {
-        title: "Slides (Vector)",
-        orientation: settings.orientation,
-        colorFilter,
-        scaleToFit: settings.scaleToFit
-      });
-      pptx.finishPrintWindow(printWindow, printDoc);
-    } catch (err) {
-      console.warn("[PowerPointViewer] SVG print path failed, falling back to raster:", err);
-      return runRasterPrint(printWindow, settings);
-    }
-  };
-  const runRasterPrint = async (printWindow, settings) => {
-    const colorFilter = pptx.computeColorFilter(settings.colorMode);
-    const slideIndices = pptx.filterHiddenSlideIndices(
-      pptx.computeSlideIndices(
-        settings.slideRange,
-        activeSlideIndex,
-        slides.length,
-        settings.customRangeFrom,
-        settings.customRangeTo
-      ),
-      slides,
-      includeHiddenSlides
-    );
-    if (settings.printWhat === "outline") {
-      pptx.finishPrintWindow(
-        printWindow,
-        pptx.buildPrintHtmlDocument({
-          title: "Outline",
-          bodyHtml: `<div class="outline-page">${pptx.buildOutlineHtml(slideIndices, slides)}</div>`,
-          orientation: settings.orientation,
-          colorFilter,
-          frameSlides: settings.frameSlides,
-          scaleToFit: settings.scaleToFit
-        })
-      );
-      return;
-    }
+  const deckSlides = () => input.templateElementsBySlideId ? chunk3TN5SUQR_js.buildSaveSlides(slides, input.templateElementsBySlideId) : slides;
+  const plan = (settings, deck) => pptx.planPrintJob(settings, {
+    slides: deck,
+    activeSlideIndex,
+    // Options > Advanced > "Print hidden slides".
+    includeHiddenSlides: viewerOptions.advanced.printHiddenSlides
+  });
+  const title = (job) => t(job.title.key, job.title.params);
+  const runRasterPrint = async (printWindow, job, deck) => {
     try {
       if (!canvasStageRef.current) {
         printWindow.close();
         return;
       }
-      const allImages = await captureAllSlidesAsPngDataUrls(
+      const captures = await captureSlidesAsPngDataUrls(
         canvasStageRef,
-        slides.length,
+        job.slideIndices,
         setActiveSlideIndex,
         activeSlideIndex,
         { scale: printRasterScale }
       );
-      if (allImages.length === 0) {
+      if (captures.length === 0) {
         printWindow.close();
         return;
       }
-      const slideImages = slideIndices.map((idx) => allImages[idx]).filter(Boolean);
-      if (settings.printWhat === "slides") {
-        pptx.finishPrintWindow(
-          printWindow,
-          pptx.buildPrintHtmlDocument({
-            title: "Slides",
-            bodyHtml: pptx.buildSlidesHtml(slideImages, slideIndices),
-            orientation: settings.orientation,
-            colorFilter,
-            frameSlides: settings.frameSlides,
-            scaleToFit: settings.scaleToFit
-          })
-        );
-        return;
-      }
-      if (settings.printWhat === "notes") {
-        pptx.finishPrintWindow(
-          printWindow,
-          pptx.buildPrintHtmlDocument({
-            title: "Notes Pages",
-            bodyHtml: pptx.buildNotesHtml(slideImages, slideIndices, slides),
-            orientation: "portrait",
-            colorFilter,
-            frameSlides: settings.frameSlides,
-            scaleToFit: settings.scaleToFit
-          })
-        );
-        return;
-      }
-      if (settings.printWhat === "handouts") {
-        const spp = settings.slidesPerPage;
-        pptx.finishPrintWindow(
-          printWindow,
-          pptx.buildPrintHtmlDocument({
-            title: `Handout ${spp} per page`,
-            bodyHtml: pptx.buildHandoutsHtml(slideImages, slideIndices, spp, pptxData?.handoutMaster),
-            orientation: "portrait",
-            colorFilter,
-            frameSlides: settings.frameSlides,
-            scaleToFit: settings.scaleToFit
-          })
-        );
-      }
+      pptx.finishPrintWindow(
+        printWindow,
+        pptx.buildRasterPrintJobDocument(job, title(job), captures, deck, handoutMaster)
+      );
     } catch (err) {
       console.error("[PowerPointViewer] Print layout failed:", err);
+      printWindow.close();
     }
   };
-  const handlePrintWithSettings = async (settings) => {
-    setIsPrintDialogOpen(false);
+  const openNow = (html) => {
+    if (!pptx.openPrintWindow(html)) {
+      console.warn(BLOCKED_WARNING);
+    }
+  };
+  const startRasterPrint = async (job, deck) => {
     const printWindow = pptx.openPendingPrintWindow(t("pptx.print.preparingToPrint"));
     if (!printWindow) {
-      console.warn(
-        "[PowerPointViewer] Print window was blocked by the browser. Allow popups for this site to print."
+      console.warn(BLOCKED_WARNING);
+      return;
+    }
+    await runRasterPrint(printWindow, job, deck);
+  };
+  const vectorDocument = (job, deck) => {
+    try {
+      const svgs = job.slideIndices.map(
+        (index) => exportSlideToSvg(deck[index], canvasSize.width, canvasSize.height)
       );
+      return pptx.buildVectorPrintJobDocument(job, title(job), svgs, canvasSize);
+    } catch (err) {
+      console.warn("[PowerPointViewer] SVG print path failed, falling back to raster:", err);
+      return void 0;
+    }
+  };
+  const runPrintJob = async (settings, vector) => {
+    setIsPrintDialogOpen(false);
+    const deck = deckSlides();
+    const job = plan(settings, deck);
+    if (!job.ok) {
       return;
     }
-    return runRasterPrint(printWindow, settings);
+    if (job.output === "outline") {
+      openNow(pptx.buildOutlinePrintJobDocument(job, title(job), deck));
+      return;
+    }
+    const html = vector && job.output === "vector" ? vectorDocument(job, deck) : void 0;
+    if (html !== void 0) {
+      openNow(html);
+      return;
+    }
+    await startRasterPrint(pptx.printJobRasterFallback(job), deck);
   };
+  const handlePrintSvg = (settings) => runPrintJob(settings, true);
+  const handlePrintWithSettings = (settings) => runPrintJob(settings, false);
   return {
     handlePrint,
     handlePrintWithSettings,
@@ -8268,6 +8244,27 @@ function usePrintHandlers(input) {
     setIsPrintDialogOpen
   };
 }
+async function applyThemePartInPlace(input, themePath, applyToAllMasters) {
+  const change = await pptx.applyThemeByPath(input.handlerRef.current, {
+    themePath,
+    applyToAllMasters,
+    slides: input.slides,
+    slideMasters: input.slideMasters,
+    theme: input.theme,
+    templateElementsBySlideId: input.templateElementsBySlideId
+  });
+  if (!change) {
+    return;
+  }
+  input.bumpHistory();
+  input.setSlides(change.slides);
+  input.setTemplateElementsBySlideId(change.templateElementsBySlideId);
+  input.setSlideMasters(change.slideMasters);
+  if (change.deckTheme) {
+    input.setTheme(change.deckTheme.theme);
+  }
+  input.history.markDirty();
+}
 async function applyThemeEditorEdit(input, { colorScheme, fontScheme, name }) {
   const {
     handlerRef,
@@ -8282,7 +8279,7 @@ async function applyThemeEditorEdit(input, { colorScheme, fontScheme, name }) {
   if (!handler) {
     return;
   }
-  await handler.applyTheme(colorScheme, fontScheme, name);
+  await pptx.queueThemeWrite(handler, () => handler.applyTheme(colorScheme, fontScheme, name));
   const previousMap = theme?.colorScheme ? pptx$1.buildThemeColorMap(theme.colorScheme) : {};
   bumpHistory();
   setSlides(
@@ -8308,14 +8305,27 @@ async function applyThemeEditorEdit(input, { colorScheme, fontScheme, name }) {
   setTheme((prev) => ({ ...prev, colorScheme, fontScheme, name }));
   history.markDirty();
 }
+function restoreHistoryTheme(input, target) {
+  const masters = input.slideMasters;
+  const current = pptx.historyTheme(input.theme, masters);
+  input.setTheme((prev) => pptx.withHistoryTheme(prev, target));
+  if (target.masterThemePaths) {
+    input.setSlideMasters(
+      (prev) => pptx.withHistoryMasterThemes(prev, target)
+    );
+  }
+  return pptx.writeThemeParts(
+    input.handlerRef.current,
+    current,
+    target,
+    pptx.loadedThemeName(input.themeOptions, input.slideMasters)
+  );
+}
 
 // src/viewer/hooks/useThemeHandlers.ts
 function useThemeHandlers(input) {
   const {
     handlerRef,
-    serializeSlides,
-    setContent,
-    onContentChange,
     setTheme,
     setSlideMasters,
     slideMasters,
@@ -8326,36 +8336,13 @@ function useThemeHandlers(input) {
     theme,
     bumpHistory
   } = input;
-  const refreshContentAfterThemeChange = async () => {
-    const updated = await serializeSlides();
-    if (!updated) {
-      return;
-    }
-    setContent(updated);
-    if (onContentChange) {
-      onContentChange(updated);
-    }
-    history.markDirty();
-  };
-  const handleApplyTheme = async (themePath, applyToAllMasters) => {
-    const handler = handlerRef.current;
-    if (!handler) {
-      return;
-    }
-    await handler.setPresentationTheme(themePath, applyToAllMasters);
-    setSlideMasters(
-      (prev) => prev.map(
-        (master, index) => applyToAllMasters || index === 0 ? { ...master, themePath } : master
-      )
-    );
-    await refreshContentAfterThemeChange();
-  };
+  const handleApplyTheme = (themePath, applyToAllMasters) => applyThemePartInPlace(input, themePath, applyToAllMasters);
   const handleUpdateThemeColorScheme = async (colorScheme) => {
     const handler = handlerRef.current;
     if (!handler) {
       return;
     }
-    await handler.updateThemeColorScheme(colorScheme);
+    await pptx.queueThemeWrite(handler, () => handler.updateThemeColorScheme(colorScheme));
     const previousMap = theme?.colorScheme ? pptx$1.buildThemeColorMap(theme.colorScheme) : {};
     setSlides((prev) => pptx$1.reResolveSlideColors(prev, previousMap, colorScheme));
     if (Object.keys(templateElementsBySlideId).length > 0) {
@@ -8376,7 +8363,7 @@ function useThemeHandlers(input) {
     if (!handler) {
       return;
     }
-    await handler.updateThemeFontScheme(fontScheme);
+    await pptx.queueThemeWrite(handler, () => handler.updateThemeFontScheme(fontScheme));
     const previousFonts = theme?.fontScheme;
     bumpHistory();
     setSlides((prev) => pptx$1.reResolveSlideFonts(prev, previousFonts, fontScheme));
@@ -8396,20 +8383,15 @@ function useThemeHandlers(input) {
     if (!handler) {
       return;
     }
-    await handler.updateThemeName(name);
+    await pptx.queueThemeWrite(handler, () => handler.updateThemeName(name));
     setTheme((prev) => prev ? { ...prev, name } : { name });
     history.markDirty();
   };
   const handleApplyThemeToPresentation = async () => {
-    const handler = handlerRef.current;
-    if (!handler) {
-      return;
-    }
     const primaryThemePath = slideMasters[0]?.themePath;
     if (primaryThemePath) {
-      await handler.setPresentationTheme(primaryThemePath, true);
+      await applyThemePartInPlace(input, primaryThemePath, true);
     }
-    await refreshContentAfterThemeChange();
   };
   const handleApplyThemeData = (colorScheme, fontScheme, themeName) => applyThemeEditorEdit(input, { colorScheme, fontScheme, name: themeName ?? theme?.name ?? "" });
   const handleSetTemplateBackground = (path, backgroundColor) => {
@@ -8437,16 +8419,9 @@ function useThemeHandlers(input) {
     }
     return handler.getAvailableThemes();
   };
-  const handleSwitchTheme = async (themePath) => {
-    const handler = handlerRef.current;
-    if (!handler) {
-      return;
-    }
-    await handler.setPresentationTheme(themePath, true);
-    setSlideMasters((prev) => prev.map((master) => ({ ...master, themePath })));
-    await refreshContentAfterThemeChange();
-  };
+  const handleSwitchTheme = (themePath) => applyThemePartInPlace(input, themePath, true);
   const handleApplyThemeEdit = (edit) => applyThemeEditorEdit(input, edit);
+  const handleRestoreHistoryTheme = (target) => restoreHistoryTheme(input, target);
   return {
     handleApplyThemeEdit,
     handleApplyTheme,
@@ -8455,6 +8430,7 @@ function useThemeHandlers(input) {
     handleUpdateThemeName,
     handleApplyThemeToPresentation,
     handleApplyThemeData,
+    handleRestoreHistoryTheme,
     handleSetTemplateBackground,
     handleGetTemplateBackgroundColor,
     handleGetAvailableThemes,
@@ -8596,7 +8572,7 @@ function usePropertyHandlers(input) {
           width: canvasSize.width,
           height: canvasSize.height
         };
-        setCompareResult(chunkZ22RD3E2_js.comparePresentation(cur, other));
+        setCompareResult(chunk3TN5SUQR_js.comparePresentation(cur, other));
         setIsComparePanelOpen(true);
       } catch (err) {
         console.warn("Compare failed:", err);
@@ -8952,7 +8928,7 @@ function useViewerDialogs(input) {
   };
 }
 function computeGridSpacingPx(documentGridSpacing) {
-  return pptx.computeGridSpacingPx(documentGridSpacing, chunkZ22RD3E2_js.GRID_SIZE);
+  return pptx.computeGridSpacingPx(documentGridSpacing, chunk3TN5SUQR_js.GRID_SIZE);
 }
 function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows, presentationProperties) {
   const activeShow = activeCustomShowId ? customShows.find((show) => show.id === activeCustomShowId) : void 0;
@@ -8961,7 +8937,7 @@ function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows, pre
 }
 function computeSlideSectionGroups(slides, sections) {
   return pptx.groupSlidesBySection(sections, slides).map((group) => ({
-    id: group.section?.id ?? (sections.length > 0 ? chunkZ22RD3E2_js.UNGROUPED_SECTION_ID : chunkZ22RD3E2_js.DEFAULT_SECTION_GROUP_ID),
+    id: group.section?.id ?? (sections.length > 0 ? chunk3TN5SUQR_js.UNGROUPED_SECTION_ID : chunk3TN5SUQR_js.DEFAULT_SECTION_GROUP_ID),
     label: group.section?.name ?? (sections.length > 0 ? "Ungrouped Slides" : "Slides"),
     slideIndexes: group.slideIndexes,
     ...group.section?.color !== void 0 ? { color: group.section.color } : {},
@@ -8980,7 +8956,7 @@ function computeMasterPseudoSlide(mode, activeLayout, activeMaster) {
   });
 }
 function useDerivedSlideState(input) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   const {
     slides,
     sections,
@@ -9006,10 +8982,10 @@ function useDerivedSlideState(input) {
   );
   const slideSectionGroups = React17.useMemo(
     () => computeSlideSectionGroups(slides, sections).map((group) => {
-      if (group.id === chunkZ22RD3E2_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
+      if (group.id === chunk3TN5SUQR_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
         return { ...group, label: t("pptx.slides.ungroupedSlides") };
       }
-      if (group.id === chunkZ22RD3E2_js.DEFAULT_SECTION_GROUP_ID && group.label === "Slides") {
+      if (group.id === chunk3TN5SUQR_js.DEFAULT_SECTION_GROUP_ID && group.label === "Slides") {
         return { ...group, label: t("pptx.sections.slides") };
       }
       return group;
@@ -9116,7 +9092,7 @@ function useAnnotationHandlers(input) {
       if (nextMode === "present") {
         presentation.enterPresentMode();
       } else if (mode === "present" && annotations.hasAnyAnnotations) {
-        chunkZ22RD3E2_js.stopAllPersistentAudio();
+        chunk3TN5SUQR_js.stopAllPersistentAudio();
         if (promptKeepInkAnnotations) {
           pendingModeAfterAnnotationsRef.current = nextMode;
           setShowKeepAnnotationsDialog(true);
@@ -9126,7 +9102,7 @@ function useAnnotationHandlers(input) {
         }
       } else {
         if (mode === "present") {
-          chunkZ22RD3E2_js.stopAllPersistentAudio();
+          chunk3TN5SUQR_js.stopAllPersistentAudio();
         }
         setMode(nextMode);
       }
@@ -9293,7 +9269,7 @@ function useSerialize(input) {
           guides: pptxGuides.length > 0 ? pptxGuides : void 0
         };
       });
-      const slidesToSave = chunkZ22RD3E2_js.buildSaveSlides(slidesWithGuides, pending.templateElementsBySlideId);
+      const slidesToSave = chunk3TN5SUQR_js.buildSaveSlides(slidesWithGuides, pending.templateElementsBySlideId);
       const saveOptions = pptx.buildDeckSaveOptions({
         // Without this the Slide Size card edited a viewer-only pixel value and
         // the saved `p:sldSz` never moved: passing `slideSize` is the only way a
@@ -9437,7 +9413,7 @@ function usePresentationSetup(input) {
         return;
       }
       if (mode === "present" && nextMode !== "present") {
-        chunkZ22RD3E2_js.stopAllPersistentAudio();
+        chunk3TN5SUQR_js.stopAllPersistentAudio();
         stopAnimationSound();
         const exitHandler = exitModeHandlerRef.current;
         if (exitHandler) {
@@ -9558,7 +9534,7 @@ function useCanvasImagePaste(input) {
   );
 }
 function formatPatchFor(element, format) {
-  const updated = chunkZ22RD3E2_js.applyFormatToElement(element, format);
+  const updated = chunk3TN5SUQR_js.applyFormatToElement(element, format);
   const updates = {};
   if (pptx$1.hasShapeProperties(updated)) {
     updates.shapeStyle = updated.shapeStyle;
@@ -9581,7 +9557,7 @@ function useFormatPainterEditing(input) {
   const prevFormatPainterRef = React17.useRef(false);
   React17.useEffect(() => {
     if (formatPainterActive && !prevFormatPainterRef.current && selectedElement) {
-      copiedFormatRef.current = chunkZ22RD3E2_js.copyFormatFromElement(selectedElement);
+      copiedFormatRef.current = chunk3TN5SUQR_js.copyFormatFromElement(selectedElement);
     } else if (!formatPainterActive) {
       copiedFormatRef.current = null;
     }
@@ -10031,9 +10007,7 @@ function useIOHandlers(input) {
     zoom,
     handlerRef,
     serializeSlides,
-    serializeForRecovery,
     setContent,
-    onContentChange,
     onPropertiesChange,
     onNotesUpdate,
     imageExportScale,
@@ -10070,19 +10044,19 @@ function useIOHandlers(input) {
     slides,
     activeSlideIndex,
     canvasStageRef: zoom.canvasStageRef,
-    setActiveSlideIndex: state.setActiveSlideIndex
+    setActiveSlideIndex: state.setActiveSlideIndex,
+    canvasSize,
+    templateElementsBySlideId: state.templateElementsBySlideId,
+    handoutMaster: state.handoutMaster
   });
   const themeHandlers = useThemeHandlers({
     handlerRef,
-    // Theme apply re-serialises and re-parses through `setContent`, so these
-    // bytes go back into our own loader: plaintext, never the protected save.
-    serializeSlides: serializeForRecovery,
-    setContent,
-    onContentChange,
     setTheme: state.setTheme,
     setSlideMasters: state.setSlideMasters,
     slideMasters: state.slideMasters,
+    themeOptions: state.themeOptions,
     history,
+    slides,
     setSlides: state.setSlides,
     templateElementsBySlideId: state.templateElementsBySlideId,
     setTemplateElementsBySlideId: state.setTemplateElementsBySlideId,
@@ -10136,7 +10110,12 @@ function isFontDataUrlSafe(url) {
   }
   return FONT_DATA_URL_PATTERN.test(url);
 }
-function useFontInjection({ embeddedFonts, slides }) {
+function useFontInjection({
+  embeddedFonts,
+  slides,
+  googleFonts
+}) {
+  const googleFontsBase = pptx.resolveGoogleFontsCss2Base(googleFonts);
   React17.useEffect(() => {
     if (!embeddedFonts.length) {
       return;
@@ -10178,17 +10157,19 @@ function useFontInjection({ embeddedFonts, slides }) {
   const referencedFamilies = React17.useMemo(() => pptx.collectReferencedFontFamilies(slides), [slides]);
   React17.useEffect(() => {
     let cancelled = false;
-    void pptx.resolveGoogleWebfontHref(slides, embeddedFonts).then((href) => {
-      if (cancelled) {
-        return null;
+    void pptx.resolveGoogleWebfontHref(slides, embeddedFonts, void 0, googleFontsBase).then(
+      (href) => {
+        if (cancelled) {
+          return null;
+        }
+        pptx.syncGoogleWebfontStylesheet(document, GOOGLE_FONTS_LINK_ID, href);
+        return href;
       }
-      pptx.syncGoogleWebfontStylesheet(document, GOOGLE_FONTS_LINK_ID, href);
-      return href;
-    });
+    );
     return () => {
       cancelled = true;
     };
-  }, [embeddedFonts, slides]);
+  }, [embeddedFonts, slides, googleFontsBase]);
   React17.useEffect(() => () => document.getElementById(GOOGLE_FONTS_LINK_ID)?.remove(), []);
   const [, setOutlineFontsTick] = React17.useState(0);
   React17.useEffect(() => {
@@ -10201,41 +10182,43 @@ function useFontInjection({ embeddedFonts, slides }) {
     if (candidates.length === 0) {
       return;
     }
-    void pptx.resolveGoogleWebfontHref(slides, embeddedFonts).then(async (href) => {
-      if (cancelled || !href) {
-        return;
-      }
-      const boldItalicVariants = [
-        { bold: false, italic: false },
-        { bold: true, italic: false }
-      ];
-      let registeredAny = false;
-      for (const family of candidates) {
-        for (const variant of boldItalicVariants) {
-          if (cancelled) {
-            return;
-          }
-          const bytes = await pptx.fetchGoogleWebfontOutlineBytes(
-            href,
-            family,
-            variant.bold,
-            variant.italic,
-            fetch
-          );
-          if (bytes && glyphOutlineFontCache.registerFontBytes(family, variant.bold, variant.italic, bytes)) {
-            registeredAny = true;
+    void pptx.resolveGoogleWebfontHref(slides, embeddedFonts, void 0, googleFontsBase).then(
+      async (href) => {
+        if (cancelled || !href) {
+          return;
+        }
+        const boldItalicVariants = [
+          { bold: false, italic: false },
+          { bold: true, italic: false }
+        ];
+        let registeredAny = false;
+        for (const family of candidates) {
+          for (const variant of boldItalicVariants) {
+            if (cancelled) {
+              return;
+            }
+            const bytes = await pptx.fetchGoogleWebfontOutlineBytes(
+              href,
+              family,
+              variant.bold,
+              variant.italic,
+              fetch
+            );
+            if (bytes && glyphOutlineFontCache.registerFontBytes(family, variant.bold, variant.italic, bytes)) {
+              registeredAny = true;
+            }
           }
         }
+        if (registeredAny && !cancelled) {
+          setOutlineFontsTick((tick) => tick + 1);
+        }
+        return void 0;
       }
-      if (registeredAny && !cancelled) {
-        setOutlineFontsTick((tick) => tick + 1);
-      }
-      return void 0;
-    });
+    );
     return () => {
       cancelled = true;
     };
-  }, [embeddedFonts, slides]);
+  }, [embeddedFonts, slides, googleFontsBase]);
   React17.useEffect(() => {
     const neededSymbolFonts = SYMBOL_FONT_FAMILIES.filter((f) => referencedFamilies.has(f));
     if (neededSymbolFonts.length === 0) {
@@ -10283,6 +10266,7 @@ function useContentLifecycle(input) {
     onContentApplied,
     allowExternalImages,
     initialSlide,
+    googleFonts,
     setReadOnlyRecommendation,
     setModifyVerifier,
     setCompatToasts
@@ -10339,7 +10323,7 @@ function useContentLifecycle(input) {
   React17.useEffect(() => {
     actionSoundHandlerRef.current = handlerRef.current;
   }, [handlerRef, actionSoundHandlerRef, state.loading]);
-  useFontInjection({ embeddedFonts: state.embeddedFonts, slides });
+  useFontInjection({ embeddedFonts: state.embeddedFonts, slides, googleFonts });
   const serializeInput = {
     slides,
     templateElementsBySlideId: state.templateElementsBySlideId,
@@ -10695,6 +10679,7 @@ function useViewerIntegration(input) {
     autosaveIntervalMs,
     allowExternalImages,
     initialSlide,
+    googleFonts,
     setReadOnlyRecommendation,
     setModifyVerifier,
     setCompatToasts,
@@ -10759,32 +10744,31 @@ function useViewerIntegration(input) {
   });
   const [isEncryptedDialogOpen, setIsEncryptedDialogOpen] = React17.useState(false);
   const [loadVersion, setLoadVersion] = React17.useState(0);
-  const { handlerRef, serializeSlides, serializeForRecovery, autosaveStatus } = useContentLifecycle(
-    {
-      content,
-      filePath,
-      storage,
-      autosaveEnabled,
-      autosaveIntervalMs,
-      onAutosave,
-      // The File > Fonts toggle, finally reaching a save call.
-      embedFonts: dialogs.embedFontsEnabled,
-      slides,
-      state,
-      history,
-      ops: editorOps.ops,
-      transformCommittedText: input.transformCommittedText,
-      actionSoundHandlerRef,
-      setIsEncryptedDialogOpen,
-      password: dialogs.presentationPassword ?? void 0,
-      onContentApplied: () => setLoadVersion((v) => v + 1),
-      allowExternalImages,
-      initialSlide,
-      setReadOnlyRecommendation,
-      setModifyVerifier,
-      setCompatToasts
-    }
-  );
+  const { handlerRef, serializeSlides, autosaveStatus } = useContentLifecycle({
+    content,
+    filePath,
+    storage,
+    autosaveEnabled,
+    autosaveIntervalMs,
+    onAutosave,
+    // The File > Fonts toggle, finally reaching a save call.
+    embedFonts: dialogs.embedFontsEnabled,
+    slides,
+    state,
+    history,
+    ops: editorOps.ops,
+    transformCommittedText: input.transformCommittedText,
+    actionSoundHandlerRef,
+    setIsEncryptedDialogOpen,
+    password: dialogs.presentationPassword ?? void 0,
+    onContentApplied: () => setLoadVersion((v) => v + 1),
+    allowExternalImages,
+    initialSlide,
+    googleFonts,
+    setReadOnlyRecommendation,
+    setModifyVerifier,
+    setCompatToasts
+  });
   const { exportHandlers, printHandlers, themeHandlers, propertyHandlers } = useIOHandlers({
     state,
     slides,
@@ -10798,9 +10782,7 @@ function useViewerIntegration(input) {
     zoom,
     handlerRef,
     serializeSlides,
-    serializeForRecovery,
     setContent,
-    onContentChange,
     onPropertiesChange,
     onNotesUpdate,
     imageExportScale,
@@ -11203,7 +11185,7 @@ function useCollaborationWriteBack(input) {
       getSourceBytes: () => latest.current.getSourceBytes?.() ?? null,
       getSaveOptions: () => latest.current.getSaveOptions?.(),
       getTemplateElements: () => latest.current.templateElementsBySlideId,
-      mergeTemplateElements: chunkZ22RD3E2_js.buildSaveSlides,
+      mergeTemplateElements: chunk3TN5SUQR_js.buildSaveSlides,
       onWriteBackStatus: () => latest.current.onWriteBackStatus?.(
         pptx.writeBackReport(latest.current.config, created.getState())
       )
@@ -11613,11 +11595,9 @@ function useLayoutSwitching(input) {
       }
       setIsLoading(true);
       try {
-        const updated = await handler.applyLayoutToSlide(
-          activeSlideIndex,
-          layoutPath,
-          slidesRef.current
-        );
+        const updated = await handler.applyLayoutToSlide(activeSlideIndex, layoutPath, [
+          ...slidesRef.current
+        ]);
         ops.updateSlides((prev) => {
           const next = [...prev];
           next[activeSlideIndex] = updated;
@@ -11762,8 +11742,8 @@ function useTouchGestures(input) {
     }
     const recognizer = pptx.createTouchGestureRecognizer({
       getScale: () => scaleRef.current,
-      minScale: chunkZ22RD3E2_js.MIN_ZOOM_SCALE,
-      maxScale: chunkZ22RD3E2_js.MAX_ZOOM_SCALE,
+      minScale: chunk3TN5SUQR_js.MIN_ZOOM_SCALE,
+      maxScale: chunk3TN5SUQR_js.MAX_ZOOM_SCALE,
       callbacks: {
         onPinchZoom: (newScale) => callbacksRef.current.onPinchZoom?.(newScale),
         onSwipe: (direction) => callbacksRef.current.onSwipe?.(direction),
@@ -11887,7 +11867,7 @@ function buildCanvasProps(input) {
     if (pptx.shouldConfirmExternalHyperlink(viewerOptions, url) && !window.confirm(buildHyperlinkConfirmMessage(url))) {
       return;
     }
-    chunkZ22RD3E2_js.safeOpenUrl(url, target);
+    chunk3TN5SUQR_js.safeOpenUrl(url, target);
   };
   const handleActionClick = (elementId, action) => {
     if (mode === "present") {
@@ -11902,9 +11882,9 @@ function buildCanvasProps(input) {
     }
   };
   const handleHyperlinkClick = (url, target) => {
-    if (chunkZ22RD3E2_js.isPpactionUrl(url)) {
+    if (chunk3TN5SUQR_js.isPpactionUrl(url)) {
       if (mode === "present") {
-        const parsed = chunkZ22RD3E2_js.parsePpactionUrl(url);
+        const parsed = chunk3TN5SUQR_js.parsePpactionUrl(url);
         if (parsed) {
           presentation.handlePresentationAction({
             action: parsed.action,
@@ -12332,7 +12312,7 @@ function buildToolbarProps(input) {
       markDirty: history.markDirty
     }),
     formatPainterActive: s.formatPainterActive,
-    canActivateFormatPainter: chunkZ22RD3E2_js.hasCopyableFormat(selectedElement),
+    canActivateFormatPainter: chunk3TN5SUQR_js.hasCopyableFormat(selectedElement),
     onToggleFormatPainter: () => s.setFormatPainterActive((p) => !p),
     isSelectionPaneOpen: s.isSelectionPaneOpen,
     onToggleSelectionPane: () => s.setIsSelectionPaneOpen((p) => !p),
@@ -12838,7 +12818,7 @@ function useViewPreferencesSync(input) {
 // src/viewer/hooks/useViewerBuildingBlocksState.ts
 function useViewerBuildingBlocksState(input) {
   const { core, content, canEdit, filePath, autosaveEnabled, userName, handle, setContent } = input;
-  const { initialSlide } = input;
+  const { initialSlide, googleFonts } = input;
   const {
     onContentChange,
     onDirtyChange,
@@ -12942,6 +12922,7 @@ function useViewerBuildingBlocksState(input) {
     filePath,
     autosaveEnabled,
     initialSlide,
+    googleFonts,
     // Trust Center > "Allow external content": same gate `PowerPointViewer`
     // applies, so the headless building-blocks API loads http(s) images
     // under the same default-off, core-side SSRF/privacy guard.
@@ -13006,6 +12987,7 @@ function useViewerBuildingBlocks(input) {
     filePath,
     fileName,
     initialSlide,
+    googleFonts,
     autosaveEnabled = true,
     userName,
     hiddenActions,
@@ -13023,7 +13005,7 @@ function useViewerBuildingBlocks(input) {
   } = input;
   const collaborationConfig = pptx.resolveCollaborationConfig(input.collaboration);
   const [collaborationReadOnly, setCollaborationReadOnly] = React17.useState(Boolean(collaborationConfig));
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   const [content, setContent] = React17.useState(incomingContent ?? null);
   const [loadOrigin, setLoadOrigin] = React17.useState("bootstrap");
   React17.useEffect(() => {
@@ -13094,6 +13076,7 @@ function useViewerBuildingBlocks(input) {
     canEdit,
     filePath,
     initialSlide,
+    googleFonts,
     autosaveEnabled,
     userName,
     handle,
@@ -13210,23 +13193,23 @@ function ColorChangedImage({
   className,
   alt
 }) {
-  const tolerance = tolerancePct ?? chunkZ22RD3E2_js.DEFAULT_COLOR_CHANGE_TOLERANCE;
-  const cacheKey = chunkZ22RD3E2_js.buildCacheKey(
+  const tolerance = tolerancePct ?? chunk3TN5SUQR_js.DEFAULT_COLOR_CHANGE_TOLERANCE;
+  const cacheKey = chunk3TN5SUQR_js.buildCacheKey(
     src,
     clrChange.clrFrom,
     clrChange.clrTo,
     tolerance,
     Boolean(clrChange.clrToTransparent)
   );
-  const cached = chunkZ22RD3E2_js.getCachedResult(cacheKey);
+  const cached = chunk3TN5SUQR_js.getCachedResult(cacheKey);
   const [processedSrc, setProcessedSrc] = React17.useState(cached ?? null);
   React17.useEffect(() => {
-    if (chunkZ22RD3E2_js.getCachedResult(cacheKey)) {
-      setProcessedSrc(chunkZ22RD3E2_js.getCachedResult(cacheKey) ?? null);
+    if (chunk3TN5SUQR_js.getCachedResult(cacheKey)) {
+      setProcessedSrc(chunk3TN5SUQR_js.getCachedResult(cacheKey) ?? null);
       return;
     }
     let cancelled = false;
-    chunkZ22RD3E2_js.applyColorChange(
+    chunk3TN5SUQR_js.applyColorChange(
       src,
       clrChange.clrFrom,
       clrChange.clrTo,
@@ -13234,7 +13217,7 @@ function ColorChangedImage({
       Boolean(clrChange.clrToTransparent)
     ).then((result) => {
       if (!cancelled) {
-        chunkZ22RD3E2_js.setCachedResult(cacheKey, result.dataUrl);
+        chunk3TN5SUQR_js.setCachedResult(cacheKey, result.dataUrl);
         setProcessedSrc(result.dataUrl);
       }
       return void 0;
@@ -13326,7 +13309,7 @@ function TiledImageLayer({
       cancelled = true;
     };
   }, [src]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...chunkZ22RD3E2_js.getImageTilingStyle(element, nativeSize), ...style } });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...chunk3TN5SUQR_js.getImageTilingStyle(element, nativeSize), ...style } });
 }
 function renderImageEffectDefinitions(element, excludeDuotone = false) {
   return pptx.getImageSvgFilters(element).filter((definition) => !excludeDuotone || definition.id !== `duotone-${element.id}`).map((definition) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -13395,7 +13378,7 @@ function renderImg(el, style, filter, alt, opacity) {
     ...filter ? { filter } : {},
     ...opacity !== void 0 ? { opacity } : {}
   };
-  if (chunkZ22RD3E2_js.isImageTiled(el)) {
+  if (chunk3TN5SUQR_js.isImageTiled(el)) {
     const tileSrc = imgSrc(el);
     if (!tileSrc) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-gray-500 bg-gray-100", children: "Image" });
@@ -13417,9 +13400,9 @@ function renderImg(el, style, filter, alt, opacity) {
     pptx$1.isImageLikeElement(el) ? el.imageEffects?.colorWash : void 0
   );
   const clrChange = "imageEffects" in el ? el.imageEffects?.clrChange : void 0;
-  const duotoneColors = chunkZ22RD3E2_js.getDuotoneColors(el);
+  const duotoneColors = chunk3TN5SUQR_js.getDuotoneColors(el);
   const useDuotoneCanvas = Boolean(duotoneColors && !clrChange);
-  const filterForImg = useDuotoneCanvas ? chunkZ22RD3E2_js.getImageEffectsFilter(el, { excludeDuotone: true }) : filter;
+  const filterForImg = useDuotoneCanvas ? chunk3TN5SUQR_js.getImageEffectsFilter(el, { excludeDuotone: true }) : filter;
   const canvasEffectStyles = {
     ...filterForImg ? { filter: filterForImg } : {},
     ...opacity !== void 0 ? { opacity } : {}
@@ -13495,10 +13478,10 @@ function SlideBackgroundImageLayer({
       style: { zIndex: 0 },
       children: renderImg(
         backgroundElement,
-        chunkZ22RD3E2_js.getImageRenderStyle(backgroundElement),
-        chunkZ22RD3E2_js.getImageEffectsFilter(backgroundElement),
+        chunk3TN5SUQR_js.getImageRenderStyle(backgroundElement),
+        chunk3TN5SUQR_js.getImageEffectsFilter(backgroundElement),
         "",
-        chunkZ22RD3E2_js.getImageEffectsOpacity(backgroundElement)
+        chunk3TN5SUQR_js.getImageEffectsOpacity(backgroundElement)
       )
     }
   );
@@ -13769,7 +13752,7 @@ function ChartElementView({
   onUpdateElement,
   animationState
 }) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   const wrapperRef = React17.useRef(null);
   const { selection, setSelection } = useChartPartSelection();
   const [titleDraft, setTitleDraft] = React17.useState(null);
@@ -13784,7 +13767,7 @@ function ChartElementView({
     pptx.getBarFacePicturePixelSampleVersion
   );
   const viewModel = React17.useMemo(() => {
-    return canEdit ? chunkZ22RD3E2_js.buildReactChartViewModel(element) : null;
+    return canEdit ? chunk3TN5SUQR_js.buildReactChartViewModel(element) : null;
   }, [canEdit, element, barFacePictureSampleVersion]);
   React17.useEffect(pptx.ensureChartInteractionStyles, []);
   React17.useEffect(() => {
@@ -13889,9 +13872,9 @@ function ChartElementView({
             textStyle: animationState?.textStyle,
             onSelect: chart3D.onSelect,
             onDrag: chart3D.onDrag,
-            children: chunkZ22RD3E2_js.renderChartElement(renderedElement, (key) => t(key))
+            children: chunk3TN5SUQR_js.renderChartElement(renderedElement, (key) => t(key))
           }
-        ) : chunkZ22RD3E2_js.renderChartElement(renderedElement, (key) => t(key)),
+        ) : chunk3TN5SUQR_js.renderChartElement(renderedElement, (key) => t(key)),
         dragValue !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1 z-10 rounded bg-primary/90 px-1.5 py-0.5 text-[10px] font-medium text-white pointer-events-none", children: pptx.formatAxisValue(dragValue) }),
         titleDraft !== null && /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -13919,7 +13902,7 @@ function ChartElementView({
   );
 }
 function useActionAffordance(element, canInteract) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   pptx.ensureActionAffordanceStyles();
   return React17.useMemo(
     () => pptx.resolveElementActionAffordance(element, {
@@ -14197,7 +14180,7 @@ function ResizeHandles({
   nonRotationTransform,
   onRotate
 }) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   const rotateRef = useRotateHandlePlacement(elementId, Boolean(onRotate));
   const peStyle = forcePointerEvents ? { ...HANDLE_TOUCH_ACTION, pointerEvents: "auto" } : HANDLE_TOUCH_ACTION;
   const resizeStyle = { ...HANDLE_TOUCH_ACTION, pointerEvents: "none" };
@@ -14230,7 +14213,7 @@ function ResizeHandles({
           "aria-label": t("pptx.selectionOverlay.resize", { handle }),
           "data-pptx-handle-kind": "resize",
           "data-pptx-compact": true,
-          className: chunkZ22RD3E2_js.cn(
+          className: chunk3TN5SUQR_js.cn(
             "absolute z-10 group border-0 bg-transparent p-0",
             RESIZE_DEFAULT_CLASSES,
             posClass,
@@ -14256,7 +14239,7 @@ function ResizeHandles({
               "div",
               {
                 "data-pptx-handle-hit": true,
-                className: chunkZ22RD3E2_js.cn(
+                className: chunk3TN5SUQR_js.cn(
                   "absolute -inset-px pointer-events-auto [--pptx-handle-hit-inset:-1px]",
                   corner ? "max-md:-inset-1.5 max-md:[--pptx-handle-hit-inset:-6px]" : "max-md:-inset-2 max-md:[--pptx-handle-hit-inset:-8px]"
                 ),
@@ -14277,7 +14260,7 @@ function ResizeHandles({
         "aria-label": t("pptx.selectionOverlay.rotate"),
         "data-pptx-handle-kind": "rotate",
         "data-pptx-compact": true,
-        className: chunkZ22RD3E2_js.cn(
+        className: chunk3TN5SUQR_js.cn(
           "absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 z-20 border-0 bg-transparent p-0 cursor-grab active:cursor-grabbing",
           ROTATE_DEFAULT_CLASSES
         ),
@@ -14354,10 +14337,10 @@ var ConnectorElementRendererMemo = /* @__PURE__ */ React17__default.default.memo
     const svgHeight = Math.max(el.height, 1);
     const ss = shapeEl?.shapeStyle;
     const strokeWidth = Math.max(0, ss?.strokeWidth ?? 2);
-    const strokeColor = chunkZ22RD3E2_js.normalizeHexColor(ss?.strokeColor, chunkZ22RD3E2_js.DEFAULT_STROKE_COLOR);
-    const strokePaint = chunkZ22RD3E2_js.colorWithOpacity(strokeColor, ss?.strokeOpacity);
-    const dashType = chunkZ22RD3E2_js.normalizeStrokeDashType(ss?.strokeDash);
-    const dashArray = chunkZ22RD3E2_js.getSvgStrokeDasharray(
+    const strokeColor = chunk3TN5SUQR_js.normalizeHexColor(ss?.strokeColor, chunk3TN5SUQR_js.DEFAULT_STROKE_COLOR);
+    const strokePaint = chunk3TN5SUQR_js.colorWithOpacity(strokeColor, ss?.strokeOpacity);
+    const dashType = chunk3TN5SUQR_js.normalizeStrokeDashType(ss?.strokeDash);
+    const dashArray = chunk3TN5SUQR_js.getSvgStrokeDasharray(
       dashType,
       Math.max(strokeWidth, 1),
       ss?.customDashSegments
@@ -14368,14 +14351,14 @@ var ConnectorElementRendererMemo = /* @__PURE__ */ React17__default.default.memo
     const markerSeed = el.id.replace(/[^a-zA-Z0-9_-]/gu, "_");
     const startMarkerId = `${markerSeed}-sel-start`;
     const endMarkerId = `${markerSeed}-sel-end`;
-    const compoundOffsets = chunkZ22RD3E2_js.getCompoundLineOffsets(compoundLine, strokeWidth);
-    const compoundWidths = chunkZ22RD3E2_js.getCompoundLineWidths(compoundLine, strokeWidth);
+    const compoundOffsets = chunk3TN5SUQR_js.getCompoundLineOffsets(compoundLine, strokeWidth);
+    const compoundWidths = chunk3TN5SUQR_js.getCompoundLineWidths(compoundLine, strokeWidth);
     const strokeCap = pptx.svgLineCap(ss?.lineCap);
     const textEl = pptx$1.hasTextProperties(el) ? el : void 0;
     const connectorText = textEl?.text?.trim() ?? "";
     const connectorTextSegments = textEl?.textSegments;
     const connectorTextStyle = textEl?.textStyle;
-    const pathGeometry = shapeEl ? chunkZ22RD3E2_js.getConnectorPathGeometry(shapeEl) : {
+    const pathGeometry = shapeEl ? chunk3TN5SUQR_js.getConnectorPathGeometry(shapeEl) : {
       pathData: `M 0 0 L ${viewWidth} ${viewHeight}`,
       startX: 0,
       startY: 0,
@@ -14384,16 +14367,16 @@ var ConnectorElementRendererMemo = /* @__PURE__ */ React17__default.default.memo
     };
     const hitTargetWidth = Math.max(strokeWidth * 3, 14);
     const selColor = selClr === "blue-400" ? "#60a5fa" : "#3b82f6";
-    const lineShadow = chunkZ22RD3E2_js.buildLineShadowCss(el);
-    const lineGlow = chunkZ22RD3E2_js.buildLineGlowFilter(el);
+    const lineShadow = chunk3TN5SUQR_js.buildLineShadowCss(el);
+    const lineGlow = chunk3TN5SUQR_js.buildLineGlowFilter(el);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         "data-pptx-element": "true",
         "data-element-id": el.id,
-        role: chunkZ22RD3E2_js.getAriaRole(el, { actionable: false }),
-        "aria-label": chunkZ22RD3E2_js.getAriaLabel(el),
-        "aria-roledescription": chunkZ22RD3E2_js.getAriaRoleDescription(el),
+        role: chunk3TN5SUQR_js.getAriaRole(el, { actionable: false }),
+        "aria-label": chunk3TN5SUQR_js.getAriaLabel(el),
+        "aria-roledescription": chunk3TN5SUQR_js.getAriaRoleDescription(el),
         "aria-selected": isSelected ? true : void 0,
         className: "absolute",
         style: {
@@ -14426,14 +14409,14 @@ var ConnectorElementRendererMemo = /* @__PURE__ */ React17__default.default.memo
               style: { overflow: "visible", pointerEvents: "none" },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
-                  chunkZ22RD3E2_js.renderConnectorMarker(
+                  chunk3TN5SUQR_js.renderConnectorMarker(
                     startMarkerId,
                     startArrow,
                     strokePaint,
                     ss?.connectorStartArrowWidth,
                     ss?.connectorStartArrowLength
                   ),
-                  chunkZ22RD3E2_js.renderConnectorMarker(
+                  chunk3TN5SUQR_js.renderConnectorMarker(
                     endMarkerId,
                     endArrow,
                     strokePaint,
@@ -14642,14 +14625,14 @@ function getElementInteractionProps({
   };
 }
 function renderDagDuotoneFilterForElement(el) {
-  if (!chunkZ22RD3E2_js.hasDagDuotoneEffect(el)) {
+  if (!chunk3TN5SUQR_js.hasDagDuotoneEffect(el)) {
     return null;
   }
   const duotone = el.shapeStyle?.dagDuotone;
   if (!duotone) {
     return null;
   }
-  return chunkZ22RD3E2_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
+  return chunk3TN5SUQR_js.renderDagDuotoneSvgFilter(el.id, duotone.color1, duotone.color2);
 }
 function getContainerStyle({
   el,
@@ -14676,10 +14659,10 @@ function getContainerStyle({
     top: isFullscreenMedia ? fs.top : el.y,
     width: isFullscreenMedia ? fs.width : painted.width,
     ...heightStyle,
-    transform: isFullscreenMedia ? fs.transform : chunkZ22RD3E2_js.getElementTransform(el),
+    transform: isFullscreenMedia ? fs.transform : chunk3TN5SUQR_js.getElementTransform(el),
     transformOrigin: "center",
     overflow: overflowValue,
-    clipPath: isPicture ? void 0 : isImg && !has3DExtrusion ? chunkZ22RD3E2_js.getCropShapeClipPath(el) : void 0,
+    clipPath: isPicture ? void 0 : isImg && !has3DExtrusion ? chunk3TN5SUQR_js.getCropShapeClipPath(el) : void 0,
     zIndex: isFullscreenMedia ? fs.zIndex : zIndex,
     visibility: animationState?.visible === false ? "hidden" : "visible",
     animation: animationState?.cssAnimation,
@@ -14716,9 +14699,9 @@ function getContainerStyle({
 function shapeParams(element) {
   const style = pptx$1.hasShapeProperties(element) ? element.shapeStyle : void 0;
   const strokeWidth = pptx.paintedStrokeWidth(style);
-  const strokeColor = chunkZ22RD3E2_js.normalizeHexColor(style?.strokeColor, chunkZ22RD3E2_js.DEFAULT_STROKE_COLOR);
-  const fillColor = chunkZ22RD3E2_js.normalizeHexColor(style?.fillColor, chunkZ22RD3E2_js.DEFAULT_FILL_COLOR);
-  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkZ22RD3E2_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
+  const strokeColor = chunk3TN5SUQR_js.normalizeHexColor(style?.strokeColor, chunk3TN5SUQR_js.DEFAULT_STROKE_COLOR);
+  const fillColor = chunk3TN5SUQR_js.normalizeHexColor(style?.fillColor, chunk3TN5SUQR_js.DEFAULT_FILL_COLOR);
+  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunk3TN5SUQR_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   return { hf: hasFill, fc: fillColor, sw: strokeWidth, sc: strokeColor };
 }
 var Extrusion3DOverlayMemo = /* @__PURE__ */ React17__default.default.memo(
@@ -14826,7 +14809,7 @@ function ShapeEffectOverlay({
   const fillOverlayStyle = overlay ? {
     position: "absolute",
     inset: 0,
-    ...pptx$1.isImageLikeElement(element) ? chunkZ22RD3E2_js.getImageSurfaceMaskStyle(element) : {},
+    ...pptx$1.isImageLikeElement(element) ? chunk3TN5SUQR_js.getImageSurfaceMaskStyle(element) : {},
     background: overlay.color,
     mixBlendMode: overlay.blendMode,
     pointerEvents: "none"
@@ -14910,7 +14893,7 @@ function ShapeEffectOverlay({
           strokeOutline.strands.map((strand, idx) => /* @__PURE__ */ jsxRuntime.jsx(
             "path",
             {
-              d: strokeOutline.d,
+              d: strand.d ?? strokeOutline.d,
               markerStart: idx === 0 ? strokeOutline.markers?.start : void 0,
               markerEnd: idx === 0 ? strokeOutline.markers?.end : void 0,
               fill: "none",
@@ -15033,10 +15016,10 @@ var ElementRenderer = /* @__PURE__ */ React17__default.default.memo(
     const backgroundAnimationState = pptx.getBackgroundAnimationState(el, presentationElementStates);
     const effectPlacement = pptx.getShapeEffectLayerPlacement(el);
     const visualAnimationState = backgroundAnimationState ?? animationState;
-    const isTxt = chunkZ22RD3E2_js.isEditableTextElement(el) && allow.textEditable;
+    const isTxt = chunk3TN5SUQR_js.isEditableTextElement(el) && allow.textEditable;
     const txtSE = pptx$1.hasTextProperties(el) ? el.textStyle : void 0;
     const textStyleOverrideCss = pptx.buildTextStyleOverrideCss(el.id, visualAnimationState?.textStyle);
-    const ss = chunkZ22RD3E2_js.getShapeVisualStyle(
+    const ss = chunk3TN5SUQR_js.getShapeVisualStyle(
       el,
       hf,
       fc,
@@ -15045,9 +15028,9 @@ var ElementRenderer = /* @__PURE__ */ React17__default.default.memo(
       visualAnimationState?.animatesFill,
       visualAnimationState?.animatesStroke
     );
-    const ts = chunkZ22RD3E2_js.getTextStyleForElement(el, chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR);
+    const ts = chunk3TN5SUQR_js.getTextStyleForElement(el, chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR);
     const isImg = el.type === "picture" || el.type === "image";
-    const vs = chunkZ22RD3E2_js.renderVectorShape(
+    const vs = chunk3TN5SUQR_js.renderVectorShape(
       el,
       isImg ? false : hf,
       fc,
@@ -15057,10 +15040,10 @@ var ElementRenderer = /* @__PURE__ */ React17__default.default.memo(
       visualAnimationState?.animatesStroke
     );
     const isModel3D = el.type === "model3d";
-    const isConn = chunkZ22RD3E2_js.isConnectorOrLineElement(el);
+    const isConn = chunk3TN5SUQR_js.isConnectorOrLineElement(el);
     const shapeStyle3d = pptx$1.hasShapeProperties(el) ? el.shapeStyle : void 0;
     const extrusionData = React17.useMemo(
-      () => chunkZ22RD3E2_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
+      () => chunk3TN5SUQR_js.build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
       [shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height]
     );
     const actionAffordance = useActionAffordance(el, canInteract);
@@ -15150,7 +15133,7 @@ var ElementRenderer = /* @__PURE__ */ React17__default.default.memo(
         "aria-hidden": aria.hidden ? true : void 0,
         "aria-selected": isSelected ? true : void 0,
         tabIndex: isFocusable ? 0 : -1,
-        className: chunkZ22RD3E2_js.cn(
+        className: chunk3TN5SUQR_js.cn(
           "absolute",
           "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500",
           cur,
@@ -15223,9 +15206,9 @@ var ElementRenderer = /* @__PURE__ */ React17__default.default.memo(
             txtSE,
             txtS: ts,
             vecShape: backgroundAnimationState && !isImg ? null : vs,
-            imgStyle: chunkZ22RD3E2_js.getImageRenderStyle(el),
-            imgFilter: chunkZ22RD3E2_js.getImageEffectsFilter(el),
-            imgOpacity: chunkZ22RD3E2_js.getImageEffectsOpacity(el),
+            imgStyle: chunk3TN5SUQR_js.getImageRenderStyle(el),
+            imgFilter: chunk3TN5SUQR_js.getImageEffectsFilter(el),
+            imgOpacity: chunk3TN5SUQR_js.getImageEffectsOpacity(el),
             imgAlt: imageAltText,
             isTxtEl: isTxt,
             media: mediaDataUrls,
@@ -15362,10 +15345,10 @@ function renderStrokeView(view, pressureSensitive, replayStyle, key) {
 }
 function renderInk(el, options) {
   const replay = options?.replay ?? false;
-  const strokes = chunkZ22RD3E2_js.buildInkGroupStrokes(el, { color: "#000", width: 3 });
+  const strokes = chunk3TN5SUQR_js.buildInkGroupStrokes(el, { color: "#000", width: 3 });
   strokes.some((s) => s.circles || s.nibMarks);
   const pressureSensitive = options?.pressureSensitive;
-  const replayStyles = replay ? chunkZ22RD3E2_js.getInkReplayStyles(el, options?.replayConfig) : null;
+  const replayStyles = replay ? chunk3TN5SUQR_js.getInkReplayStyles(el, options?.replayConfig) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
@@ -15373,7 +15356,7 @@ function renderInk(el, options) {
       viewBox: `0 0 ${Math.max(el.width, 1)} ${Math.max(el.height, 1)}`,
       preserveAspectRatio: "none",
       children: [
-        replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkZ22RD3E2_js.INK_REPLAY_KEYFRAMES }),
+        replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunk3TN5SUQR_js.INK_REPLAY_KEYFRAMES }),
         strokes.map(
           (s, i) => renderStrokeView(s, pressureSensitive, replayStyles?.[i], `${el.id}-ink-${i}`)
         )
@@ -15384,7 +15367,7 @@ function renderInk(el, options) {
 function renderGroup(children, parentGroupFill) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full h-full pointer-events-none", children: pptx.filterRenderedElements(children).map((c, childIndex) => {
     const { hf, fc, sw, sc } = shapeParams(c);
-    const baseSs = chunkZ22RD3E2_js.getShapeVisualStyle(c, hf, fc, sw, sc);
+    const baseSs = chunk3TN5SUQR_js.getShapeVisualStyle(c, hf, fc, sw, sc);
     const inheritedFill = pptx.resolveGroupChildFill(c, parentGroupFill);
     const ss = inheritedFill ? {
       ...baseSs,
@@ -15395,9 +15378,9 @@ function renderGroup(children, parentGroupFill) {
       backgroundPosition: inheritedFill.backgroundPosition
     } : baseSs;
     const isI = c.type === "picture" || c.type === "image";
-    const vs = chunkZ22RD3E2_js.renderVectorShape(c, isI ? false : hf, fc, sw, sc);
-    const ts = chunkZ22RD3E2_js.getTextStyleForElement(c, chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR);
-    const isTxt = chunkZ22RD3E2_js.isEditableTextElement(c);
+    const vs = chunk3TN5SUQR_js.renderVectorShape(c, isI ? false : hf, fc, sw, sc);
+    const ts = chunk3TN5SUQR_js.getTextStyleForElement(c, chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR);
+    const isTxt = chunk3TN5SUQR_js.isEditableTextElement(c);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -15406,9 +15389,9 @@ function renderGroup(children, parentGroupFill) {
         style: {
           left: c.x,
           top: c.y,
-          width: Math.max(c.width, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE),
-          height: Math.max(c.height, chunkZ22RD3E2_js.MIN_ELEMENT_SIZE),
-          transform: chunkZ22RD3E2_js.getElementTransform(c),
+          width: Math.max(c.width, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE),
+          height: Math.max(c.height, chunk3TN5SUQR_js.MIN_ELEMENT_SIZE),
+          transform: chunk3TN5SUQR_js.getElementTransform(c),
           transformOrigin: "center",
           ...ss,
           ...isI ? {
@@ -15433,8 +15416,8 @@ function renderGroup(children, parentGroupFill) {
             // A nested group: recurse, chaining the inherited fill so a
             // `grpFill` shape under a fill-less sub-group still paints.
             renderGroup(c.children, pptx.getGroupChildParentFill(c, parentGroupFill))
-          ) : isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunkZ22RD3E2_js.getImageSurfaceStyle(c), children: [
-            chunkZ22RD3E2_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
+          ) : isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunk3TN5SUQR_js.getImageSurfaceStyle(c), children: [
+            chunk3TN5SUQR_js.isImageTiled(c) ? /* @__PURE__ */ jsxRuntime.jsx(
               TiledImageLayer,
               {
                 element: c,
@@ -15447,7 +15430,7 @@ function renderGroup(children, parentGroupFill) {
                 src: "svgData" in c && c.svgData ? c.svgData : c.imageData,
                 alt: i18n.translationsEn["pptx.ink.groupChildAlt"],
                 className: "pointer-events-none select-none",
-                style: chunkZ22RD3E2_js.getImageRenderStyle(c),
+                style: chunk3TN5SUQR_js.getImageRenderStyle(c),
                 draggable: false
               }
             ),
@@ -15459,7 +15442,7 @@ function renderGroup(children, parentGroupFill) {
               {
                 className: "relative z-10 w-full h-full pointer-events-none whitespace-pre-wrap break-words leading-[1.3]",
                 style: ts,
-                children: chunkZ22RD3E2_js.renderTextSegments(c, chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR)
+                children: chunk3TN5SUQR_js.renderTextSegments(c, chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR)
               }
             ) : null
           ] })
@@ -15473,8 +15456,8 @@ function renderContentPart(el, options) {
   if (el.inkStrokes && el.inkStrokes.length > 0) {
     const replay = options?.replay ?? false;
     const pressureSensitive = options?.pressureSensitive ?? true;
-    const strokes = chunkZ22RD3E2_js.buildContentPartStrokes(el);
-    const replayStyles = replay ? chunkZ22RD3E2_js.getContentPartReplayStyles(el.inkStrokes, options?.replayConfig) : null;
+    const strokes = chunk3TN5SUQR_js.buildContentPartStrokes(el);
+    const replayStyles = replay ? chunk3TN5SUQR_js.getContentPartReplayStyles(el.inkStrokes, options?.replayConfig) : null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
@@ -15482,7 +15465,7 @@ function renderContentPart(el, options) {
         viewBox: `0 0 ${Math.max(el.width, 1)} ${Math.max(el.height, 1)}`,
         preserveAspectRatio: "none",
         children: [
-          replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkZ22RD3E2_js.INK_REPLAY_KEYFRAMES }),
+          replay && /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunk3TN5SUQR_js.INK_REPLAY_KEYFRAMES }),
           strokes.map(
             (s, i) => renderStrokeView(s, pressureSensitive, replayStyles?.[i], `${el.id}-cp-ink-${i}`)
           )
@@ -15709,9 +15692,9 @@ function useInlineListEditor(element, rootRef, onChange, onModelReplacement) {
         collaboration: connected,
         model: pptx.createInlineListModelObserver(element),
         activationSelection,
-        children: seed && !connected ? chunkZ22RD3E2_js.renderTextSegments(
+        children: seed && !connected ? chunk3TN5SUQR_js.renderTextSegments(
           element,
-          chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR,
+          chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR,
           void 0,
           void 0,
           void 0,
@@ -15947,8 +15930,8 @@ function InlineTextEditor({
       pending.endOffset
     );
   });
-  const warpStyle = chunkZ22RD3E2_js.getTextWarpStyle(textStyleRaw);
-  const compensationTransform = chunkZ22RD3E2_js.getTextCompensationTransform(element);
+  const warpStyle = chunk3TN5SUQR_js.getTextWarpStyle(textStyleRaw);
+  const compensationTransform = chunk3TN5SUQR_js.getTextCompensationTransform(element);
   const warpTransform = warpStyle?.transform;
   const mergedTransform = [compensationTransform, warpTransform].filter(Boolean).join(" ") || void 0;
   const wrapperStyle = {
@@ -16036,7 +16019,7 @@ function InlineTextEditor({
         const text = e.clipboardData.getData("text/plain");
         document.execCommand("insertText", false, text);
       },
-      children: list.seed ? list.children : seed.hasRichSegments ? chunkZ22RD3E2_js.renderTextSegments(element, chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR) : seed.initialText
+      children: list.seed ? list.children : seed.hasRichSegments ? chunk3TN5SUQR_js.renderTextSegments(element, chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR) : seed.initialText
     },
     list.seed?.paragraphs[0].token ?? "plain"
   );
@@ -16201,7 +16184,7 @@ function OleActionFooter({
   info,
   showActions
 }) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   if (!showActions || !info.canDownload || !el.oleEmbeddedData) {
     return null;
   }
@@ -16310,7 +16293,7 @@ function SmartArtInlineNodeEditor({
   onCommit,
   onCancel
 }) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   const ref = React17__default.default.useRef(null);
   const [value, setValue] = React17__default.default.useState(initialText);
   const settled = React17__default.default.useRef(false);
@@ -16937,7 +16920,7 @@ function SmartArtRendererImpl({
   onUpdateElement,
   animationState
 }) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   if (element.type !== "smartArt" || !element.smartArtData) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -17183,7 +17166,7 @@ function groupIntoParagraphs(element, fieldContext) {
     element,
     fieldContext ? (seg) => {
       if (seg.fieldType) {
-        const substituted = chunkZ22RD3E2_js.substituteFieldText(
+        const substituted = chunk3TN5SUQR_js.substituteFieldText(
           seg.text,
           seg.fieldType,
           fieldContext,
@@ -17218,13 +17201,13 @@ function getSegmentTspanProps(segment, element, fallbackColor) {
   if (s.strikethrough) {
     decos.push("line-through");
   }
-  const fill = s.hyperlink ? chunkZ22RD3E2_js.normalizeHexColor(s.color || element.textStyle?.color, chunkZ22RD3E2_js.HYPERLINK_COLOR) : chunkZ22RD3E2_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
+  const fill = s.hyperlink ? chunk3TN5SUQR_js.normalizeHexColor(s.color || element.textStyle?.color, chunk3TN5SUQR_js.HYPERLINK_COLOR) : chunk3TN5SUQR_js.normalizeHexColor(s.color || element.textStyle?.color, fallbackColor);
   return {
     fill,
-    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunkZ22RD3E2_js.DEFAULT_TEXT_FONT_SIZE,
+    fontSize: s.fontSize ?? element.textStyle?.fontSize ?? chunk3TN5SUQR_js.DEFAULT_TEXT_FONT_SIZE,
     fontWeight: pptx.resolveFontWeight(s.fontFamily || element.textStyle?.fontFamily, s.bold),
     fontStyle: pptx.resolveFontItalic(s.fontFamily || element.textStyle?.fontFamily, s.italic) ? "italic" : void 0,
-    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? pptx$1.getSubstituteFontFamily(s.fontFamily || element.textStyle?.fontFamily || "") : chunkZ22RD3E2_js.DEFAULT_FONT_FAMILY,
+    fontFamily: s.fontFamily || element.textStyle?.fontFamily ? pptx$1.getSubstituteFontFamily(s.fontFamily || element.textStyle?.fontFamily || "") : chunk3TN5SUQR_js.DEFAULT_FONT_FAMILY,
     textDecoration: decos.length > 0 ? decos.join(" ") : void 0
   };
 }
@@ -17232,8 +17215,8 @@ function resolveSegmentFont(segment, element) {
   const s = segment.style || {};
   const family = s.fontFamily || element.textStyle?.fontFamily;
   return {
-    fontFamily: family ? pptx$1.getSubstituteFontFamily(family) : chunkZ22RD3E2_js.DEFAULT_FONT_FAMILY,
-    fontSizePx: s.fontSize ?? element.textStyle?.fontSize ?? chunkZ22RD3E2_js.DEFAULT_TEXT_FONT_SIZE,
+    fontFamily: family ? pptx$1.getSubstituteFontFamily(family) : chunk3TN5SUQR_js.DEFAULT_FONT_FAMILY,
+    fontSizePx: s.fontSize ?? element.textStyle?.fontSize ?? chunk3TN5SUQR_js.DEFAULT_TEXT_FONT_SIZE,
     bold: s.bold ?? element.textStyle?.bold,
     italic: s.italic ?? element.textStyle?.italic
   };
@@ -17317,9 +17300,9 @@ function WarpedText({
   const warpAdj2 = textEl.textStyle?.textWarpAdj2;
   const align = textEl.textStyle?.align ?? "center";
   const { startOffset, textAnchor } = getAlignmentProps(align);
-  const baseFontSize = textEl.textStyle?.fontSize ?? chunkZ22RD3E2_js.DEFAULT_TEXT_FONT_SIZE;
-  const baseFontFamily = textEl.textStyle?.fontFamily ? pptx$1.getSubstituteFontFamily(textEl.textStyle.fontFamily) : chunkZ22RD3E2_js.DEFAULT_FONT_FAMILY;
-  const baseFill = chunkZ22RD3E2_js.normalizeHexColor(textEl.textStyle?.color, fallbackColor);
+  const baseFontSize = textEl.textStyle?.fontSize ?? chunk3TN5SUQR_js.DEFAULT_TEXT_FONT_SIZE;
+  const baseFontFamily = textEl.textStyle?.fontFamily ? pptx$1.getSubstituteFontFamily(textEl.textStyle.fontFamily) : chunk3TN5SUQR_js.DEFAULT_FONT_FAMILY;
+  const baseFill = chunk3TN5SUQR_js.normalizeHexColor(textEl.textStyle?.color, fallbackColor);
   if (pptx.hasGlyphEnvelope(preset)) {
     const perLine = pptx.buildGlyphEnvelopeBlock(
       preset,
@@ -17421,7 +17404,7 @@ function WarpedText({
 var GLYPH_BY_SHAPE = /* @__PURE__ */ buildGlyphByShape();
 function buildGlyphByShape() {
   const glyphs = Object.fromEntries(
-    chunkZ22RD3E2_js.ACTION_BUTTON_PRESETS.map((p) => [p.shapeType, p.iconPath])
+    chunk3TN5SUQR_js.ACTION_BUTTON_PRESETS.map((p) => [p.shapeType, p.iconPath])
   );
   glyphs["actionButtonForwardOrNext"] = glyphs["actionButtonForwardNext"];
   glyphs["actionButtonBackOrPrevious"] = glyphs["actionButtonBackPrevious"];
@@ -17495,9 +17478,9 @@ function renderTextElementBody(options) {
   const useSvgWarp = pptx.shouldUseSvgWarp(
     pptx$1.hasTextProperties(el) ? el.textStyle?.textWarpPreset : void 0
   );
-  const scene3dStyle = pptx$1.hasTextProperties(el) ? chunkZ22RD3E2_js.buildTextBody3DSceneStyle(el.textStyle, { width: el.width, height: el.height }) : void 0;
+  const scene3dStyle = pptx$1.hasTextProperties(el) ? chunk3TN5SUQR_js.buildTextBody3DSceneStyle(el.textStyle, { width: el.width, height: el.height }) : void 0;
   const rotationTransform = pptx.getTextBodyRotationTransform(el);
-  const composedTransform = [rotationTransform, chunkZ22RD3E2_js.getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
+  const composedTransform = [rotationTransform, chunk3TN5SUQR_js.getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
   const transformStyle = {
     transform: composedTransform,
     // A COM-measured homography (`scene3dStyle.transformOrigin === '0 0'`)
@@ -17527,18 +17510,18 @@ function renderTextElementBody(options) {
     shouldRenderText && (useSvgWarp ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkZ22RD3E2_js.cn(
+        className: chunk3TN5SUQR_js.cn(
           "relative z-10 w-full h-full",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
-        style: { ...chunkZ22RD3E2_js.getTextLayoutStyle(el), ...transformStyle },
+        style: { ...chunk3TN5SUQR_js.getTextLayoutStyle(el), ...transformStyle },
         children: /* @__PURE__ */ jsxRuntime.jsx(
           WarpedText,
           {
             element: el,
             width: el.width,
             height: el.height,
-            fallbackColor: chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR,
+            fallbackColor: chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR,
             findHighlights: findHl,
             fieldContext
           }
@@ -17547,19 +17530,19 @@ function renderTextElementBody(options) {
     ) : /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkZ22RD3E2_js.cn(
+        className: chunk3TN5SUQR_js.cn(
           "relative z-10 w-full h-full whitespace-pre-wrap break-words leading-[1.3]",
           onHyperlinkClick ? "" : "pointer-events-none"
         ),
         style: {
-          ...chunkZ22RD3E2_js.getTextLayoutStyle(el),
+          ...chunk3TN5SUQR_js.getTextLayoutStyle(el),
           ...txtS,
-          ...chunkZ22RD3E2_js.getTextWarpStyle(txtSE),
+          ...chunk3TN5SUQR_js.getTextWarpStyle(txtSE),
           ...transformStyle
         },
-        children: chunkZ22RD3E2_js.renderTextSegments(
+        children: chunk3TN5SUQR_js.renderTextSegments(
           el,
-          chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR,
+          chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR,
           void 0,
           findHl,
           onHyperlinkClick,
@@ -17580,7 +17563,7 @@ function ZoomElementRenderer({
   onZoomClick,
   sourceSlideIndex
 }) {
-  const { t } = chunkZ22RD3E2_js.useTranslation();
+  const { t } = chunk3TN5SUQR_js.useTranslation();
   const summaryView = pptx.buildSummaryZoomView(
     element,
     (index) => {
@@ -17878,7 +17861,7 @@ function renderBody(options) {
     );
   }
   if (isImg) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunkZ22RD3E2_js.getImageSurfaceStyle(el), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 pointer-events-none", style: chunk3TN5SUQR_js.getImageSurfaceStyle(el), children: [
       renderImg(el, imgStyle, imgFilter, imgAlt, imgOpacity),
       vecShape ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0", children: vecShape }) : null
     ] });
@@ -17895,7 +17878,7 @@ function renderBody(options) {
           textDirection: txtSE?.textDirection,
           textStyle: txtS,
           textStyleRaw: txtSE,
-          layoutStyle: chunkZ22RD3E2_js.getTextLayoutStyle(el),
+          layoutStyle: chunk3TN5SUQR_js.getTextLayoutStyle(el),
           element: el,
           onCommit,
           onCancel,
@@ -17906,7 +17889,7 @@ function renderBody(options) {
     ] });
   }
   if (el.type === "table") {
-    return chunkZ22RD3E2_js.renderTableElement(el, txtS, {
+    return chunk3TN5SUQR_js.renderTableElement(el, txtS, {
       editable: isSel,
       selectedCell: isSel ? tableSt : null,
       onSelectCell: onCellSel,
@@ -17939,7 +17922,7 @@ function renderBody(options) {
     );
   }
   if (el.type === "media") {
-    return chunkZ22RD3E2_js.renderMediaElement(el, media, {
+    return chunk3TN5SUQR_js.renderMediaElement(el, media, {
       // Present mode autoplays every media element on the active slide,
       // not only ones persisted with their own `autoPlay` flag (matching
       // the other four bindings' unconditional `presenting`-gated
@@ -17991,27 +17974,27 @@ function renderBody(options) {
     }
     return renderGroup(el.children, pptx.getGroupChildParentFill(el));
   }
-  if (chunkZ22RD3E2_js.shouldRenderFallbackLabel(el, isTxtEl)) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkZ22RD3E2_js.getElementLabel(el) });
+  if (chunk3TN5SUQR_js.shouldRenderFallbackLabel(el, isTxtEl)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunk3TN5SUQR_js.getElementLabel(el) });
   }
   return renderTextElementBody(options);
 }
 function defaultTextColorForFill(fillColor) {
   const hex = String(fillColor ?? "").replace(/^#/u, "");
   if (!/^[0-9a-f]{6}$/iu.test(hex)) {
-    return chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR;
+    return chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR;
   }
   const channels = [0, 2, 4].map((offset) => Number.parseInt(hex.slice(offset, offset + 2), 16) / 255).map((channel) => channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4);
   const luminance = channels[0] * 0.2126 + channels[1] * 0.7152 + channels[2] * 0.0722;
-  return luminance > 0.179 ? chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR : "#ffffff";
+  return luminance > 0.179 ? chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR : "#ffffff";
 }
 function getStaticElementVisualState(element, parentGroupFill) {
   const style = pptx$1.hasShapeProperties(element) ? element.shapeStyle : void 0;
-  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunkZ22RD3E2_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
-  const fill = chunkZ22RD3E2_js.normalizeHexColor(style?.fillColor, chunkZ22RD3E2_js.DEFAULT_FILL_COLOR);
+  const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(chunk3TN5SUQR_js.buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
+  const fill = chunk3TN5SUQR_js.normalizeHexColor(style?.fillColor, chunk3TN5SUQR_js.DEFAULT_FILL_COLOR);
   const strokeWidth = pptx.paintedStrokeWidth(style);
-  const stroke = chunkZ22RD3E2_js.normalizeHexColor(style?.strokeColor, chunkZ22RD3E2_js.DEFAULT_STROKE_COLOR);
-  const baseVisualStyle = chunkZ22RD3E2_js.getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
+  const stroke = chunk3TN5SUQR_js.normalizeHexColor(style?.strokeColor, chunk3TN5SUQR_js.DEFAULT_STROKE_COLOR);
+  const baseVisualStyle = chunk3TN5SUQR_js.getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
   const inheritedFill = pptx.resolveGroupChildFill(element, parentGroupFill);
   const visualStyle = inheritedFill ? {
     ...baseVisualStyle,
@@ -18021,9 +18004,9 @@ function getStaticElementVisualState(element, parentGroupFill) {
     backgroundSize: inheritedFill.backgroundSize,
     backgroundPosition: inheritedFill.backgroundPosition
   } : baseVisualStyle;
-  const textStyle = chunkZ22RD3E2_js.getTextStyleForElement(
+  const textStyle = chunk3TN5SUQR_js.getTextStyleForElement(
     element,
-    element.type === "shape" && hasFill ? defaultTextColorForFill(fill) : chunkZ22RD3E2_js.DEFAULT_TEXT_COLOR
+    element.type === "shape" && hasFill ? defaultTextColorForFill(fill) : chunk3TN5SUQR_js.DEFAULT_TEXT_COLOR
   );
   const isImage = element.type === "picture" || element.type === "image";
   const letsTextOverflow = pptx$1.hasTextProperties(element) && element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
@@ -18048,7 +18031,7 @@ function getStaticElementInteractionState(element, hasActionHandler, exposeEleme
   return { action, isActionable, contractRole };
 }
 function getStaticElementWrapperClassName(element, visual, positioned, isActionable) {
-  const overflowClass = visual.isImage || visual.strokeWidth > 0 || element.type === "group" || chunkZ22RD3E2_js.isConnectorOrLineElement(element) || visual.isCallout || visual.letsTextOverflow ? "" : "overflow-hidden";
+  const overflowClass = visual.isImage || visual.strokeWidth > 0 || element.type === "group" || chunk3TN5SUQR_js.isConnectorOrLineElement(element) || visual.isCallout || visual.letsTextOverflow ? "" : "overflow-hidden";
   const pointerClass = isActionable ? "pointer-events-auto cursor-pointer" : "pointer-events-none";
   return `${positioned ? "absolute" : "relative"} ${overflowClass} ${pointerClass}`;
 }
@@ -18131,7 +18114,7 @@ function StaticElementRendererImpl({
         top: positioned ? element.y : void 0,
         width: positioned ? Math.max(element.width, 1) : "100%",
         height: positioned ? Math.max(element.height, 1) : "100%",
-        transform: positioned ? chunkZ22RD3E2_js.getElementTransform(element) : void 0,
+        transform: positioned ? chunk3TN5SUQR_js.getElementTransform(element) : void 0,
         transformOrigin: "center",
         zIndex,
         ...visualStyle,
@@ -18174,18 +18157,18 @@ function StaticElementRendererImpl({
           spellCheck: false,
           txtSE: pptx$1.hasTextProperties(element) ? element.textStyle : void 0,
           txtS: textStyle,
-          vecShape: chunkZ22RD3E2_js.renderVectorShape(
+          vecShape: chunk3TN5SUQR_js.renderVectorShape(
             element,
             isImage ? false : hasFill,
             fill,
             strokeWidth,
             stroke
           ),
-          imgStyle: imageAnimation ? { ...chunkZ22RD3E2_js.getImageRenderStyle(element), animation: imageAnimation } : chunkZ22RD3E2_js.getImageRenderStyle(element),
-          imgFilter: chunkZ22RD3E2_js.getImageEffectsFilter(element),
-          imgOpacity: chunkZ22RD3E2_js.getImageEffectsOpacity(element),
+          imgStyle: imageAnimation ? { ...chunk3TN5SUQR_js.getImageRenderStyle(element), animation: imageAnimation } : chunk3TN5SUQR_js.getImageRenderStyle(element),
+          imgFilter: chunk3TN5SUQR_js.getImageEffectsFilter(element),
+          imgOpacity: chunk3TN5SUQR_js.getImageEffectsOpacity(element),
           imgAlt: "",
-          isTxtEl: chunkZ22RD3E2_js.isEditableTextElement(element),
+          isTxtEl: chunk3TN5SUQR_js.isEditableTextElement(element),
           media: mediaDataUrls,
           tableSt: null,
           isSel: false,
@@ -18233,7 +18216,7 @@ function SlideLayer({
       style: {
         width: safeWidth,
         height: safeHeight,
-        backgroundColor: slide.backgroundColor ? chunkZ22RD3E2_js.normalizeHexColor(slide.backgroundColor, "#ffffff") : "#ffffff",
+        backgroundColor: slide.backgroundColor ? chunk3TN5SUQR_js.normalizeHexColor(slide.backgroundColor, "#ffffff") : "#ffffff",
         backgroundImage: slide.backgroundImage ? `url(${slide.backgroundImage})` : slide.backgroundGradient ? slide.backgroundGradient : void 0,
         backgroundSize: slide.backgroundImage ? "cover" : void 0,
         backgroundPosition: slide.backgroundImage ? "center" : void 0