@tldraw/editor 5.5.4 → 5.6.0-canary.0091c91994d6

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

@@ -49,6 +49,7 @@ var import_defaultAssets = require("../config/defaultAssets");
 var import_defaultBindings = require("../config/defaultBindings");
 var import_defaultShapes = require("../config/defaultShapes");
 var import_TLEditorSnapshot = require("../config/TLEditorSnapshot");
+var import_TLI18n = require("../config/TLI18n");
 var import_constants = require("../constants");
 var import_domUtils = require("../exports/domUtils");
 var import_exportToSvg = require("../exports/exportToSvg");
@@ -123,9 +124,11 @@ class Editor extends import_eventemitter3.default {
     colorScheme,
     fontAssetUrls,
     themes,
-    initialTheme
+    initialTheme,
+    i18n
   }) {
     super();
+    this.i18n = i18n ?? import_TLI18n.defaultI18n;
     this._getShapeVisibility = getShapeVisibility;
     const options = _textOptions ? { ..._options, text: _options?.text ?? _textOptions } : _options;
     this.options = { ...import_options.defaultTldrawOptions, ...options };
@@ -637,6 +640,12 @@ class Editor extends import_eventemitter3.default {
    */
   licenseManager;
   contextId = (0, import_utils.uniqueId)();
+  /**
+   * The i18n adapter for translating strings.
+   *
+   * @public
+   */
+  i18n;
   /**
    * The editor's store
    *
@@ -1616,7 +1625,7 @@ class Editor extends import_eventemitter3.default {
     const firstParentId = selectedShapeIds[0] ? this.getShape(selectedShapeIds[0])?.parentId : null;
     const isSelectedWithinContainer = firstParentId && selectedShapeIds.every((shapeId) => this.getShape(shapeId)?.parentId === firstParentId) && !(0, import_tlschema.isPageId)(firstParentId);
     const filteredShapes = this.getCurrentPageShapes().filter(
-      (shape2) => !this.isShapeOrAncestorLocked(shape2) && (isSelectedWithinContainer ? shape2.parentId === firstParentId : (0, import_tlschema.isPageId)(shape2.parentId))
+      (shape2) => isSelectedWithinContainer ? shape2.parentId === firstParentId : (0, import_tlschema.isPageId)(shape2.parentId)
     );
     const readingOrderShapes = this._getShapesInReadingOrder(filteredShapes);
     const currentShapeId = selectedShapeIds.length === 1 ? selectedShapeIds[0] : readingOrderShapes.find((shape2) => selectedShapeIds.includes(shape2.id))?.id;
@@ -1759,6 +1768,11 @@ class Editor extends import_eventemitter3.default {
     this._selectShapesAndZoom([sortedChildren[0].id]);
   }
   _selectShapesAndZoom(ids) {
+    const selectedShapeIds = this.getSelectedShapeIds();
+    const isSelectionChanging = ids.length !== selectedShapeIds.length || ids.some((id) => !selectedShapeIds.includes(id));
+    if (isSelectionChanging) {
+      this.markHistoryStoppingPoint("selecting adjacent shape");
+    }
     this.setSelectedShapes(ids);
     this.zoomToSelectionIfOffscreen(256, {
       animation: {
@@ -3657,7 +3671,9 @@ class Editor extends import_eventemitter3.default {
     const id = typeof page === "string" ? page : page.id;
     const freshPage = this.getPage(id);
     if (!freshPage) return this;
-    const prevCamera = { ...this.getCamera() };
+    const prevCamera = {
+      ...this.store.get(import_tlschema.CameraRecordType.createId(freshPage.id)) ?? this.getCamera()
+    };
     const content = this.getContentFromCurrentPage(this.getSortedChildIdsForParent(freshPage.id));
     this.run(() => {
       const pages = this.getPages();
@@ -3666,7 +3682,7 @@ class Editor extends import_eventemitter3.default {
       this.setCurrentPage(createId);
       this.setCamera(prevCamera);
       if (content) {
-        return this.putContentOntoCurrentPage(content);
+        return this.putContentOntoCurrentPage(content, { preservePosition: true });
       }
     });
     return this;
@@ -5926,9 +5942,10 @@ class Editor extends import_eventemitter3.default {
       }
     }
     let workingShape = null;
+    const initialPagePoint = import_Mat.Mat.applyToPoint(pageTransform, new import_Vec.Vec());
     if (util.onResize && util.canResize(initialShape)) {
       const newPagePoint = this._scalePagePoint(
-        import_Mat.Mat.applyToPoint(pageTransform, new import_Vec.Vec(0, 0)),
+        initialPagePoint,
         scaleOrigin,
         scale,
         scaleAxisRotation
@@ -5941,7 +5958,6 @@ class Editor extends import_eventemitter3.default {
       );
       myScale.x = areWidthAndHeightAlignedWithCorrectAxis ? scale.x : scale.y;
       myScale.y = areWidthAndHeightAlignedWithCorrectAxis ? scale.y : scale.x;
-      const initialPagePoint = import_Mat.Mat.applyToPoint(pageTransform, new import_Vec.Vec());
       const { x, y } = this.getPointInParentSpace(initialShape.id, initialPagePoint);
       workingShape = initialShape;
       if (!opts.skipStartAndEndCallbacks) {
@@ -5987,24 +6003,26 @@ class Editor extends import_eventemitter3.default {
       scale,
       scaleAxisRotation
     );
-    const initialPageCenterInParentSpace = this.getPointInParentSpace(
+    const repositionedPagePoint = import_Vec.Vec.Add(
+      newPageCenter,
+      import_Vec.Vec.Sub(initialPagePoint, initialPageCenter)
+    );
+    const repositionedLocalPoint = this.getPointInParentSpace(
       initialShape.id,
-      initialPageCenter
+      repositionedPagePoint
     );
-    const newPageCenterInParentSpace = this.getPointInParentSpace(initialShape.id, newPageCenter);
-    const delta = import_Vec.Vec.Sub(newPageCenterInParentSpace, initialPageCenterInParentSpace);
     if (workingShape) {
       return {
         ...workingShape,
-        x: initialShape.x + delta.x,
-        y: initialShape.y + delta.y
+        x: repositionedLocalPoint.x,
+        y: repositionedLocalPoint.y
       };
     }
     return {
       id,
       type: initialShape.type,
-      x: initialShape.x + delta.x,
-      y: initialShape.y + delta.y
+      x: repositionedLocalPoint.x,
+      y: repositionedLocalPoint.y
     };
   }
   /** @internal */
@@ -6030,11 +6048,20 @@ class Editor extends import_eventemitter3.default {
       initialShape: options.initialShape,
       initialBounds: options.initialBounds,
       isAspectRatioLocked: options.isAspectRatioLocked,
-      initialPageTransform: options.initialPageTransform
+      initialPageTransform: options.initialPageTransform,
+      dragHandle: options.dragHandle,
+      mode: options.mode,
+      // this is one frame of the same resize, not a new one, so don't fire start/end again
+      skipStartAndEndCallbacks: options.skipStartAndEndCallbacks
     });
     if (Math.sign(scale.x) * Math.sign(scale.y) < 0) {
       const parentRotation = this.getShapeParentTransform(id).rotation();
-      const rotation = -options.initialShape.rotation - 2 * parentRotation;
+      const parentDelta = (0, import_utils2.shortAngleDist)(
+        import_Mat.Mat.Cast(options.initialPageTransform).rotation() - options.initialShape.rotation,
+        parentRotation
+      );
+      const initialParentRotation = parentRotation - parentDelta;
+      const rotation = 2 * options.scaleAxisRotation - options.initialShape.rotation - 2 * initialParentRotation - parentDelta;
       this.updateShapes([{ id, type, rotation }]);
     }
     const preScaleShapePageCenter = import_Mat.Mat.applyToPoint(
@@ -8343,6 +8370,7 @@ class Editor extends import_eventemitter3.default {
             break;
           }
           case "key_repeat": {
+            inputs.keys.add(info.code);
             break;
           }
         }