//create instance of the class
var myElement = document.getElementById('myElement');
var mw = new MouseWheel(myElement);

//listen for the event
mw.on('roll', function($event) {
  //Do something with $event for both scroll directions
});
mw.on('roll.up', function($event) {
  //Do something with $event for up scroll direction only
});
mw.on('roll.down', function($event) {
  //Do something with $event for down scroll direction only
});

  /**
   * This method will be called automatically when you scroll over the $target element
   * @param {Object} $event - this is OutputMouseWheel event
   * @param {Object} $target - this is target element wraped by angular.element()
   * */
  $scope.onScroll = function($event, $target) {
    //Do something with $target and $event data
  };

//main.js
define(['./build/MouseWheel', function(MouseWheel) {
  var myElement = document.getElementById('myElement');
  var mw = new MouseWheel(myElement);
  
  //listen for the event as native example
}];

  var MouseWheel = require('./build/MouseWheel');
  
  var myElement = document.getElementById('myElement');
  var mw = new MouseWheel(myElement);
  
  //listen for the event as native example

var OutputWheelEvent = {
  direction : String,// This is the scroll direction ['up', 'down']
  time      : Number,// Current timestamp of the event creation
  isNew     : Boolean,//This is true when the event is fired for the first time or scroll direction is changed
  delta     : Number// This is delta time in miliseconds between current and last output event
};