pptx-react-viewer 1.1.4 → 1.1.6

package/dist/index.mjs

@@ -1,11 +1,12 @@
 import * as React10 from 'react';
-import React10__default, { createContext, useState, useEffect, useMemo, Suspense, useCallback, forwardRef, useRef, useSyncExternalStore, useImperativeHandle, useContext, useLayoutEffect } from 'react';
+import React10__default, { createContext, useState, useEffect, useMemo, Suspense, useCallback, forwardRef, useRef, useSyncExternalStore, useImperativeHandle, useContext, useLayoutEffect, useDeferredValue } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom/client';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCast, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuWifi, LuWifiOff, LuUsers, LuCopy, LuMonitorOff, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuPanelLeft, LuUndo, LuRedo, LuSearch, LuShare2, LuPanelRight, LuFolderOpen, LuVideo, LuImage, LuClipboardPaste, LuScissors, LuPaintbrush, LuChevronDown, LuSquare, LuDatabase, LuLayers, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuChevronUp, LuPalette, LuPencil, LuPaintBucket, LuSparkles, LuCaptions, LuSpellCheck, LuGitCompare, LuPipette, LuCaseSensitive, LuReplace, LuTimer, LuMousePointer2, LuEraser, LuGripVertical, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuEllipsis, LuCircle, LuMoveRight, LuTriangle, LuDiamond, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuSpline, LuSettings2, LuMove, LuRadio, LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
-import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, isInkElement, getLinkedTextBoxSegments, isImageLikeElement, getSubstituteFontFamily, PptxHandler, EncryptedFileError, guidePxToEmu, guideEmuToPx, THEME_COLOR_SCHEME_KEYS, hslToRgb, PRESET_COLOR_MAP, elementActionToPptxAction, mergeShapes, SvgExporter, applyDrawingColorTransforms as applyDrawingColorTransforms$1, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, EMU_PER_PX as EMU_PER_PX$1, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, getOleObjectTypeLabel, pptxActionToElementAction, hasNonTrivialOverride, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, updateSmartArtNodeText, removeSmartArtNode, switchSmartArtLayout } from 'pptx-viewer-core';
+import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, isInkElement, getLinkedTextBoxSegments, isImageLikeElement, getSubstituteFontFamily, getAdjustmentAwareShapeClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, PptxHandler, EncryptedFileError, guidePxToEmu, guideEmuToPx, THEME_COLOR_SCHEME_KEYS, hslToRgb, PRESET_COLOR_MAP, elementActionToPptxAction, mergeShapes, SvgExporter, applyDrawingColorTransforms as applyDrawingColorTransforms$1, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, EMU_PER_PX as EMU_PER_PX$1, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, getOleObjectTypeLabel, pptxActionToElementAction, hasNonTrivialOverride, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, updateSmartArtNodeText, removeSmartArtNode, switchSmartArtLayout } from 'pptx-viewer-core';
+import DOMPurify from 'dompurify';
 import { useTranslation } from 'react-i18next';
 import html2canvasPro from 'html2canvas-pro';
 import JSZip from 'jszip';
@@ -170,7 +171,7 @@ function generateUUID() {
   const uuid = _lut[d0 & 255] + _lut[d0 >> 8 & 255] + _lut[d0 >> 16 & 255] + _lut[d0 >> 24 & 255] + "-" + _lut[d1 & 255] + _lut[d1 >> 8 & 255] + "-" + _lut[d1 >> 16 & 15 | 64] + _lut[d1 >> 24 & 255] + "-" + _lut[d2 & 63 | 128] + _lut[d2 >> 8 & 255] + "-" + _lut[d2 >> 16 & 255] + _lut[d2 >> 24 & 255] + _lut[d3 & 255] + _lut[d3 >> 8 & 255] + _lut[d3 >> 16 & 255] + _lut[d3 >> 24 & 255];
   return uuid.toLowerCase();
 }
