@nous-excalidraw/excalidraw 0.18.9-beta.0 → 0.18.9-beta.2

package/dist/dev/{chunk-DREFPI7Y.js → chunk-CYLA22NC.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", 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.2", DEV: true };
 
 export {
   define_import_meta_env_default
 };
-//# sourceMappingURL=chunk-DREFPI7Y.js.map
+//# sourceMappingURL=chunk-CYLA22NC.js.map

package/dist/dev/{chunk-DREFPI7Y.js.map → chunk-CYLA22NC.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["<define:import.meta.env>"],
   "sourcesContent": [""],
-  "mappings": ";AAAA,uCAAC,MAAO,eAAc,6BAA8B,2CAA0C,8BAA+B,gDAA+C,sBAAuB,oCAAmC,0BAA2B,gFAA+E,wBAAyB,yBAAwB,kBAAmB,+BAA8B,mBAAoB,yBAAwB,qBAAsB,yBAAwB,0BAA2B,mRAA0S,kCAAmC,IAAG,0BAA2B,QAAO,cAAe,SAAQ,eAAgB,QAAO,mDAAoD,IAAG,2BAA4B,QAAO,wBAAyB,QAAO,qBAAsB,SAAQ,iCAAkC,wZAAuZ,iCAAkC,IAAG,UAAW,+BAA8B,aAAc,UAAS,KAAM,KAAI;",
+  "mappings": ";AAAA,uCAAC,MAAO,eAAc,6BAA8B,2CAA0C,8BAA+B,gDAA+C,sBAAuB,oCAAmC,0BAA2B,gFAA+E,wBAAyB,yBAAwB,kBAAmB,+BAA8B,mBAAoB,yBAAwB,qBAAsB,yBAAwB,0BAA2B,mRAA0S,kCAAmC,IAAG,0BAA2B,QAAO,cAAe,SAAQ,eAAgB,QAAO,mDAAoD,IAAG,2BAA4B,QAAO,wBAAyB,QAAO,qBAAsB,SAAQ,iCAAkC,wZAAuZ,iCAAkC,IAAG,UAAW,+BAA8B,aAAc,iBAAgB,KAAM,KAAI;",
   "names": []
 }

package/dist/dev/{chunk-ZSYXJOY3.js → chunk-DSYRTCAK.js}

@@ -1,6 +1,6 @@
 import {
   define_import_meta_env_default
-} from "./chunk-DREFPI7Y.js";
+} from "./chunk-CYLA22NC.js";
 import {
   __publicField
 } from "./chunk-XDFCUUT6.js";
