@myoc/excalidraw 0.19.505 → 0.19.508

package/CHANGELOG.md

@@ -64,6 +64,8 @@ Please add the latest change on the top under the correct section.
 - Incorrect import for color (was moved to common)
 
 ---
+
+
 ## 0.19.503 (2026-03-22)
 
 ## Excalidraw API
@@ -4016,6 +4018,164 @@ First release of `@excalidraw/excalidraw`## Excalidraw Library
 
 - Incorrect import for color (was moved to common)
 
+---
+
+## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Add ability to turn off compression for files that are smaller than a given size
+
+- Add lock tool to the dropdown and also add the status of the extra tools to be the same icon as the selected tool
+
+- Add view mode button
+
+- Add multiple image copy paste or drag and drop
+
+- Multiple image additions from clipboard
+
+- Add arrange elements action
+
+- Add top picks to appProps for both stoke color and background color
+
+### Fixes
+
+- Issues
+
+- Make mobile mode more myoc looking
+
+- Add normalise functionality
+
+- Update with excalidraw
+
+- Fix imports
+
+- Fix mutateGroup to use scene.mutateGroup
+
+- Imports
+
+- Ensure that fileId is different for compressed vs uncompressed file
+
+- Remove not working prop for dontResizeLimitMBs
+
+- Add smartview for mobile
+
+- Hide the alignment buttons if there is only one group selected (they do nothing if only one group is selected)
+
+- Use css vars already provided instead of hard coding directly from oc-gray
+
+- Remove unused variables
+
+- Pass the new top pick color props properly
+
+- Incorrect import for color (was moved to common)
+
+---## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Add ability to turn off compression for files that are smaller than a given size
+
+- Add lock tool to the dropdown and also add the status of the extra tools to be the same icon as the selected tool
+
+- Add view mode button
+
+- Add multiple image copy paste or drag and drop
+
+- Multiple image additions from clipboard
+
+- Add arrange elements action
+
+- Add top picks to appProps for both stoke color and background color
+
+### Fixes
+
+- Issues
+
+- Make mobile mode more myoc looking
+
+- Add normalise functionality
+
+- Update with excalidraw
+
+- Fix imports
+
+- Fix mutateGroup to use scene.mutateGroup
+
+- Imports
+
+- Ensure that fileId is different for compressed vs uncompressed file
+
+- Remove not working prop for dontResizeLimitMBs
+
+- Add smartview for mobile
+
+- Hide the alignment buttons if there is only one group selected (they do nothing if only one group is selected)
+
+- Use css vars already provided instead of hard coding directly from oc-gray
+
+- Remove unused variables
+
+- Pass the new top pick color props properly
+
+- Incorrect import for color (was moved to common)
+
+---## Excalidraw Library
+
+**_This section lists the updates made to the excalidraw library and will not affect the integration._**
+
+### Features
+
+- Add ability to turn off compression for files that are smaller than a given size
+
+- Add lock tool to the dropdown and also add the status of the extra tools to be the same icon as the selected tool
+
+- Add view mode button
+
+- Add multiple image copy paste or drag and drop
+
+- Multiple image additions from clipboard
+
+- Add arrange elements action
+
+- Add top picks to appProps for both stoke color and background color
+
+### Fixes
+
+- Issues
+
+- Make mobile mode more myoc looking
+
+- Add normalise functionality
+
+- Update with excalidraw
+
+- Fix imports
+
+- Fix mutateGroup to use scene.mutateGroup
+
+- Imports
+
+- Ensure that fileId is different for compressed vs uncompressed file
+
+- Remove not working prop for dontResizeLimitMBs
+
+- Add smartview for mobile
+
+- Hide the alignment buttons if there is only one group selected (they do nothing if only one group is selected)
+
+- Use css vars already provided instead of hard coding directly from oc-gray
+
+- Remove unused variables
+
+- Pass the new top pick color props properly
+
+- Incorrect import for color (was moved to common)
+
 ---
 ## Excalidraw Library
 

package/dist/dev/{chunk-D5OSJVKD.js → chunk-4FUVQKPQ.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-KCN2IL3S.js";
+} from "./chunk-TW3GG6X2.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -124,7 +124,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,
@@ -152,7 +151,8 @@ var getDefaultAppState = () => {
     searchMatches: null,
     lockedMultiSelections: {},
     activeLockedId: null,
-    bindMode: "orbit"
+    bindMode: "orbit",
+    boxSelectionMode: "contain"
   };
 };
 var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
