@tldraw/editor 4.2.2 → 4.2.3

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

@@ -46,7 +46,7 @@ var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var __setMetaKeyTimeout_dec, __setCtrlKeyTimeout_dec, __setAltKeyTimeout_dec, __setShiftKeyTimeout_dec, _getIsReadonly_dec, _getIsFocused_dec, _getSharedOpacity_dec, _getSharedStyles_dec, __getSelectionSharedStyles_dec, __getBindingsIndexCache_dec, _getCurrentPageRenderingShapesSorted_dec, _getCurrentPageShapesSorted_dec, _getCurrentPageShapes_dec, _getCurrentPageBounds_dec, _getCulledShapes_dec, _getNotVisibleShapes_dec, __getShapeMaskedPageBoundsCache_dec, __getShapeMaskCache_dec, __getShapeClipPathCache_dec, __getShapePageBoundsCache_dec, __getShapePageTransformCache_dec, __getShapeHandlesCache_dec, __getAllAssetsQuery_dec, _getCurrentPageShapeIdsSorted_dec, _getCurrentPageId_dec, _getPages_dec, __getAllPagesQuery_dec, _getRenderingShapes_dec, _getCollaboratorsOnCurrentPage_dec, _getCollaborators_dec, __getCollaboratorsQuery_dec, _getViewportPageBounds_dec, _getViewportScreenCenter_dec, _getViewportScreenBounds_dec, _getEfficientZoomLevel_dec, __getAboveDebouncedZoomThreshold_dec, _getDebouncedZoomLevel_dec, _getZoomLevel_dec, _getCameraForFollowing_dec, _getViewportPageBoundsForFollowing_dec, _getCamera_dec, __unsafe_getCameraId_dec, _getErasingShapes_dec, _getErasingShapeIds_dec, _getHintingShape_dec, _getHintingShapeIds_dec, _getHoveredShape_dec, _getHoveredShapeId_dec, _getRichTextEditor_dec, _getEditingShape_dec, _getEditingShapeId_dec, _getFocusedGroup_dec, _getFocusedGroupId_dec, _getSelectionRotatedScreenBounds_dec, _getSelectionRotatedPageBounds_dec, _getSelectionRotation_dec, _getSelectionPageBounds_dec, _getOnlySelectedShape_dec, _getOnlySelectedShapeId_dec, _getCurrentPageShapesInReadingOrder_dec, _getSelectedShapes_dec, _getSelectedShapeIds_dec, __getCurrentPageStateId_dec, _getCurrentPageState_dec, __getPageStatesQuery_dec, _getPageStates_dec, _getInstanceState_dec, _getDocumentSettings_dec, _getCurrentToolId_dec, _getCurrentTool_dec, _getPath_dec, _canRedo_dec, _canUndo_dec, _getIsShapeHiddenCache_dec, _a, _init;
+var __setMetaKeyTimeout_dec, __setCtrlKeyTimeout_dec, __setAltKeyTimeout_dec, __setShiftKeyTimeout_dec, _getIsReadonly_dec, _getIsFocused_dec, _getSharedOpacity_dec, _getSharedStyles_dec, __getSelectionSharedStyles_dec, __getBindingsIndexCache_dec, _getCurrentPageRenderingShapesSorted_dec, _getCurrentPageShapesSorted_dec, _getCurrentPageShapes_dec, _getCurrentPageBounds_dec, _getCulledShapes_dec, _getNotVisibleShapes_dec, __getShapeMaskedPageBoundsCache_dec, __getShapeMaskCache_dec, __getShapeClipPathCache_dec, __getShapePageBoundsCache_dec, __getShapePageTransformCache_dec, __getShapeHandlesCache_dec, __getAllAssetsQuery_dec, _getCurrentPageShapeIdsSorted_dec, _getCurrentPageId_dec, _getPages_dec, __getAllPagesQuery_dec, _getRenderingShapes_dec, _getCollaboratorsOnCurrentPage_dec, _getCollaborators_dec, __getCollaboratorsQuery_dec, _getViewportPageBounds_dec, _getViewportScreenCenter_dec, _getViewportScreenBounds_dec, _getZoomLevel_dec, _getCameraForFollowing_dec, _getViewportPageBoundsForFollowing_dec, _getCamera_dec, __unsafe_getCameraId_dec, _getErasingShapes_dec, _getErasingShapeIds_dec, _getHintingShape_dec, _getHintingShapeIds_dec, _getHoveredShape_dec, _getHoveredShapeId_dec, _getRichTextEditor_dec, _getEditingShape_dec, _getEditingShapeId_dec, _getFocusedGroup_dec, _getFocusedGroupId_dec, _getSelectionRotatedScreenBounds_dec, _getSelectionRotatedPageBounds_dec, _getSelectionRotation_dec, _getSelectionPageBounds_dec, _getOnlySelectedShape_dec, _getOnlySelectedShapeId_dec, _getCurrentPageShapesInReadingOrder_dec, _getSelectedShapes_dec, _getSelectedShapeIds_dec, __getCurrentPageStateId_dec, _getCurrentPageState_dec, __getPageStatesQuery_dec, _getPageStates_dec, _getInstanceState_dec, _getDocumentSettings_dec, _getCurrentToolId_dec, _getCurrentTool_dec, _getPath_dec, _getCanRedo_dec, _getCanUndo_dec, _getIsShapeHiddenCache_dec, _a, _init;
 import {
   EMPTY_ARRAY,
   atom,
@@ -64,6 +64,7 @@ import {
   PageRecordType,
   TLDOCUMENT_ID,
   TLINSTANCE_ID,
+  TLPOINTER_ID,
   createBindingId,
   createShapeId,
   getShapePropKeysByStyle,
@@ -115,7 +116,8 @@ import {
   LEFT_MOUSE_BUTTON,
   MIDDLE_MOUSE_BUTTON,
   RIGHT_MOUSE_BUTTON,
-  STYLUS_ERASER_BUTTON
+  STYLUS_ERASER_BUTTON,
+  ZOOM_TO_FIT_PADDING
 } from "../constants.mjs";
 import { exportToSvg } from "../exports/exportToSvg.mjs";
 import { getSvgAsImage } from "../exports/getSvgAsImage.mjs";
@@ -138,6 +140,7 @@ import {
   parseDeepLinkString
 } from "../utils/deepLinks.mjs";
 import { getIncrementedName } from "../utils/getIncrementedName.mjs";
+import { isAccelKey } from "../utils/keyboard.mjs";
 import { getReorderingShapesChanges } from "../utils/reorderShapes.mjs";
 import { applyRotationToSnapshotShapes, getRotationSnapshot } from "../utils/rotation.mjs";
 import { bindingsIndex } from "./derivations/bindingsIndex.mjs";
@@ -149,14 +152,13 @@ import { EdgeScrollManager } from "./managers/EdgeScrollManager/EdgeScrollManage
 import { FocusManager } from "./managers/FocusManager/FocusManager.mjs";
 import { FontManager } from "./managers/FontManager/FontManager.mjs";
 import { HistoryManager } from "./managers/HistoryManager/HistoryManager.mjs";
-import { InputsManager } from "./managers/InputsManager/InputsManager.mjs";
 import { ScribbleManager } from "./managers/ScribbleManager/ScribbleManager.mjs";
 import { SnapManager } from "./managers/SnapManager/SnapManager.mjs";
 import { TextManager } from "./managers/TextManager/TextManager.mjs";
 import { TickManager } from "./managers/TickManager/TickManager.mjs";
 import { UserPreferencesManager } from "./managers/UserPreferencesManager/UserPreferencesManager.mjs";
 import { RootState } from "./tools/RootState.mjs";
-class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed], _canUndo_dec = [computed], _canRedo_dec = [computed], _getPath_dec = [computed], _getCurrentTool_dec = [computed], _getCurrentToolId_dec = [computed], _getDocumentSettings_dec = [computed], _getInstanceState_dec = [computed], _getPageStates_dec = [computed], __getPageStatesQuery_dec = [computed], _getCurrentPageState_dec = [computed], __getCurrentPageStateId_dec = [computed], _getSelectedShapeIds_dec = [computed], _getSelectedShapes_dec = [computed], _getCurrentPageShapesInReadingOrder_dec = [computed], _getOnlySelectedShapeId_dec = [computed], _getOnlySelectedShape_dec = [computed], _getSelectionPageBounds_dec = [computed], _getSelectionRotation_dec = [computed], _getSelectionRotatedPageBounds_dec = [computed], _getSelectionRotatedScreenBounds_dec = [computed], _getFocusedGroupId_dec = [computed], _getFocusedGroup_dec = [computed], _getEditingShapeId_dec = [computed], _getEditingShape_dec = [computed], _getRichTextEditor_dec = [computed], _getHoveredShapeId_dec = [computed], _getHoveredShape_dec = [computed], _getHintingShapeIds_dec = [computed], _getHintingShape_dec = [computed], _getErasingShapeIds_dec = [computed], _getErasingShapes_dec = [computed], __unsafe_getCameraId_dec = [computed], _getCamera_dec = [computed], _getViewportPageBoundsForFollowing_dec = [computed], _getCameraForFollowing_dec = [computed], _getZoomLevel_dec = [computed], _getDebouncedZoomLevel_dec = [computed], __getAboveDebouncedZoomThreshold_dec = [computed], _getEfficientZoomLevel_dec = [computed], _getViewportScreenBounds_dec = [computed], _getViewportScreenCenter_dec = [computed], _getViewportPageBounds_dec = [computed], __getCollaboratorsQuery_dec = [computed], _getCollaborators_dec = [computed], _getCollaboratorsOnCurrentPage_dec = [computed], _getRenderingShapes_dec = [computed], __getAllPagesQuery_dec = [computed], _getPages_dec = [computed], _getCurrentPageId_dec = [computed], _getCurrentPageShapeIdsSorted_dec = [computed], __getAllAssetsQuery_dec = [computed], __getShapeHandlesCache_dec = [computed], __getShapePageTransformCache_dec = [computed], __getShapePageBoundsCache_dec = [computed], __getShapeClipPathCache_dec = [computed], __getShapeMaskCache_dec = [computed], __getShapeMaskedPageBoundsCache_dec = [computed], _getNotVisibleShapes_dec = [computed], _getCulledShapes_dec = [computed], _getCurrentPageBounds_dec = [computed], _getCurrentPageShapes_dec = [computed], _getCurrentPageShapesSorted_dec = [computed], _getCurrentPageRenderingShapesSorted_dec = [computed], __getBindingsIndexCache_dec = [computed], __getSelectionSharedStyles_dec = [computed], _getSharedStyles_dec = [computed({ isEqual: (a, b) => a.equals(b) })], _getSharedOpacity_dec = [computed], _getIsFocused_dec = [computed], _getIsReadonly_dec = [computed], __setShiftKeyTimeout_dec = [bind], __setAltKeyTimeout_dec = [bind], __setCtrlKeyTimeout_dec = [bind], __setMetaKeyTimeout_dec = [bind], _a) {
+class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed], _getCanUndo_dec = [computed], _getCanRedo_dec = [computed], _getPath_dec = [computed], _getCurrentTool_dec = [computed], _getCurrentToolId_dec = [computed], _getDocumentSettings_dec = [computed], _getInstanceState_dec = [computed], _getPageStates_dec = [computed], __getPageStatesQuery_dec = [computed], _getCurrentPageState_dec = [computed], __getCurrentPageStateId_dec = [computed], _getSelectedShapeIds_dec = [computed], _getSelectedShapes_dec = [computed], _getCurrentPageShapesInReadingOrder_dec = [computed], _getOnlySelectedShapeId_dec = [computed], _getOnlySelectedShape_dec = [computed], _getSelectionPageBounds_dec = [computed], _getSelectionRotation_dec = [computed], _getSelectionRotatedPageBounds_dec = [computed], _getSelectionRotatedScreenBounds_dec = [computed], _getFocusedGroupId_dec = [computed], _getFocusedGroup_dec = [computed], _getEditingShapeId_dec = [computed], _getEditingShape_dec = [computed], _getRichTextEditor_dec = [computed], _getHoveredShapeId_dec = [computed], _getHoveredShape_dec = [computed], _getHintingShapeIds_dec = [computed], _getHintingShape_dec = [computed], _getErasingShapeIds_dec = [computed], _getErasingShapes_dec = [computed], __unsafe_getCameraId_dec = [computed], _getCamera_dec = [computed], _getViewportPageBoundsForFollowing_dec = [computed], _getCameraForFollowing_dec = [computed], _getZoomLevel_dec = [computed], _getViewportScreenBounds_dec = [computed], _getViewportScreenCenter_dec = [computed], _getViewportPageBounds_dec = [computed], __getCollaboratorsQuery_dec = [computed], _getCollaborators_dec = [computed], _getCollaboratorsOnCurrentPage_dec = [computed], _getRenderingShapes_dec = [computed], __getAllPagesQuery_dec = [computed], _getPages_dec = [computed], _getCurrentPageId_dec = [computed], _getCurrentPageShapeIdsSorted_dec = [computed], __getAllAssetsQuery_dec = [computed], __getShapeHandlesCache_dec = [computed], __getShapePageTransformCache_dec = [computed], __getShapePageBoundsCache_dec = [computed], __getShapeClipPathCache_dec = [computed], __getShapeMaskCache_dec = [computed], __getShapeMaskedPageBoundsCache_dec = [computed], _getNotVisibleShapes_dec = [computed], _getCulledShapes_dec = [computed], _getCurrentPageBounds_dec = [computed], _getCurrentPageShapes_dec = [computed], _getCurrentPageShapesSorted_dec = [computed], _getCurrentPageRenderingShapesSorted_dec = [computed], __getBindingsIndexCache_dec = [computed], __getSelectionSharedStyles_dec = [computed], _getSharedStyles_dec = [computed({ isEqual: (a, b) => a.equals(b) })], _getSharedOpacity_dec = [computed], _getIsFocused_dec = [computed], _getIsReadonly_dec = [computed], __setShiftKeyTimeout_dec = [bind], __setAltKeyTimeout_dec = [bind], __setCtrlKeyTimeout_dec = [bind], __setMetaKeyTimeout_dec = [bind], _a) {
   constructor({
     store,
     user,
@@ -192,7 +194,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
      */
     __publicField(this, "root");
     /**
-     * A set of functions to call when the editor is disposed.
+     * A set of functions to call when the app is disposed.
      *
      * @public
      */
@@ -203,19 +205,10 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
      * @public
      */
     __publicField(this, "isDisposed", false);
-    /**
-     * A manager for the editor's tick events.
-     *
-     * @internal */
+    /** @internal */
     __publicField(this, "_tickManager");
     /**
-     * A manager for the editor's input state.
-     *
-     * @public
-     */
-    __publicField(this, "inputs");
-    /**
-     * A manager for the editor's snapping feature.
+     * A manager for the app's snapping feature.
      *
      * @public
      */
@@ -297,7 +290,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     __publicField(this, "bindingUtils");
     /* --------------------- History -------------------- */
     /**
-     * A manager for the editor's history.
+     * A manager for the app's history.
      *
      * @readonly
      */
@@ -312,7 +305,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     // Rich text editor
     __publicField(this, "_currentRichTextEditor", atom("rich text editor", null));
     __publicField(this, "_textOptions");
-    __publicField(this, "_debouncedZoomLevel", atom("debounced zoom level", 1));
     __publicField(this, "_cameraOptions", atom("camera options", DEFAULT_CAMERA_OPTIONS));
     /** @internal */
     __publicField(this, "_viewportAnimation", null);
@@ -363,6 +355,54 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       tldraw: null,
       excalidraw: null
     });
+    /* --------------------- Events --------------------- */
+    /**
+     * The app's current input state.
+     *
+     * @public
+     */
+    __publicField(this, "inputs", {
+      /** The most recent pointer down's position in the current page space. */
+      originPagePoint: new Vec(),
+      /** The most recent pointer down's position in screen space. */
+      originScreenPoint: new Vec(),
+      /** The previous pointer position in the current page space. */
+      previousPagePoint: new Vec(),
+      /** The previous pointer position in screen space. */
+      previousScreenPoint: new Vec(),
+      /** The most recent pointer position in the current page space. */
+      currentPagePoint: new Vec(),
+      /** The most recent pointer position in screen space. */
+      currentScreenPoint: new Vec(),
+      /** A set containing the currently pressed keys. */
+      keys: /* @__PURE__ */ new Set(),
+      /** A set containing the currently pressed buttons. */
+      buttons: /* @__PURE__ */ new Set(),
+      /** Whether the input is from a pe. */
+      isPen: false,
+      /** Whether the shift key is currently pressed. */
+      shiftKey: false,
+      /** Whether the meta key is currently pressed. */
+      metaKey: false,
+      /** Whether the control or command key is currently pressed. */
+      ctrlKey: false,
+      /** Whether the alt or option key is currently pressed. */
+      altKey: false,
+      /** Whether the user is dragging. */
+      isDragging: false,
+      /** Whether the user is pointing. */
+      isPointing: false,
+      /** Whether the user is pinching. */
+      isPinching: false,
+      /** Whether the user is editing. */
+      isEditing: false,
+      /** Whether the user is panning. */
+      isPanning: false,
+      /** Whether the user is spacebar panning. */
+      isSpacebarPanning: false,
+      /** Velocity of mouse pointer, in pixels per millisecond */
+      pointerVelocity: new Vec()
+    });
     /**
      * A manager for recording multiple click events.
      *
@@ -386,6 +426,8 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     /** @internal */
     __publicField(this, "_restoreToolId", "select");
     /** @internal */
+    __publicField(this, "_pinchStart", 1);
+    /** @internal */
     __publicField(this, "_didPinch", false);
     /** @internal */
     __publicField(this, "_selectedShapeIdsAtPointerDown", []);
@@ -421,7 +463,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     this.disposables.add(() => this.textMeasure.dispose());
     this.fonts = new FontManager(this, fontAssetUrls);
     this._tickManager = new TickManager(this);
-    this.inputs = new InputsManager(this);
     class NewRoot extends RootState {
       static initial = initialState ?? "";
     }
@@ -854,7 +895,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     this.disposables.clear();
     this.store.dispose();
     this.isDisposed = true;
-    this.emit("dispose");
   }
   getShapeUtil(arg) {
     const type = typeof arg === "string" ? arg : arg.type;
@@ -888,11 +928,8 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     this.history.undo();
     return this;
   }