@@ -5092,7 +5092,7 @@ var parseFileContents = async (blob) => {
   let contents;
   if (blob.type === MIME_TYPES6.png) {
     try {
-      return await (await import("./data/image-K5NKXL4T.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-OB55CB4R.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5526,4 +5526,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-ZSYXJOY3.js.map
+//# sourceMappingURL=chunk-DSYRTCAK.js.map

package/dist/dev/components/TTDDialog/{CodeMirrorEditor-EGNDHP4F.js → CodeMirrorEditor-T4CL43BJ.js}

@@ -1,4 +1,4 @@
-import "../../chunk-DREFPI7Y.js";
+import "../../chunk-CYLA22NC.js";
 import "../../chunk-XDFCUUT6.js";
 
 // components/TTDDialog/CodeMirrorEditor.tsx
@@ -256,4 +256,4 @@ var CodeMirrorEditor_default = CodeMirrorEditor;
 export {
   CodeMirrorEditor_default as default
 };
-//# sourceMappingURL=CodeMirrorEditor-EGNDHP4F.js.map
+//# sourceMappingURL=CodeMirrorEditor-T4CL43BJ.js.map

package/dist/dev/data/{image-K5NKXL4T.js → image-OB55CB4R.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-ZSYXJOY3.js";
-import "../chunk-DREFPI7Y.js";
+} from "../chunk-DSYRTCAK.js";
+import "../chunk-CYLA22NC.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-K5NKXL4T.js.map
+//# sourceMappingURL=image-OB55CB4R.js.map

package/dist/dev/index.js

@@ -65,10 +65,10 @@ import {
   serializeAsJSON,
   serializeLibraryAsJSON,
   strokeRectWithRotation_simple
-} from "./chunk-ZSYXJOY3.js";
+} from "./chunk-DSYRTCAK.js";
 import {
   define_import_meta_env_default
-} from "./chunk-DREFPI7Y.js";
+} from "./chunk-CYLA22NC.js";
 import {
   en_default
 } from "./chunk-4JOINNOK.js";
@@ -119,7 +119,6 @@ import {
   KEYS as KEYS55,
   APP_NAME as APP_NAME2,
   CURSOR_TYPE as CURSOR_TYPE4,
-  DEFAULT_TRANSFORM_HANDLE_SPACING as DEFAULT_TRANSFORM_HANDLE_SPACING3,
   DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT,
   DEFAULT_VERTICAL_ALIGN,
   DRAGGING_THRESHOLD as DRAGGING_THRESHOLD3,
@@ -205,6 +204,7 @@ import {
 import {
   getObservedAppState,
   getCommonBounds as getCommonBounds11,
+  getCommonSelectionBounds as getCommonSelectionBounds2,
   getElementAbsoluteCoords as getElementAbsoluteCoords9,
   bindOrUnbindBindingElements as bindOrUnbindBindingElements2,
   fixBindingsAfterDeletion as fixBindingsAfterDeletion2,
@@ -9640,7 +9640,7 @@ var exportCanvas = async (type, elements, appState, files, {
     let blob = canvasToBlob(tempCanvas);
     if (appState.exportEmbedScene) {
       blob = blob.then(
-        (blob2) => import("./data/image-K5NKXL4T.js").then(
+        (blob2) => import("./data/image-OB55CB4R.js").then(
           ({ encodePngMetadata: encodePngMetadata2 }) => encodePngMetadata2({
             blob: blob2,
             metadata: serializeAsJSON(elements, appState, files, "local")
@@ -19345,7 +19345,7 @@ import {
 } from "@nous-excalidraw/math";
 
 // ../element/src/frame.ts
-import { arrayToMap as arrayToMap19 } from "@nous-excalidraw/common";
+import { arrayToMap as arrayToMap19, sizeOf as sizeOf2 } from "@nous-excalidraw/common";
 import { isPointWithinBounds as isPointWithinBounds2, pointFrom as pointFrom16 } from "@nous-excalidraw/math";
 
 // ../utils/src/bbox.ts
@@ -28464,7 +28464,7 @@ var TTDDialogInput = ({
         setShowSpinner(true);
       }
     }, SPINNER_DELAY_MS);
-    import("./components/TTDDialog/CodeMirrorEditor-EGNDHP4F.js").then((mod) => {
+    import("./components/TTDDialog/CodeMirrorEditor-T4CL43BJ.js").then((mod) => {
       if (!cancelled) {
         setEditorState({ type: "ready", component: mod.default });
       }
@@ -35156,7 +35156,6 @@ import {
 import {
   arrayToMap as arrayToMap26,
   BIND_MODE_TIMEOUT,
-  DEFAULT_TRANSFORM_HANDLE_SPACING as DEFAULT_TRANSFORM_HANDLE_SPACING2,
   FRAME_STYLE as FRAME_STYLE3,
   getFontString as getFontString11,
   getFeatureFlag as getFeatureFlag3,
@@ -35200,7 +35199,12 @@ import {
   isSelectedViaGroup,
   selectGroupsFromGivenElements as selectGroupsFromGivenElements3
 } from "@nous-excalidraw/element";
-import { getCommonBounds as getCommonBounds9, getElementAbsoluteCoords as getElementAbsoluteCoords7 } from "@nous-excalidraw/element";
+import {
+  getCommonBounds as getCommonBounds9,
+  getCommonSelectionBounds,
+  getElementAbsoluteCoords as getElementAbsoluteCoords7,
+  getElementSelectionCoords
+} from "@nous-excalidraw/element";
 import {
   getGlobalFixedPointForBindableElement as getGlobalFixedPointForBindableElement2,
   isFocusPointVisible
@@ -35955,7 +35959,7 @@ var renderSelectionBorder = (context, appState, elementProperties) => {
   } = elementProperties;
   const elementWidth = x2 - x1;
   const elementHeight = y2 - y1;
-  const padding = elementProperties.padding ?? DEFAULT_TRANSFORM_HANDLE_SPACING2 * 2;
+  const padding = elementProperties.padding ?? 0;
   const linePadding = padding / appState.zoom.value;
   const lineWidth = 8 / appState.zoom.value;
   const spaceWidth = 4 / appState.zoom.value;
@@ -36030,10 +36034,9 @@ var getTextHoverUnderlineLocalY = (element, zoom) => {
 var renderHoverOutlineElement = (context, appState, element, elementsMap) => {
   const hoverStrokePx = isFrameLikeElement14(element) ? HOVER_OUTLINE_STROKE_PX_FRAME : HOVER_OUTLINE_STROKE_PX_OTHER;
   const lineWidthScene = hoverStrokePx / appState.zoom.value;
-  const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords7(
+  const [x1, y1, x2, y2, cx, cy] = getElementSelectionCoords(
     element,
-    elementsMap,
-    true
+    elementsMap
   );
   const width = x2 - x1;
   const height = y2 - y1;
@@ -36205,10 +36208,9 @@ var buildElementSelectionBorders = ({
       }
     }
     if (selectionColors.length) {
-      const [x1, y1, x2, y2, cx, cy] = getElementAbsoluteCoords7(
+      const [x1, y1, x2, y2, cx, cy] = getElementSelectionCoords(
         element,
-        elementsMap,
-        true
+        elementsMap
       );
       selections.push({
         angle: element.angle,
@@ -36221,13 +36223,16 @@ var buildElementSelectionBorders = ({
         cx,
         cy,
         activeEmbeddable: !isEmbeddableElement4(element) && appState.activeEmbeddable?.element === element && appState.activeEmbeddable.state === "active",
-        padding: element.id === appState.croppingElementId || isImageElement8(element) ? 0 : void 0
+        padding: 0
       });
     }
   }
   const addSelectionForGroupId = (groupId) => {
     const groupElements = getElementsInGroup8(elementsMap, groupId);
-    const [x1, y1, x2, y2] = getCommonBounds9(groupElements);
+    const [x1, y1, x2, y2] = getCommonSelectionBounds(
+      groupElements,
+      elementsMap
+    );
     selections.push({
       angle: 0,
       x1,
@@ -36238,7 +36243,8 @@ var buildElementSelectionBorders = ({
       dashed: true,
       cx: x1 + (x2 - x1) / 2,
       cy: y1 + (y2 - y1) / 2,
-      activeEmbeddable: false
+      activeEmbeddable: false,
+      padding: 0
     });
   };
   for (const groupId of getSelectedGroupIds3(appState)) {
@@ -36951,9 +36957,11 @@ var _renderInteractiveScene = ({
         }
       }
     } else if (selectedElements.length > 1 && !appState.isRotating && !selectedElements.some((el) => el.locked)) {
-      const dashedLinePadding = DEFAULT_TRANSFORM_HANDLE_SPACING2 * 2 / appState.zoom.value;
       context.fillStyle = "#fff";
-      const [x1, y1, x2, y2] = getCommonBounds9(selectedElements, elementsMap);
+      const [x1, y1, x2, y2] = getCommonSelectionBounds(
+        selectedElements,
+        elementsMap
+      );
       const initialLineDash = context.getLineDash();
       context.setLineDash([2 / appState.zoom.value]);
       const lineWidth = context.lineWidth;
@@ -36961,10 +36969,10 @@ var _renderInteractiveScene = ({
       context.strokeStyle = selectionColor;
       strokeRectWithRotation_simple(
         context,
-        x1 - dashedLinePadding,
-        y1 - dashedLinePadding,
-        x2 - x1 + dashedLinePadding * 2,
-        y2 - y1 + dashedLinePadding * 2,
+        x1,
+        y1,
+        x2 - x1,
+        y2 - y1,
         (x1 + x2) / 2,
         (y1 + y2) / 2,
         0
@@ -38166,7 +38174,6 @@ var App = class _App extends React46.Component {
               this.updateFrameHoverStateFromSceneCoords(p.x, p.y);
             },
             onPointerDown: (event) => this.handleCanvasPointerDown(event),
-            onWheel: (event) => this.handleWheel(event),
             onContextMenu: this.handleCanvasContextMenu,
             onDoubleClick: () => {
               this.setState({
@@ -45383,9 +45390,11 @@ var App = class _App extends React46.Component {
       DEFAULT_COLLISION_THRESHOLD / this.state.zoom.value,
       1
     );
-    const boundsPadding = DEFAULT_TRANSFORM_HANDLE_SPACING3 * 2 / this.state.zoom.value;
-    const [x1, y1, x2, y2] = getCommonBounds11(selectedElements);
-    return point.x > x1 - boundsPadding - threshold && point.x < x2 + boundsPadding + threshold && point.y > y1 - boundsPadding - threshold && point.y < y2 + boundsPadding + threshold;
+    const [x1, y1, x2, y2] = getCommonSelectionBounds2(
+      selectedElements,
+      this.scene.getNonDeletedElementsMap()
+    );
+    return point.x > x1 - threshold && point.x < x2 + threshold && point.y > y1 - threshold && point.y < y2 + threshold;
   }
   getCurrentItemRoundness(elementType) {
     return this.state.currentItemRoundness === "round" ? {