Angular Checkbox List multiple select

Question

I've got a checkbox list that I am able to select multiple items at once by using the shift key (click/check an item, shift click/check another item and all items in between are checked). I've got that working (Y)

Checkbox list multi select w/ shift click working

What's next is to try to get the mouse to allow multiple selection via click and drag. You know how you can do this with a basic <select multiple></select> element?

Your basic select multiple element

I would like to be able to do something similar with my checkbox list. Here's my initial attempt, but for some reason, I can't get the ng-mousedown / ng-mouseup to get triggered.

My attempt to get mouse click drag working for select multiple

Any ideas or pointers in the right direction are appreciated.

Edit 1:

I believe I have something working here, but every once in a while, I get the not allowed cursor when trying to drag. Any ideas on the not allowed cursor?