-  canUndo() {
-    return this.history.getNumUndos() > 0;
-  }
   getCanUndo() {
-    return this.canUndo();
+    return this.history.getNumUndos() > 0;
   }
   /**
    * Redo to the next mark.
@@ -910,16 +947,13 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     this.history.redo();
     return this;
   }
-  canRedo() {
-    return this.history.getNumRedos() > 0;
-  }
-  getCanRedo() {
-    return this.canRedo();
-  }
   clearHistory() {
     this.history.clear();
     return this;
   }
+  getCanRedo() {
+    return this.history.getNumRedos() > 0;
+  }
   /**
    * Create a new "mark", or stopping point, in the undo redo history. Creating a mark will clear
    * any redos. You typically want to do this just before a user interaction begins or is handled.
@@ -1074,7 +1108,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
           }),
           selectionCount: this.getSelectedShapes().length,
           editingShape: editingShapeId ? this.getShape(editingShapeId) : void 0,
-          inputs: this.inputs.toJson(),
+          inputs: this.inputs,
           pageState: this.getCurrentPageState(),
           instanceState: this.getInstanceState(),
           collaboratorCount: this.getCollaboratorsOnCurrentPage().length
@@ -1095,7 +1129,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    * we're in a transaction that's about to be rolled back due to the same error we're currently
    * reporting.
    *
-   * Instead, to listen to changes to this value, you need to listen to editor's `crash` event.
+   * Instead, to listen to changes to this value, you need to listen to app's `crash` event.
    *
    * @internal
    */
