p2js | IWL Perl To Javascript converter | Runtime Evironment library

I'm trying to extend Phaser by adding a new Phaser.Physics.Box2D module. Internally Phaser already use this module but it's an additional plugin and I want to define my own.

I'm using TypeScript for my project. And I want to use it to extend phaser the right way. I found this issue that explain how to add a new definition (interface) but nothing about the addition of code (an implementation).

Here is what I tried (I also tried many variants).

I can't seem to figure out how to make the animations work when moving the character, when I press a key down, the animation plays through the whole sprite sheet instead of one row, the animation also doesn't stop when I let off of the key. I want to be able to make the animation work in different rows, for example if I press the down arrow I want the first row to play only, and when I let go I want it to stop.

Please help me with this code to animate my character with the different rows when I press different keys, and be able to stop the animation when I let go of a key.

as you can see, the first row of the image is for when you press the down key, second row for left key, third row for right key, and fourth row for up key.

I am using a the Phaser javascript framework by Photon Storm.

JavaScript, game.js:

I have a file pickle.png with a custom hitbox in a pickle.json file like this which I created using PhysicsEditor.