@qooxdoo/framework 7.0.0-beta.1 → 7.0.0-beta.10

package/source/class/qx/event/type/KeyInput.js

@@ -24,12 +24,8 @@
  * the interface of this class is based on the DOM Level 3 keyboard event
  * interface: http://www.w3.org/TR/DOM-Level-3-Events/#events-keyboardevents
  */
-qx.Class.define("qx.event.type.KeyInput",
-{
-  extend : qx.event.type.Dom,
-
-
-
+qx.Class.define("qx.event.type.KeyInput", {
+  extend: qx.event.type.Dom,
 
   /*
   *****************************************************************************
@@ -37,8 +33,7 @@ qx.Class.define("qx.event.type.KeyInput",
   *****************************************************************************
   */
 
-  members :
-  {
+  members: {
     /**
      * Initialize the fields of the event.
      *
@@ -47,43 +42,38 @@ qx.Class.define("qx.event.type.KeyInput",
      * @param charCode {Integer} the character code
      * @return {qx.event.type.KeyInput} The initialized key event instance
      */
-    init : function(domEvent, target, charCode)
-    {
-      this.base(arguments, domEvent, target, null, true, true);
+    init(domEvent, target, charCode) {
+      super.init(domEvent, target, null, true, true);
 
       this._charCode = charCode;
 
       return this;
     },
 
-
     // overridden
-    clone : function(embryo)
-    {
-      var clone = this.base(arguments, embryo);
+    clone(embryo) {
+      var clone = super.clone(embryo);
 
       clone._charCode = this._charCode;
 
       return clone;
     },
 
-
     /**
      * Unicode number of the pressed character.
      *
      * @return {Integer} Unicode number of the pressed character
      */
-    getCharCode : function() {
+    getCharCode() {
       return this._charCode;
     },
 
-
     /**
      * Returns the pressed character
      *
      * @return {String} The character
      */
-    getChar : function() {
+    getChar() {
       return String.fromCharCode(this._charCode);
     }
   }

package/source/class/qx/event/type/KeySequence.js

@@ -24,12 +24,8 @@
  * the interface of this class is based on the DOM Level 3 keyboard event
  * interface: http://www.w3.org/TR/DOM-Level-3-Events/#events-keyboardevents
  */
-qx.Class.define("qx.event.type.KeySequence",
-{
-  extend : qx.event.type.Dom,
-
-
-
+qx.Class.define("qx.event.type.KeySequence", {
+  extend: qx.event.type.Dom,
 
   /*
   *****************************************************************************
@@ -37,8 +33,7 @@ qx.Class.define("qx.event.type.KeySequence",
   *****************************************************************************
   */
 
-  members :
-  {
+  members: {
     /**
      * Initialize the fields of the event.
      *
@@ -47,9 +42,8 @@ qx.Class.define("qx.event.type.KeySequence",
      * @param identifier {String} Key identifier
      * @return {qx.event.type.KeySequence} The initialized key event instance
      */
-    init : function(domEvent, target, identifier)
-    {
-      this.base(arguments, domEvent, target, null, true, true);
+    init(domEvent, target, identifier) {
+      super.init(domEvent, target, null, true, true);
 
       this._keyCode = domEvent.keyCode;
       this._identifier = identifier;
@@ -57,11 +51,9 @@ qx.Class.define("qx.event.type.KeySequence",
       return this;
     },
 
-
     // overridden
-    clone : function(embryo)
-    {
-      var clone = this.base(arguments, embryo);
+    clone(embryo) {
+      var clone = super.clone(embryo);
 
       clone._keyCode = this._keyCode;
       clone._identifier = this._identifier;
@@ -69,7 +61,6 @@ qx.Class.define("qx.event.type.KeySequence",
       return clone;
     },
 
-
     /**
      * Identifier of the pressed key. This property is modeled after the <em>KeyboardEvent.keyIdentifier</em> property
      * of the W3C DOM 3 event specification
@@ -121,11 +112,10 @@ qx.Class.define("qx.event.type.KeySequence",
      *
      * @return {String} The key identifier
      */
-    getKeyIdentifier : function() {
+    getKeyIdentifier() {
       return this._identifier;
     },
 
-
     /**
      * Returns the native keyCode and is best used on keydown/keyup events to
      * check which physical key was pressed.
@@ -140,17 +130,16 @@ qx.Class.define("qx.event.type.KeySequence",
      *
      * @return {Number} The key code.
      */
-    getKeyCode : function() {
+    getKeyCode() {
       return this._keyCode;
     },
 
-
     /**
      * Checks whether the pressed key is printable.
      *
      * @return {Boolean} Whether the pressed key is printable.
      */
-    isPrintable : function() {
+    isPrintable() {
       return qx.event.util.Keyboard.isPrintableKeyIdentifier(this._identifier);
     }
   }

package/source/class/qx/event/type/Mouse.js

@@ -25,12 +25,8 @@
  * the interface of this class is based on the DOM Level 2 mouse event
  * interface: http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mouseevents
  */
-qx.Class.define("qx.event.type.Mouse",
-{
-  extend : qx.event.type.Dom,
-
-
-
+qx.Class.define("qx.event.type.Mouse", {
+  extend: qx.event.type.Dom,
 
   /*
   *****************************************************************************
@@ -38,16 +34,14 @@ qx.Class.define("qx.event.type.Mouse",
   *****************************************************************************
   */
   /* eslint-disable @qooxdoo/qx/no-refs-in-members */
-  members :
-  {
+  members: {
     // overridden
-    _cloneNativeEvent : function(nativeEvent, clone)
-    {
-      var clone = this.base(arguments, nativeEvent, clone);
+    _cloneNativeEvent(nativeEvent, clone) {
+      var clone = super._cloneNativeEvent(nativeEvent, clone);
       // Fix for #9619 pointermove/mousemove events return wrong result in isLeftPressed()
       // button only valid in button events. Undefined otherwise.
       // see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
-      switch(nativeEvent.type) {
+      switch (nativeEvent.type) {
         case "mousemove":
         case "mouseenter":
         case "mouseleave":
@@ -59,11 +53,16 @@ qx.Class.define("qx.event.type.Mouse",
           clone.button = nativeEvent.button;
           break;
       }
+
       clone.buttons = nativeEvent.buttons;
       clone.clientX = Math.round(nativeEvent.clientX);
       clone.clientY = Math.round(nativeEvent.clientY);
-      clone.pageX = nativeEvent.pageX ? Math.round(nativeEvent.pageX) : undefined;
-      clone.pageY = nativeEvent.pageY ? Math.round(nativeEvent.pageY) : undefined;
+      clone.pageX = nativeEvent.pageX
+        ? Math.round(nativeEvent.pageX)
+        : undefined;
+      clone.pageY = nativeEvent.pageY
+        ? Math.round(nativeEvent.pageY)
+        : undefined;
       clone.screenX = Math.round(nativeEvent.screenX);
       clone.screenY = Math.round(nativeEvent.screenY);
       clone.wheelDelta = nativeEvent.wheelDelta;
@@ -84,53 +83,45 @@ qx.Class.define("qx.event.type.Mouse",
       return clone;
     },
 
-
     /**
      * @type {Map} Contains the button ID to identifier data.
      *
      * @lint ignoreReferenceField(__buttonsDom2EventModel)
      */
-    __buttonsDom2EventModel :
-    {
-      0 : "left",
-      2 : "right",
-      1 : "middle"
+    __buttonsDom2EventModel: {
+      0: "left",
+      2: "right",
+      1: "middle"
     },
 
-
     /**
      * @type {Map} Contains the button ID to identifier data.
      *
      * @lint ignoreReferenceField(__buttonsDom3EventModel)
      */
-    __buttonsDom3EventModel :
-    {
-      0 : "none",
-      1 : "left",
-      2 : "right",
-      4 : "middle"
+    __buttonsDom3EventModel: {
+      0: "none",
+      1: "left",
+      2: "right",
+      4: "middle"
     },
 
-
     /**
      * @type {Map} Contains the button ID to identifier data.
      *
      * @lint ignoreReferenceField(__buttonsMshtmlEventModel)
      */
-    __buttonsMshtmlEventModel :
-    {
-      1 : "left",
-      2 : "right",
-      4 : "middle"
+    __buttonsMshtmlEventModel: {
+      1: "left",
+      2: "right",
+      4: "middle"
     },
 
-
     // overridden
-    stop : function() {
+    stop() {
       this.stopPropagation();
     },
 
-
     /**
      * During mouse events caused by the depression or release of a mouse button,
      * this method can be used to check which mouse button changed state.
@@ -156,66 +147,70 @@ qx.Class.define("qx.event.type.Mouse",
      *
      * @return {String} One of "left", "right", "middle" or "none"
      */
-    getButton : function()
-    {
-      switch(this._type)
-      {
+    getButton() {
+      switch (this._type) {
         case "contextmenu":
           return "right";
 
         case "click":
           // IE does not support buttons on click --> assume left button
-          if (qx.core.Environment.get("browser.name") === "ie" &&
-          qx.core.Environment.get("browser.documentmode") < 9)
-          {
+          if (
+            qx.core.Environment.get("browser.name") === "ie" &&
+            qx.core.Environment.get("browser.documentmode") < 9
+          ) {
             return "left";
           }
 
         default:
-          if (!(qx.core.Environment.get("engine.name") == "mshtml" && qx.core.Environment.get("browser.documentmode") <= 8)) {
+          if (
+            !(
+              qx.core.Environment.get("engine.name") == "mshtml" &&
+              qx.core.Environment.get("browser.documentmode") <= 8
+            )
+          ) {
             // if the button value is -1, we should use the DOM level 3 .buttons attribute
             // the value -1 is only set for pointer events: http://msdn.microsoft.com/en-us/library/ie/ff974877(v=vs.85).aspx
             if (this._native.button === -1) {
-              return this.__buttonsDom3EventModel[this._native.buttons] || "none";
+              return (
+                this.__buttonsDom3EventModel[this._native.buttons] || "none"
+              );
             }
             return this.__buttonsDom2EventModel[this._native.button] || "none";
           } else {
-            return this.__buttonsMshtmlEventModel[this._native.button] || "none";
+            return (
+              this.__buttonsMshtmlEventModel[this._native.button] || "none"
+            );
           }
       }
     },
 
-
     /**
      * Whether the left button is pressed
      *
      * @return {Boolean} true when the left button is pressed
      */
-    isLeftPressed : function() {
+    isLeftPressed() {
       return this.getButton() === "left";
     },
 
-
     /**
      * Whether the middle button is pressed
      *
      * @return {Boolean} true when the middle button is pressed
      */
-    isMiddlePressed : function() {
+    isMiddlePressed() {
       return this.getButton() === "middle";
     },
 
-
     /**
      * Whether the right button is pressed
      *
      * @return {Boolean} true when the right button is pressed
      */
-    isRightPressed : function() {
+    isRightPressed() {
       return this.getButton() === "right";
     },
 
-
     /**
      * Get a secondary event target related to an UI event. This attribute is
      * used with the mouseover event to indicate the event target which the
@@ -225,22 +220,20 @@ qx.Class.define("qx.event.type.Mouse",
      * @return {Element} The secondary event target.
      * @signature function()
      */
-    getRelatedTarget : function() {
+    getRelatedTarget() {
       return this._relatedTarget;
     },
 
-
     /**
      * Get the he horizontal coordinate at which the event occurred relative
      * to the viewport.
      *
      * @return {Integer} The horizontal mouse position
      */
-    getViewportLeft : function() {
+    getViewportLeft() {
       return Math.round(this._native.clientX);
     },
 
-
     /**
      * Get the vertical coordinate at which the event occurred relative
      * to the viewport.
@@ -248,11 +241,10 @@ qx.Class.define("qx.event.type.Mouse",
      * @return {Integer} The vertical mouse position
      * @signature function()
      */
-    getViewportTop : function() {
+    getViewportTop() {
       return Math.round(this._native.clientY);
     },
 
-
     /**
      * Get the horizontal position at which the event occurred relative to the
      * left of the document. This property takes into account any scrolling of
@@ -260,19 +252,22 @@ qx.Class.define("qx.event.type.Mouse",
      *
      * @return {Integer} The horizontal mouse position in the document.
      */
-    getDocumentLeft : function()
-    {
+    getDocumentLeft() {
       if (this._native.pageX !== undefined) {
         return Math.round(this._native.pageX);
       } else if (this._native.srcElement) {
         var win = qx.dom.Node.getWindow(this._native.srcElement);
-        return Math.round(this._native.clientX) + qx.bom.Viewport.getScrollLeft(win);
+        return (
+          Math.round(this._native.clientX) + qx.bom.Viewport.getScrollLeft(win)
+        );
       } else {
-        return Math.round(this._native.clientX) + qx.bom.Viewport.getScrollLeft(window);
+        return (
+          Math.round(this._native.clientX) +
+          qx.bom.Viewport.getScrollLeft(window)
+        );
       }
     },
 
-
     /**
      * Get the vertical position at which the event occurred relative to the
      * top of the document. This property takes into account any scrolling of
@@ -280,19 +275,22 @@ qx.Class.define("qx.event.type.Mouse",
      *
      * @return {Integer} The vertical mouse position in the document.
      */
-    getDocumentTop : function()
-    {
+    getDocumentTop() {
       if (this._native.pageY !== undefined) {
         return Math.round(this._native.pageY);
       } else if (this._native.srcElement) {
         var win = qx.dom.Node.getWindow(this._native.srcElement);
-        return Math.round(this._native.clientY) + qx.bom.Viewport.getScrollTop(win);
+        return (
+          Math.round(this._native.clientY) + qx.bom.Viewport.getScrollTop(win)
+        );
       } else {
-        return Math.round(this._native.clientY) + qx.bom.Viewport.getScrollTop(window);
+        return (
+          Math.round(this._native.clientY) +
+          qx.bom.Viewport.getScrollTop(window)
+        );
       }
     },
 
-
     /**
      * Get the horizontal coordinate at which the event occurred relative to
      * the origin of the screen coordinate system.
@@ -302,11 +300,10 @@ qx.Class.define("qx.event.type.Mouse",
      *
      * @return {Integer} The horizontal mouse position on the screen.
      */
-    getScreenLeft : function() {
+    getScreenLeft() {
       return Math.round(this._native.screenX);
     },
 
-
     /**
      * Get the vertical coordinate at which the event occurred relative to
      * the origin of the screen coordinate system.
@@ -316,7 +313,7 @@ qx.Class.define("qx.event.type.Mouse",
      *
      * @return {Integer} The vertical mouse position on the screen.
      */
-    getScreenTop : function() {
+    getScreenTop() {
       return Math.round(this._native.screenY);
     }
   }

package/source/class/qx/event/type/MouseWheel.js

@@ -20,20 +20,16 @@
 /**
  * Mouse wheel event object.
  */
-qx.Class.define("qx.event.type.MouseWheel",
-{
-  extend : qx.event.type.Mouse,
+qx.Class.define("qx.event.type.MouseWheel", {
+  extend: qx.event.type.Mouse,
 
-  members :
-  {
+  members: {
     // overridden
-    stop : function()
-    {
+    stop() {
       this.stopPropagation();
       this.preventDefault();
     },
 
-
     /**
      * Get the amount the wheel has been scrolled
      *
@@ -42,7 +38,7 @@ qx.Class.define("qx.event.type.MouseWheel",
      * @return {Integer} Scroll wheel movement for the given axis. If no axis
      *   is given, the y axis is used.
      */
-    getWheelDelta : function(axis) {
+    getWheelDelta(axis) {
       return qx.util.Wheel.getDelta(this._native, axis);
     }
   }

package/source/class/qx/event/type/Native.js

@@ -21,12 +21,10 @@
 /**
  * Common base class for all native events (DOM events, IO events, ...).
  */
-qx.Class.define("qx.event.type.Native",
-{
-  extend : qx.event.type.Event,
+qx.Class.define("qx.event.type.Native", {
+  extend: qx.event.type.Event,
 
-  members :
-  {
+  members: {
     /**
      * Initialize the fields of the event. The event must be initialized before
      * it can be dispatched.
@@ -45,12 +43,12 @@ qx.Class.define("qx.event.type.Native",
      *     {@link #preventDefault}
      * @return {qx.event.type.Event} The initialized event instance
      */
-    init : function(nativeEvent, target, relatedTarget, canBubble, cancelable)
-    {
-      this.base(arguments, canBubble, cancelable);
+    init(nativeEvent, target, relatedTarget, canBubble, cancelable) {
+      super.init(canBubble, cancelable);
 
       this._target = target || qx.bom.Event.getTarget(nativeEvent);
-      this._relatedTarget = relatedTarget || qx.bom.Event.getRelatedTarget(nativeEvent);
+      this._relatedTarget =
+        relatedTarget || qx.bom.Event.getRelatedTarget(nativeEvent);
 
       if (nativeEvent.timeStamp) {
         this._timeStamp = nativeEvent.timeStamp;
@@ -62,11 +60,9 @@ qx.Class.define("qx.event.type.Native",
       return this;
     },
 
-
     // overridden
-    clone : function(embryo)
-    {
-      var clone = this.base(arguments, embryo);
+    clone(embryo) {
+      var clone = super.clone(embryo);
 
       var nativeClone = {};
       clone._native = this._cloneNativeEvent(this._native, nativeClone);
@@ -76,7 +72,6 @@ qx.Class.define("qx.event.type.Native",
       return clone;
     },
 
-
     /**
      * Clone the native browser event
      *
@@ -84,33 +79,28 @@ qx.Class.define("qx.event.type.Native",
      * @param clone {Object} The initialized clone.
      * @return {Object} The cloned event
      */
-    _cloneNativeEvent : function(nativeEvent, clone)
-    {
-      clone.preventDefault = (function() {});
+    _cloneNativeEvent(nativeEvent, clone) {
+      clone.preventDefault = function () {};
       return clone;
     },
 
-
     /**
      * Prevent browser default behavior, e.g. opening the context menu, ...
      */
-    preventDefault : function()
-    {
-      this.base(arguments);
+    preventDefault() {
+      super.preventDefault();
       qx.bom.Event.preventDefault(this._native);
     },
 
-
     /**
      * Get the native browser event object of this event.
      *
      * @return {Event} The native browser event
      */
-    getNativeEvent : function() {
+    getNativeEvent() {
       return this._native;
     },
 
-
     /**
      * Sets the event's return value. If the return value is set in a
      * beforeunload event, the user will be asked by the browser, whether
@@ -119,17 +109,16 @@ qx.Class.define("qx.event.type.Native",
      *
      * @param returnValue {String?null} Return value
      */
-    setReturnValue : function(returnValue) {
+    setReturnValue(returnValue) {
       this._returnValue = returnValue;
     },
 
-
     /**
      * Retrieves the event's return value.
      *
      * @return {String?null} The return value
      */
-    getReturnValue : function() {
+    getReturnValue() {
       return this._returnValue;
     }
   }