@@ -1746,28 +1780,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     const editingShapeId = this.getEditingShapeId();
     return editingShapeId ? this.getShape(editingShapeId) : void 0;
   }
-  /**
-   * Whether the shape can be edited.
-   *
-   * @param shape - The shape (or shape id) to check if it can be edited.
-   * @param info - The info about the edit start.
-   *
-   * @public
-   * @returns true if the shape can be edited, false otherwise.
-   */
-  canEditShape(shape, info) {
-    const id = typeof shape === "string" ? shape : shape?.id ?? null;
-    if (!id) return false;
-    if (id === this.getEditingShapeId()) return false;
-    const _shape = this.getShape(id);
-    if (!_shape) return false;
-    const util = this.getShapeUtil(_shape);
-    const _info = info ?? { type: "unknown" };
-    if (!util.canEdit(_shape, _info)) return false;
-    if (this.getIsReadonly() && !util.canEditInReadonly(_shape)) return false;
-    if (this.isShapeOrAncestorLocked(_shape) && !util.canEditWhileLocked(_shape)) return false;
-    return true;
-  }
   /**
    * Set the current editing shape.
    *
@@ -1783,42 +1795,42 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    */
   setEditingShape(shape) {
     const id = typeof shape === "string" ? shape : shape?.id ?? null;
-    if (!id) {
+    this.setRichTextEditor(null);
+    const prevEditingShapeId = this.getEditingShapeId();
+    if (id !== prevEditingShapeId) {
+      if (id) {
+        const shape2 = this.getShape(id);
+        if (shape2 && this.getShapeUtil(shape2).canEdit(shape2)) {
+          this.run(
+            () => {
+              this._updateCurrentPageState({ editingShapeId: id });
+              if (prevEditingShapeId) {
+                const prevEditingShape = this.getShape(prevEditingShapeId);
+                if (prevEditingShape) {
+                  this.getShapeUtil(prevEditingShape).onEditEnd?.(prevEditingShape);
+                }
+              }
+              this.getShapeUtil(shape2).onEditStart?.(shape2);
+            },
+            { history: "ignore" }
+          );
+          return this;
+        }
+      }
       this.run(
         () => {
-          const prevEditingShapeId = this.getEditingShapeId();
+          this._updateCurrentPageState({ editingShapeId: null });
+          this._currentRichTextEditor.set(null);
           if (prevEditingShapeId) {
             const prevEditingShape = this.getShape(prevEditingShapeId);
             if (prevEditingShape) {
               this.getShapeUtil(prevEditingShape).onEditEnd?.(prevEditingShape);
             }
           }
-          this._updateCurrentPageState({ editingShapeId: null });
-          this._currentRichTextEditor.set(null);
         },
         { history: "ignore" }
       );
-      return this;
     }
-    if (!this.canEditShape(id)) return this;
-    this.run(
-      () => {
-        const prevEditingShapeId = this.getEditingShapeId();
-        if (prevEditingShapeId) {
-          const prevEditingShape = this.getShape(prevEditingShapeId);
-          if (prevEditingShape) {
-            this.getShapeUtil(prevEditingShape).onEditEnd?.(prevEditingShape);
-          }
-        }
-        this._updateCurrentPageState({ editingShapeId: null });
-        this._currentRichTextEditor.set(null);
-        this.select(id);
-        this._updateCurrentPageState({ editingShapeId: id });
-        const nextEditingShape = this.getShape(id);
-        this.getShapeUtil(nextEditingShape).onEditStart?.(nextEditingShape);
-      },
-      { history: "ignore" }
-    );
     return this;
   }
   getRichTextEditor() {
@@ -1951,25 +1963,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
   getCroppingShapeId() {
     return this.getCurrentPageState().croppingShapeId;
   }
-  /**
-   * Whether the shape can be cropped.
-   *
-   * @param shape - The shape (or shape id) to check if it can be cropped.
-   *
-   * @public
-   * @returns true if the shape can be cropped, false otherwise.
-   */
-  canCropShape(shape) {
-    if (!shape) return false;
-    const id = typeof shape === "string" ? shape : shape?.id ?? null;
-    if (!id) return false;
-    const _shape = this.getShape(id);
-    if (!_shape) return false;
-    const util = this.getShapeUtil(_shape);
-    if (!util.canCrop(_shape)) return false;
-    if (this.isShapeOrAncestorLocked(_shape)) return false;
-    return true;
-  }
   /**
    * Set the current cropping shape.
    *
@@ -1991,8 +1984,12 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         () => {
           if (!id) {
             this.updateCurrentPageState({ croppingShapeId: null });
-          } else if (this.canCropShape(id)) {
-            this.updateCurrentPageState({ croppingShapeId: id });
+          } else {
+            const shape2 = this.getShape(id);
+            const util = this.getShapeUtil(shape2);
+            if (shape2 && util.canCrop(shape2)) {
+              this.updateCurrentPageState({ croppingShapeId: id });
+            }
           }
         },
         { history: "ignore" }
@@ -2067,22 +2064,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
   getZoomLevel() {
     return this.getCamera().z;
   }
-  getDebouncedZoomLevel() {
-    if (this.options.debouncedZoom) {
-      if (this.getCameraState() === "idle") {
-        return this.getZoomLevel();
-      } else {
-        return this._debouncedZoomLevel.get();
-      }
-    }
-    return this.getZoomLevel();
-  }
-  _getAboveDebouncedZoomThreshold() {
-    return this.getCurrentPageShapeIds().size > this.options.debouncedZoomThreshold;
-  }
-  getEfficientZoomLevel() {
-    return this._getAboveDebouncedZoomThreshold() ? this.getDebouncedZoomLevel() : this.getZoomLevel();
-  }
   /**
    * Get the camera's initial or reset zoom level.
    *
@@ -2328,8 +2309,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         },
         { history: "ignore" }
       );
-      const currentScreenPoint = this.inputs.getCurrentScreenPoint();
-      const currentPagePoint = this.inputs.getCurrentPagePoint();
+      const { currentScreenPoint, currentPagePoint } = this.inputs;
       if (currentScreenPoint.x / z - x !== currentPagePoint.x || currentScreenPoint.y / z - y !== currentPagePoint.y) {
         this.updatePointer({
           immediate: opts?.immediate,
@@ -2464,7 +2444,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    * ```ts
    * editor.zoomIn()
    * editor.zoomIn(editor.getViewportScreenCenter(), { animation: { duration: 200 } })
-   * editor.zoomIn(editor.inputs.getCurrentScreenPoint(), { animation: { duration: 200 } })
+   * editor.zoomIn(editor.inputs.currentScreenPoint, { animation: { duration: 200 } })
    * ```
    *
    * @param point - The screen point to zoom in on. Defaults to the screen center
@@ -2505,7 +2485,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    * ```ts
    * editor.zoomOut()
    * editor.zoomOut(editor.getViewportScreenCenter(), { animation: { duration: 120 } })
-   * editor.zoomOut(editor.inputs.getCurrentScreenPoint(), { animation: { duration: 120 } })
+   * editor.zoomOut(editor.inputs.currentScreenPoint, { animation: { duration: 120 } })
    * ```
    *
    * @param point - The point to zoom out on. Defaults to the viewport screen center.
@@ -2557,15 +2537,10 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     if (isLocked && !opts?.force) return this;
     const selectionPageBounds = this.getSelectionPageBounds();
     if (selectionPageBounds) {
-      const currentZoom = this.getZoomLevel();
-      if (Math.abs(currentZoom - 1) < 0.01) {
-        this.zoomToBounds(selectionPageBounds, opts);
-      } else {
-        this.zoomToBounds(selectionPageBounds, {
-          targetZoom: 1,
-          ...opts
-        });
-      }
+      this.zoomToBounds(selectionPageBounds, {
+        targetZoom: Math.max(1, this.getZoomLevel()),
+        ...opts
+      });
     }
     return this;
   }
@@ -2605,7 +2580,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     const cameraOptions = this._cameraOptions.__unsafe__getWithoutCapture();
     if (cameraOptions.isLocked && !opts?.force) return this;
     const viewportScreenBounds = this.getViewportScreenBounds();
-    const inset = opts?.inset ?? Math.min(this.options.zoomToFitPadding, viewportScreenBounds.width * 0.28);
+    const inset = opts?.inset ?? Math.min(ZOOM_TO_FIT_PADDING, viewportScreenBounds.width * 0.28);
     const baseZoom = this.getBaseZoom();
     const zoomMin = cameraOptions.zoomSteps[0];
     const zoomMax = last(cameraOptions.zoomSteps);
@@ -2829,20 +2804,18 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     }
     if (_willSetInitialBounds) {
       this.updateInstanceState({ screenBounds: screenBounds.toJson(), insets });
-      this.emit("resize", screenBounds.toJson());
       this.setCamera(this.getCamera());
     } else {
       if (center && !this.getInstanceState().followingUserId) {
         const before = this.getViewportPageBounds().center;
         this.updateInstanceState({ screenBounds: screenBounds.toJson(), insets });
-        this.emit("resize", screenBounds.toJson());
         this.centerOnPoint(before);
       } else {
         this.updateInstanceState({ screenBounds: screenBounds.toJson(), insets });
-        this.emit("resize", screenBounds.toJson());
         this._setCamera(Vec.From({ ...this.getCamera() }));
       }
     }
+    this._tickCameraState();
     return this;
   }
   getViewportScreenBounds() {
@@ -3122,7 +3095,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     this._cameraStateTimeoutRemaining = this.options.cameraMovingTimeoutMs;
     if (this._cameraState.__unsafe__getWithoutCapture() !== "idle") return;
     this._cameraState.set("moving");
-    this._debouncedZoomLevel.set(unsafe__withoutCapture(() => this.getCamera().z));
     this.on("tick", this._decayCameraStateTimeout);
   }
   /**
@@ -4463,18 +4435,30 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
   getBinding(id) {
     return this.store.get(id);
   }
+  /**
+   * Get all bindings of a certain type _from_ a particular shape. These are the bindings whose
+   * `fromId` matched the shape's ID.
+   */
   getBindingsFromShape(shape, type) {
     const id = typeof shape === "string" ? shape : shape.id;
     return this.getBindingsInvolvingShape(id).filter(
       (b) => b.fromId === id && b.type === type
     );
   }
+  /**
+   * Get all bindings of a certain type _to_ a particular shape. These are the bindings whose
+   * `toId` matches the shape's ID.
+   */
   getBindingsToShape(shape, type) {
     const id = typeof shape === "string" ? shape : shape.id;
     return this.getBindingsInvolvingShape(id).filter(
       (b) => b.toId === id && b.type === type
     );
   }
+  /**
+   * Get all bindings involving a particular shape. This includes bindings where the shape is the
+   * `fromId` or `toId`. If a type is provided, only bindings of that type are returned.
+   */
   getBindingsInvolvingShape(shape, type) {
     const id = typeof shape === "string" ? shape : shape.id;
     const result = this._getBindingsIndexCache().get(id) ?? EMPTY_ARRAY;
@@ -5722,8 +5706,8 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       isAspectRatioLocked: options.isAspectRatioLocked
     });
     if (Math.sign(scale.x) * Math.sign(scale.y) < 0) {
-      const parentRotation = this.getShapeParentTransform(id).rotation();
-      const rotation = -options.initialShape.rotation - 2 * parentRotation;
+      let { rotation } = Mat.Decompose(options.initialPageTransform);
+      rotation -= 2 * rotation;
       this.updateShapes([{ id, type, rotation }]);
     }
     const preScaleShapePageCenter = Mat.applyToPoint(
@@ -5736,9 +5720,9 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       scale,
       options.scaleAxisRotation
     );
+    const pageBounds = this.getShapePageBounds(id);
     const pageTransform = this.getShapePageTransform(id);
-    const currentLocalBounds = this.getShapeGeometry(id).bounds;
-    const currentPageCenter = Mat.applyToPoint(pageTransform, currentLocalBounds.center);
+    const currentPageCenter = pageBounds.center;
     const shapePageTransformOrigin = pageTransform.point();
     if (!currentPageCenter || !shapePageTransformOrigin) return this;
     const pageDelta = Vec.Sub(postScaleShapePageCenter, currentPageCenter);
@@ -6024,11 +6008,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       )
     );
     const sortedShapeIds = shapesToGroup.sort(sortByIndex).map((s) => s.id);
