npm - pptx-react-viewer - Versions diffs - 1.1.4 → 1.1.6 - Mend

pptx-react-viewer 1.1.4 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (38) hide show

package/dist/viewer/index.mjs CHANGED Viewed

@@ -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, applyThemeToData, THEME_PRESETS } 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, applyThemeToData, THEME_PRESETS } 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, useMemo42 = 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, useMemo42 = React100.useMemo, useDebugValue = React100.useDebugValue;
       exports$1.useSyncExternalStoreWithSelector = function(subscribe3, getSnapshot2, getServerSnapshot2, selector, isEqual) {
         var instRef = useRef73(null);
         if (null === instRef.current) {
@@ -70279,6 +70280,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]));
@@ -72558,8 +72608,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;
@@ -74063,6 +74113,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;
@@ -74153,14 +74210,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) {
@@ -74761,6 +74819,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") {
@@ -75407,6 +75470,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}`;
 }
@@ -75490,6 +75675,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)) {
@@ -75663,6 +75851,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) {
@@ -75734,6 +75955,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) {
@@ -76688,8 +76930,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);
@@ -77291,7 +77532,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;
   }
@@ -77954,8 +78195,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);
@@ -78886,13 +79127,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;
@@ -79419,8 +79660,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);
@@ -81338,7 +81579,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 [
@@ -81349,9 +81590,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) {
@@ -86517,7 +86758,7 @@ function ResizeHandle({
     }
   );
 }
-function SlideThumbnail({
+function SlideThumbnailImpl({
   slide,
   templateElements,
   canvasSize
@@ -86755,6 +86996,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,
@@ -88072,6 +88344,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,
@@ -88342,6 +88667,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",
         {
@@ -88363,6 +88689,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,
       {
@@ -90488,7 +90815,7 @@ function BendingProcessRenderer({
     }
   );
 }
-function SmartArtRenderer({
+function SmartArtRendererImpl({
   element: element2,
   className = ""
 }) {
@@ -90599,6 +90926,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,
@@ -90847,8 +91198,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",
       {
@@ -93637,7 +93991,7 @@ function SectionBlock({
     )
   ] });
 }
-function SlideCard({
+function SlideCardImpl({
   slide,
   index,
   isActive,
@@ -93691,6 +94045,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,
@@ -94484,6 +94881,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();
@@ -94616,17 +95021,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>`;
       }
@@ -94709,7 +95114,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";
@@ -94717,11 +95123,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
             },
@@ -95273,7 +95679,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 {
@@ -96946,7 +97352,7 @@ function renderNotesSegments(segments) {
     return React10__default.createElement("span", { key: `seg-${index}`, style }, segment.text);
   });
 }
