---

private handlePointerDown = (event: PointerEvent): void => {
  if (!this.isEventInPane(event)) {
    return;
  }

  this.selectedDrawingSnapshot = null;

  if (event.button === 0) {
    const drawings = this.drawings$.value;
    const pendingDrawing = drawings.find((drawing) => drawing.isCreationPending());

    if (!pendingDrawing && this.getActiveTool() !== 'crosshair') {
      return;
    }

    const selectedDrawing = this.selectedDrawing$.value;

    const drawing =
      pendingDrawing ??
      (selectedDrawing?.getSeriesDrawing().isHit(event) ? selectedDrawing : null) ??
      this.findTopDrawing(event);

    if (drawing && !drawing.isCreationPending()) {
      this.selectedDrawingSnapshot = this.createDrawingSnapshot(drawing);
    }

    (drawing ?? selectedDrawing)?.getSeriesDrawing().pointerDown(event);
  }

  this.DOM.refreshEntities();
};