@nous-excalidraw/excalidraw 0.18.2 → 0.18.4

package/dist/dev/index.js

@@ -65,10 +65,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-VTFWC67S.js";
+} from "./chunk-OACEU3ED.js";
 import {
   define_import_meta_env_default
-} from "./chunk-UFTMCXXK.js";
+} from "./chunk-BEK2EAAK.js";
 import {
   en_default
 } from "./chunk-4JOINNOK.js";
@@ -142,7 +142,8 @@ import {
   TOUCH_CTX_MENU_TIMEOUT,
   VERTICAL_ALIGN as VERTICAL_ALIGN5,
   YOUTUBE_STATES,
-  ZOOM_STEP as ZOOM_STEP2,
+  getInteractiveZoomStep as getInteractiveZoomStep2,
+  INITIAL_CANVAS_ZOOM,
   POINTER_EVENTS,
   TOOL_TYPE as TOOL_TYPE3,
   supportsResizeObserver as supportsResizeObserver2,
@@ -7878,6 +7879,7 @@ import {
   MIN_ZOOM,
   THEME as THEME5,
   ZOOM_STEP,
+  getInteractiveZoomStep,
   updateActiveTool as updateActiveTool2,
   CODES as CODES2,
   KEYS as KEYS12
@@ -8147,7 +8149,9 @@ var actionZoomIn = register({
           {
             viewportX: appState.width / 2 + appState.offsetLeft,
             viewportY: appState.height / 2 + appState.offsetTop,
-            nextZoom: getNormalizedZoom(appState.zoom.value + ZOOM_STEP)
+            nextZoom: getNormalizedZoom(
+              appState.zoom.value + getInteractiveZoomStep(appState.zoom.value)
+            )
           },
           appState
         ),
@@ -8186,7 +8190,9 @@ var actionZoomOut = register({
           {
             viewportX: appState.width / 2 + appState.offsetLeft,
             viewportY: appState.height / 2 + appState.offsetTop,
-            nextZoom: getNormalizedZoom(appState.zoom.value - ZOOM_STEP)
+            nextZoom: getNormalizedZoom(
+              appState.zoom.value - getInteractiveZoomStep(appState.zoom.value)
+            )
           },
           appState
         ),
@@ -9630,7 +9636,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-R33I73P5.js").then(
+        (blob2) => import("./data/image-2ZS4Q5UV.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -28481,7 +28487,7 @@ var TTDDialogInput = ({
         setShowSpinner(true);
       }
     }, SPINNER_DELAY_MS);
-    import("./components/TTDDialog/CodeMirrorEditor-TCVBULR7.js").then((mod) => {
+    import("./components/TTDDialog/CodeMirrorEditor-CKDKMBXK.js").then((mod) => {
       if (!cancelled) {
         setEditorState({ type: "ready", component: mod.default });
       }
@@ -38128,6 +38134,37 @@ var App = class _App extends React46.Component {
           })
         };
       }
+      const initialZoomValue = getNormalizedZoom(INITIAL_CANVAS_ZOOM);
+      const nonDeletedRestoredElements = restoredElements.filter(
+        (element) => !element.isDeleted
+      );
+      if (nonDeletedRestoredElements.length) {
+        const { appState: fittedAppState } = zoomToFit({
+          targetElements: nonDeletedRestoredElements,
+          appState: {
+            ...restoredAppState,
+            width: this.state.width,
+            height: this.state.height,
+            offsetTop: this.state.offsetTop,
+            offsetLeft: this.state.offsetLeft,
+            zoom: { value: initialZoomValue }
+          },
+          fitToViewport: false,
+          maxZoom: initialZoomValue,
+          canvasOffsets: this.getEditorUIOffsets()
+        });
+        restoredAppState = {
+          ...restoredAppState,
+          scrollX: fittedAppState.scrollX,
+          scrollY: fittedAppState.scrollY,
+          zoom: fittedAppState.zoom
+        };
+      } else {
+        restoredAppState = {
+          ...restoredAppState,
+          zoom: { value: initialZoomValue }
+        };
+      }
       this.resetStore();
       this.resetHistory();
       this.syncActionResult({
@@ -39743,6 +39780,16 @@ var App = class _App extends React46.Component {
         this.startImageCropping(selectedElements[0]);
         return;
       }
+      if (selectedElements.length === 1 && isFrameLikeElement15(selectedElements[0])) {
+        this.scrollToContent(selectedElements[0], {
+          animate: true,
+          duration: 500,
+          viewportZoomFactor: 0.6,
+          fitToViewport: true,
+          canvasOffsets: this.getEditorUIOffsets()
+        });
+        return;
+      }
       resetCursor(this.interactiveCanvas);
       const selectedGroupIds = getSelectedGroupIds4(this.state);
       if (selectedGroupIds.length > 0) {
@@ -41981,41 +42028,13 @@ var App = class _App extends React46.Component {
         const hasSupportedImage = files.some(
           (file2) => isSupportedImageFile(file2)
         );
-        if (!isSinglePngOrSvgSceneCandidate && !hasSupportedImage) {
+        if (hasSupportedImage) {
           return;
         }
-      }
-      if (fileItems.length === 1) {
-        const { file: file2, fileHandle } = fileItems[0];
-        if (file2 && (file2.type === MIME_TYPES9.png || file2.type === MIME_TYPES9.svg)) {
-          try {
-            const scene = await loadFromBlob(
-              file2,
-              this.state,
-              this.scene.getElementsIncludingDeleted(),
-              fileHandle
-            );
-            this.syncActionResult({
-              ...scene,
-              appState: {
-                ...scene.appState || this.state,
-                isLoading: false
-              },
-              replaceFiles: true,
-              captureUpdate: CaptureUpdateAction40.IMMEDIATELY
-            });
-            return;
-          } catch (error) {
-            if (error.name !== "EncodingError") {
-              throw new Error(t("alerts.couldNotLoadInvalidFile"));
-            }
-          }
+        if (!isSinglePngOrSvgSceneCandidate && !hasSupportedImage) {
+          return;
         }
       }
-      const imageFiles = fileItems.map((data) => data.file).filter((file2) => isSupportedImageFile(file2));
-      if (imageFiles.length > 0 && this.isToolSupported("image")) {
-        return this.insertImages(imageFiles, sceneX, sceneY);
-      }
       const excalidrawLibrary_ids = dataTransferList.getData(
         MIME_TYPES9.excalidrawlibIds
       );
@@ -42528,7 +42547,7 @@ var App = class _App extends React46.Component {
         const { deltaX, deltaY } = event;
         if (event.metaKey || event.ctrlKey) {
           const sign = Math.sign(deltaY);
-          const MAX_STEP = ZOOM_STEP2 * 100;
+          const MAX_STEP = getInteractiveZoomStep2(this.state.zoom.value) * 100;
           const absDelta = Math.abs(deltaY);
           let delta = deltaY;
           if (absDelta > MAX_STEP) {