@tldraw/editor 4.4.0-canary.2cc304fbec3f → 4.4.0-canary.2d6554e2c18e

package/dist-esm/lib/editor/Editor.mjs

@@ -331,7 +331,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     // unmount / remount in the DOM, which is expensive; and computing visibility is
     // also expensive in large projects. For this reason, we use a second bounding
     // box just for rendering, and we only update after the camera stops moving.
-    __publicField(this, "_cameraState", atom("camera state", "idle"));
     __publicField(this, "_cameraStateTimeoutRemaining", 0);
     /* @internal */
     __publicField(this, "_currentPageShapeIds");
@@ -2422,7 +2421,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    * @public
    */
   zoomToFit(opts) {
-    const ids = [...this.getCurrentPageShapeIds()];
+    const ids = [...this.getCurrentPageShapeIds()].filter((id) => !this.isShapeHidden(id));
     if (ids.length <= 0) return this;
     const pageBounds = Box.Common(compact(ids.map((id) => this.getShapePageBounds(id))));
     this.zoomToBounds(pageBounds, opts);
@@ -3121,15 +3120,18 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     this._cameraStateTimeoutRemaining -= elapsed;
     if (this._cameraStateTimeoutRemaining > 0) return;
     this.off("tick", this._decayCameraStateTimeout);
-    this._cameraState.set("idle");
+    this._setCameraState("idle");
   }
   _tickCameraState() {
     this._cameraStateTimeoutRemaining = this.options.cameraMovingTimeoutMs;
-    if (this._cameraState.__unsafe__getWithoutCapture() !== "idle") return;
-    this._cameraState.set("moving");
+    if (this.getInstanceState().cameraState !== "idle") return;
+    this._setCameraState("moving");
     this._debouncedZoomLevel.set(unsafe__withoutCapture(() => this.getCamera().z));
     this.on("tick", this._decayCameraStateTimeout);
   }
+  _setCameraState(cameraState) {
+    this.updateInstanceState({ cameraState }, { history: "ignore" });
+  }
   /**
    * Whether the camera is moving or idle.
    *
@@ -3141,7 +3143,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    * @public
    */
   getCameraState() {
-    return this._cameraState.get();
+    return this.getInstanceState().cameraState;
   }
   getRenderingShapes() {
     const renderingShapes = this.getUnorderedRenderingShapes(true);
@@ -3907,6 +3909,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
   getCurrentPageBounds() {
     let commonBounds;
     this.getCurrentPageShapeIdsSorted().forEach((shapeId) => {
+      if (this.isShapeHidden(shapeId)) return;
       const bounds = this.getShapeMaskedPageBounds(shapeId);
       if (!bounds) return;
       if (!commonBounds) {
@@ -7248,7 +7251,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
   /**
    * Handles navigating to the content specified by the query param in the given URL.
    *
-   * Use {@link Editor#createDeepLink} to create a URL with a deep link query param.
+   * Use {@link Editor.createDeepLink} to create a URL with a deep link query param.
    *
    * If no URL is provided, it will look for the param in the current `window.location.href`.
    *
@@ -7599,9 +7602,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
           case "pinch_start": {
             if (inputs.getIsPinching()) return;
             if (!inputs.getIsEditing()) {
-              if (!this._selectedShapeIdsAtPointerDown.length) {
-                this._selectedShapeIdsAtPointerDown = [...pageState.selectedShapeIds];
-              }
+              this._selectedShapeIdsAtPointerDown = [...pageState.selectedShapeIds];
               this._didPinch = true;
               inputs.setIsPinching(true);
               this.interrupt();
@@ -7816,6 +7817,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
                 this.setCurrentTool(this._restoreToolId);
               }
             }
+            this._selectedShapeIdsAtPointerDown = [];
             break;
           }
         }