@tldraw/editor 3.10.2 → 3.11.0-canary.03a8f07c67a3

package/dist-cjs/lib/editor/Editor.js

@@ -3204,7 +3204,13 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     if (this.getIsReadonly()) return this;
     const ids = typeof assets[0] === "string" ? assets : assets.map((a) => a.id);
     if (ids.length <= 0) return this;
-    this.run(() => this.store.remove(ids), { history: "ignore" });
+    this.run(
+      () => {
+        this.store.props.assets.remove?.(ids);
+        this.store.remove(ids);
+      },
+      { history: "ignore" }
+    );
     return this;
   }
   /**
@@ -4770,17 +4776,18 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
    *
    * @example
    * ```ts
-   * editor.stackShapes([box1, box2], 'horizontal', 32)
-   * editor.stackShapes(editor.getSelectedShapeIds(), 'horizontal', 32)
+   * editor.stackShapes([box1, box2], 'horizontal')
+   * editor.stackShapes(editor.getSelectedShapeIds(), 'horizontal')
    * ```
    *
    * @param shapes - The shapes (or shape ids) to stack.
    * @param operation - Whether to stack horizontally or vertically.
-   * @param gap - The gap to leave between shapes.
+   * @param gap - The gap to leave between shapes. By default, uses the editor's `adjacentShapeMargin` option.
    *
    * @public
    */
   stackShapes(shapes, operation, gap) {
+    const _gap = gap ?? this.options.adjacentShapeMargin;
     const ids = typeof shapes[0] === "string" ? shapes : shapes.map((s) => s.id);
     if (this.getIsReadonly()) return this;
     const shapesToStackFirstPass = (0, import_utils.compact)(ids.map((id) => this.getShape(id)));
@@ -4816,7 +4823,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       allBounds.push(commonPageBounds);
     }
     const len = shapeClustersToStack.length;
-    if (gap === 0 && len < 3 || len < 2) return this;
+    if (_gap === 0 && len < 3 || len < 2) return this;
     let val;
     let min;
     let max;
@@ -4833,7 +4840,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       dim = "height";
     }
     let shapeGap = 0;
-    if (gap === 0) {
+    if (_gap === 0) {
       const gaps = {};
       shapeClustersToStack.sort((a, b) => a.pageBounds[min] - b.pageBounds[min]);
       for (let i = 0; i < len - 1; i++) {
@@ -4861,7 +4868,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
         shapeGap /= totalCount;
       }
     } else {
-      shapeGap = gap;
+      shapeGap = _gap;
     }
     const changes = [];
     let v = shapeClustersToStack[0].pageBounds[max];
@@ -4889,16 +4896,17 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
    *
    * @example
    * ```ts
-   * editor.packShapes([box1, box2], 32)
+   * editor.packShapes([box1, box2])
    * editor.packShapes(editor.getSelectedShapeIds(), 32)
    * ```
    *
    *
    * @param shapes - The shapes (or shape ids) to pack.
-   * @param gap - The padding to apply to the packed shapes. Defaults to 16.
+   * @param gap - The padding to apply to the packed shapes. Defaults to the editor's `adjacentShapeMargin` option.
    */
-  packShapes(shapes, gap) {
+  packShapes(shapes, _gap) {
     if (this.getIsReadonly()) return this;
+    const gap = _gap ?? this.options.adjacentShapeMargin;
     const ids = typeof shapes[0] === "string" ? shapes : shapes.map((s) => s.id);
     const shapesToPackFirstPass = (0, import_utils.compact)(ids.map((id) => this.getShape(id)));
     const shapeClustersToPack = [];