@DomName('MouseEvent')
class MouseEvent extends UIEvent native "MouseEvent" {
 factory MouseEvent(String type,
     {Window view, int detail: 0, int screenX: 0, int screenY: 0,
     int clientX: 0, int clientY: 0, int button: 0, bool canBubble: true,
     bool cancelable: true, bool ctrlKey: false, bool altKey: false,
     bool shiftKey: false, bool metaKey: false, EventTarget relatedTarget}) {

   if (view == null) {
     view = window;
   }
   var event = document.$dom_createEvent('MouseEvent');
   event.$dom_initMouseEvent(type, canBubble, cancelable, view, detail,
       screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey,
       button, relatedTarget);
   return event;
 }

 @DomName('MouseEvent.altKey')
 @DocsEditable
 final bool altKey;

 @DomName('MouseEvent.button')
 @DocsEditable
 final int button;

 @JSName('clientX')
 @DomName('MouseEvent.clientX')
 @DocsEditable
 final int $dom_clientX;

 @JSName('clientY')
 @DomName('MouseEvent.clientY')
 @DocsEditable
 final int $dom_clientY;

 @DomName('MouseEvent.ctrlKey')
 @DocsEditable
 final bool ctrlKey;

 @DomName('MouseEvent.dataTransfer')
 @DocsEditable
 @Unstable
 final DataTransfer dataTransfer;

 @DomName('MouseEvent.fromElement')
 @DocsEditable
 @Experimental // nonstandard
 final Node fromElement;

 @DomName('MouseEvent.metaKey')
 @DocsEditable
 final bool metaKey;

 EventTarget get relatedTarget => _convertNativeToDart_EventTarget(this._get_relatedTarget);
 @JSName('relatedTarget')
 @DomName('MouseEvent.relatedTarget')
 @DocsEditable
 @Creates('Node')
 @Returns('EventTarget|=Object')
 final dynamic _get_relatedTarget;

 @JSName('screenX')
 @DomName('MouseEvent.screenX')
 @DocsEditable
 final int $dom_screenX;

 @JSName('screenY')
 @DomName('MouseEvent.screenY')
 @DocsEditable
 final int $dom_screenY;

 @DomName('MouseEvent.shiftKey')
 @DocsEditable
 final bool shiftKey;

 @DomName('MouseEvent.toElement')
 @DocsEditable
 @Experimental // nonstandard
 final Node toElement;

 @JSName('webkitMovementX')
 @DomName('MouseEvent.webkitMovementX')
 @DocsEditable
 @SupportedBrowser(SupportedBrowser.CHROME)
 @SupportedBrowser(SupportedBrowser.SAFARI)
 @Experimental
 final int $dom_webkitMovementX;

 @JSName('webkitMovementY')
 @DomName('MouseEvent.webkitMovementY')
 @DocsEditable
 @SupportedBrowser(SupportedBrowser.CHROME)
 @SupportedBrowser(SupportedBrowser.SAFARI)
 @Experimental
 final int $dom_webkitMovementY;

 @DomName('MouseEvent.initMouseEvent')
 @DocsEditable
 void $dom_initMouseEvent(String type, bool canBubble, bool cancelable, Window view, int detail, int screenX, int screenY, int clientX, int clientY, bool ctrlKey, bool altKey, bool shiftKey, bool metaKey, int button, EventTarget relatedTarget) {
   var relatedTarget_1 = _convertDartToNative_EventTarget(relatedTarget);
   _$dom_initMouseEvent_1(type, canBubble, cancelable, view, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget_1);
   return;
 }
 @JSName('initMouseEvent')
 @DomName('MouseEvent.initMouseEvent')
 @DocsEditable
 void _$dom_initMouseEvent_1(type, canBubble, cancelable, Window view, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget) native;


 @deprecated
 int get clientX => client.x;
 @deprecated
 int get clientY => client.y;
 @deprecated
 int get offsetX => offset.x;
 @deprecated
 int get offsetY => offset.y;
 @deprecated
 int get movementX => movement.x;
 @deprecated
 int get movementY => movement.y;
 @deprecated
 int get screenX => screen.x;
 @deprecated
 int get screenY => screen.y;

 @DomName('MouseEvent.clientX')
 @DomName('MouseEvent.clientY')
 Point get client => new Point($dom_clientX, $dom_clientY);

 @DomName('MouseEvent.movementX')
 @DomName('MouseEvent.movementY')
 @SupportedBrowser(SupportedBrowser.CHROME)
 @SupportedBrowser(SupportedBrowser.SAFARI)
 @Experimental
 Point get movement => new Point($dom_webkitMovementX, $dom_webkitMovementY);

 /**
  * The coordinates of the mouse pointer in target node coordinates.
  *
  * This value may vary between platforms if the target node moves
  * after the event has fired or if the element has CSS transforms affecting
  * it.
  */
 Point get offset {
   if (JS('bool', '!!#.offsetX', this)) {
     var x = JS('int', '#.offsetX', this);
     var y = JS('int', '#.offsetY', this);
     return new Point(x, y);
   } else {
     // Firefox does not support offsetX.
     if (!(this.target is Element)) {
       throw new UnsupportedError(
           'offsetX is only supported on elements');
     }
     Element target = this.target;
     return (this.client - target.getBoundingClientRect().topLeft).toInt();
   }
 }

 @DomName('MouseEvent.screenX')
 @DomName('MouseEvent.screenY')
 Point get screen => new Point($dom_screenX, $dom_screenY);
}