@tldraw/editor 5.6.0-next.c4e9c54a816e → 5.6.0-next.f151f7f3ebd6

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: {
@@ -5928,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
@@ -5943,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) {
@@ -5989,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 */
@@ -8354,6 +8370,7 @@ class Editor extends import_eventemitter3.default {
             break;
           }
           case "key_repeat": {
+            inputs.keys.add(info.code);
             break;
           }
         }