-function clamp(value, min2, max2) {
+function clamp2(value, min2, max2) {
   return Math.max(min2, Math.min(max2, value));
 }
 function euclideanModulo(n, m2) {
@@ -545,7 +546,7 @@ function _generateTables() {
 }
 function toHalfFloat(val2) {
   if (Math.abs(val2) > 65504) warn("DataUtils.toHalfFloat(): Value out of range.");
-  val2 = clamp(val2, -65504, 65504);
+  val2 = clamp2(val2, -65504, 65504);
   _tables.floatView[0] = val2;
   const f = _tables.uint32View[0];
   const e2 = f >> 23 & 511;
@@ -2034,7 +2035,7 @@ var init_three_core = __esm({
        * @param {number} max - The max value.
        * @return {number} The clamped value.
        */
-      clamp,
+      clamp: clamp2,
       /**
        * Computes the Euclidean modulo of the given parameters that
        * is `( ( n % m ) + m ) % m`.
@@ -2561,8 +2562,8 @@ var init_three_core = __esm({
        * @return {Vector2} A reference to this vector.
        */
       clamp(min2, max2) {
-        this.x = clamp(this.x, min2.x, max2.x);
-        this.y = clamp(this.y, min2.y, max2.y);
+        this.x = clamp2(this.x, min2.x, max2.x);
+        this.y = clamp2(this.y, min2.y, max2.y);
         return this;
       }
       /**
@@ -2576,8 +2577,8 @@ var init_three_core = __esm({
        * @return {Vector2} A reference to this vector.
        */
       clampScalar(minVal, maxVal) {
-        this.x = clamp(this.x, minVal, maxVal);
-        this.y = clamp(this.y, minVal, maxVal);
+        this.x = clamp2(this.x, minVal, maxVal);
+        this.y = clamp2(this.y, minVal, maxVal);
         return this;
       }
       /**
@@ -2592,7 +2593,7 @@ var init_three_core = __esm({
        */
       clampLength(min2, max2) {
         const length2 = this.length();
-        return this.divideScalar(length2 || 1).multiplyScalar(clamp(length2, min2, max2));
+        return this.divideScalar(length2 || 1).multiplyScalar(clamp2(length2, min2, max2));
       }
       /**
        * The components of this vector are rounded down to the nearest integer value.
@@ -2717,7 +2718,7 @@ var init_three_core = __esm({
         const denominator = Math.sqrt(this.lengthSq() * v.lengthSq());
         if (denominator === 0) return Math.PI / 2;
         const theta = this.dot(v) / denominator;
-        return Math.acos(clamp(theta, -1, 1));
+        return Math.acos(clamp2(theta, -1, 1));
       }
       /**
        * Computes the distance from the given vector to this instance.
@@ -3204,7 +3205,7 @@ var init_three_core = __esm({
        * @return {number} The angle in radians.
        */
       angleTo(q) {
-        return 2 * Math.acos(Math.abs(clamp(this.dot(q), -1, 1)));
+        return 2 * Math.acos(Math.abs(clamp2(this.dot(q), -1, 1)));
       }
       /**
        * Rotates this quaternion by a given angular step to the given quaternion.
@@ -3910,9 +3911,9 @@ var init_three_core = __esm({
        * @return {Vector3} A reference to this vector.
        */
       clamp(min2, max2) {
-        this.x = clamp(this.x, min2.x, max2.x);
-        this.y = clamp(this.y, min2.y, max2.y);
-        this.z = clamp(this.z, min2.z, max2.z);
+        this.x = clamp2(this.x, min2.x, max2.x);
+        this.y = clamp2(this.y, min2.y, max2.y);
+        this.z = clamp2(this.z, min2.z, max2.z);
         return this;
       }
       /**
@@ -3926,9 +3927,9 @@ var init_three_core = __esm({
        * @return {Vector3} A reference to this vector.
        */
       clampScalar(minVal, maxVal) {
-        this.x = clamp(this.x, minVal, maxVal);
-        this.y = clamp(this.y, minVal, maxVal);
-        this.z = clamp(this.z, minVal, maxVal);
+        this.x = clamp2(this.x, minVal, maxVal);
+        this.y = clamp2(this.y, minVal, maxVal);
+        this.z = clamp2(this.z, minVal, maxVal);
         return this;
       }
       /**
@@ -3943,7 +3944,7 @@ var init_three_core = __esm({
        */
       clampLength(min2, max2) {
         const length2 = this.length();
-        return this.divideScalar(length2 || 1).multiplyScalar(clamp(length2, min2, max2));
+        return this.divideScalar(length2 || 1).multiplyScalar(clamp2(length2, min2, max2));
       }
       /**
        * The components of this vector are rounded down to the nearest integer value.
@@ -4153,7 +4154,7 @@ var init_three_core = __esm({
         const denominator = Math.sqrt(this.lengthSq() * v.lengthSq());
         if (denominator === 0) return Math.PI / 2;
         const theta = this.dot(v) / denominator;
-        return Math.acos(clamp(theta, -1, 1));
+        return Math.acos(clamp2(theta, -1, 1));
       }
       /**
        * Computes the distance from the given vector to this instance.
@@ -5842,10 +5843,10 @@ var init_three_core = __esm({
        * @return {Vector4} A reference to this vector.
        */
       clamp(min2, max2) {
-        this.x = clamp(this.x, min2.x, max2.x);
-        this.y = clamp(this.y, min2.y, max2.y);
-        this.z = clamp(this.z, min2.z, max2.z);
-        this.w = clamp(this.w, min2.w, max2.w);
+        this.x = clamp2(this.x, min2.x, max2.x);
+        this.y = clamp2(this.y, min2.y, max2.y);
+        this.z = clamp2(this.z, min2.z, max2.z);
+        this.w = clamp2(this.w, min2.w, max2.w);
         return this;
       }
       /**
@@ -5859,10 +5860,10 @@ var init_three_core = __esm({
        * @return {Vector4} A reference to this vector.
        */
       clampScalar(minVal, maxVal) {
-        this.x = clamp(this.x, minVal, maxVal);
-        this.y = clamp(this.y, minVal, maxVal);
-        this.z = clamp(this.z, minVal, maxVal);
-        this.w = clamp(this.w, minVal, maxVal);
+        this.x = clamp2(this.x, minVal, maxVal);
+        this.y = clamp2(this.y, minVal, maxVal);
+        this.z = clamp2(this.z, minVal, maxVal);
+        this.w = clamp2(this.w, minVal, maxVal);
         return this;
       }
       /**
@@ -5877,7 +5878,7 @@ var init_three_core = __esm({
        */
       clampLength(min2, max2) {
         const length2 = this.length();
-        return this.divideScalar(length2 || 1).multiplyScalar(clamp(length2, min2, max2));
+        return this.divideScalar(length2 || 1).multiplyScalar(clamp2(length2, min2, max2));
       }
       /**
        * The components of this vector are rounded down to the nearest integer value.
@@ -7660,7 +7661,7 @@ var init_three_core = __esm({
         const m31 = te[2], m32 = te[6], m33 = te[10];
         switch (order) {
           case "XYZ":
-            this._y = Math.asin(clamp(m13, -1, 1));
+            this._y = Math.asin(clamp2(m13, -1, 1));
             if (Math.abs(m13) < 0.9999999) {
               this._x = Math.atan2(-m23, m33);
               this._z = Math.atan2(-m12, m11);
@@ -7670,7 +7671,7 @@ var init_three_core = __esm({
             }
             break;
           case "YXZ":
-            this._x = Math.asin(-clamp(m23, -1, 1));
+            this._x = Math.asin(-clamp2(m23, -1, 1));
             if (Math.abs(m23) < 0.9999999) {
               this._y = Math.atan2(m13, m33);
               this._z = Math.atan2(m21, m22);
@@ -7680,7 +7681,7 @@ var init_three_core = __esm({
             }
             break;
           case "ZXY":
-            this._x = Math.asin(clamp(m32, -1, 1));
+            this._x = Math.asin(clamp2(m32, -1, 1));
             if (Math.abs(m32) < 0.9999999) {
               this._y = Math.atan2(-m31, m33);
               this._z = Math.atan2(-m12, m22);
@@ -7690,7 +7691,7 @@ var init_three_core = __esm({
             }
             break;
           case "ZYX":
-            this._y = Math.asin(-clamp(m31, -1, 1));
+            this._y = Math.asin(-clamp2(m31, -1, 1));
             if (Math.abs(m31) < 0.9999999) {
               this._x = Math.atan2(m32, m33);
               this._z = Math.atan2(m21, m11);
@@ -7700,7 +7701,7 @@ var init_three_core = __esm({
             }
             break;
           case "YZX":
-            this._z = Math.asin(clamp(m21, -1, 1));
+            this._z = Math.asin(clamp2(m21, -1, 1));
             if (Math.abs(m21) < 0.9999999) {
               this._x = Math.atan2(-m23, m22);
               this._y = Math.atan2(-m31, m11);
@@ -7710,7 +7711,7 @@ var init_three_core = __esm({
             }
             break;
           case "XZY":
-            this._z = Math.asin(-clamp(m12, -1, 1));
+            this._z = Math.asin(-clamp2(m12, -1, 1));
             if (Math.abs(m12) < 0.9999999) {
               this._x = Math.atan2(m32, m22);
               this._y = Math.atan2(m13, m11);
@@ -9334,8 +9335,8 @@ var init_three_core = __esm({
        */
       setHSL(h2, s, l2, colorSpace = ColorManagement.workingColorSpace) {
         h2 = euclideanModulo(h2, 1);
-        s = clamp(s, 0, 1);
-        l2 = clamp(l2, 0, 1);
+        s = clamp2(s, 0, 1);
+        l2 = clamp2(l2, 0, 1);
         if (s === 0) {
           this.r = this.g = this.b = l2;
         } else {
@@ -9521,7 +9522,7 @@ var init_three_core = __esm({
        */
       getHex(colorSpace = SRGBColorSpace) {
         ColorManagement.workingToColorSpace(_color.copy(this), colorSpace);
-        return Math.round(clamp(_color.r * 255, 0, 255)) * 65536 + Math.round(clamp(_color.g * 255, 0, 255)) * 256 + Math.round(clamp(_color.b * 255, 0, 255));
+        return Math.round(clamp2(_color.r * 255, 0, 255)) * 65536 + Math.round(clamp2(_color.g * 255, 0, 255)) * 256 + Math.round(clamp2(_color.b * 255, 0, 255));
       }
       /**
        * Returns the hexadecimal value of this color as a string (for example, 'FFFFFF').
@@ -18452,13 +18453,13 @@ var init_three_core = __esm({
           vec.crossVectors(tangents[i3 - 1], tangents[i3]);
           if (vec.length() > Number.EPSILON) {
             vec.normalize();
-            const theta = Math.acos(clamp(tangents[i3 - 1].dot(tangents[i3]), -1, 1));
+            const theta = Math.acos(clamp2(tangents[i3 - 1].dot(tangents[i3]), -1, 1));
             normals[i3].applyMatrix4(mat.makeRotationAxis(vec, theta));
           }
           binormals[i3].crossVectors(tangents[i3], normals[i3]);
         }
         if (closed === true) {
-          let theta = Math.acos(clamp(normals[0].dot(normals[segments]), -1, 1));
+          let theta = Math.acos(clamp2(normals[0].dot(normals[segments]), -1, 1));
           theta /= segments;
           if (tangents[0].dot(vec.crossVectors(normals[0], normals[segments])) > 0) {
             theta = -theta;
@@ -20247,7 +20248,7 @@ var init_three_core = __esm({
           phiLength
         };
         segments = Math.floor(segments);
-        phiLength = clamp(phiLength, 0, Math.PI * 2);
+        phiLength = clamp2(phiLength, 0, Math.PI * 2);
         const indices = [];
         const vertices = [];
         const uvs = [];
@@ -21463,7 +21464,7 @@ var init_three_core = __esm({
         this.ior = 1.5;
         Object.defineProperty(this, "reflectivity", {
           get: function() {
-            return clamp(2.5 * (this.ior - 1) / (this.ior + 1), 0, 1);
+            return clamp2(2.5 * (this.ior - 1) / (this.ior + 1), 0, 1);
           },
           set: function(reflectivity) {
             this.ior = (1 + 0.4 * reflectivity) / (1 - 0.4 * reflectivity);
@@ -29731,7 +29732,7 @@ var init_three_core = __esm({
        */
       makeSafe() {
         const EPS = 1e-6;
-        this.phi = clamp(this.phi, EPS, Math.PI - EPS);
+        this.phi = clamp2(this.phi, EPS, Math.PI - EPS);
         return this;
       }
       /**
@@ -29759,7 +29760,7 @@ var init_three_core = __esm({
           this.phi = 0;
         } else {
           this.theta = Math.atan2(x2, z);
-          this.phi = Math.acos(clamp(y / this.radius, -1, 1));
+          this.phi = Math.acos(clamp2(y / this.radius, -1, 1));
         }
         return this;
       }
@@ -30274,7 +30275,7 @@ var init_three_core = __esm({
         const startEnd_startP = _startEnd.dot(_startP);
         let t2 = startEnd_startP / startEnd2;
         if (clampToLine) {
-          t2 = clamp(t2, 0, 1);
+          t2 = clamp2(t2, 0, 1);
         }
         return t2;
       }
@@ -30320,27 +30321,27 @@ var init_three_core = __esm({
         if (a2 <= EPSILON) {
           s = 0;
           t2 = f / e2;
-          t2 = clamp(t2, 0, 1);
+          t2 = clamp2(t2, 0, 1);
         } else {
           const c3 = _d1.dot(_r);
           if (e2 <= EPSILON) {
             t2 = 0;
-            s = clamp(-c3 / a2, 0, 1);
+            s = clamp2(-c3 / a2, 0, 1);
           } else {
             const b2 = _d1.dot(_d2);
             const denom = a2 * e2 - b2 * b2;
             if (denom !== 0) {
-              s = clamp((b2 * f - c3 * e2) / denom, 0, 1);
+              s = clamp2((b2 * f - c3 * e2) / denom, 0, 1);
             } else {
               s = 0;
             }
             t2 = (b2 * s + f) / e2;
             if (t2 < 0) {
               t2 = 0;
-              s = clamp(-c3 / a2, 0, 1);
+              s = clamp2(-c3 / a2, 0, 1);
             } else if (t2 > 1) {
               t2 = 1;
-              s = clamp((b2 - c3) / a2, 0, 1);
+              s = clamp2((b2 - c3) / a2, 0, 1);
             }
           }
         }
@@ -43570,7 +43571,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
       }
       function useSyncExternalStore$2(subscribe3, getSnapshot2) {
-        didWarnOld18Alpha || void 0 === React97.startTransition || (didWarnOld18Alpha = true, console.error(
+        didWarnOld18Alpha || void 0 === React100.startTransition || (didWarnOld18Alpha = true, console.error(
           "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
         ));
         var value = getSnapshot2();
@@ -43580,7 +43581,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ), didWarnUncachedGetSnapshot = true);
         }
-        cachedValue = useState85({
+        cachedValue = useState86({
           inst: { value, getSnapshot: getSnapshot2 }
         });
         var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
@@ -43618,8 +43619,8 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot2();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React97 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is2, useState85 = React97.useState, useEffect72 = React97.useEffect, useLayoutEffect7 = React97.useLayoutEffect, useDebugValue = React97.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-      exports$1.useSyncExternalStore = void 0 !== React97.useSyncExternalStore ? React97.useSyncExternalStore : shim;
+      var React100 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is2, useState86 = React100.useState, useEffect72 = React100.useEffect, useLayoutEffect7 = React100.useLayoutEffect, useDebugValue = React100.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      exports$1.useSyncExternalStore = void 0 !== React100.useSyncExternalStore ? React100.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     })();
   }
@@ -43642,7 +43643,7 @@ var require_with_selector_development = __commonJS({
         return x2 === y && (0 !== x2 || 1 / x2 === 1 / y) || x2 !== x2 && y !== y;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React97 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is2, useSyncExternalStore3 = shim.useSyncExternalStore, useRef73 = React97.useRef, useEffect72 = React97.useEffect, useMemo41 = React97.useMemo, useDebugValue = React97.useDebugValue;
+      var React100 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is2, useSyncExternalStore3 = shim.useSyncExternalStore, useRef73 = React100.useRef, useEffect72 = React100.useEffect, useMemo41 = React100.useMemo, useDebugValue = React100.useDebugValue;
       exports$1.useSyncExternalStoreWithSelector = function(subscribe3, getSnapshot2, getServerSnapshot2, selector, isEqual) {
         var instRef = useRef73(null);
         if (null === instRef.current) {
@@ -70290,6 +70291,55 @@ var ACTION_BUTTON_PRESETS = [
     label: "Return",
     defaultAction: "prevSlide",
     iconPath: "M18 8 L18 14 L6 14 M6 14 L10 10 M6 14 L10 18"
+  },
+  {
+    shapeType: "actionButtonHome",
+    label: "Home",
+    defaultAction: "firstSlide",
+    // House: roof + body
+    iconPath: "M12 4 L20 11 L20 20 L14 20 L14 14 L10 14 L10 20 L4 20 L4 11 Z"
+  },
+  {
+    shapeType: "actionButtonHelp",
+    label: "Help",
+    defaultAction: "none",
+    // Question mark
+    iconPath: "M9 9 a3 3 0 1 1 4 2.8 c-1 0.4 -1 1.2 -1 2 M12 17 v0.5"
+  },
+  {
+    shapeType: "actionButtonInformation",
+    label: "Information",
+    defaultAction: "none",
+    // Lower-case "i": dot + body
+    iconPath: "M12 6 v0.01 M12 10 v8"
+  },
+  {
+    shapeType: "actionButtonDocument",
+    label: "Document",
+    defaultAction: "none",
+    // Document with folded corner
+    iconPath: "M6 4 L14 4 L18 8 L18 20 L6 20 Z M14 4 L14 8 L18 8"
+  },
+  {
+    shapeType: "actionButtonSound",
+    label: "Sound",
+    defaultAction: "none",
+    // Speaker cone + sound waves
+    iconPath: "M4 10 L4 14 L8 14 L12 18 L12 6 L8 10 Z M16 9 a4 4 0 0 1 0 6 M18 7 a7 7 0 0 1 0 10"
+  },
+  {
+    shapeType: "actionButtonMovie",
+    label: "Movie",
+    defaultAction: "none",
+    // Film strip with play triangle
+    iconPath: "M4 6 L20 6 L20 18 L4 18 Z M10 9 L15 12 L10 15 Z"
+  },
+  {
+    shapeType: "actionButtonBlank",
+    label: "Custom",
+    defaultAction: "none",
+    // No glyph — empty path. The button still renders as a rounded rect via clip-path.
+    iconPath: ""
   }
 ];
 Object.fromEntries(ACTION_BUTTON_PRESETS.map((p3) => [p3.shapeType, p3.defaultAction]));
@@ -72569,8 +72619,8 @@ function hexToRgb2(hex) {
   };
 }
 function rgbToHex(r2, g2, b2) {
-  const clamp2 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp2(r2).toString(16).padStart(2, "0")}${clamp2(g2).toString(16).padStart(2, "0")}${clamp2(b2).toString(16).padStart(2, "0")}`;
+  const clamp3 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp3(r2).toString(16).padStart(2, "0")}${clamp3(g2).toString(16).padStart(2, "0")}${clamp3(b2).toString(16).padStart(2, "0")}`;
 }
 function rgbToHsl(r2, g2, b2) {
   const rn = r2 / 255;
@@ -74074,6 +74124,13 @@ function hasDistinctScriptFonts(fonts) {
   }
   return Boolean(fonts.eastAsia) && fonts.eastAsia !== base || Boolean(fonts.complexScript) && fonts.complexScript !== base || Boolean(fonts.symbol) && fonts.symbol !== base;
 }
+function sanitizeMathMl(markup) {
+  const purify = DOMPurify;
+  if (typeof purify.sanitize !== "function") {
+    return markup;
+  }
+  return purify.sanitize(markup, { USE_PROFILES: { mathMl: true, svg: true } });
+}
 function renderScriptAwareText(text2, needsScriptFonts, scriptFonts, baseFontFamily, keyPrefix) {
   if (!needsScriptFonts || !text2) {
     return text2;
@@ -74164,14 +74221,15 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
 }
 function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
   const mathml = convertOmmlToMathMl(equationXml);
-  const equationContent = mathml ? /* @__PURE__ */ jsx(
+  const safeMathml = mathml ? sanitizeMathMl(mathml) : "";
+  const equationContent = safeMathml ? /* @__PURE__ */ jsx(
     "span",
     {
       className: "inline-block align-middle",
       style: {
         fontFamily: '"Cambria Math", "STIX Two Math", serif'
       },
-      dangerouslySetInnerHTML: { __html: mathml }
+      dangerouslySetInnerHTML: { __html: safeMathml }
     }
   ) : /* @__PURE__ */ jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: "Equation" });
   if (equationNumber) {
@@ -74772,6 +74830,11 @@ function getShapeClipPath(shapeType, adjustments, width, height) {
   }
   const normalized = shapeType.toLowerCase();
   if (normalized === "round1rect" || normalized === "round2samerect" || normalized === "round2diagrect" || normalized === "sniproundrect" || normalized === "snip1rect" || normalized === "snip2diagrect") {
+    if (adjustments?.adj !== void 0 && width && height) {
+      const ratio = Math.min(Math.max(adjustments.adj / 1e5, 0), 0.5);
+      const radiusPx = Math.round(Math.min(width, height) * ratio);
+      return `inset(0 round ${radiusPx}px)`;
+    }
     return "inset(0 round 18px)";
   }
   if (normalized === "can" || normalized === "cylinder") {
@@ -75418,6 +75481,128 @@ function mapDagBlendModeToCss(blend) {
       return void 0;
   }
 }
+function getImageAlphaFilterId(elementId) {
+  return `imgalpha-${elementId}`;
+}
+function hasAdvancedImageAlphaEffects(element2) {
+  if (!isImageLikeElement(element2)) {
+    return false;
+  }
+  const e2 = element2.imageEffects;
+  if (!e2) {
+    return false;
+  }
+  return Boolean(
+    typeof e2.alphaModFix === "number" || e2.alphaInv || e2.alphaCeiling || e2.alphaFloor || typeof e2.alphaRepl === "number" || typeof e2.alphaBiLevel === "number" || typeof e2.biLevel === "number" || e2.lum && (typeof e2.lum.bright === "number" || typeof e2.lum.contrast === "number") || e2.hsl && (typeof e2.hsl.sat === "number" || typeof e2.hsl.lum === "number") || e2.tint && typeof e2.tint.amt === "number" || e2.clrRepl
+  );
+}
+function renderImageAlphaSvgFilter(element2) {
+  if (!isImageLikeElement(element2)) {
+    return null;
+  }
+  const e2 = element2.imageEffects;
+  if (!e2 || !hasAdvancedImageAlphaEffects(element2)) {
+    return null;
+  }
+  const filterId = getImageAlphaFilterId(element2.id);
+  const primitives = [];
+  let resultIdx = 0;
+  let inputRef = "SourceGraphic";
+  const next = (jsx229) => {
+    const result = `r${resultIdx++}`;
+    primitives.push(jsx229(inputRef, result));
+    inputRef = result;
+  };
+  if (typeof e2.alphaModFix === "number") {
+    const mul = clamp(e2.alphaModFix / 100, 0, 1);
+    next((inp, out) => /* @__PURE__ */ jsx(
+      "feColorMatrix",
+      {
+        in: inp,
+        result: out,
+        type: "matrix",
+        values: `1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 ${mul} 0`
+      },
+      out
+    ));
+  }
+  if (e2.alphaInv) {
+    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "linear", slope: -1, intercept: 1 }) }, out));
+  }
+  if (e2.alphaCeiling) {
+    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "discrete", tableValues: "0 1 1 1 1 1 1 1 1 1" }) }, out));
+  }
+  if (e2.alphaFloor) {
+    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "discrete", tableValues: "0 0 0 0 0 0 0 0 0 1" }) }, out));
+  }
+  if (typeof e2.alphaRepl === "number") {
+    const a2 = clamp(e2.alphaRepl / 100, 0, 1);
+    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "linear", slope: 0, intercept: a2 }) }, out));
+  }
+  if (typeof e2.alphaBiLevel === "number") {
+    const t2 = clamp(e2.alphaBiLevel / 100, 0, 1);
+    const table = Array.from({ length: 10 }, (_, i3) => i3 / 10 >= t2 ? "1" : "0").join(" ");
+    next((inp, out) => /* @__PURE__ */ jsx("feComponentTransfer", { in: inp, result: out, children: /* @__PURE__ */ jsx("feFuncA", { type: "discrete", tableValues: table }) }, out));
+  }
+  if (typeof e2.biLevel === "number") {
+    next((inp, out) => /* @__PURE__ */ jsx("feColorMatrix", { in: inp, result: out, type: "saturate", values: "0" }, out));
+    const t2 = clamp(e2.biLevel / 100, 0, 1);
+    const tbl = t2 < 0.5 ? "0 1" : "0 1";
+    next((inp, out) => /* @__PURE__ */ jsxs("feComponentTransfer", { in: inp, result: out, children: [
+      /* @__PURE__ */ jsx("feFuncR", { type: "discrete", tableValues: tbl }),
+      /* @__PURE__ */ jsx("feFuncG", { type: "discrete", tableValues: tbl }),
+      /* @__PURE__ */ jsx("feFuncB", { type: "discrete", tableValues: tbl })
+    ] }, out));
+  }
+  if (e2.lum && (typeof e2.lum.bright === "number" || typeof e2.lum.contrast === "number")) {
+    const b2 = (e2.lum.bright ?? 0) / 100;
+    const c2 = 1 + (e2.lum.contrast ?? 0) / 100;
+    const slope = c2;
+    const intercept = b2 + (1 - c2) / 2;
+    next((inp, out) => /* @__PURE__ */ jsxs("feComponentTransfer", { in: inp, result: out, children: [
+      /* @__PURE__ */ jsx("feFuncR", { type: "linear", slope, intercept }),
+      /* @__PURE__ */ jsx("feFuncG", { type: "linear", slope, intercept }),
+      /* @__PURE__ */ jsx("feFuncB", { type: "linear", slope, intercept })
+    ] }, out));
+  }
+  if (e2.hsl && typeof e2.hsl.sat === "number") {
+    const v = clamp(1 + e2.hsl.sat / 100, 0, 2);
+    next((inp, out) => /* @__PURE__ */ jsx("feColorMatrix", { in: inp, result: out, type: "saturate", values: String(v) }, out));
+  }
+  if (e2.tint && typeof e2.tint.amt === "number" && e2.tint.amt < 0) {
+    const v = clamp(1 + e2.tint.amt / 100, 0, 1);
+    next((inp, out) => /* @__PURE__ */ jsx("feColorMatrix", { in: inp, result: out, type: "saturate", values: String(v) }, out));
+  }
+  if (e2.clrRepl) {
+    const c2 = hexToRgbUnit(e2.clrRepl.color);
+    next((inp, out) => /* @__PURE__ */ jsx(
+      "feColorMatrix",
+      {
+        in: inp,
+        result: out,
+        type: "matrix",
+        values: `0 0 0 0 ${c2.r}  0 0 0 0 ${c2.g}  0 0 0 0 ${c2.b}  0 0 0 1 0`
+      },
+      out
+    ));
+  }
+  if (primitives.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: 0,
+      height: 0,
+      style: { position: "absolute", overflow: "hidden" },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("filter", { id: filterId, colorInterpolationFilters: "sRGB", children: primitives }) })
+    }
+  );
+}
+function clamp(v, lo, hi) {
+  return v < lo ? lo : v > hi ? hi : v;
+}
 function getDagDuotoneFilterId(elementId) {
   return `dag-duotone-${elementId}`;
 }