-    const childBounds = compact(shapesToGroup.map((shape) => this.getShapePageBounds(shape)));
-    const pageBounds = Box.Common(childBounds);
-    if (!pageBounds.isValid()) {
-      throw Error(`Editor.groupShapes: group bounds are invalid (NaN).`);
-    }
+    const pageBounds = Box.Common(compact(shapesToGroup.map((id) => this.getShapePageBounds(id))));
     const { x, y } = pageBounds.point;
     const parentId = this.findCommonAncestor(shapesToGroup) ?? this.getCurrentPageId();
     if (this.getCurrentToolId() !== "select") return this;
@@ -6718,25 +6698,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         }
       }
     }
-    if (point) {
-      const shapesById = new Map(shapes.map((shape) => [shape.id, shape]));
-      const rootShapesFromContent = compact(rootShapeIds.map((id) => shapesById.get(id)));
-      if (rootShapesFromContent.length > 0) {
-        const targetParent = this.getShapeAtPoint(point, {
-          hitInside: true,
-          hitFrameInside: true,
-          hitLocked: true,
-          filter: (shape) => {
-            const util = this.getShapeUtil(shape);
-            if (!util.canReceiveNewChildrenOfType) return false;
-            return rootShapesFromContent.every(
-              (rootShape) => util.canReceiveNewChildrenOfType(shape, rootShape.type)
-            );
-          }
-        });
-        pasteParentId = targetParent ? targetParent.id : currentPageId;
-      }
-    }
     let isDuplicating = false;
     if (!isPageId(pasteParentId)) {
       const parent = this.getShape(pasteParentId);
@@ -6981,7 +6942,60 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       height
     };
   }
