@nous-excalidraw/excalidraw 0.18.9-beta.21 → 0.18.9-beta.23

package/dist/dev/{chunk-6PNL5SR6.js → chunk-NJT6NRP4.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-FGNDYJ2B.js";
+} from "./chunk-NLSPUT7I.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5112,7 +5112,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-5IO6LC6F.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-PPDUIIUO.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5546,4 +5546,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-6PNL5SR6.js.map
+//# sourceMappingURL=chunk-NJT6NRP4.js.map

package/dist/dev/{chunk-FGNDYJ2B.js → chunk-NLSPUT7I.js}

@@ -1,7 +1,7 @@
 // <define:import.meta.env>
-var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@nous-excalidraw/excalidraw", PKG_VERSION: "0.18.9-beta.19", DEV: true };
+var define_import_meta_env_default = { MODE: "development", VITE_APP_BACKEND_V2_GET_URL: "https://json-dev.excalidraw.com/api/v2/", VITE_APP_BACKEND_V2_POST_URL: "https://json-dev.excalidraw.com/api/v2/post/", VITE_APP_LIBRARY_URL: "https://libraries.excalidraw.com", VITE_APP_LIBRARY_BACKEND: "https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries", VITE_APP_WS_SERVER_URL: "http://localhost:3002", VITE_APP_PLUS_LP: "https://plus.excalidraw.com", VITE_APP_PLUS_APP: "http://localhost:3000", VITE_APP_AI_BACKEND: "http://localhost:3016", VITE_APP_FIREBASE_CONFIG: '{"apiKey":"AIzaSyCMkxA60XIW8KbqMYL7edC4qT5l4qHX2h8","authDomain":"excalidraw-oss-dev.firebaseapp.com","projectId":"excalidraw-oss-dev","storageBucket":"excalidraw-oss-dev.appspot.com","messagingSenderId":"664559512677","appId":"1:664559512677:web:a385181f2928d328a7aa8c"}', VITE_APP_DEV_DISABLE_LIVE_RELOAD: "", VITE_APP_ENABLE_TRACKING: "true", FAST_REFRESH: "false", VITE_APP_PORT: "3001", VITE_APP_DEBUG_ENABLE_TEXT_CONTAINER_BOUNDING_BOX: "", VITE_APP_COLLAPSE_OVERLAY: "true", VITE_APP_ENABLE_ESLINT: "true", VITE_APP_ENABLE_PWA: "false", VITE_APP_PLUS_EXPORT_PUBLIC_KEY: "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAm2g5T+Rub6Kbf1Mf57t0\n7r2zeHuVg4dla3r5ryXMswtzz6x767octl6oLThn33mQsPSy3GKglFZoCTXJR4ij\nba8SxB04sL/N8eRrKja7TFWjCVtRwTTfyy771NYYNFVJclkxHyE5qw4m27crHF1y\nUNWEjuqNMi/lwAErS9fFa2oJlWyT8U7zzv/5kQREkxZI6y9v0AF3qcbsy2731FnD\ns9ChJvOUW9toIab2gsIdrKW8ZNpu084ZFVKb6LNjvIXI1Se4oMTHeszXzNptzlot\nkdxxjOoaQMAyfljFSot1F1FlU6MQlag7UnFGvFjRHN1JI5q4K+n3a67DX+TMyRqS\nHQIDAQAB", VITE_APP_DISABLE_PREVENT_UNLOAD: "", PKG_NAME: "@nous-excalidraw/excalidraw", PKG_VERSION: "0.18.9-beta.22", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-FGNDYJ2B.js.map
+//# sourceMappingURL=chunk-NLSPUT7I.js.map

package/dist/dev/components/TTDDialog/{CodeMirrorEditor-LUWBT76B.js → CodeMirrorEditor-FWL3IAFT.js}

@@ -1,4 +1,4 @@
-import "../../chunk-FGNDYJ2B.js";
+import "../../chunk-NLSPUT7I.js";
 import "../../chunk-XDFCUUT6.js";
 
 // components/TTDDialog/CodeMirrorEditor.tsx
@@ -256,4 +256,4 @@ var CodeMirrorEditor_default = CodeMirrorEditor;
 export {
   CodeMirrorEditor_default as default
 };
-//# sourceMappingURL=CodeMirrorEditor-LUWBT76B.js.map
+//# sourceMappingURL=CodeMirrorEditor-FWL3IAFT.js.map

package/dist/dev/data/{image-5IO6LC6F.js → image-PPDUIIUO.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-6PNL5SR6.js";
-import "../chunk-FGNDYJ2B.js";
+} from "../chunk-NJT6NRP4.js";
+import "../chunk-NLSPUT7I.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-5IO6LC6F.js.map
+//# sourceMappingURL=image-PPDUIIUO.js.map

package/dist/dev/index.js

@@ -65,10 +65,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-6PNL5SR6.js";
+} from "./chunk-NJT6NRP4.js";
 import {
   define_import_meta_env_default
-} from "./chunk-FGNDYJ2B.js";
+} from "./chunk-NLSPUT7I.js";
 import {
   en_default
 } from "./chunk-IXBA2ET3.js";