@@ -208,6 +208,7 @@ var APP_STATE_STORAGE_CONF = /* @__PURE__ */ ((config) => config)({
   gridModeEnabled: { browser: true, export: true, server: true },
   height: { 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: {
@@ -244,7 +245,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 },
@@ -3217,7 +3217,7 @@ var GridLineColor = {
     regular: applyDarkModeFilter2("#e5e5e5")
   }
 };
-var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, theme, width, height) => {
+var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, gridColorBold, gridColorRegular, width, height) => {
   const offsetX = scrollX % gridSize - gridSize;
   const offsetY = scrollY % gridSize - gridSize;
   const actualGridSize = gridSize * zoom.value;
@@ -3236,7 +3236,7 @@ var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, theme, wi
     const lineDash = [lineWidth * 3, spaceWidth + (lineWidth + spaceWidth)];
     context.beginPath();
     context.setLineDash(isBold ? [] : lineDash);
-    context.strokeStyle = isBold ? GridLineColor[theme].bold : GridLineColor[theme].regular;
+    context.strokeStyle = isBold ? gridColorBold : gridColorRegular;
     context.moveTo(x, offsetY - gridSize);
     context.lineTo(x, Math.ceil(offsetY + height + gridSize * 2));
     context.stroke();
@@ -3251,7 +3251,7 @@ var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, theme, wi
     const lineDash = [lineWidth * 3, spaceWidth + (lineWidth + spaceWidth)];
     context.beginPath();
     context.setLineDash(isBold ? [] : lineDash);
-    context.strokeStyle = isBold ? GridLineColor[theme].bold : GridLineColor[theme].regular;
+    context.strokeStyle = isBold ? gridColorBold : gridColorRegular;
     context.moveTo(offsetX - gridSize, y);
     context.lineTo(Math.ceil(offsetX + width + gridSize * 2), y);
     context.stroke();
@@ -3365,7 +3365,8 @@ var _renderStaticScene = ({
       appState.scrollX,
       appState.scrollY,
       appState.zoom,
-      renderConfig.theme,
+      renderConfig.gridColorBold ?? GridLineColor[renderConfig.theme].bold,
+      renderConfig.gridColorRegular ?? GridLineColor[renderConfig.theme].regular,
       normalizedWidth / appState.zoom.value,
       normalizedHeight / appState.zoom.value
     );
@@ -4180,7 +4181,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
@@ -4506,6 +4511,7 @@ 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 AllowedExcalidrawActiveTools = {
   selection: true,
   lasso: true,
@@ -4763,8 +4769,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)
       };
@@ -4775,12 +4781,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":
@@ -5005,6 +5029,10 @@ 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;
+  }
   return {
     ...nextAppState,
     cursorButton: localAppState?.cursorButton || "up",
@@ -5078,7 +5106,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-KFKBCMAI.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-BLMJ34ZZ.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5265,38 +5293,6 @@ var getDataURL_sync = (data, mimeType) => {
 var dataURLToString = (dataURL) => {
   return base64ToString(dataURL.slice(dataURL.indexOf(",") + 1));
 };
-var resizeImageFile = async (file, opts) => {
-  if (file.type === MIME_TYPES6.svg) {
-    return file;
-  }
-  const [pica, imageBlobReduce] = await Promise.all([
-    import("pica").then((res) => res.default),
-    // a wrapper for pica for better API
-    import("image-blob-reduce").then((res) => res.default)
-  ]);
-  const reduce = imageBlobReduce({
-    pica: pica({ features: ["js", "wasm"] })
-  });
-  if (opts.outputType) {
-    const { outputType } = opts;
-    reduce._create_blob = function(env) {
-      return this.pica.toBlob(env.out_canvas, outputType, 0.8).then((blob) => {
-        env.out_blob = blob;
-        return env;
-      });
-    };
-  }
-  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,
-    {
-      type: opts.outputType || file.type
-    }
-  );
-};
 var SVGStringToFile = (SVGString, filename = "") => {
   return new File([new TextEncoder().encode(SVGString)], filename, {
     type: MIME_TYPES6.svg
@@ -5504,11 +5500,10 @@ export {
   getDataURL,
   getDataURL_sync,
   dataURLToString,
-  resizeImageFile,
   SVGStringToFile,
   ImageURLToFile,
   getFileHandle,
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-D5OSJVKD.js.map
+//# sourceMappingURL=chunk-4FUVQKPQ.js.map