Pixi.js best way to create a dragable and clickable handle that rotates around a point

Question

I have 8 handle graphics that represent 5 different states (closed, flow rate 1, flow rate 2, flow rate 3, flow rate 4). Handle graphics 6,7, and 8 also represent fl