@@ -75501,6 +75686,9 @@ function getImageEffectsFilter(element2, options) {
     const filterId = getDuotoneFilterId(element2.id);
     filters.push(`url(#${filterId})`);
   }
+  if (hasAdvancedImageAlphaEffects(element2)) {
+    filters.push(`url(#${getImageAlphaFilterId(element2.id)})`);
+  }
   if (effects.artisticEffect) {
     const radius = effects.artisticRadius ?? 5;
     if (needsSvgArtisticFilter(effects.artisticEffect)) {
@@ -75674,6 +75862,39 @@ function getEffectDagCssFilter(style, elementId) {
   return filters.length > 0 ? filters.join(" ") : void 0;
 }
 var getEffectDagFilter = getEffectDagCssFilter;
+function getResolvedShapeClipPathFor(shapeType, width, height, adjustments) {
+  if (!shapeType) {
+    return void 0;
+  }
+  if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) {
+    return getShapeClipPath(shapeType, adjustments, width, height);
+  }
+  if (adjustments && Object.keys(adjustments).length > 0) {
+    const adjusted = getAdjustmentAwareShapeClipPath(shapeType, width, height, adjustments);
+    if (adjusted !== void 0) {
+      return adjusted;
+    }
+  }
+  const fromPreset = getShapeClipPathFromPreset(shapeType, width, height, adjustments);
+  if (fromPreset !== void 0) {
+    return fromPreset;
+  }
+  const cloud = getCloudPathForRendering(shapeType, width, height);
+  if (cloud !== void 0) {
+    return cloud;
+  }
+  return getShapeClipPath(shapeType, adjustments, width, height);
+}
+function getResolvedShapeClipPath(element2, width, height) {
+  const shapeType = element2.shapeType;
+  if (!shapeType) {
+    return void 0;
+  }
+  const w = element2.width;
+  const h2 = element2.height;
+  const adjustments = element2.shapeAdjustments;
+  return getResolvedShapeClipPathFor(shapeType, w, h2, adjustments);
+}
 
 // src/viewer/utils/shape-round-rect.ts
 function localClampAdjustment(value) {
@@ -75745,6 +75966,27 @@ var MATERIAL_MAP = {
     filter: "brightness(1.1) contrast(0.85)",
     // Translucent powder: slight translucent glow
     backgroundImage: "radial-gradient(ellipse at 30% 30%, rgba(255,255,255,0.1) 0%, transparent 60%)"
+  },
+  // Legacy materials (PowerPoint 2007 / earlier). Render as muted variants
+  // of the modern equivalents so legacy decks still resemble the originals.
+  legacyMatte: {
+    filter: "brightness(0.92) saturate(0.85)",
+    backgroundImage: "linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 50%, rgba(0,0,0,0.04) 100%)"
+  },
+  legacyPlastic: {
+    filter: "brightness(1.02) contrast(1.03)",
+    boxShadow: "inset -2px -2px 5px rgba(255,255,255,0.3)",
+    backgroundImage: "radial-gradient(ellipse 35% 25% at 25% 20%, rgba(255,255,255,0.15) 0%, transparent 70%)"
+  },
+  legacyMetal: {
+    filter: "brightness(1.05) contrast(1.1) saturate(1.1)",
+    boxShadow: "inset -2px -2px 6px rgba(255,255,255,0.35), inset 1px 1px 3px rgba(255,255,255,0.15)",
+    backgroundImage: "linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.06) 25%, transparent 50%, rgba(0,0,0,0.05) 80%)"
+  },
+  legacyWireframe: {
+    filter: "brightness(1) contrast(1.4) saturate(0.6)",
+    // Wireframe: high contrast outline-emphasising look
+    boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.4)"
   }
 };
 function getMaterialCssOverrides(material) {
@@ -76699,8 +76941,7 @@ function getShapeVisualStyle(element2, hasFill, fillColor, strokeWidth, strokeCo
     return {};
   }
   const normalizedShapeType = getShapeType(element2.shapeType);
-  const shapeType = element2.shapeType || normalizedShapeType;
-  const clipPath = getShapeClipPath(shapeType);
+  const clipPath = getResolvedShapeClipPath(element2);
   const fillOpacity = element2.shapeStyle?.fillOpacity;
   const strokeOpacity = element2.shapeStyle?.strokeOpacity;
   const strokeDash = normalizeStrokeDashType(element2.shapeStyle?.strokeDash);
@@ -77302,7 +77543,7 @@ function getImageMaskStyle(element2) {
   if (normalized === "can" || normalized === "cylinder") {
     return { borderRadius: "48% / 12%" };
   }
-  const clipPath = getShapeClipPath(shapeType);
+  const clipPath = getResolvedShapeClipPath(element2);
   if (!clipPath) {
     return void 0;
   }
@@ -77965,8 +78206,8 @@ function hexToRgb3(hex) {
   };
 }
 function rgbToHex2(r2, g2, b2) {
-  const clamp2 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp2(r2).toString(16).padStart(2, "0").toUpperCase()}${clamp2(g2).toString(16).padStart(2, "0").toUpperCase()}${clamp2(b2).toString(16).padStart(2, "0").toUpperCase()}`;
+  const clamp3 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp3(r2).toString(16).padStart(2, "0").toUpperCase()}${clamp3(g2).toString(16).padStart(2, "0").toUpperCase()}${clamp3(b2).toString(16).padStart(2, "0").toUpperCase()}`;
 }
 function tintColor(hex, tintFactor) {
   const { r: r2, g: g2, b: b2 } = hexToRgb3(hex);
@@ -78897,13 +79138,13 @@ function cellStyleToCss(style) {
   }
   if (style.textDirection) {
     switch (style.textDirection) {
-      case "vertical":
+      case "vert":
       case "eaVert":
       case "wordArtVert":
       case "wordArtVertRtl":
         css.writingMode = "vertical-rl";
         break;
-      case "vertical270":
+      case "vert270":
       case "mongolianVert":
         css.writingMode = "vertical-lr";
         break;
@@ -79430,8 +79671,8 @@ function hexToRgb4(hex) {
   ];
 }
 function rgbToHex3(r2, g2, b2) {
-  const clamp2 = (v) => Math.max(0, Math.min(255, Math.round(v)));
-  return `#${clamp2(r2).toString(16).padStart(2, "0")}${clamp2(g2).toString(16).padStart(2, "0")}${clamp2(b2).toString(16).padStart(2, "0")}`;
+  const clamp3 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  return `#${clamp3(r2).toString(16).padStart(2, "0")}${clamp3(g2).toString(16).padStart(2, "0")}${clamp3(b2).toString(16).padStart(2, "0")}`;
 }
 function tint(hex, amount) {
   const [r2, g2, b2] = hexToRgb4(hex);
@@ -81349,7 +81590,7 @@ function resolveRegionCode(label) {
   return REGION_ALIAS_MAP[normalized];
 }
 function lerpColor(a2, b2, t2) {
-  const clamp2 = (v) => Math.max(0, Math.min(255, Math.round(v)));
+  const clamp3 = (v) => Math.max(0, Math.min(255, Math.round(v)));
   const parse = (hex) => {
     const h2 = hex.replace("#", "");
     return [
@@ -81360,9 +81601,9 @@ function lerpColor(a2, b2, t2) {
   };
   const [r1, g1, b1] = parse(a2);
   const [r2, g2, b22] = parse(b2);
-  const r3 = clamp2(r1 + (r2 - r1) * t2);
-  const g3 = clamp2(g1 + (g2 - g1) * t2);
-  const bl = clamp2(b1 + (b22 - b1) * t2);
+  const r3 = clamp3(r1 + (r2 - r1) * t2);
+  const g3 = clamp3(g1 + (g2 - g1) * t2);
+  const bl = clamp3(b1 + (b22 - b1) * t2);
   return `#${r3.toString(16).padStart(2, "0")}${g3.toString(16).padStart(2, "0")}${bl.toString(16).padStart(2, "0")}`;
 }
 function sequentialColorScale(t2) {
@@ -86528,7 +86769,7 @@ function ResizeHandle({
     }
   );
 }
-function SlideThumbnail({
+function SlideThumbnailImpl({
   slide,
   templateElements,
   canvasSize
@@ -86766,6 +87007,37 @@ function ThumbnailTable({
   }
   return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] text-muted-foreground pointer-events-none", children: "Table" });
 }
+function arePropsEqual(prev, next) {
+  if (prev.slide.id !== next.slide.id) {
+    return false;
+  }
+  if (prev.slide.isDirty !== next.slide.isDirty) {
+    return false;
+  }
+  if (prev.slide.hidden !== next.slide.hidden) {
+    return false;
+  }
+  if (prev.slide.elements !== next.slide.elements) {
+    return false;
+  }
+  if (prev.slide.backgroundColor !== next.slide.backgroundColor) {
+    return false;
+  }
+  if (prev.slide.backgroundImage !== next.slide.backgroundImage) {
+    return false;
+  }
+  if (prev.slide.backgroundGradient !== next.slide.backgroundGradient) {
+    return false;
+  }
+  if (prev.templateElements !== next.templateElements) {
+    return false;
+  }
+  if (prev.canvasSize.width !== next.canvasSize.width || prev.canvasSize.height !== next.canvasSize.height) {
+    return false;
+  }
+  return true;
+}
+var SlideThumbnail = React10__default.memo(SlideThumbnailImpl, arePropsEqual);
 function ContextMenu({
   contextMenuState,
   mode,
@@ -88083,6 +88355,59 @@ function WarpedText({
     }
   );
 }
+var GLYPH_BY_SHAPE = Object.fromEntries(
+  ACTION_BUTTON_PRESETS.map((p3) => [p3.shapeType, p3.iconPath])
+);
+GLYPH_BY_SHAPE["actionButtonForwardOrNext"] = GLYPH_BY_SHAPE["actionButtonForwardNext"];
+GLYPH_BY_SHAPE["actionButtonBackOrPrevious"] = GLYPH_BY_SHAPE["actionButtonBackPrevious"];
+function isActionButtonShape(shapeType) {
+  return Boolean(shapeType && shapeType in GLYPH_BY_SHAPE);
+}
+function getActionButtonGlyphPath(shapeType) {
+  if (!shapeType) {
+    return void 0;
+  }
+  const path = GLYPH_BY_SHAPE[shapeType];
+  return path && path.length > 0 ? path : void 0;
+}
+function ActionButtonGlyphOverlay({
+  element: element2,
+  color
+}) {
+  const shapeType = "shapeType" in element2 ? element2.shapeType : void 0;
+  const path = getActionButtonGlyphPath(shapeType);
+  if (!path) {
+    return null;
+  }
+  const stroke = color ?? ("textStyle" in element2 && element2.textStyle?.color || "#ffffff");
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "100%",
+      height: "100%",
+      preserveAspectRatio: "xMidYMid meet",
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        padding: "20%"
+      },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: path,
+          fill: "none",
+          stroke,
+          strokeWidth: 2,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 function ColorChangedImage({
   src,
   clrChange,
@@ -88353,6 +88678,7 @@ function renderImg(el, style, filter, alt, opacity) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       tileDuotoneColors && renderDuotoneSvgFilter(el.id, tileDuotoneColors.color1, tileDuotoneColors.color2),
       renderArtisticEffectSvgFilter(el.id, artisticEffectName, artisticRadius),
+      renderImageAlphaSvgFilter(el),
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -88374,6 +88700,7 @@ function renderImg(el, style, filter, alt, opacity) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     duotoneColors && !useDuotoneCanvas && renderDuotoneSvgFilter(el.id, duotoneColors.color1, duotoneColors.color2),
     renderArtisticEffectSvgFilter(el.id, artisticEffectName, artisticRadius),
+    renderImageAlphaSvgFilter(el),
     useDuotoneCanvas && duotoneColors ? /* @__PURE__ */ jsx(
       DuotoneImage,
       {
@@ -90499,7 +90826,7 @@ function BendingProcessRenderer({
     }
   );
 }
-function SmartArtRenderer({
+function SmartArtRendererImpl({
   element: element2,
   className = ""
 }) {
@@ -90610,6 +90937,30 @@ function renderLayout(layoutType, element2, nodes, palette, style) {
   }
   return /* @__PURE__ */ jsx(ListRenderer, { element: element2, nodes, palette, style });
 }
+function arePropsEqual2(prev, next) {
+  if (prev.className !== next.className) {
+    return false;
+  }
+  if (prev.element.id !== next.element.id) {
+    return false;
+  }
+  if (prev.element.type !== next.element.type) {
+    return false;
+  }
+  if (prev.element.width !== next.element.width || prev.element.height !== next.element.height) {
+    return false;
+  }
+  if (prev.element.x !== next.element.x || prev.element.y !== next.element.y) {
+    return false;
+  }
+  const prevData = prev.element.type === "smartArt" ? prev.element.smartArtData : void 0;
+  const nextData = next.element.type === "smartArt" ? next.element.smartArtData : void 0;
+  if (prevData !== nextData) {
+    return false;
+  }
+  return true;
+}
+var SmartArtRenderer = React10__default.memo(SmartArtRendererImpl, arePropsEqual2);
 function ZoomElementRenderer({
   element: element2,
   slides,
@@ -90858,8 +91209,11 @@ function renderBody(el, isImg, isEditing, editText, spellCheck, txtSE, txtS, vec
     ...scene3dStyle.perspective ? { perspective: scene3dStyle.perspective } : {},
     ...scene3dStyle.transformStyle ? { transformStyle: scene3dStyle.transformStyle } : {}
   } : void 0;
+  const shapeTypeForGlyph = "shapeType" in el ? el.shapeType : void 0;
+  const showActionButtonGlyph = isActionButtonShape(shapeTypeForGlyph);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     vecShape,
+    showActionButtonGlyph && /* @__PURE__ */ jsx(ActionButtonGlyphOverlay, { element: el }),
     isTxtEl ? useSvgWarp ? /* @__PURE__ */ jsx(
       "div",
       {
@@ -93553,7 +93907,7 @@ function SectionBlock({
     )
   ] });
 }
-function SlideCard({
+function SlideCardImpl({
   slide,
   index,
   isActive,
@@ -93607,6 +93961,49 @@ function SlideCard({
     }
   );
 }
+function arePropsEqual3(prev, next) {
+  if (prev.slide.id !== next.slide.id) {
+    return false;
+  }
+  if (prev.slide.isDirty !== next.slide.isDirty) {
+    return false;
+  }
+  if (prev.slide.hidden !== next.slide.hidden) {
+    return false;
+  }
+  if (prev.slide.elements !== next.slide.elements) {
+    return false;
+  }
+  if (prev.index !== next.index) {
+    return false;
+  }
+  if (prev.isActive !== next.isActive) {
+    return false;
+  }
+  if (prev.isDragTarget !== next.isDragTarget) {
+    return false;
+  }
+  if (prev.isSelected !== next.isSelected) {
+    return false;
+  }
+  if (prev.selectedCount !== next.selectedCount) {
+    return false;
+  }
+  if (prev.selectionOrder !== next.selectionOrder) {
+    return false;
+  }
+  if (prev.canEdit !== next.canEdit) {
+    return false;
+  }
+  if (prev.canvasSize.width !== next.canvasSize.width || prev.canvasSize.height !== next.canvasSize.height) {
+    return false;
+  }
+  if (prev.onSlideClick !== next.onSlideClick || prev.onDoubleClick !== next.onDoubleClick || prev.onContextMenu !== next.onContextMenu || prev.onDragStart !== next.onDragStart || prev.onDragOver !== next.onDragOver || prev.onDragLeave !== next.onDragLeave || prev.onDrop !== next.onDrop) {
+    return false;
+  }
+  return true;
+}
+var SlideCard = React10__default.memo(SlideCardImpl, arePropsEqual3);
 function SorterContextMenu({
   x: x2,
   y,
@@ -94400,6 +94797,14 @@ function getCurrentParagraphIndex(editorEl, segments) {
   }
   return paraIdx;
 }
+var CSS_VALUE_SAFE = /^[a-zA-Z0-9 _,.\-+#'%/]{1,100}$/;
+function isCssValueSafe(value) {
+  if (value === void 0 || value === null) {
+    return false;
+  }
+  const str = String(value);
+  return str.length > 0 && CSS_VALUE_SAFE.test(str);
+}
 function deriveStyleFromElement(element2, inheritedStyle) {
   const style = { ...inheritedStyle };
   const tagName = element2.tagName.toLowerCase();
@@ -94532,17 +94937,17 @@ function segmentsToEditorHtml(segments) {
       if (segment.style.strikethrough) {
         inlineStyles.push("text-decoration:line-through");
       }
-      if (segment.style.color) {
+      if (segment.style.color && isCssValueSafe(segment.style.color)) {
         inlineStyles.push(`color:${segment.style.color}`);
       }
-      if (segment.style.fontSize) {
-        inlineStyles.push(`font-size:${segment.style.fontSize}pt`);
+      if (segment.style.fontSize && Number.isFinite(Number(segment.style.fontSize))) {
+        inlineStyles.push(`font-size:${Number(segment.style.fontSize)}pt`);
       }
-      if (segment.style.fontFamily) {
+      if (segment.style.fontFamily && isCssValueSafe(segment.style.fontFamily)) {
         inlineStyles.push(`font-family:${segment.style.fontFamily}`);
       }
       const text2 = escapeHtml(segment.text);
-      if (segment.style.hyperlink) {
+      if (segment.style.hyperlink && isUrlSafe(segment.style.hyperlink)) {
         const href = escapeHtml(segment.style.hyperlink);
         return `<a href="${href}" style="color:#4a9eff;text-decoration:underline;cursor:pointer" data-hyperlink="${href}">${text2}</a>`;
       }
@@ -94625,7 +95030,8 @@ function renderRichNotesSegments(segments) {
       if (segment.style.fontFamily) {
         style.fontFamily = segment.style.fontFamily;
       }
-      if (segment.style.hyperlink) {
+      if (segment.style.hyperlink && isUrlSafe(segment.style.hyperlink)) {
+        const safeHref = segment.style.hyperlink;
         style.color = "#4a9eff";
         style.textDecoration = "underline";
         style.cursor = "pointer";
@@ -94633,11 +95039,11 @@ function renderRichNotesSegments(segments) {
           /* @__PURE__ */ jsx(
             "a",
             {
-              href: segment.style.hyperlink,
+              href: safeHref,
               style,
               onClick: (e2) => {
                 e2.preventDefault();
-                window.open(segment.style.hyperlink, "_blank");
+                safeOpenUrl(safeHref);
               },
               children: segment.text
             },
@@ -95189,7 +95595,7 @@ function useSlideNotes({
     const href = target.getAttribute("data-hyperlink") || target.getAttribute("href");
     if (href && (e2.ctrlKey || e2.metaKey)) {
       e2.preventDefault();
-      window.open(href, "_blank");
+      safeOpenUrl(href);
     }
   }, []);
   return {
@@ -96862,7 +97268,7 @@ function renderNotesSegments(segments) {
     return React10__default.createElement("span", { key: `seg-${index}`, style }, segment.text);
   });
 }
-function ScaledSlidePreview({
+function ScaledSlidePreviewImpl({
   slide,
   templateElements,
   canvasSize,
@@ -97009,6 +97415,40 @@ function ScaledSlidePreview({
     }
   );
 }
+function arePropsEqual4(prev, next) {
+  if (prev.slide.id !== next.slide.id) {
+    return false;
+  }
+  if (prev.slide.isDirty !== next.slide.isDirty) {
+    return false;
+  }
+  if (prev.slide.hidden !== next.slide.hidden) {
+    return false;
+  }
+  if (prev.slide.elements !== next.slide.elements) {
+    return false;
+  }
+  if (prev.slide.backgroundColor !== next.slide.backgroundColor) {
+    return false;
+  }
+  if (prev.slide.backgroundImage !== next.slide.backgroundImage) {
+    return false;
+  }
+  if (prev.slide.backgroundGradient !== next.slide.backgroundGradient) {
+    return false;
+  }
+  if (prev.templateElements !== next.templateElements) {
+    return false;
+  }
+  if (prev.canvasSize.width !== next.canvasSize.width || prev.canvasSize.height !== next.canvasSize.height) {
+    return false;
+  }
+  if (prev.className !== next.className) {
+    return false;
+  }
+  return true;
+}
+var ScaledSlidePreview = React10__default.memo(ScaledSlidePreviewImpl, arePropsEqual4);
 function PresenterView({
   slides,
   currentSlideIndex,
@@ -111312,6 +111752,13 @@ function convertOmmlToLatex(omml) {
   }
   return ommlChildrenToLatex(oMath);
 }
+function sanitizeMathMl2(markup) {
+  const purify = DOMPurify;
+  if (typeof purify.sanitize !== "function") {
+    return markup;
+  }
+  return purify.sanitize(markup, { USE_PROFILES: { mathMl: true, svg: true } });
+}
 var TEMPLATES = [
   {
     label: "Fraction",
@@ -111377,7 +111824,8 @@ var TEMPLATES = [
 var TEMPLATE_MATHML = TEMPLATES.map((tmpl) => {
   try {
     const tmplOmml = convertLatexToOmml(tmpl.latex);
-    return convertOmmlToMathMl(tmplOmml);
+    const raw = convertOmmlToMathMl(tmplOmml);
+    return raw ? sanitizeMathMl2(raw) : "";
   } catch {
     return "";
   }
@@ -111389,7 +111837,7 @@ function MathMlPreview({ mathml }) {
       return;
     }
     if (mathml) {
-      containerRef.current.innerHTML = mathml;
+      containerRef.current.innerHTML = sanitizeMathMl2(mathml);
     } else {
       containerRef.current.innerHTML = "";
     }
@@ -111417,6 +111865,7 @@ function EquationEditorDialog({
     return convertOmmlToLatex(existingOmml);
   }, [existingOmml]);
   const [latex, setLatex] = useState(initialLatex);
+  const deferredLatex = useDeferredValue(latex);
   const textareaRef = useRef(null);
   useEffect(() => {
     if (isOpen) {
@@ -111425,17 +111874,17 @@ function EquationEditorDialog({
     }
   }, [isOpen, initialLatex]);
   const { mathml, omml } = useMemo(() => {
-    if (!latex.trim()) {
+    if (!deferredLatex.trim()) {
       return { mathml: "", omml: {} };
     }
     try {
-      const ommlObj = convertLatexToOmml(latex);
+      const ommlObj = convertLatexToOmml(deferredLatex);
       const mathmlStr = convertOmmlToMathMl(ommlObj);
       return { mathml: mathmlStr, omml: ommlObj };
     } catch {
       return { mathml: "", omml: {} };
     }
-  }, [latex]);
+  }, [deferredLatex]);
   const handleInsert = useCallback(() => {
     if (!latex.trim()) {
       return;
@@ -114170,6 +114619,7 @@ function useEditorHistory(input) {
   const historyFutureRef = useRef([]);
   const lastHistorySnapshotRef = useRef(null);
   const lastHistorySerializedRef = useRef("");
+  const lastCheapHashRef = useRef("");
   const isApplyingHistoryRef = useRef(false);
   const unlockHistoryTimerRef = useRef(null);
   const [canUndo, setCanUndo] = useState(false);
@@ -114311,15 +114761,21 @@ function useEditorHistory(input) {
     if (hasActivePointerInteraction()) {
       return;
     }
+    const cheapHash = `${slides.length}|${activeSlideIndex}|${canvasSize.width}x${canvasSize.height}|${slides.map((s) => `${s.id}:${s.elements.length}`).join("/")}`;
+    if (cheapHash === lastCheapHashRef.current) {
+      return;
+    }
     const snapshot2 = buildHistorySnapshot();
     const serialized = JSON.stringify(snapshot2);
     if (serialized === lastHistorySerializedRef.current) {
+      lastCheapHashRef.current = cheapHash;
       return;
     }
     const previousSnapshot = lastHistorySnapshotRef.current;
     if (!previousSnapshot) {
       lastHistorySnapshotRef.current = cloneHistorySnapshot(snapshot2);
       lastHistorySerializedRef.current = serialized;
+      lastCheapHashRef.current = cheapHash;
       updateHistoryAvailability();
       return;
     }
@@ -114330,13 +114786,18 @@ function useEditorHistory(input) {
     historyFutureRef.current = [];
     lastHistorySnapshotRef.current = cloneHistorySnapshot(snapshot2);
     lastHistorySerializedRef.current = serialized;
+    lastCheapHashRef.current = cheapHash;
     updateHistoryAvailability();
   }, [
+    activeSlideIndex,
     buildHistorySnapshot,
+    canvasSize.height,
+    canvasSize.width,
     error2,
     hasActivePointerInteraction,
     loading2,
     pointerCommitNonce,
+    slides,
     updateHistoryAvailability
   ]);
   return {
@@ -118048,7 +118509,8 @@ async function storeAudienceContent(content) {
     const tx = db.transaction(STORE_NAME2, "readwrite");
     const store = tx.objectStore(STORE_NAME2);
     const bytes = content instanceof Uint8Array ? content : new Uint8Array(content);
-    store.put(bytes, CONTENT_KEY);
+    const record = { bytes, createdAt: Date.now() };
+    store.put(record, CONTENT_KEY);
     tx.oncomplete = () => {
       db.close();
       resolve2();
@@ -118081,14 +118543,34 @@ async function clearAudienceContent() {
 var PRESENTER_CHANNEL_NAME = "pptx-viewer-presenter";
 var AUDIENCE_HASH = "#pptx-audience";
 var PRESENTER_MSG_ORIGIN = "pptx-viewer-presenter";
+var AUDIENCE_NONCE_KEY = "nonce";
+function generateSessionId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return `s${Date.now().toString(36)}${Math.random().toString(36).slice(2, 10)}`;
+}
+function parseAudienceNonce() {
+  const hash = window.location.hash;
+  if (!hash.startsWith(AUDIENCE_HASH)) {
+    return null;
+  }
+  const trailing = hash.slice(AUDIENCE_HASH.length);
+  if (!trailing) {
+    return null;
+  }
+  const params2 = new URLSearchParams(trailing.replace(/^[&;?]/, ""));
+  return params2.get(AUDIENCE_NONCE_KEY);
+}
 function isAudienceTab() {
-  return window.location.hash === AUDIENCE_HASH;
+  return window.location.hash.startsWith(AUDIENCE_HASH);
 }
 function usePresenterWindow(input) {
   const { currentSlideIndex, isPresenterMode, content } = input;
   const audienceWindowRef = useRef(null);
   const channelRef = useRef(null);
   const pollTimerRef = useRef(null);
+  const sessionIdRef = useRef("");
   const getChannel2 = useCallback(() => {
     if (!channelRef.current) {
       channelRef.current = new BroadcastChannel(PRESENTER_CHANNEL_NAME);
@@ -118100,10 +118582,14 @@ function usePresenterWindow(input) {
   }, []);
   const syncSlideToAudience = useCallback(
     (slideIndex) => {
+      if (!sessionIdRef.current) {
+        return;
+      }
       const msg = {
         origin: PRESENTER_MSG_ORIGIN,
         type: "presenter-slide-change",
-        slideIndex
+        slideIndex,
+        sessionId: sessionIdRef.current
       };
       try {
         getChannel2().postMessage(msg);
@@ -118113,13 +118599,16 @@ function usePresenterWindow(input) {
     [getChannel2]
   );
   const closeAudienceWindow = useCallback(() => {
-    try {
-      const exitMsg = {
-        origin: PRESENTER_MSG_ORIGIN,
-        type: "presenter-exit"
-      };
-      getChannel2().postMessage(exitMsg);
-    } catch {
+    if (sessionIdRef.current) {
+      try {
+        const exitMsg = {
+          origin: PRESENTER_MSG_ORIGIN,
+          type: "presenter-exit",
+          sessionId: sessionIdRef.current
+        };
+        getChannel2().postMessage(exitMsg);
+      } catch {
+      }
     }
     const win = audienceWindowRef.current;
     if (win && !win.closed) {
@@ -118129,6 +118618,7 @@ function usePresenterWindow(input) {
       }
     }
     audienceWindowRef.current = null;
+    sessionIdRef.current = "";
     if (pollTimerRef.current !== null) {
       clearInterval(pollTimerRef.current);
       pollTimerRef.current = null;
@@ -118139,20 +118629,53 @@ function usePresenterWindow(input) {
     if (isAudienceWindowOpen()) {
       closeAudienceWindow();
     }
-    if (content) {
-      void storeAudienceContent(content);
-    }
-    const url = new URL(window.location.href);
-    url.hash = AUDIENCE_HASH;
-    const win = window.open(url.toString(), "_blank");
-    if (!win) {
+    const blankWin = window.open("about:blank", "_blank");
+    if (!blankWin) {
       return false;
     }
-    audienceWindowRef.current = win;
+    audienceWindowRef.current = blankWin;
+    const sessionId = generateSessionId();
+    sessionIdRef.current = sessionId;
+    const audienceUrl = new URL(window.location.href);
+    const params2 = new URLSearchParams();
+    params2.set(AUDIENCE_NONCE_KEY, sessionId);
+    audienceUrl.hash = `${AUDIENCE_HASH}&${params2.toString()}`;
+    const navigateOrClose = (ok) => {
+      const win = audienceWindowRef.current;
+      if (!win || win.closed) {
+        return;
+      }
+      if (!ok) {
+        try {
+          win.close();
+        } catch {
+        }
+        audienceWindowRef.current = null;
+        sessionIdRef.current = "";
+        return;
+      }
+      try {
+        win.location.replace(audienceUrl.toString());
+      } catch {
+        try {
+          win.close();
+        } catch {
+        }
+        audienceWindowRef.current = null;
+        sessionIdRef.current = "";
+      }
+    };
+    if (content) {
+      void storeAudienceContent(content).then(() => navigateOrClose(true)).catch(() => navigateOrClose(false));
+    } else {
+      navigateOrClose(true);
+    }
     window.setTimeout(() => syncSlideToAudience(currentSlideIndex), 1500);
     pollTimerRef.current = setInterval(() => {
-      if (win.closed) {
+      const win = audienceWindowRef.current;
+      if (!win || win.closed) {
         audienceWindowRef.current = null;
+        sessionIdRef.current = "";
         if (pollTimerRef.current !== null) {
           clearInterval(pollTimerRef.current);
           pollTimerRef.current = null;
@@ -118180,6 +118703,13 @@ function usePresenterWindow(input) {
       closeAudienceWindow();
     }
   }, [isPresenterMode, closeAudienceWindow]);
+  useEffect(() => {
+    const handleBeforeUnload = () => {
+      void clearAudienceContent();
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, []);
   return {
     openAudienceWindow,
     closeAudienceWindow,
@@ -118217,6 +118747,7 @@ function useAudienceMode(input) {
     if (!isAudienceTab()) {
       return;
     }
+    const expectedSessionId = parseAudienceNonce();
     let channel;
     try {
       channel = new BroadcastChannel(PRESENTER_CHANNEL_NAME);
@@ -118228,6 +118759,9 @@ function useAudienceMode(input) {
       if (!data || data.origin !== PRESENTER_MSG_ORIGIN) {
         return;
       }
+      if (expectedSessionId && data.sessionId !== expectedSessionId) {
+        return;
+      }
       if (data.type === "presenter-slide-change") {
         onSetActiveSlideIndex(data.slideIndex);
       }
@@ -119161,6 +119695,12 @@ function useTouchGestures(input) {
   callbacksRef.current = callbacks;
   const scaleRef = useRef(currentScale);
   scaleRef.current = currentScale;
+  const [targetVersion, setTargetVersion] = useState(0);
+  const lastTargetRef = useRef(null);
+  if (targetRef.current !== lastTargetRef.current) {
+    lastTargetRef.current = targetRef.current;
+    queueMicrotask(() => setTargetVersion((v) => v + 1));
+  }
   useEffect(() => {
     const el = targetRef.current;
     if (!el || !enabled) {
@@ -119249,7 +119789,7 @@ function useTouchGestures(input) {
       el.removeEventListener("touchcancel", handleTouchCancel);
       cancelLongPress();
     };
-  }, [targetRef, enabled]);
+  }, [targetRef, enabled, targetVersion]);
 }
 
 // src/viewer/utils/dom-helpers.ts
@@ -119270,11 +119810,31 @@ function safeConfirm(message) {
     return false;
   }
 }
+function sanitizeDownloadFilename(input) {
+  if (typeof input !== "string" || input.trim().length === 0) {
+    return "presentation.pptx";
+  }
+  let cleaned = input.replace(/[\x00-\x1f\x7f"\\/:*?<>|]/g, "_").replace(/\.\./g, "__").replace(/^\.+/, "").trim();
+  if (cleaned.length === 0) {
+    return "presentation.pptx";
+  }
+  if (cleaned.length > 200) {
+    const dot = cleaned.lastIndexOf(".");
+    if (dot > 0 && cleaned.length - dot <= 16) {
+      const ext = cleaned.slice(dot);
+      cleaned = cleaned.slice(0, 200 - ext.length) + ext;
+    } else {
+      cleaned = cleaned.slice(0, 200);
+    }
+  }
+  return cleaned;
+}
 function downloadBlob(blob, filename) {
+  const safeName = sanitizeDownloadFilename(filename);
   const url = URL.createObjectURL(blob);
   const a2 = document.createElement("a");
   a2.href = url;
-  a2.download = filename;
+  a2.download = safeName;
   document.body.appendChild(a2);
   a2.click();
   setTimeout(() => {
@@ -119705,27 +120265,82 @@ function openAutosaveDb2() {
     req.onerror = () => reject(req.error);
   });
 }
-async function saveToIndexedDb(filePath, data) {
+async function deleteOldestAutosaveEntry() {
   const db = await openAutosaveDb2();
-  return new Promise((resolve2, reject) => {
-    const tx = db.transaction(STORE_NAME3, "readwrite");
-    const store = tx.objectStore(STORE_NAME3);
-    store.put({
-      key: filePath,
-      data,
-      timestamp: Date.now(),
-      size: data.byteLength
-    });
-    tx.oncomplete = () => {
-      db.close();
-      resolve2(true);
-    };
-    tx.onerror = () => {
-      db.close();
-      reject(tx.error);
-    };
+  return new Promise((resolve2) => {
+    try {
+      const tx = db.transaction(STORE_NAME3, "readwrite");
+      const store = tx.objectStore(STORE_NAME3);
+      let oldestKey = null;
+      let oldestTimestamp = Infinity;
+      const cursorReq = store.openCursor();
+      cursorReq.onsuccess = () => {
+        const cursor = cursorReq.result;
+        if (cursor) {
+          const value = cursor.value;
+          if (typeof value.timestamp === "number" && value.timestamp < oldestTimestamp) {
+            oldestTimestamp = value.timestamp;
+            oldestKey = cursor.primaryKey;
+          }
+          cursor.continue();
+        } else if (oldestKey !== null) {
+          store.delete(oldestKey);
+        }
+      };
+      tx.oncomplete = () => {
+        db.close();
+        resolve2(oldestKey !== null);
+      };
+      tx.onerror = () => {
+        db.close();
+        resolve2(false);
+      };
+    } catch {
+      try {
+        db.close();
+      } catch {
+      }
+      resolve2(false);
+    }
   });
 }
+function putAutosaveRecord(filePath, data) {
+  return openAutosaveDb2().then(
+    (db) => new Promise((resolve2, reject) => {
+      const tx = db.transaction(STORE_NAME3, "readwrite");
+      const store = tx.objectStore(STORE_NAME3);
+      store.put({
+        key: filePath,
+        data,
+        timestamp: Date.now(),
+        size: data.byteLength
+      });
+      tx.oncomplete = () => {
+        db.close();
+        resolve2(true);
+      };
+      tx.onerror = () => {
+        db.close();
+        reject(tx.error);
+      };
+    })
+  );
+}
+async function saveToIndexedDb(filePath, data) {
+  try {
+    return await putAutosaveRecord(filePath, data);
+  } catch (err) {
+    const errName = err instanceof Error || err instanceof DOMException ? err.name : "";
+    if (errName !== "QuotaExceededError") {
+      throw err;
+    }
+    const deleted = await deleteOldestAutosaveEntry();
+    if (!deleted) {
+      throw err;
+    }
+    return putAutosaveRecord(filePath, data);
+  }
+}
 function useAutosave(input) {
   const {
     isDirty,
@@ -119842,6 +120457,25 @@ function collectReferencedFontFamilies(slides) {
   }
   return families;
 }
+var FONT_NAME_UNSAFE_CHARS = /["\\\n\r;}<>]/;
+var FONT_FORMAT_ALLOWED = /* @__PURE__ */ new Set([
+  "truetype",
+  "opentype",
+  "woff",
+  "woff2",
+  "svg",
+  "embedded-opentype"
+]);
+var FONT_DATA_URL_PATTERN = /^data:font\/[a-z0-9+.-]+(?:;charset=[a-z0-9-]+)?;base64,[A-Za-z0-9+/=]+$/i;
+function isFontDataUrlSafe(url) {
+  if (typeof url !== "string" || url.length === 0) {
+    return false;
+  }
+  if (url.startsWith("blob:")) {
+    return true;
+  }
+  return FONT_DATA_URL_PATTERN.test(url);
+}
 function useFontInjection({ embeddedFonts, slides }) {
   useEffect(() => {
     if (!embeddedFonts.length) {
@@ -119849,17 +120483,28 @@ function useFontInjection({ embeddedFonts, slides }) {
     }
     const styleEl = document.createElement("style");
     styleEl.id = EMBEDDED_FONTS_STYLE_ID;
-    const cssRules = embeddedFonts.map((font) => {
+    const cssRules = embeddedFonts.flatMap((font) => {
+      if (typeof font.name !== "string" || font.name.length === 0 || FONT_NAME_UNSAFE_CHARS.test(font.name)) {
+        return [];
+      }
+      if (!isFontDataUrlSafe(font.dataUrl)) {
+        return [];
+      }
+      const fontFormat = font.format ?? "truetype";
+      if (!FONT_FORMAT_ALLOWED.has(fontFormat)) {
+        return [];
+      }
       const fontWeight = font.bold ? "700" : "400";
       const fontStyleCss = font.italic ? "italic" : "normal";
-      const fontFormat = font.format ?? "truetype";
-      return `@font-face {
+      return [
+        `@font-face {
 	font-family: "${font.name}";
 	src: url("${font.dataUrl}") format("${fontFormat}");
 	font-weight: ${fontWeight};
 	font-style: ${fontStyleCss};
 	font-display: swap;
-}`;
+}`
+      ];
     }).join("\n");
     styleEl.textContent = cssRules;
     document.head.appendChild(styleEl);
@@ -119888,7 +120533,7 @@ function useFontInjection({ embeddedFonts, slides }) {
     const linkEl = document.createElement("link");
     linkEl.id = GOOGLE_FONTS_LINK_ID;
     linkEl.rel = "stylesheet";
-    linkEl.href = `https://fonts.googleapis.com/css2?${googleFamilies.map((f) => `family=${GOOGLE_FONTS_AVAILABLE[f]}`).join("&")}&display=swap`;
+    linkEl.href = `https://fonts.googleapis.com/css2?${googleFamilies.map((f) => `family=${encodeURIComponent(GOOGLE_FONTS_AVAILABLE[f])}`).join("&")}&display=swap`;
     document.head.appendChild(linkEl);
     return () => {
       const existing = document.getElementById(GOOGLE_FONTS_LINK_ID);
@@ -119904,13 +120549,18 @@ function useFontInjection({ embeddedFonts, slides }) {
     }
     const styleEl = document.createElement("style");
     styleEl.id = SYMBOL_FONTS_STYLE_ID;
-    const rules = neededSymbolFonts.map(
-      (font) => `@font-face {
+    const rules = neededSymbolFonts.flatMap((font) => {
+      if (typeof font !== "string" || FONT_NAME_UNSAFE_CHARS.test(font)) {
+        return [];
+      }
+      return [
+        `@font-face {
 	font-family: "${font}";
 	src: local("${font}"), local("${font} Regular");
 	font-display: swap;
 }`
-    ).join("\n");
+      ];
+    }).join("\n");
     styleEl.textContent = rules;
     document.head.appendChild(styleEl);
     return () => {
@@ -120053,16 +120703,17 @@ function useLoadContent({
             `[pptx] Large file detected (${fileSizeMB.toFixed(1)} MB). Loading may use significant memory.`
           );
         }
-        if (handlerRef.current) {
-          handlerRef.current.dispose();
-          handlerRef.current = null;
-        }
+        const previousHandler = handlerRef.current;
         const handler = new PptxHandler();
         const parsed = await handler.load(buffer);
         if (cancelled || token !== renderTokenRef.current) {
           handler.dispose();
           return;
         }
+        if (previousHandler) {
+          previousHandler.dispose();
+        }
+        handlerRef.current = null;
         const mediaElements = [];
         for (const slide of parsed.slides) {
           collectMediaElements(slide.elements, mediaElements);
@@ -120107,6 +120758,7 @@ function useLoadContent({
           })
         );
         const { paths: imagePaths, refs: imageRefs } = collectImagePaths(parsed.slides);
+        let nextSlides = parsed.slides;
         if (imagePaths.size > 0) {
           const resolvedMap = /* @__PURE__ */ new Map();
           await Promise.all(
@@ -120120,15 +120772,47 @@ function useLoadContent({
               }
             })
           );
+          const elementPatches = /* @__PURE__ */ new Map();
           for (const ref of imageRefs) {
             const url = resolvedMap.get(ref.path);
-            if (url) {
-              ref.element[ref.field] = url;
+            if (!url) {
+              continue;
             }
+            const id2 = ref.element.id;
+            const existing = elementPatches.get(id2) ?? {};
+            existing[ref.field] = url;
+            elementPatches.set(id2, existing);
+          }
+          if (elementPatches.size > 0) {
+            const patchElements = (elements) => {
+              let mutated = false;
+              const next = elements.map((el) => {
+                let updated = el;
+                const patch = elementPatches.get(el.id);
+                if (patch) {
+                  updated = { ...el, ...patch };
+                }
+                if (updated.type === "group" && updated.children?.length) {
+                  const newChildren = patchElements(updated.children);
+                  if (newChildren !== updated.children) {
+                    updated = { ...updated, children: newChildren };
+                  }
+                }
+                if (updated !== el) {
+                  mutated = true;
+                }
+                return updated;
+              });
+              return mutated ? next : elements;
+            };
+            nextSlides = parsed.slides.map((s) => {
+              const newElements = patchElements(s.elements);
+              return newElements === s.elements ? s : { ...s, elements: newElements };
+            });
           }
         }
         handlerRef.current = handler;
-        setSlides(parsed.slides);
+        setSlides(nextSlides);
         setTemplateElementsBySlideId({});
         setCanvasSize({
           width: parsed.width ?? DEFAULT_CANVAS_WIDTH,
@@ -121302,7 +121986,19 @@ function injectFontFaces(svg, fontFaces) {
   if (!fontFaces.length) {
     return svg;
   }
-  const styleBlock = `<style type="text/css">${fontFaces.map((f) => f.css).join("\n")}</style>`;
+  const safeFontFaces = fontFaces.filter((f) => {
+    if (f.css.toLowerCase().includes("</style")) {
+      console.warn(
+        `[export-svg] Dropping @font-face entry for "${f.family}" containing "</style" \u2014 would break out of the <style> block.`
+      );
+      return false;
+    }
+    return true;
+  });
+  if (!safeFontFaces.length) {
+    return svg;
+  }
+  const styleBlock = `<style type="text/css">${safeFontFaces.map((f) => f.css).join("\n")}</style>`;
   if (svg.includes("<defs>")) {
     return svg.replace("<defs>", `<defs>${styleBlock}`);
   }
@@ -121628,7 +122324,7 @@ function useExportHandlers(input) {
     activeSlideIndexForGuides,
     modalControls
   });
-  const handleExportPng = async () => {
+  const handleExportPng = useCallback(async () => {
     const stageEl = canvasStageRef.current;
     if (!stageEl) {
       return;
@@ -121640,8 +122336,8 @@ function useExportHandlers(input) {
     } catch (err) {
       console.error("[PowerPointViewer] PNG export failed:", err);
     }
-  };
-  const handleExportPdf = async () => {
+  }, [canvasStageRef, activeSlideIndex, activeSlide?.backgroundColor]);
+  const handleExportPdf = useCallback(async () => {
     if (!canvasStageRef.current) {
       return;
     }
@@ -121682,8 +122378,8 @@ function useExportHandlers(input) {
       exportAbortRef.current = null;
       setExportModalOpen(false);
     }
-  };
-  const handleExportNotesPdf = async () => {
+  }, [canvasStageRef, slides.length, setActiveSlideIndex, activeSlideIndex]);
+  const handleExportNotesPdf = useCallback(async () => {
     if (!canvasStageRef.current) {
       return;
     }
@@ -121726,8 +122422,8 @@ function useExportHandlers(input) {
       exportAbortRef.current = null;
       setExportModalOpen(false);
     }
-  };
-  const handleCopySlideAsImage = async () => {
+  }, [canvasStageRef, slides, setActiveSlideIndex, activeSlideIndex]);
+  const handleCopySlideAsImage = useCallback(async () => {
     const stageEl = canvasStageRef.current;
     if (!stageEl) {
       return;
@@ -121739,8 +122435,8 @@ function useExportHandlers(input) {
     } catch (err) {
       console.error("[PowerPointViewer] Copy slide as image failed:", err);
     }
-  };
-  const handleExportVideo = async () => {
+  }, [canvasStageRef, activeSlide?.backgroundColor]);
+  const handleExportVideo = useCallback(async () => {
     if (!canvasStageRef.current) {
       return;
     }
@@ -121782,8 +122478,8 @@ function useExportHandlers(input) {
       exportAbortRef.current = null;
       setExportModalOpen(false);
     }
-  };
-  const handleExportGif = async () => {
+  }, [canvasStageRef, slides.length, setActiveSlideIndex, activeSlideIndex]);
+  const handleExportGif = useCallback(async () => {
     if (!canvasStageRef.current) {
       return;
     }
@@ -121821,7 +122517,7 @@ function useExportHandlers(input) {
       exportAbortRef.current = null;
       setExportModalOpen(false);
     }
-  };
+  }, [canvasStageRef, slides.length, setActiveSlideIndex, activeSlideIndex]);
   const handleCancelExport = useCallback(() => {
     exportAbortRef.current?.abort();
     exportAbortRef.current = null;
@@ -121847,6 +122543,15 @@ function useExportHandlers(input) {
     exportStatusMessage
   };
 }
+function escapeHtmlAttr(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function safeDataImageSrc(src) {
+  if (typeof src !== "string" || !src.startsWith("data:image/")) {
+    return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgAAIAAAUAAen63NgAAAAASUVORK5CYII=";
+  }
+  return escapeHtmlAttr(src);
+}
 function openPrintWindow(title, bodyHtml, orientation, colorFilter, frameSlides) {
   const printWindow = window.open("", "_blank", "noopener,noreferrer");
   if (!printWindow) {
@@ -122029,7 +122734,7 @@ function usePrintHandlers(input) {
       const slideImages = slideIndices.map((idx) => allImages[idx]).filter(Boolean);
       if (settings.printWhat === "slides") {
         const bodyHtml = slideImages.map(
-          (img, i3) => `<section class="page slide-page"><img class="slide-img" src="${img}" alt="Slide ${slideIndices[i3] + 1}" /></section>`
+          (img, i3) => `<section class="page slide-page"><img class="slide-img" src="${safeDataImageSrc(img)}" alt="Slide ${slideIndices[i3] + 1}" /></section>`
         ).join("");
         openPrintWindow(
           "Slides",
@@ -122045,7 +122750,7 @@ function usePrintHandlers(input) {
           const idx = slideIndices[i3];
           const notes = slides[idx]?.notes?.trim() || "";
           return `<section class="page notes-page">
-  <img class="notes-slide" src="${img}" alt="Slide ${idx + 1}" />
+  <img class="notes-slide" src="${safeDataImageSrc(img)}" alt="Slide ${idx + 1}" />
   <div class="notes-text">${escapeHtml2(notes)}</div>
 </section>`;
         }).join("");
@@ -122077,14 +122782,14 @@ function usePrintHandlers(input) {
           if (isThreePerPage) {
             const rows = Array.from({ length: spp }, (_, cellIndex) => {
               const img = pageImgs[cellIndex];
-              const slideCell = img ? `<div class="handout-cell"><img src="${img}" alt="Slide ${slideIndices[i3 + cellIndex] + 1}" /></div>` : `<div class="handout-cell"></div>`;
+              const slideCell = img ? `<div class="handout-cell"><img src="${safeDataImageSrc(img)}" alt="Slide ${slideIndices[i3 + cellIndex] + 1}" /></div>` : `<div class="handout-cell"></div>`;
               return `<div class="handout-row-3">${slideCell}${buildNoteLines()}</div>`;
             }).join("");
             pages.push(`<section class="page"><div class="handout-grid-3">${rows}</div></section>`);
           } else {
             const cells = Array.from({ length: spp }, (_, cellIndex) => {
               const img = pageImgs[cellIndex];
-              return img ? `<div class="handout-cell"><img src="${img}" alt="Slide ${slideIndices[i3 + cellIndex] + 1}" /></div>` : `<div class="handout-cell"></div>`;
+              return img ? `<div class="handout-cell"><img src="${safeDataImageSrc(img)}" alt="Slide ${slideIndices[i3 + cellIndex] + 1}" /></div>` : `<div class="handout-cell"></div>`;
             }).join("");
             pages.push(
               `<section class="page"><div class="handout-grid" style="grid-template-columns: repeat(${grid.columns}, minmax(0, 1fr)); grid-template-rows: repeat(${grid.rows}, minmax(0, 1fr));">${cells}</div></section>`