Tried to get this running. Looks super nice and promising. A few things I noticed while setting it up.

1. I needed to set min sdk to 26 (Oreo) to compile. Not a problem, and easily fixable through error messages

2. Could it be that .defineZoomLevel replaced .defineDetail and .addDetailLevel? readme.md refers to defineDetail in the quick setup , and the wiki uses addDetailLevel. The demo code

I like this library :)

But I'd like to request the feature to inverse the arrow key direction for panning.
Was able to workaround it myself but could be nice to just pass it as an option.

I made a jsfiddle to show my use case.
Drag the blue circle to the bottom right corner, click the image to activate it and position it inside the container with the arrow

It would be nice to be able to add a pan limit prop that would provide a default value for this function. I believe currently, it is just set to a static value of 20:

https://github.com/chrvadala/react-svg-pan-zoom/blob/master/src/features/interactions.js#L74

i have the chartjs-plugin-zoom.js file in my solution and just added two more function to the chart instance to zoom in and zoom out after the _WheelHandler function.

  chartInstance.ZoomIn = function () {
                        var rect = document.getElementById(chartInstance.canvas.id).getBoundingClientRect();

                        var center = {