@@ -175,7 +175,7 @@ import {
   wrapEvent as wrapEvent2,
   updateObject as updateObject2,
   updateActiveTool as updateActiveTool8,
-  isTransparent as isTransparent7,
+  isTransparent as isTransparent8,
   easeToValuesRAF,
   muteFSAbortError as muteFSAbortError2,
   isTestEnv as isTestEnv5,
@@ -186,7 +186,7 @@ import {
   normalizeEOL as normalizeEOL2,
   getDateTime,
   isShallowEqual as isShallowEqual9,
-  arrayToMap as arrayToMap27,
+  arrayToMap as arrayToMap28,
   applyDarkModeFilter as applyDarkModeFilter4,
   AppEventBus,
   randomInteger as randomInteger4,
@@ -315,7 +315,7 @@ import {
   isSelectedViaGroup as isSelectedViaGroup2,
   selectGroupsForSelectedElements as selectGroupsForSelectedElements7,
   syncInvalidIndices,
-  syncMovedIndices as syncMovedIndices4,
+  syncMovedIndices as syncMovedIndices5,
   excludeElementsInFramesFromSelection,
   getSelectionStateForElements as getSelectionStateForElements2,
   makeNextSelectedElementIds as makeNextSelectedElementIds3,
@@ -9725,7 +9725,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-5IO6LC6F.js").then(
+        (blob2) => import("./data/image-PPDUIIUO.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -20745,10 +20745,33 @@ import {
   removeAllElementsFromFrame
 } from "@nous-excalidraw/element";
 import { getFrameChildren as getFrameChildren3 } from "@nous-excalidraw/element";
-import { KEYS as KEYS41, updateActiveTool as updateActiveTool7 } from "@nous-excalidraw/common";
+import {
+  KEYS as KEYS41,
+  updateActiveTool as updateActiveTool7,
+  arrayToMap as arrayToMap21,
+  isTransparent as isTransparent7
+} from "@nous-excalidraw/common";
 import { getElementsInGroup as getElementsInGroup5 } from "@nous-excalidraw/element";
+import { hasBackground as hasBackground2 } from "@nous-excalidraw/element";
 import { getCommonBounds as getCommonBounds3 } from "@nous-excalidraw/element";
 import { CaptureUpdateAction as CaptureUpdateAction35 } from "@nous-excalidraw/element";
+import { syncMovedIndices as syncMovedIndices4 } from "@nous-excalidraw/element";
+var FRAME_CHILD_DEFAULT_COLOR = "#373737";
+var ensureFrameChildrenAreVisible = (elements, frameChildren) => {
+  const elementsMap = arrayToMap21(elements);
+  for (const child of frameChildren) {
+    if (hasBackground2(child.type) && isTransparent7(child.backgroundColor)) {
+      mutateElement4(child, elementsMap, {
+        backgroundColor: FRAME_CHILD_DEFAULT_COLOR
+      });
+    }
+    if ((child.type === "line" || child.type === "arrow") && isTransparent7(child.strokeColor)) {
+      mutateElement4(child, elementsMap, {
+        strokeColor: FRAME_CHILD_DEFAULT_COLOR
+      });
+    }
+  }
+};
 var isSingleFrameSelected = (appState, app) => {
   const selectedElements = app.scene.getSelectedElements(appState);
   return selectedElements.length === 1 && isFrameLikeElement8(selectedElements[0]);
@@ -20888,14 +20911,34 @@ var actionWrapSelectionInFrame = register({
         });
       }
     }
+    const allElements = app.scene.getElementsIncludingDeleted();
+    const selectedElementIds = new Set(
+      selectedElements.map((element) => element.id)
+    );
+    let minIndex = allElements.length;
+    for (let i = 0; i < allElements.length; i++) {
+      if (selectedElementIds.has(allElements[i].id)) {
+        minIndex = Math.min(minIndex, i);
+      }
+    }
+    const elementsWithFrame = [
+      ...allElements.slice(0, minIndex),
+      frame,
+      ...allElements.slice(minIndex)
+    ];
     const nextElements = addElementsToFrame(
-      [...app.scene.getElementsIncludingDeleted(), frame],
+      elementsWithFrame,
       selectedElements,
       frame,
       appState
     );
+    const frameChildren = getFrameChildren3(nextElements, frame.id);
+    ensureFrameChildrenAreVisible(nextElements, frameChildren);
     return {
-      elements: nextElements,
+      elements: syncMovedIndices4(
+        nextElements,
+        arrayToMap21([frame, ...frameChildren])
+      ),
       appState: {
         selectedElementIds: { [frame.id]: true }
       },
@@ -20909,7 +20952,7 @@ import {
   isWindows,
   KEYS as KEYS42,
   matchKey,
-  arrayToMap as arrayToMap21,
+  arrayToMap as arrayToMap22,
   MOBILE_ACTION_BUTTON_BG as MOBILE_ACTION_BUTTON_BG4
 } from "@nous-excalidraw/common";
 import { CaptureUpdateAction as CaptureUpdateAction37 } from "@nous-excalidraw/element";
@@ -21136,7 +21179,7 @@ var createUndoAction = (history) => ({
   perform: (elements, appState, value, app) => executeHistoryAction(
     app,
     appState,
-    () => history.undo(arrayToMap21(elements), appState)
+    () => history.undo(arrayToMap22(elements), appState)
   ),
   keyTest: (event) => event[KEYS42.CTRL_OR_CMD] && matchKey(event, KEYS42.Z) && !event.shiftKey,
   PanelComponent: ({ appState, updateData, data, app }) => {
@@ -21174,7 +21217,7 @@ var createRedoAction = (history) => ({
   perform: (elements, appState, __, app) => executeHistoryAction(
     app,
     appState,
-    () => history.redo(arrayToMap21(elements), appState)
+    () => history.redo(arrayToMap22(elements), appState)
   ),
   keyTest: (event) => event[KEYS42.CTRL_OR_CMD] && event.shiftKey && matchKey(event, KEYS42.Z) || isWindows && event.ctrlKey && !event.shiftKey && matchKey(event, KEYS42.Y),
   PanelComponent: ({ appState, updateData, data, app }) => {
@@ -23711,7 +23754,7 @@ import {
 import { getFrameChildren as getFrameChildren4 } from "@nous-excalidraw/element";
 import { selectGroupsForSelectedElements as selectGroupsForSelectedElements6 } from "@nous-excalidraw/element";
 import { getContainerElement as getContainerElement4 } from "@nous-excalidraw/element";
-import { arrayToMap as arrayToMap22, easeOut as easeOut2, isShallowEqual as isShallowEqual4 } from "@nous-excalidraw/common";
+import { arrayToMap as arrayToMap23, easeOut as easeOut2, isShallowEqual as isShallowEqual4 } from "@nous-excalidraw/common";
 
 // lasso/utils.ts
 import { simplify as simplify2 } from "points-on-curve";
@@ -23907,7 +23950,7 @@ var LassoTrail = class extends AnimatedTrail {
       if (!this.elementsSegments || !isShallowEqual4(currentCanvasTranslate, this.canvasTranslate ?? {})) {
         this.canvasTranslate = currentCanvasTranslate;
         this.elementsSegments = /* @__PURE__ */ new Map();
-        const visibleElementsMap = arrayToMap22(this.app.visibleElements);
+        const visibleElementsMap = arrayToMap23(this.app.visibleElements);
         for (const element of this.app.visibleElements) {
           const segments = getElementLineSegments2(element, visibleElementsMap);
           this.elementsSegments.set(element.id, segments);
@@ -23951,7 +23994,7 @@ var LassoTrail = class extends AnimatedTrail {
 };
 
 // eraser/index.ts
-import { arrayToMap as arrayToMap23, easeOut as easeOut3, THEME as THEME12 } from "@nous-excalidraw/common";
+import { arrayToMap as arrayToMap24, easeOut as easeOut3, THEME as THEME12 } from "@nous-excalidraw/common";
 import {
   computeBoundTextPosition as computeBoundTextPosition4,
   doBoundsIntersect as doBoundsIntersect3,
@@ -24021,7 +24064,7 @@ var EraserTrail = class extends AnimatedTrail {
     const candidateElements = this.app.visibleElements.filter(
       (el) => !el.locked
     );
-    const candidateElementsMap = arrayToMap23(candidateElements);
+    const candidateElementsMap = arrayToMap24(candidateElements);
     for (const element of candidateElements) {
       if (restoreToErase && this.elementsToErase.has(element.id)) {
         const intersects = eraserTest(
@@ -25496,7 +25539,7 @@ import {
   CLASSES as CLASSES10,
   DEFAULT_SIDEBAR as DEFAULT_SIDEBAR6,
   TOOL_TYPE as TOOL_TYPE2,
-  arrayToMap as arrayToMap25,
+  arrayToMap as arrayToMap26,
   capitalizeString as capitalizeString5,
   isShallowEqual as isShallowEqual6
 } from "@nous-excalidraw/common";
@@ -26141,7 +26184,7 @@ import React31, { useLayoutEffect as useLayoutEffect5, useRef as useRef26, useSt
 import { newTextElement as newTextElement3 } from "@nous-excalidraw/element";
 
 // ../utils/src/withinBounds.ts
-import { arrayToMap as arrayToMap24 } from "@nous-excalidraw/common";
+import { arrayToMap as arrayToMap25 } from "@nous-excalidraw/common";
 import { getElementBounds as getElementBounds4 } from "@nous-excalidraw/element";
 import {
   isArrowElement as isArrowElement10,
@@ -26250,7 +26293,7 @@ var elementsOverlappingBBox = ({
   errorMargin = 0
 }) => {
   if (isExcalidrawElement3(bounds)) {
-    bounds = getElementBounds4(bounds, arrayToMap24(elements));
+    bounds = getElementBounds4(bounds, arrayToMap25(elements));
   }
   const adjustedBBox = [
     bounds[0] - errorMargin,
@@ -28781,7 +28824,7 @@ var TTDDialogInput = ({
         setShowSpinner(true);
       }
     }, SPINNER_DELAY_MS);
-    import("./components/TTDDialog/CodeMirrorEditor-LUWBT76B.js").then((mod) => {
+    import("./components/TTDDialog/CodeMirrorEditor-FWL3IAFT.js").then((mod) => {
       if (!cancelled) {
         setEditorState({ type: "ready", component: mod.default });
       }
@@ -35256,7 +35299,7 @@ var LayerUI = ({
           }
           if (selectedElements.length) {
             for (const element of selectedElements) {
-              mutateElement5(element, arrayToMap25(elements), {
+              mutateElement5(element, arrayToMap26(elements), {
                 [altKey && eyeDropperState.swapPreviewOnAlt ? colorPickerType === "elementBackground" ? "strokeColor" : "backgroundColor" : colorPickerType === "elementBackground" ? "backgroundColor" : "strokeColor"]: color
               });
               ShapeCache3.delete(element);
@@ -35478,7 +35521,7 @@ import {
   pointDistance as pointDistance8
 } from "@nous-excalidraw/math";
 import {
-  arrayToMap as arrayToMap26,
+  arrayToMap as arrayToMap27,
   BIND_MODE_TIMEOUT,
   DEFAULT_TRANSFORM_HANDLE_SPACING as DEFAULT_TRANSFORM_HANDLE_SPACING2,
   FRAME_STYLE as FRAME_STYLE3,
@@ -36558,7 +36601,7 @@ var buildElementSelectionBorders = ({
   editorInterface,
   renderConfig
 }) => {
-  const locallySelectedIds = arrayToMap26(selectedElements);
+  const locallySelectedIds = arrayToMap27(selectedElements);
   const selections = [];
   const isSingleLinearElementSelected = selectedElements.length === 1 && isLinearElement11(selectedElements[0]);
   for (const element of elementsMap.values()) {
@@ -36945,8 +36988,7 @@ var renderTransformHandles = (context, renderConfig, appState, transformHandles,
         fillCircle(context, x + width / 2, y + height / 2, width / 2, true);
       } else if (CORNER_TRANSFORM_HANDLE_TYPES.has(handleType)) {
         const cornerStroke = renderConfig.selectionColor || DEFAULT_SELECTION_COLOR;
-        const isHovered = renderConfig.hoveredCornerTransformHandleType === handleType;
-        context.fillStyle = isHovered ? cornerStroke : "#ffffff";
+        context.fillStyle = "#ffffff";
         context.save();
         context.translate(x + width / 2, y + height / 2);
         context.rotate(angle);
@@ -37624,7 +37666,6 @@ var InteractiveCanvas = (props) => {
         remotePointerUsernames,
         remotePointerUserStates,
         selectionColor,
-        hoveredCornerTransformHandleType: props.app.hoveredCornerTransformHandleType,
         renderScrollbars: props.renderScrollbars,
         // NOTE not memoized on so we don't rerender on cursor move
         lastViewportPosition: props.app.lastViewportPosition
@@ -38284,7 +38325,6 @@ var _App = class _App extends React46.Component {
     __publicField(this, "lastPointerMoveEvent", null);
     /** current frame pointer cords */
     __publicField(this, "lastPointerMoveCoords", null);
-    __publicField(this, "hoveredCornerTransformHandleType", null);
     __publicField(this, "lastCompletedCanvasClicks", []);
     /** previous frame pointer coords */
     __publicField(this, "previousPointerMoveCoords", null);
@@ -39231,7 +39271,7 @@ var _App = class _App extends React46.Component {
         prevElements
       );
       nextElements = mappedNewSceneElements || nextElements;
-      syncMovedIndices4(nextElements, arrayToMap27(duplicatedElements));
+      syncMovedIndices5(nextElements, arrayToMap28(duplicatedElements));
       const topLayerFrame = this.getTopLayerFrameAtSceneCoords({ x, y });
       if (topLayerFrame) {
         const eligibleElements = filterElementsEligibleAsFrameChildren(
@@ -40726,7 +40766,7 @@ var _App = class _App extends React46.Component {
             sceneY
           );
           if (container) {
-            if (hasBoundTextElement9(container) || !isTransparent7(container.backgroundColor) || hitElementItself3({
+            if (hasBoundTextElement9(container) || !isTransparent8(container.backgroundColor) || hitElementItself3({
               point: pointFrom34(sceneX, sceneY),
               element: container,
               elementsMap: this.scene.getNonDeletedElementsMap(),
@@ -40856,25 +40896,6 @@ var _App = class _App extends React46.Component {
       );
       return frames.length ? frames[frames.length - 1] : null;
     });
-    __publicField(this, "getHoveredCornerTransformHandleType", (handleType) => {
-      if (handleType === "nw" || handleType === "ne" || handleType === "sw" || handleType === "se") {
-        return handleType;
-      }
-      return null;
-    });
-    __publicField(this, "syncHoveredCornerTransformHandleType", (handleType) => {
-      const cornerHandleType = this.getHoveredCornerTransformHandleType(handleType);
-      if (cornerHandleType !== this.hoveredCornerTransformHandleType) {
-        this.hoveredCornerTransformHandleType = cornerHandleType;
-        this.triggerRender(true);
-      }
-    });
-    __publicField(this, "clearHoveredCornerTransformHandleType", () => {
-      if (this.hoveredCornerTransformHandleType !== null) {
-        this.hoveredCornerTransformHandleType = null;
-        this.triggerRender(true);
-      }
-    });
     __publicField(this, "clearHoverOutlineIfNeeded", () => {
       if (this.state.hoverOutlineElementId != null || this.state.hoveredFrameId != null) {
         this.setState({
@@ -41019,7 +41040,6 @@ var _App = class _App extends React46.Component {
       }
       if (isHoldingSpace || isPanning || isDraggingScrollBar || isHandToolActive(this.state)) {
         this.clearHoverOutlineIfNeeded();
-        this.clearHoveredCornerTransformHandleType();
         return;
       }
       const isPointerOverScrollBars = isOverScrollBars(
@@ -41254,7 +41274,6 @@ var _App = class _App extends React46.Component {
           }
         }
         this.clearHoverOutlineIfNeeded();
-        this.clearHoveredCornerTransformHandleType();
         return;
       }
       if (this.state.activeTool.type === "arrow") {
@@ -41286,7 +41305,6 @@ var _App = class _App extends React46.Component {
       // over a link/embeddable, we change the cursor
       !isLaserTool && this.state.activeTool.type !== "selection" && this.state.activeTool.type !== "lasso" && this.state.activeTool.type !== "text" && this.state.activeTool.type !== "eraser") {
         this.clearHoverOutlineIfNeeded();
-        this.clearHoveredCornerTransformHandleType();
         return;
       }
       const elements = this.scene.getNonDeletedElements();
@@ -41294,7 +41312,6 @@ var _App = class _App extends React46.Component {
       if (this.isHittingTextAutoResizeHandle(selectedElements, scenePointer)) {
         setCursor(this.interactiveCanvas, CURSOR_TYPE4.POINTER);
         this.clearHoverOutlineIfNeeded();
-        this.clearHoveredCornerTransformHandleType();
         return;
       }
       if (selectedElements.length === 1 && !isOverScrollBar && !this.state.selectedLinearElement?.isEditing) {
@@ -41324,9 +41341,6 @@ var _App = class _App extends React46.Component {
               getCursorForResizingElement(elementWithTransformHandleType)
             );
             this.clearHoverOutlineIfNeeded();
-            this.syncHoveredCornerTransformHandleType(
-              elementWithTransformHandleType.transformHandleType
-            );
             return;
           }
         }
@@ -41347,11 +41361,9 @@ var _App = class _App extends React46.Component {
             })
           );
           this.clearHoverOutlineIfNeeded();
-          this.syncHoveredCornerTransformHandleType(transformHandleType);
           return;
         }
       }
-      this.clearHoveredCornerTransformHandleType();
       if (isEraserActive(this.state)) {
         this.clearHoverOutlineIfNeeded();
         return;
@@ -43035,14 +43047,14 @@ var _App = class _App extends React46.Component {
           }
         })
       );
-      const initializedMap = arrayToMap27(initialized);
+      const initializedMap = arrayToMap28(initialized);
       const positioned = positionElementsOnGrid(
         initialized.filter((el) => !el.isDeleted),
         sceneX,
         sceneY,
         gridPadding
       );
-      const positionedMap = arrayToMap27(positioned);
+      const positionedMap = arrayToMap28(positioned);
       const nextElements = this.scene.getElementsIncludingDeleted().map((el) => positionedMap.get(el.id) ?? initializedMap.get(el.id) ?? el);
       this.updateScene({
         appState: {
@@ -43757,6 +43769,9 @@ var _App = class _App extends React46.Component {
       registerAction: (action) => {
         this.actionManager.registerAction(action);
       },
+      executeAction: (action, value = null) => {
+        this.actionManager.executeAction(action, "api", value);
+      },
       refresh: this.refresh,
       setToast: this.setToast,
       id: this.id,
@@ -46398,9 +46413,9 @@ var _App = class _App extends React46.Component {
               mappedClonedElements,
               elements
             );
-            const elementsWithIndices = syncMovedIndices4(
+            const elementsWithIndices = syncMovedIndices5(
               mappedNewSceneElements || mappedClonedElements,
-              arrayToMap27(duplicatedElements)
+              arrayToMap28(duplicatedElements)
             );
             flushSync3(() => {
               if (pointerDownState.hit.element) {
@@ -47873,7 +47888,7 @@ import { isInvisiblySmallElement as isInvisiblySmallElement4 } from "@nous-excal
 
 // data/reconcile.ts
 import throttle4 from "lodash.throttle";
-import { arrayToMap as arrayToMap28, isDevEnv as isDevEnv11, isTestEnv as isTestEnv6 } from "@nous-excalidraw/common";
+import { arrayToMap as arrayToMap29, isDevEnv as isDevEnv11, isTestEnv as isTestEnv6 } from "@nous-excalidraw/common";
 import {
   orderByFractionalIndex as orderByFractionalIndex2,
   syncInvalidIndices as syncInvalidIndices2,
@@ -47910,7 +47925,7 @@ var validateIndicesThrottled = throttle4(
   { leading: true, trailing: false }
 );
 var reconcileElements = (localElements, remoteElements, localAppState) => {
-  const localElementsMap = arrayToMap28(localElements);
+  const localElementsMap = arrayToMap29(localElements);
   const reconciledElements = [];
   const added = /* @__PURE__ */ new Set();
   for (const remoteElement of remoteElements) {
@@ -48379,6 +48394,7 @@ export {
   TTDStreamFetch,
   UserIdleState2 as UserIdleState,
   WelcomeScreen_default as WelcomeScreen,
+  actionWrapSelectionInFrame,
   bumpVersion3 as bumpVersion,
   convertToExcalidrawElements3 as convertToExcalidrawElements,
   defaultLang,