@excalidraw/excalidraw 0.18.0-2874f9e → 0.18.0-2a82821

package/dist/dev/{chunk-FXVS2QTZ.js → chunk-T3GRJXT6.js}

@@ -27,6 +27,7 @@ import {
   DEFAULT_ELEMENT_PROPS,
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
+  DEFAULT_ELEMENT_STROKE_WIDTH_KEY,
   DEFAULT_TEXT_ALIGN,
   DEFAULT_GRID_SIZE,
   EXPORT_SCALES,
@@ -41,7 +42,6 @@ var getDefaultAppState = () => {
     showWelcomeScreen: false,
     theme: THEME.LIGHT,
     collaborators: /* @__PURE__ */ new Map(),
-    currentChartType: "bar",
     currentItemBackgroundColor: DEFAULT_ELEMENT_PROPS.backgroundColor,
     currentItemEndArrowhead: "arrow",
     currentItemFillStyle: DEFAULT_ELEMENT_PROPS.fillStyle,
@@ -49,12 +49,13 @@ var getDefaultAppState = () => {
     currentItemFontSize: DEFAULT_FONT_SIZE,
     currentItemOpacity: DEFAULT_ELEMENT_PROPS.opacity,
     currentItemRoughness: DEFAULT_ELEMENT_PROPS.roughness,
+    currentItemStrokeVariability: "constant",
     currentItemStartArrowhead: null,
     currentItemStrokeColor: DEFAULT_ELEMENT_PROPS.strokeColor,
     currentItemRoundness: isTestEnv() ? "sharp" : "round",
     currentItemArrowType: ARROW_TYPE.round,
     currentItemStrokeStyle: DEFAULT_ELEMENT_PROPS.strokeStyle,
-    currentItemStrokeWidth: DEFAULT_ELEMENT_PROPS.strokeWidth,
+    currentItemStrokeWidthKey: DEFAULT_ELEMENT_STROKE_WIDTH_KEY,
     currentItemTextAlign: DEFAULT_TEXT_ALIGN,
     currentHoveredFontFamily: null,
     cursorButton: "up",
@@ -85,6 +86,8 @@ var getDefaultAppState = () => {
     gridStep: DEFAULT_GRID_STEP,
     gridModeEnabled: false,
     isBindingEnabled: true,
+    bindingPreference: "enabled",
+    isMidpointSnappingEnabled: true,
     defaultSidebarDockedPreference: false,
     isLoading: false,
     isResizing: false,
@@ -97,7 +100,6 @@ var getDefaultAppState = () => {
     openPopup: null,
     openSidebar: null,
     openDialog: null,
-    pasteDialog: { shown: false, data: null },
     previousSelectedElementIds: {},
     resizingElement: null,
     scrolledOutside: false,
@@ -113,7 +115,6 @@ var getDefaultAppState = () => {
       open: false,
       panels: STATS_PANELS.generalStats | STATS_PANELS.elementProperties
     },
-    startBoundElement: null,
     suggestedBinding: null,
     frameRendering: { enabled: true, clip: true, name: true, outline: true },
     frameToHighlight: null,
@@ -141,14 +142,14 @@ var getDefaultAppState = () => {
     searchMatches: null,
     lockedMultiSelections: {},
     activeLockedId: null,
-    bindMode: "orbit"
+    bindMode: "orbit",
+    boxSelectionMode: "contain"
   };
 };
 var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   showWelcomeScreen: { browser: true, export: false, server: false },
   theme: { browser: true, export: false, server: false },
   collaborators: { browser: false, export: false, server: false },
-  currentChartType: { browser: true, export: false, server: false },
   currentItemBackgroundColor: { browser: true, export: false, server: false },
   currentItemEndArrowhead: { browser: true, export: false, server: false },
   currentItemFillStyle: { browser: true, export: false, server: false },
@@ -166,10 +167,15 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   },
   currentItemOpacity: { browser: true, export: false, server: false },
   currentItemRoughness: { browser: true, export: false, server: false },
+  currentItemStrokeVariability: {
+    browser: true,
+    export: false,
+    server: false
+  },
   currentItemStartArrowhead: { browser: true, export: false, server: false },
   currentItemStrokeColor: { browser: true, export: false, server: false },
   currentItemStrokeStyle: { browser: true, export: false, server: false },
-  currentItemStrokeWidth: { browser: true, export: false, server: false },
+  currentItemStrokeWidthKey: { browser: true, export: false, server: false },
   currentItemTextAlign: { browser: true, export: false, server: false },
   currentHoveredFontFamily: { browser: false, export: false, server: false },
   cursorButton: { browser: true, export: false, server: false },
@@ -191,7 +197,10 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   gridStep: { browser: true, export: true, server: true },
   gridModeEnabled: { browser: true, export: true, server: true },
   height: { browser: false, export: false, server: false },
-  isBindingEnabled: { browser: false, export: false, server: false },
+  isBindingEnabled: { browser: true, export: false, server: false },
+  boxSelectionMode: { browser: true, export: false, server: false },
+  bindingPreference: { browser: true, export: false, server: false },
+  isMidpointSnappingEnabled: { browser: true, export: false, server: false },
   defaultSidebarDockedPreference: {
     browser: true,
     export: false,
@@ -210,7 +219,6 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   openPopup: { browser: false, export: false, server: false },
   openSidebar: { browser: true, export: false, server: false },
   openDialog: { browser: false, export: false, server: false },
-  pasteDialog: { browser: false, export: false, server: false },
   previousSelectedElementIds: { browser: true, export: false, server: false },
   resizingElement: { browser: false, export: false, server: false },
   scrolledOutside: { browser: true, export: false, server: false },
@@ -227,7 +235,6 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   selectionElement: { browser: false, export: false, server: false },
   shouldCacheIgnoreZoom: { browser: true, export: false, server: false },
   stats: { browser: true, export: false, server: false },
-  startBoundElement: { browser: false, export: false, server: false },
   suggestedBinding: { browser: false, export: false, server: false },
   frameRendering: { browser: false, export: false, server: false },
   frameToHighlight: { browser: false, export: false, server: false },
@@ -416,6 +423,7 @@ import {
   hasBackground,
   hasStrokeWidth,
   hasStrokeStyle,
+  hasFreedrawMode,
   canHaveArrowheads,
   canChangeRoundness
 } from "@excalidraw/element";
@@ -535,7 +543,6 @@ var decode = (data) => {
 
 // data/json.ts
 import {
-  DEFAULT_FILENAME,
   EXPORT_DATA_TYPES,
   getExportSource,
   MIME_TYPES as MIME_TYPES2,
@@ -548,8 +555,7 @@ import {
   fileSave as _fileSave,
   supported as nativeFileSystemSupported
 } from "browser-fs-access";
-import { EVENT, MIME_TYPES, debounce } from "@excalidraw/common";
-var INPUT_CHANGE_INTERVAL_MS = 5e3;
+import { MIME_TYPES } from "@excalidraw/common";
 var fileOpen = async (opts) => {
   const mimeTypes = opts.extensions?.reduce((mimeTypes2, type) => {
     mimeTypes2.push(MIME_TYPES[type]);
@@ -565,39 +571,7 @@ var fileOpen = async (opts) => {
     description: opts.description,
     extensions,
     mimeTypes,
-    multiple: opts.multiple ?? false,
-    legacySetup: (resolve, reject, input) => {
-      const scheduleRejection = debounce(reject, INPUT_CHANGE_INTERVAL_MS);
-      const focusHandler = () => {
-        checkForFile();
-        document.addEventListener(EVENT.KEYUP, scheduleRejection);
-        document.addEventListener(EVENT.POINTER_UP, scheduleRejection);
-        scheduleRejection();
-      };
-      const checkForFile = () => {
-        if (input.files?.length) {
-          const ret = opts.multiple ? [...input.files] : input.files[0];
-          resolve(ret);
-        }
-      };
-      requestAnimationFrame(() => {
-        window.addEventListener(EVENT.FOCUS, focusHandler);
-      });
-      const interval = window.setInterval(() => {
-        checkForFile();
-      }, INPUT_CHANGE_INTERVAL_MS);
-      return (rejectPromise) => {
-        clearInterval(interval);
-        scheduleRejection.cancel();
-        window.removeEventListener(EVENT.FOCUS, focusHandler);
-        document.removeEventListener(EVENT.KEYUP, scheduleRejection);
-        document.removeEventListener(EVENT.POINTER_UP, scheduleRejection);
-        if (rejectPromise) {
-          console.warn("Opening the file was canceled (legacy-fs).");
-          rejectPromise(new AbortError());
-        }
-      };
-    }
+    multiple: opts.multiple ?? false
   });
   if (Array.isArray(files)) {
     return await Promise.all(
@@ -615,7 +589,8 @@ var fileSave = (blob, opts) => {
       extensions: [`.${opts.extension}`],
       mimeTypes: opts.mimeTypes
     },
-    opts.fileHandle
+    opts.fileHandle,
+    false
   );
 };
 
@@ -643,18 +618,24 @@ var serializeAsJSON = (elements, appState, files, type) => {
   };
   return JSON.stringify(data, null, 2);
 };
-var saveAsJSON = async (elements, appState, files, name = appState.name || DEFAULT_FILENAME) => {
-  const serialized = serializeAsJSON(elements, appState, files, "local");
-  const blob = new Blob([serialized], {
-    type: MIME_TYPES2.excalidraw
+var saveAsJSON = async ({
+  data,
+  filename,
+  fileHandle
+}) => {
+  const blob = Promise.resolve(data).then(({ elements, appState, files }) => {
+    const serialized = serializeAsJSON(elements, appState, files, "local");
+    return new Blob([serialized], {
+      type: MIME_TYPES2.excalidraw
+    });
   });
-  const fileHandle = await fileSave(blob, {
-    name,
+  const savedFileHandle = await fileSave(blob, {
+    name: filename,
     extension: "excalidraw",
     description: "Excalidraw file",
-    fileHandle: isImageFileHandle(appState.fileHandle) ? null : appState.fileHandle
+    fileHandle: isImageFileHandle(fileHandle) ? null : fileHandle
   });
-  return { fileHandle };
+  return { fileHandle: savedFileHandle };
 };
 var loadFromJSON = async (localAppState, localElements) => {
   const file = await fileOpen({
@@ -778,7 +759,7 @@ import { promiseTry as promiseTry2, LOCAL_FONT_PROTOCOL as LOCAL_FONT_PROTOCOL2
 import { isServerEnv, promiseTry } from "@excalidraw/common";
 
 // workers.ts
-import { debounce as debounce2 } from "@excalidraw/common";
+import { debounce } from "@excalidraw/common";
 var IdleWorker = class {
   constructor(workerUrl) {
     __publicField(this, "instance");
@@ -852,7 +833,7 @@ var WorkerPool = class _WorkerPool {
    */
   async createWorker() {
     const worker = new IdleWorker(this.workerUrl);
-    worker.debounceTerminate = debounce2((reject) => {
+    worker.debounceTerminate = debounce((reject) => {
       worker.instance.terminate();
       if (this.idleWorkers.has(worker)) {
         this.idleWorkers.delete(worker);
@@ -3208,7 +3189,10 @@ var bootstrapCanvas = ({
       context.clearRect(0, 0, normalizedWidth, normalizedHeight);
     }
     context.save();
-    context.fillStyle = theme === THEME2.DARK ? applyDarkModeFilter(viewBackgroundColor) : viewBackgroundColor;
+    context.fillStyle = applyDarkModeFilter(
+      viewBackgroundColor,
+      theme === THEME2.DARK
+    );
     context.fillRect(0, 0, normalizedWidth, normalizedHeight);
     context.restore();
   } else {
@@ -3545,8 +3529,7 @@ var _renderStaticScene = ({
 var renderStaticSceneThrottled = throttleRAF(
   (config) => {
     _renderStaticScene(config);
-  },
-  { trailing: true }
+  }
 );
 var renderStaticScene = (renderConfig, throttle) => {
   if (throttle) {
@@ -3776,6 +3759,11 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
         );
         offsetX = offsetX || 0;
         offsetY = offsetY || 0;
+        maskPath.setAttribute("maskUnits", "userSpaceOnUse");
+        maskPath.setAttribute("x", "0");
+        maskPath.setAttribute("y", "0");
+        maskPath.setAttribute("width", `${element.width + 100 + offsetX}`);
+        maskPath.setAttribute("height", `${element.height + 100 + offsetY}`);
         maskRectVisible.setAttribute("x", "0");
         maskRectVisible.setAttribute("y", "0");
         maskRectVisible.setAttribute("fill", "#fff");
@@ -3856,7 +3844,10 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
           const path = svgRoot.ownerDocument.createElementNS(SVG_NS, "path");
           path.setAttribute(
             "fill",
-            renderConfig.theme === THEME4.DARK ? applyDarkModeFilter3(element.strokeColor) : element.strokeColor
+            applyDarkModeFilter3(
+              element.strokeColor,
+              renderConfig.theme === THEME4.DARK
+            )
           );
           path.setAttribute("d", shape);
           wrapper.appendChild(path);
@@ -4027,7 +4018,10 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
         rect.setAttribute("fill", "none");
         rect.setAttribute(
           "stroke",
-          renderConfig.theme === THEME4.DARK ? applyDarkModeFilter3(FRAME_STYLE2.strokeColor) : FRAME_STYLE2.strokeColor
+          applyDarkModeFilter3(
+            FRAME_STYLE2.strokeColor,
+            renderConfig.theme === THEME4.DARK
+          )
         );
         rect.setAttribute("stroke-width", FRAME_STYLE2.strokeWidth.toString());
         addToRoot(rect, element);
@@ -4067,7 +4061,10 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
           text.setAttribute("font-size", `${element.fontSize}px`);
           text.setAttribute(
             "fill",
-            renderConfig.theme === THEME4.DARK ? applyDarkModeFilter3(element.strokeColor) : element.strokeColor
+            applyDarkModeFilter3(
+              element.strokeColor,
+              renderConfig.theme === THEME4.DARK
+            )
           );
           text.setAttribute("text-anchor", textAnchor);
           text.setAttribute("style", "white-space: pre;");
@@ -4209,7 +4206,11 @@ var prepareElementsForRender = ({
 }) => {
   let nextElements;
   if (exportingFrame) {
-    nextElements = getElementsOverlappingFrame(elements, exportingFrame);
+    nextElements = getElementsOverlappingFrame(
+      elements,
+      exportingFrame,
+      arrayToMap(elements)
+    );
   } else if (frameRendering.enabled && frameRendering.name) {
     nextElements = addFrameLabelsAsTextElements(elements, {
       exportWithDarkMode
@@ -4399,7 +4400,7 @@ var exportToSvg = async (elements, appState, files, opts) => {
     rect.setAttribute("height", `${height}`);
     rect.setAttribute(
       "fill",
-      exportWithDarkMode ? applyDarkModeFilter4(viewBackgroundColor) : viewBackgroundColor
+      applyDarkModeFilter4(viewBackgroundColor, exportWithDarkMode)
     );
     svgRoot.appendChild(rect);
   }
@@ -4486,9 +4487,10 @@ var getExportSize = (elements, exportPadding, scale) => {
 };
 
 // data/restore.ts
-import { isFiniteNumber, pointFrom as pointFrom2 } from "@excalidraw/math";
+import { isFiniteNumber, isValidPoint, pointFrom as pointFrom2 } from "@excalidraw/math";
 import {
   DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY2,
+  DEFAULT_STROKE_STREAMLINE,
   DEFAULT_TEXT_ALIGN as DEFAULT_TEXT_ALIGN2,
   DEFAULT_VERTICAL_ALIGN,
   FONT_FAMILY as FONT_FAMILY3,
@@ -4503,11 +4505,14 @@ import {
   arrayToMap as arrayToMap2,
   getSizeFromPoints,
   normalizeLink as normalizeLink2,
-  getLineHeight
+  getLineHeight,
+  STROKE_WIDTH,
+  STROKE_WIDTH_KEYS
 } from "@excalidraw/common";
 import {
   calculateFixedPointForNonElbowArrowBinding,
   getNonDeletedElements,
+  normalizeArrowhead,
   isPointInElement,
   isValidPolygon,
   projectFixedPointOntoDiagonal
@@ -4534,6 +4539,46 @@ import { syncInvalidIndices as syncInvalidIndices2 } from "@excalidraw/element";
 import { refreshTextDimensions } from "@excalidraw/element";
 import { getNormalizedDimensions } from "@excalidraw/element";
 import { isInvisiblySmallElement } from "@excalidraw/element";
+var MAX_ARROW_PX = 75e3;
+var restoreLinearElementPoints = (points, width, height) => {
+  const restoredPoints = Array.isArray(points) ? points.reduce((acc, point) => {
+    if (isValidPoint(point)) {
+      acc.push(pointFrom2(point[0], point[1]));
+    }
+    return acc;
+  }, []) : [];
+  return restoredPoints.length < 2 ? [
+    pointFrom2(0, 0),
+    pointFrom2(
+      isFiniteNumber(width) ? width : 0,
+      isFiniteNumber(height) ? height : 0
+    )
+  ] : restoredPoints;
+};
+var restoreFreedrawPoints = (points, pressures) => {
+  if (!Array.isArray(points)) {
+    return {
+      points: [],
+      pressures: []
+    };
+  }
+  const pressureValues = Array.isArray(pressures) ? pressures : [];
+  const restoredPoints = [];
+  const restoredPressures = [];
+  points.forEach((point, index) => {
+    if (isValidPoint(point)) {
+      restoredPoints.push(pointFrom2(point[0], point[1]));
+      if (index in pressureValues) {
+        const pressure = pressureValues[index];
+        restoredPressures.push(isFiniteNumber(pressure) ? pressure : 0.5);
+      }
+    }
+  });
+  return {
+    points: restoredPoints,
+    pressures: restoredPressures
+  };
+};
 var AllowedExcalidrawActiveTools = {
   selection: true,
   lasso: true,
@@ -4553,6 +4598,23 @@ var AllowedExcalidrawActiveTools = {
   laser: false,
   magicframe: false
 };
+var ALLOWED_STROKE_VARIABILITIES = /* @__PURE__ */ new Set([
+  "constant",
+  "variable"
+]);
+var restoreStrokeVariability = (variability, defaultValue) => {
+  return typeof variability === "string" && ALLOWED_STROKE_VARIABILITIES.has(variability) ? variability : defaultValue;
+};
+var getStrokeWidthKey = (strokeWidth) => {
+  return isFiniteNumber(strokeWidth) ? STROKE_WIDTH_KEYS.find((key) => STROKE_WIDTH[key] === strokeWidth) ?? null : null;
+};
+var restoreFreedrawStrokeOptions = (strokeOptions) => {
+  const options = strokeOptions && typeof strokeOptions === "object" ? strokeOptions : null;
+  return {
+    variability: restoreStrokeVariability(options?.variability, "variable"),
+    streamline: isFiniteNumber(options?.streamline) ? options?.streamline : DEFAULT_STROKE_STREAMLINE
+  };
+};
 var getFontFamilyByName = (fontFamilyName) => {
   if (Object.keys(FONT_FAMILY3).includes(fontFamilyName)) {
     return FONT_FAMILY3[fontFamilyName];
@@ -4626,7 +4688,9 @@ var repairBinding = (element, binding, targetElementsMap, existingElementsMap, s
         fixedPoint
       };
     }
-    console.error(`could not repair binding for element`);
+    console.error(
+      `Could not repair binding for element "${boundElement?.id}" out of (${elementsMap?.size}) elements`
+    );
   } catch (error) {
     console.error("Error repairing binding:", error);
   }
@@ -4721,10 +4785,15 @@ var restoreElement = (element, targetElementsMap, existingElementsMap, opts) =>
       }
       return element;
     case "freedraw": {
+      const { points: points2, pressures } = restoreFreedrawPoints(
+        element.points,
+        element.pressures
+      );
       return restoreElementWithProperties(element, {
-        points: element.points,
+        points: points2,
         simulatePressure: element.simulatePressure,
-        pressures: element.pressures
+        strokeOptions: restoreFreedrawStrokeOptions(element.strokeOptions),
+        pressures
       });
     }
     case "image":
@@ -4736,15 +4805,22 @@ var restoreElement = (element, targetElementsMap, existingElementsMap, opts) =>
       });
     case "line":
     case "draw":
-      const { startArrowhead = null, endArrowhead = null } = element;
+      const startArrowhead = normalizeArrowhead(element.startArrowhead);
+      const endArrowhead = normalizeArrowhead(element.endArrowhead);
       let x = element.x;
       let y = element.y;
-      let points = (
-        // migrate old arrow model to new one
-        !Array.isArray(element.points) || element.points.length < 2 ? [pointFrom2(0, 0), pointFrom2(element.width, element.height)] : element.points
+      let points = restoreLinearElementPoints(
+        element.points,
+        element.width,
+        element.height
       );
       if (points[0][0] !== 0 || points[0][1] !== 0) {
-        ({ points, x, y } = LinearElementEditor2.getNormalizeElementPointsAndCoords(element));
+        ({ points, x, y } = LinearElementEditor2.getNormalizeElementPointsAndCoords({
+          ...element,
+          points,
+          x: x ?? 0,
+          y: y ?? 0
+        }));
       }
       return restoreElementWithProperties(element, {
         type: "line",
@@ -4756,29 +4832,37 @@ var restoreElement = (element, targetElementsMap, existingElementsMap, opts) =>
         x,
         y,
         ...isLineElement(element) ? {
-          polygon: isValidPolygon(element.points) ? element.polygon ?? false : false
+          polygon: isValidPolygon(points) ? element.polygon ?? false : false
         } : {},
         ...getSizeFromPoints(points)
       });
     case "arrow": {
-      const { startArrowhead: startArrowhead2 = null, endArrowhead: endArrowhead2 = "arrow" } = element;
+      const startArrowhead2 = normalizeArrowhead(element.startArrowhead);
+      const endArrowhead2 = element.endArrowhead === void 0 ? "arrow" : normalizeArrowhead(element.endArrowhead);
       const x2 = element.x;
       const y2 = element.y;
-      const points2 = (
-        // migrate old arrow model to new one
-        !Array.isArray(element.points) || element.points.length < 2 ? [pointFrom2(0, 0), pointFrom2(element.width, element.height)] : element.points
+      const points2 = restoreLinearElementPoints(
+        element.points,
+        element.width,
+        element.height
       );
+      const elementWithRestoredPoints = {
+        ...element,
+        points: points2,
+        x: x2 ?? 0,
+        y: y2 ?? 0
+      };
       const base = {
         type: element.type,
         startBinding: repairBinding(
-          element,
+          elementWithRestoredPoints,
           element.startBinding,
           targetElementsMap,
           existingElementsMap,
           "start"
         ),
         endBinding: repairBinding(
-          element,
+          elementWithRestoredPoints,
           element.endBinding,
           targetElementsMap,
           existingElementsMap,
@@ -4787,8 +4871,8 @@ var restoreElement = (element, targetElementsMap, existingElementsMap, opts) =>
         startArrowhead: startArrowhead2,
         endArrowhead: endArrowhead2,
         points: points2,
-        x: x2,
-        y: y2,
+        x: x2 ?? 0,
+        y: y2 ?? 0,
         elbowed: element.elbowed,
         ...getSizeFromPoints(points2)
       };
@@ -4799,12 +4883,30 @@ var restoreElement = (element, targetElementsMap, existingElementsMap, opts) =>
         startIsSpecial: element.startIsSpecial,
         endIsSpecial: element.endIsSpecial
       }) : restoreElementWithProperties(element, base);
-      return {
+      const normalizedRestoredElement = {
         ...restoredElement,
         ...LinearElementEditor2.getNormalizeElementPointsAndCoords(
           restoredElement
         )
       };
+      if (normalizedRestoredElement.width > MAX_ARROW_PX || normalizedRestoredElement.height > MAX_ARROW_PX) {
+        console.error(
+          `Removing extremely large arrow ${normalizedRestoredElement.id} (type: ${isElbowArrow(normalizedRestoredElement) ? "elbow" : "simple"}, width: ${normalizedRestoredElement.width}, height: ${normalizedRestoredElement.height}, x: ${normalizedRestoredElement.x}, y: ${normalizedRestoredElement.y})`
+        );
+        return {
+          ...normalizedRestoredElement,
+          x: 0,
+          y: 0,
+          width: 100,
+          height: 100,
+          points: [
+            pointFrom2(0, 0),
+            pointFrom2(100, 100)
+          ],
+          isDeleted: true
+        };
+      }
+      return normalizedRestoredElement;
     }
     case "ellipse":
     case "rectangle":
@@ -5029,6 +5131,13 @@ var restoreAppState = (appState, localAppState) => {
     const localValue = localAppState ? localAppState[key] : void 0;
     nextAppState[key] = suppliedValue !== void 0 ? suppliedValue : localValue !== void 0 ? localValue : defaultValue;
   }
+  const boxSelectionMode = appState.boxSelectionMode ?? localAppState?.boxSelectionMode;
+  if (boxSelectionMode !== void 0) {
+    nextAppState.boxSelectionMode = boxSelectionMode;
+  }
+  if (appState.currentItemStrokeWidth !== void 0) {
+    nextAppState.currentItemStrokeWidthKey = getStrokeWidthKey(appState.currentItemStrokeWidth) ?? defaultAppState.currentItemStrokeWidthKey;
+  }
   return {
     ...nextAppState,
     cursorButton: localAppState?.cursorButton || "up",
@@ -5102,7 +5211,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-X6URJSP5.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-7TCIBRTP.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5289,10 +5398,52 @@ var getDataURL_sync = (data, mimeType) => {
 var dataURLToString = (dataURL) => {
   return base64ToString(dataURL.slice(dataURL.indexOf(",") + 1));
 };
+var getImageFileDimensions = async (file) => {
+  const browserURL = typeof window !== "undefined" ? window.URL : void 0;
+  let objectURL = null;
+  let imageSource;
+  try {
+    imageSource = browserURL?.createObjectURL ? objectURL = browserURL.createObjectURL(file) : await getDataURL(file);
+  } catch {
+    objectURL = null;
+    imageSource = await getDataURL(file);
+  }
+  return new Promise((resolve, reject) => {
+    const image = new Image();
+    const cleanup = () => {
+      image.onload = null;
+      image.onerror = null;
+      if (objectURL && browserURL?.revokeObjectURL) {
+        browserURL.revokeObjectURL(objectURL);
+      }
+    };
+    image.onload = () => {
+      cleanup();
+      resolve({
+        width: image.naturalWidth || image.width,
+        height: image.naturalHeight || image.height
+      });
+    };
+    image.onerror = (error) => {
+      cleanup();
+      reject(error);
+    };
+    image.src = imageSource;
+  });
+};
 var resizeImageFile = async (file, opts) => {
   if (file.type === MIME_TYPES6.svg) {
     return file;
   }
+  if (!isSupportedImageFile(file)) {
+    throw new Error("Error: unsupported file type", { cause: "UNSUPPORTED" });
+  }
+  if (!opts.outputType || opts.outputType === file.type) {
+    const dimensions = await getImageFileDimensions(file);
+    if (Math.max(dimensions.width, dimensions.height) <= opts.maxWidthOrHeight) {
+      return file;
+    }
+  }
   const [pica, imageBlobReduce] = await Promise.all([
     import("pica").then((res) => res.default),
     // a wrapper for pica for better API
@@ -5310,9 +5461,6 @@ var resizeImageFile = async (file, opts) => {
       });
     };
   }
-  if (!isSupportedImageFile(file)) {
-    throw new Error("Error: unsupported file type", { cause: "UNSUPPORTED" });
-  }
   return new File(
     [await reduce.toBlob(file, { max: opts.maxWidthOrHeight, alpha: true })],
     file.name,
@@ -5478,6 +5626,7 @@ export {
   hasBackground,
   hasStrokeWidth,
   hasStrokeStyle,
+  hasFreedrawMode,
   canHaveArrowheads,
   canChangeRoundness,
   AbortError,
@@ -5536,4 +5685,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-FXVS2QTZ.js.map
+//# sourceMappingURL=chunk-T3GRJXT6.js.map