-function ScaledSlidePreview({
+function ScaledSlidePreviewImpl({
   slide,
   templateElements,
   canvasSize,
@@ -97093,6 +97499,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,
@@ -111396,6 +111836,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",
@@ -111461,7 +111908,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 "";
   }
@@ -111473,7 +111921,7 @@ function MathMlPreview({ mathml }) {
       return;
     }
     if (mathml) {
-      containerRef.current.innerHTML = mathml;
+      containerRef.current.innerHTML = sanitizeMathMl2(mathml);
     } else {
       containerRef.current.innerHTML = "";
     }
@@ -111501,6 +111949,7 @@ function EquationEditorDialog({
     return convertOmmlToLatex(existingOmml);
   }, [existingOmml]);
   const [latex, setLatex] = useState(initialLatex);
+  const deferredLatex = useDeferredValue(latex);
   const textareaRef = useRef(null);
   useEffect(() => {
     if (isOpen) {
@@ -111509,17 +111958,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;
@@ -114283,6 +114732,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);
@@ -114424,15 +114874,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;
     }
@@ -114443,13 +114899,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 {
@@ -118142,6 +118603,7 @@ var DB_NAME2 = "pptx-viewer-audience";
 var DB_VERSION2 = 1;
 var STORE_NAME2 = "content";
 var CONTENT_KEY = "pptx-bytes";
+var MAX_CONTENT_AGE_MS = 5 * 60 * 1e3;
 function openDb() {
   return new Promise((resolve2, reject) => {
     const request = indexedDB.open(DB_NAME2, DB_VERSION2);
@@ -118161,7 +118623,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();
@@ -118182,13 +118645,24 @@ async function loadAudienceContent() {
       request.onsuccess = () => {
         db.close();
         const result = request.result;
-        if (result instanceof Uint8Array) {
-          resolve2(result);
-        } else if (result instanceof ArrayBuffer) {
-          resolve2(new Uint8Array(result));
-        } else {
-          resolve2(null);
+        if (result && typeof result === "object" && "bytes" in result && "createdAt" in result) {
+          const record = result;
+          const age = Date.now() - record.createdAt;
+          if (age > MAX_CONTENT_AGE_MS) {
+            resolve2(null);
+            return;
+          }
+          const raw = record.bytes;
+          if (raw instanceof Uint8Array) {
+            resolve2(raw);
+          } else if (raw instanceof ArrayBuffer) {
+            resolve2(new Uint8Array(raw));
+          } else {
+            resolve2(null);
+          }
+          return;
         }
+        resolve2(null);
       };
       request.onerror = () => {
         db.close();
@@ -118221,14 +118695,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);
@@ -118240,10 +118734,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);
@@ -118253,13 +118751,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) {
@@ -118269,6 +118770,7 @@ function usePresenterWindow(input) {
       }
     }
     audienceWindowRef.current = null;
+    sessionIdRef.current = "";
     if (pollTimerRef.current !== null) {
       clearInterval(pollTimerRef.current);
       pollTimerRef.current = null;
@@ -118279,20 +118781,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;
@@ -118320,6 +118855,13 @@ function usePresenterWindow(input) {
       closeAudienceWindow();
     }
   }, [isPresenterMode, closeAudienceWindow]);
+  useEffect(() => {
+    const handleBeforeUnload = () => {
+      void clearAudienceContent();
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, []);
   return {
     openAudienceWindow,
     closeAudienceWindow,
@@ -118357,6 +118899,7 @@ function useAudienceMode(input) {
     if (!isAudienceTab()) {
       return;
     }
+    const expectedSessionId = parseAudienceNonce();
     let channel;
     try {
       channel = new BroadcastChannel(PRESENTER_CHANNEL_NAME);
@@ -118368,6 +118911,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);
       }
@@ -119301,6 +119847,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) {
@@ -119389,7 +119941,7 @@ function useTouchGestures(input) {
       el.removeEventListener("touchcancel", handleTouchCancel);
       cancelLongPress();
     };
-  }, [targetRef, enabled]);
+  }, [targetRef, enabled, targetVersion]);
 }
 // src/viewer/utils/dom-helpers.ts
@@ -119410,11 +119962,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(() => {
@@ -119845,27 +120417,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,
@@ -119982,6 +120609,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) {
@@ -119989,17 +120635,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);
@@ -120028,7 +120685,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);
@@ -120044,13 +120701,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 () => {
@@ -120193,16 +120855,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);
@@ -120247,6 +120910,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(
@@ -120260,15 +120924,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,
@@ -121442,7 +122138,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}`);
   }
@@ -121768,7 +122476,7 @@ function useExportHandlers(input) {
     activeSlideIndexForGuides,
     modalControls
   });
-  const handleExportPng = async () => {
+  const handleExportPng = useCallback(async () => {
     const stageEl = canvasStageRef.current;
     if (!stageEl) {
       return;
@@ -121780,8 +122488,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;
     }
@@ -121822,8 +122530,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;
     }
@@ -121866,8 +122574,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;
@@ -121879,8 +122587,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;
     }
@@ -121922,8 +122630,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;
     }
@@ -121961,7 +122669,7 @@ function useExportHandlers(input) {
       exportAbortRef.current = null;
       setExportModalOpen(false);
     }
-  };
+  }, [canvasStageRef, slides.length, setActiveSlideIndex, activeSlideIndex]);
   const handleCancelExport = useCallback(() => {
     exportAbortRef.current?.abort();
     exportAbortRef.current = null;
@@ -121987,6 +122695,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) {
@@ -122169,7 +122886,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",
@@ -122185,7 +122902,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("");
@@ -122217,14 +122934,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>`