-  /* --------------------- Events --------------------- */
+  /**
+   * Update the input points from a pointer, pinch, or wheel event.
+   *
+   * @param info - The event info.
+   */
+  _updateInputsFromEvent(info) {
+    const {
+      pointerVelocity,
+      previousScreenPoint,
+      previousPagePoint,
+      currentScreenPoint,
+      currentPagePoint,
+      originScreenPoint,
+      originPagePoint
+    } = this.inputs;
+    const { screenBounds } = this.store.unsafeGetWithoutCapture(TLINSTANCE_ID);
+    const { x: cx, y: cy, z: cz } = unsafe__withoutCapture(() => this.getCamera());
+    const sx = info.point.x - screenBounds.x;
+    const sy = info.point.y - screenBounds.y;
+    const sz = info.point.z ?? 0.5;
+    previousScreenPoint.setTo(currentScreenPoint);
+    previousPagePoint.setTo(currentPagePoint);
+    currentScreenPoint.set(sx, sy);
+    const nx = sx / cz - cx;
+    const ny = sy / cz - cy;
+    if (isFinite(nx) && isFinite(ny)) {
+      currentPagePoint.set(nx, ny, sz);
+    }
+    this.inputs.isPen = info.type === "pointer" && info.isPen;
+    if (info.name === "pointer_down" || this.inputs.isPinching) {
+      pointerVelocity.set(0, 0);
+      originScreenPoint.setTo(currentScreenPoint);
+      originPagePoint.setTo(currentPagePoint);
+    }
+    this.run(
+      () => {
+        this.store.put([
+          {
+            id: TLPOINTER_ID,
+            typeName: "pointer",
+            x: currentPagePoint.x,
+            y: currentPagePoint.y,
+            lastActivityTimestamp: (
+              // If our pointer moved only because we're following some other user, then don't
+              // update our last activity timestamp; otherwise, update it to the current timestamp.
+              (info.type === "pointer" && info.pointerId === INTERNAL_POINTER_IDS.CAMERA_MOVE ? this.store.unsafeGetWithoutCapture(TLPOINTER_ID)?.lastActivityTimestamp ?? this._tickManager.now : this._tickManager.now)
+            ),
+            meta: {}
+          }
+        ]);
+      },
+      { history: "ignore" }
+    );
+  }
   /**
    * Dispatch a cancel event.
    *
@@ -7046,19 +7060,18 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       point: options?.point ?? // weird but true: what `inputs` calls screen-space is actually viewport space. so
       // we need to convert back into true screen space first. we should fix this...
       Vec.Add(
-        this.inputs.getCurrentScreenPoint(),
+        this.inputs.currentScreenPoint,
         this.store.unsafeGetWithoutCapture(TLINSTANCE_ID).screenBounds
       ),
       pointerId: options?.pointerId ?? 0,
       button: options?.button ?? 0,
-      isPen: options?.isPen ?? this.inputs.getIsPen(),
-      shiftKey: options?.shiftKey ?? this.inputs.getShiftKey(),
-      altKey: options?.altKey ?? this.inputs.getAltKey(),
-      ctrlKey: options?.ctrlKey ?? this.inputs.getCtrlKey(),
-      metaKey: options?.metaKey ?? this.inputs.getMetaKey(),
-      accelKey: false
+      isPen: options?.isPen ?? this.inputs.isPen,
+      shiftKey: options?.shiftKey ?? this.inputs.shiftKey,
+      altKey: options?.altKey ?? this.inputs.altKey,
+      ctrlKey: options?.ctrlKey ?? this.inputs.ctrlKey,
+      metaKey: options?.metaKey ?? this.inputs.metaKey,
+      accelKey: options?.accelKey ?? isAccelKey(this.inputs)
     };
-    event.accelKey = options?.accelKey ?? this.inputs.getAccelKey();
     if (options?.immediate) {
       this._flushEventForTick(event);
     } else {
@@ -7374,58 +7387,58 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     this._clickManager.cancelDoubleClickTimeout();
   }
   _setShiftKeyTimeout() {
-    this.inputs.setShiftKey(false);
+    this.inputs.shiftKey = false;
     this.dispatch({
       type: "keyboard",
       name: "key_up",
       key: "Shift",
-      shiftKey: this.inputs.getShiftKey(),
-      ctrlKey: this.inputs.getCtrlKey(),
-      altKey: this.inputs.getAltKey(),
-      metaKey: this.inputs.getMetaKey(),
-      accelKey: this.inputs.getAccelKey(),
+      shiftKey: this.inputs.shiftKey,
+      ctrlKey: this.inputs.ctrlKey,
+      altKey: this.inputs.altKey,
+      metaKey: this.inputs.metaKey,
+      accelKey: isAccelKey(this.inputs),
       code: "ShiftLeft"
     });
   }
   _setAltKeyTimeout() {
-    this.inputs.setAltKey(false);
+    this.inputs.altKey = false;
     this.dispatch({
       type: "keyboard",
       name: "key_up",
       key: "Alt",
-      shiftKey: this.inputs.getShiftKey(),
-      ctrlKey: this.inputs.getCtrlKey(),
-      altKey: this.inputs.getAltKey(),
-      metaKey: this.inputs.getMetaKey(),
-      accelKey: this.inputs.getAccelKey(),
+      shiftKey: this.inputs.shiftKey,
+      ctrlKey: this.inputs.ctrlKey,
+      altKey: this.inputs.altKey,
+      metaKey: this.inputs.metaKey,
+      accelKey: isAccelKey(this.inputs),
       code: "AltLeft"
     });
   }
   _setCtrlKeyTimeout() {
-    this.inputs.setCtrlKey(false);
+    this.inputs.ctrlKey = false;
     this.dispatch({
       type: "keyboard",
       name: "key_up",
       key: "Ctrl",
-      shiftKey: this.inputs.getShiftKey(),
-      ctrlKey: this.inputs.getCtrlKey(),
-      altKey: this.inputs.getAltKey(),
-      metaKey: this.inputs.getMetaKey(),
-      accelKey: this.inputs.getAccelKey(),
+      shiftKey: this.inputs.shiftKey,
+      ctrlKey: this.inputs.ctrlKey,
+      altKey: this.inputs.altKey,
+      metaKey: this.inputs.metaKey,
+      accelKey: isAccelKey(this.inputs),
       code: "ControlLeft"
     });
   }
   _setMetaKeyTimeout() {
-    this.inputs.setMetaKey(false);
+    this.inputs.metaKey = false;
     this.dispatch({
       type: "keyboard",
       name: "key_up",
       key: "Meta",
-      shiftKey: this.inputs.getShiftKey(),
-      ctrlKey: this.inputs.getCtrlKey(),
-      altKey: this.inputs.getAltKey(),
-      metaKey: this.inputs.getMetaKey(),
-      accelKey: this.inputs.getAccelKey(),
+      shiftKey: this.inputs.shiftKey,
+      ctrlKey: this.inputs.ctrlKey,
+      altKey: this.inputs.altKey,
+      metaKey: this.inputs.metaKey,
+      accelKey: isAccelKey(this.inputs),
       code: "MetaLeft"
     });
   }
@@ -7496,47 +7509,47 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     const { type } = info;
     if (info.type === "misc") {
       if (info.name === "cancel" || info.name === "complete") {
-        this.inputs.setIsDragging(false);
-        if (this.inputs.getIsPanning()) {
-          this.inputs.setIsPanning(false);
-          this.inputs.setIsSpacebarPanning(false);
+        this.inputs.isDragging = false;
+        if (this.inputs.isPanning) {
+          this.inputs.isPanning = false;
+          this.inputs.isSpacebarPanning = false;
           this.setCursor({ type: this._prevCursor, rotation: 0 });
         }
       }
       this.root.handleEvent(info);
-      this.emit("event", info);
       return;
     }
     if (info.shiftKey) {
       clearTimeout(this._shiftKeyTimeout);
       this._shiftKeyTimeout = -1;
-      inputs.setShiftKey(true);
-    } else if (!info.shiftKey && inputs.getShiftKey() && this._shiftKeyTimeout === -1) {
+      inputs.shiftKey = true;
+    } else if (!info.shiftKey && inputs.shiftKey && this._shiftKeyTimeout === -1) {
       this._shiftKeyTimeout = this.timers.setTimeout(this._setShiftKeyTimeout, 150);
     }
     if (info.altKey) {
       clearTimeout(this._altKeyTimeout);
       this._altKeyTimeout = -1;
-      inputs.setAltKey(true);
-    } else if (!info.altKey && inputs.getAltKey() && this._altKeyTimeout === -1) {
+      inputs.altKey = true;
+    } else if (!info.altKey && inputs.altKey && this._altKeyTimeout === -1) {
       this._altKeyTimeout = this.timers.setTimeout(this._setAltKeyTimeout, 150);
     }
     if (info.ctrlKey) {
       clearTimeout(this._ctrlKeyTimeout);
       this._ctrlKeyTimeout = -1;
-      inputs.setCtrlKey(true);
-    } else if (!info.ctrlKey && inputs.getCtrlKey() && this._ctrlKeyTimeout === -1) {
+      inputs.ctrlKey = true;
+    } else if (!info.ctrlKey && inputs.ctrlKey && this._ctrlKeyTimeout === -1) {
       this._ctrlKeyTimeout = this.timers.setTimeout(this._setCtrlKeyTimeout, 150);
     }
     if (info.metaKey) {
       clearTimeout(this._metaKeyTimeout);
       this._metaKeyTimeout = -1;
-      inputs.setMetaKey(true);
-    } else if (!info.metaKey && inputs.getMetaKey() && this._metaKeyTimeout === -1) {
+      inputs.metaKey = true;
+    } else if (!info.metaKey && inputs.metaKey && this._metaKeyTimeout === -1) {
       this._metaKeyTimeout = this.timers.setTimeout(this._setMetaKeyTimeout, 150);
     }
-    if (!inputs.getIsPointing()) {
-      inputs.setIsDragging(false);
+    const { originPagePoint, currentPagePoint } = inputs;
+    if (!inputs.isPointing) {
+      inputs.isDragging = false;
     }
     const instanceState = this.store.unsafeGetWithoutCapture(TLINSTANCE_ID);
     const pageState = this.store.get(this._getCurrentPageStateId());
@@ -7545,23 +7558,23 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       case "pinch": {
         if (cameraOptions.isLocked) return;
         clearTimeout(this._longPressTimeout);
-        this.inputs.updateFromEvent(info);
+        this._updateInputsFromEvent(info);
         switch (info.name) {
           case "pinch_start": {
-            if (inputs.getIsPinching()) return;
-            if (!inputs.getIsEditing()) {
+            if (inputs.isPinching) return;
+            if (!inputs.isEditing) {
+              this._pinchStart = this.getCamera().z;
               if (!this._selectedShapeIdsAtPointerDown.length) {
                 this._selectedShapeIdsAtPointerDown = [...pageState.selectedShapeIds];
               }
               this._didPinch = true;
-              inputs.setIsPinching(true);
+              inputs.isPinching = true;
               this.interrupt();
             }
-            this.emit("event", info);
             return;
           }
           case "pinch": {
-            if (!inputs.getIsPinching()) return;
+            if (!inputs.isPinching) return;
             const {
               point: { z = 1 },
               delta: { x: dx, y: dy }
@@ -7585,12 +7598,11 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
               ),
               { immediate: true }
             );
-            this.emit("event", info);
             return;
           }
           case "pinch_end": {
-            if (!inputs.getIsPinching()) return this;
-            inputs.setIsPinching(false);
+            if (!inputs.isPinching) return this;
+            inputs.isPinching = false;
             const { _selectedShapeIdsAtPointerDown: shapesToReselect } = this;
             this.setSelectedShapes(this._selectedShapeIdsAtPointerDown);
             this._selectedShapeIdsAtPointerDown = [];
@@ -7604,14 +7616,13 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
                 });
               }
             }
-            this.emit("event", info);
             return;
           }
         }
       }
       case "wheel": {
         if (cameraOptions.isLocked) return;
-        this.inputs.updateFromEvent(info);
+        this._updateInputsFromEvent(info);
         const { panSpeed, zoomSpeed } = cameraOptions;
         let wheelBehavior = cameraOptions.wheelBehavior;
         const inputMode = this.user.getUserPreferences().inputMode;
@@ -7629,7 +7640,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
           if (info.ctrlKey) behavior = wheelBehavior === "pan" ? "zoom" : "pan";
           switch (behavior) {
             case "zoom": {
-              const { x, y } = this.inputs.getCurrentScreenPoint();
+              const { x, y } = this.inputs.currentScreenPoint;
               let delta = dz;
               if (wheelBehavior === "zoom") {
                 if (Math.abs(dy) > 10) {
@@ -7643,8 +7654,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
                 immediate: true
               });
               this.maybeTrackPerformance("Zooming");
-              this.root.handleEvent(info);
-              this.emit("event", info);
               return;
             }
             case "pan": {
@@ -7652,8 +7661,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
                 immediate: true
               });
               this.maybeTrackPerformance("Panning");
-              this.root.handleEvent(info);
-              this.emit("event", info);
               return;
             }
           }
@@ -7661,14 +7668,14 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         break;
       }
       case "pointer": {
-        if (inputs.getIsPinching()) return;
-        this.inputs.updateFromEvent(info);
+        if (inputs.isPinching) return;
+        this._updateInputsFromEvent(info);
         const { isPen } = info;
         const { isPenMode } = instanceState;
         switch (info.name) {
           case "pointer_down": {
             if (isPenMode && !isPen) return;
-            if (!this.inputs.getIsPanning()) {
+            if (!this.inputs.isPanning) {
               this._longPressTimeout = this.timers.setTimeout(() => {
                 const vsb = this.getViewportScreenBounds();
                 this.dispatch({
@@ -7677,7 +7684,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
                   // viewport bounds, and will be again when this event is handled...
                   // so we need to counter-adjust from the stored value so that the
                   // new value is set correctly.
-                  point: this.inputs.getOriginScreenPoint().clone().addXY(vsb.x, vsb.y),
+                  point: this.inputs.originScreenPoint.clone().addXY(vsb.x, vsb.y),
                   name: "long_press"
                 });
               }, this.options.longPressDurationMs);
@@ -7685,21 +7692,21 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
             this._selectedShapeIdsAtPointerDown = this.getSelectedShapeIds();
             if (info.button === LEFT_MOUSE_BUTTON) this.capturedPointerId = info.pointerId;
             inputs.buttons.add(info.button);
-            inputs.setIsPointing(true);
-            inputs.setIsDragging(false);
+            inputs.isPointing = true;
+            inputs.isDragging = false;
             if (!isPenMode && isPen) this.updateInstanceState({ isPenMode: true });
             if (info.button === STYLUS_ERASER_BUTTON) {
               this._restoreToolId = this.getCurrentToolId();
               this.complete();
               this.setCurrentTool("eraser");
             } else if (info.button === MIDDLE_MOUSE_BUTTON) {
-              if (!this.inputs.getIsPanning()) {
+              if (!this.inputs.isPanning) {
                 this._prevCursor = this.getInstanceState().cursor.type;
               }
-              this.inputs.setIsPanning(true);
+              this.inputs.isPanning = true;
               clearTimeout(this._longPressTimeout);
             }
-            if (this.inputs.getIsPanning()) {
+            if (this.inputs.isPanning) {
               this.stopCameraAnimation();
               this.setCursor({ type: "grabbing", rotation: 0 });
               return this;
@@ -7709,9 +7716,8 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
           case "pointer_move": {
             if (!isPen && isPenMode) return;
             const { x: cx, y: cy, z: cz } = unsafe__withoutCapture(() => this.getCamera());
-            if (this.inputs.getIsPanning() && this.inputs.getIsPointing()) {
-              const currentScreenPoint = this.inputs.getCurrentScreenPoint();
-              const previousScreenPoint = this.inputs.getPreviousScreenPoint();
+            if (this.inputs.isPanning && this.inputs.isPointing) {
+              const { currentScreenPoint, previousScreenPoint } = this.inputs;
               const offset = Vec.Sub(currentScreenPoint, previousScreenPoint);
               this.setCamera(new Vec(cx + offset.x / cz, cy + offset.y / cz, cz), {
                 immediate: true
@@ -7719,15 +7725,15 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
               this.maybeTrackPerformance("Panning");
               return;
             }
-            if (inputs.getIsPointing() && !inputs.getIsDragging() && Vec.Dist2(inputs.getOriginPagePoint(), inputs.getCurrentPagePoint()) * this.getZoomLevel() > (instanceState.isCoarsePointer ? this.options.coarseDragDistanceSquared : this.options.dragDistanceSquared) / cz) {
-              inputs.setIsDragging(true);
+            if (inputs.isPointing && !inputs.isDragging && Vec.Dist2(originPagePoint, currentPagePoint) * this.getZoomLevel() > (instanceState.isCoarsePointer ? this.options.coarseDragDistanceSquared : this.options.dragDistanceSquared) / cz) {
+              inputs.isDragging = true;
               clearTimeout(this._longPressTimeout);
             }
             break;
           }
           case "pointer_up": {
-            inputs.setIsDragging(false);
-            inputs.setIsPointing(false);
+            inputs.isDragging = false;
+            inputs.isPointing = false;
             clearTimeout(this._longPressTimeout);
             inputs.buttons.delete(info.button);
             if (instanceState.isPenMode && !isPen) return;
@@ -7735,12 +7741,12 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
               this.capturedPointerId = null;
               info.button = 0;
             }
-            if (inputs.getIsPanning()) {
+            if (inputs.isPanning) {
               if (!inputs.keys.has("Space")) {
-                inputs.setIsPanning(false);
-                inputs.setIsSpacebarPanning(false);
+                inputs.isPanning = false;
+                inputs.isSpacebarPanning = false;
               }
-              const slideDirection = this.inputs.getPointerVelocity();
+              const slideDirection = this.inputs.pointerVelocity;
               const slideSpeed = Math.min(2, slideDirection.len());
               switch (info.button) {
                 case LEFT_MOUSE_BUTTON: {
@@ -7777,58 +7783,51 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         switch (info.name) {
           case "key_down": {
             inputs.keys.add(info.code);
-            if (this.options.spacebarPanning) {
-              if (info.code === "Space" && !info.ctrlKey) {
-                if (!this.inputs.getIsPanning()) {
-                  this._prevCursor = instanceState.cursor.type;
-                }
-                this.inputs.setIsPanning(true);
-                this.inputs.setIsSpacebarPanning(true);
-                clearTimeout(this._longPressTimeout);
-                this.setCursor({
-                  type: this.inputs.getIsPointing() ? "grabbing" : "grab",
-                  rotation: 0
-                });
+            if (info.code === "Space" && !info.ctrlKey) {
+              if (!this.inputs.isPanning) {
+                this._prevCursor = instanceState.cursor.type;
               }
-              if (this.inputs.getIsSpacebarPanning()) {
-                let offset;
-                switch (info.code) {
-                  case "ArrowUp": {
-                    offset = new Vec(0, -1);
-                    break;
-                  }
-                  case "ArrowRight": {
-                    offset = new Vec(1, 0);
-                    break;
-                  }
-                  case "ArrowDown": {
-                    offset = new Vec(0, 1);
-                    break;
-                  }
-                  case "ArrowLeft": {
-                    offset = new Vec(-1, 0);
-                    break;
-                  }
+              this.inputs.isPanning = true;
+              this.inputs.isSpacebarPanning = true;
+              clearTimeout(this._longPressTimeout);
+              this.setCursor({ type: this.inputs.isPointing ? "grabbing" : "grab", rotation: 0 });
+            }
+            if (this.inputs.isSpacebarPanning) {
+              let offset;
+              switch (info.code) {
+                case "ArrowUp": {
+                  offset = new Vec(0, -1);
+                  break;
                 }
-                if (offset) {
-                  const bounds = this.getViewportPageBounds();
-                  const next = bounds.clone().translate(offset.mulV({ x: bounds.w, y: bounds.h }));
-                  this._animateToViewport(next, { animation: { duration: 320 } });
+                case "ArrowRight": {
+                  offset = new Vec(1, 0);
+                  break;
                 }
+                case "ArrowDown": {
+                  offset = new Vec(0, 1);
+                  break;
+                }
+                case "ArrowLeft": {
+                  offset = new Vec(-1, 0);
+                  break;
+                }
+              }
+              if (offset) {
+                const bounds = this.getViewportPageBounds();
+                const next = bounds.clone().translate(offset.mulV({ x: bounds.w, y: bounds.h }));
+                this._animateToViewport(next, { animation: { duration: 320 } });
               }
             }
             break;
           }
           case "key_up": {
             inputs.keys.delete(info.code);
-            if (this.options.spacebarPanning) {
-              if (info.code === "Space") {
-                if (this.inputs.buttons.has(MIDDLE_MOUSE_BUTTON)) {
-                } else {
-                  this.inputs.setIsPanning(false);
-                  this.inputs.setIsSpacebarPanning(false);
-                  this.setCursor({ type: this._prevCursor, rotation: 0 });
-                }
+            if (info.code === "Space") {
+              if (this.inputs.buttons.has(MIDDLE_MOUSE_BUTTON)) {
+              } else {
+                this.inputs.isPanning = false;
+                this.inputs.isSpacebarPanning = false;
+                this.setCursor({ type: this._prevCursor, rotation: 0 });
               }
             }
             break;
@@ -7881,8 +7880,8 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
 }
 _init = __decoratorStart(_a);
 __decorateElement(_init, 1, "getIsShapeHiddenCache", _getIsShapeHiddenCache_dec, Editor);
-__decorateElement(_init, 1, "canUndo", _canUndo_dec, Editor);
-__decorateElement(_init, 1, "canRedo", _canRedo_dec, Editor);
+__decorateElement(_init, 1, "getCanUndo", _getCanUndo_dec, Editor);
+__decorateElement(_init, 1, "getCanRedo", _getCanRedo_dec, Editor);
 __decorateElement(_init, 1, "getPath", _getPath_dec, Editor);
 __decorateElement(_init, 1, "getCurrentTool", _getCurrentTool_dec, Editor);
 __decorateElement(_init, 1, "getCurrentToolId", _getCurrentToolId_dec, Editor);
@@ -7917,9 +7916,6 @@ __decorateElement(_init, 1, "getCamera", _getCamera_dec, Editor);
 __decorateElement(_init, 1, "getViewportPageBoundsForFollowing", _getViewportPageBoundsForFollowing_dec, Editor);
 __decorateElement(_init, 1, "getCameraForFollowing", _getCameraForFollowing_dec, Editor);
 __decorateElement(_init, 1, "getZoomLevel", _getZoomLevel_dec, Editor);
-__decorateElement(_init, 1, "getDebouncedZoomLevel", _getDebouncedZoomLevel_dec, Editor);
-__decorateElement(_init, 1, "_getAboveDebouncedZoomThreshold", __getAboveDebouncedZoomThreshold_dec, Editor);
-__decorateElement(_init, 1, "getEfficientZoomLevel", _getEfficientZoomLevel_dec, Editor);
 __decorateElement(_init, 1, "getViewportScreenBounds", _getViewportScreenBounds_dec, Editor);
 __decorateElement(_init, 1, "getViewportScreenCenter", _getViewportScreenCenter_dec, Editor);
 __decorateElement(_init, 1, "getViewportPageBounds", _getViewportPageBounds_dec, Editor);