@qooxdoo/framework 7.0.0-beta.6 → 7.0.0

package/source/class/qx/bom/NativeHistory.js

@@ -26,100 +26,105 @@
  *
  * @internal
  */
-qx.Class.define("qx.bom.NativeHistory",
-{
-  extend : qx.bom.History,
-  implement: [ qx.core.IDisposable ],
-
-  construct : function()
-  {
-    this.base(arguments);
+qx.Class.define("qx.bom.NativeHistory", {
+  extend: qx.bom.History,
+  implement: [qx.core.IDisposable],
+
+  construct() {
+    super();
     this.__attachListeners();
   },
 
-
-  members :
-  {
-    __checkOnHashChange : null,
-
+  members: {
+    __checkOnHashChange: null,
 
     /**
      * Attach hash change listeners
      */
-    __attachListeners : function()
-    {
-      if (qx.bom.History.SUPPORTS_HASH_CHANGE_EVENT)
-      {
+    __attachListeners() {
+      if (qx.bom.History.SUPPORTS_HASH_CHANGE_EVENT) {
         var boundFunc = qx.lang.Function.bind(this.__onHashChange, this);
-        this.__checkOnHashChange = qx.event.GlobalError.observeMethod(boundFunc);
-        qx.bom.Event.addNativeListener(window, "hashchange", this.__checkOnHashChange);
-      }
-      else
-      {
-        qx.event.Idle.getInstance().addListener("interval", this.__onHashChange, this);
+        this.__checkOnHashChange =
+          qx.event.GlobalError.observeMethod(boundFunc);
+        qx.bom.Event.addNativeListener(
+          window,
+          "hashchange",
+          this.__checkOnHashChange
+        );
+      } else {
+        qx.event.Idle.getInstance().addListener(
+          "interval",
+          this.__onHashChange,
+          this
+        );
       }
     },
 
-
     /**
      * Remove hash change listeners
      */
-    __detatchListeners : function()
-    {
+    __detatchListeners() {
       if (qx.bom.History.SUPPORTS_HASH_CHANGE_EVENT) {
-        qx.bom.Event.removeNativeListener(window, "hashchange", this.__checkOnHashChange);
+        qx.bom.Event.removeNativeListener(
+          window,
+          "hashchange",
+          this.__checkOnHashChange
+        );
       } else {
-        qx.event.Idle.getInstance().removeListener("interval", this.__onHashChange, this);
+        qx.event.Idle.getInstance().removeListener(
+          "interval",
+          this.__onHashChange,
+          this
+        );
       }
     },
 
-
     /**
      * hash change event handler
      */
-    __onHashChange : function()
-    {
+    __onHashChange() {
       var currentState = this._readState();
 
-      if (qx.lang.Type.isString(currentState) && currentState != this.getState()) {
+      if (
+        qx.lang.Type.isString(currentState) &&
+        currentState != this.getState()
+      ) {
         this._onHistoryLoad(currentState);
       }
     },
 
-
     /**
      * Browser dependent function to read the current state of the history
      *
      * @return {String} current state of the browser history
      */
-    _readState : function() {
+    _readState() {
       return this._decode(this._getHash());
     },
 
-
     /**
      * Save a state into the browser history.
      *
      * @param state {String} state to save
      */
-    _writeState : qx.core.Environment.select("engine.name",
-    {
-      "opera" : function(state)
-      {
-        qx.event.Timer.once(function()
-        {
-          this._setHash(this._encode(state));
-        }, this, 0);
+    _writeState: qx.core.Environment.select("engine.name", {
+      opera(state) {
+        qx.event.Timer.once(
+          function () {
+            this._setHash(this._encode(state));
+          },
+          this,
+          0
+        );
       },
 
-      "default" : function (state) {
+      default(state) {
         this._setHash(this._encode(state));
       }
     })
   },
 
-
-  destruct : function() {
+  destruct() {
     this.__detatchListeners();
   }
 });

package/source/class/qx/bom/Notification.js

@@ -52,7 +52,6 @@
  * @ignore(Notification.requestPermission,Notification,Notification.permission)
  */
 qx.Class.define("qx.bom.Notification", {
-
   extend: qx.core.Object,
   type: "singleton",
 
@@ -62,21 +61,18 @@ qx.Class.define("qx.bom.Notification", {
   *****************************************************************************
   */
 
-  statics : {
-
+  statics: {
     /**
      * Whether the client supports the desktop notification API.
      *
      * @internal
      * @return {Boolean} <code>true</code> if notification API is supported
      */
-    getNotification : function() {
+    getNotification() {
       return window.Notification !== undefined;
     }
-
   },
 
-
   /*
   *****************************************************************************
      CONSTRUCTOR
@@ -86,40 +82,37 @@ qx.Class.define("qx.bom.Notification", {
   /**
    * This is a singleton. Use <code>getInstance()</code> to get an instance.
    */
-  construct : function() {
-    this.base(arguments);
-     this.__notifications = {};
+  construct() {
+    super();
+    this.__notifications = {};
   },
 
-
   /*
   *****************************************************************************
      EVENTS
   *****************************************************************************
   */
 
-  events : {
-
+  events: {
     /**
      * Event fired when a notification with data <code>tag</code> appeared.
      */
-    "appear" : "Data",
+    appear: "Data",
 
     /**
      * Event fired when a notification with data <code>tag</code> has been
      * clicked by the user.
      */
-    "click" : "Data",
+    click: "Data",
 
     /**
      * Event fired when a notification with data <code>tag</code> has been
      * closed. This may happen either interactively or due to a timeout
      * defined by the instance displaying the notification.
      */
-    "close" : "Data"
+    close: "Data"
   },
 
-
   /*
   *****************************************************************************
      MEMBERS
@@ -127,9 +120,8 @@ qx.Class.define("qx.bom.Notification", {
   */
 
   members: {
-    __notifications : null,
-    __lastId : 0,
-
+    __notifications: null,
+    __lastId: 0,
 
     /**
      * Display a desktop notification using a _title_, _message_ and _icon_.
@@ -146,22 +138,20 @@ qx.Class.define("qx.bom.Notification", {
      *                     other. Leave blank for automatic tag handling.
      * @return {String} Notification tag
      */
-    show : function(title, message, icon, expire, tag) {
+    show(title, message, icon, expire, tag) {
       if (qx.bom.Notification.getNotification()) {
-
         // Generate unique tag to be able to identify the
         // notification later on.
         if (tag !== undefined) {
-          tag = "id" + (this.__lastId++);
+          tag = "id" + this.__lastId++;
         }
 
         // If we've the permission already, just send it
         if (Notification.permission == "granted") {
           this._show(tag, title, message, icon, expire);
 
-        // We've not asked for permission yet. Lets do it.
+          // We've not asked for permission yet. Lets do it.
         } else if (Notification.permission != "denied") {
-
           var that = this;
           Notification.requestPermission(function (permission) {
             if (Notification.permission === undefined) {
@@ -173,13 +163,11 @@ qx.Class.define("qx.bom.Notification", {
             }
           });
         }
-
       }
 
       return tag === undefined ? null : tag;
     },
 
-
     /**
      * Display a desktop notification using a _title_, _message_ and _icon_.
      *
@@ -194,8 +182,10 @@ qx.Class.define("qx.bom.Notification", {
      *                     tend to remove timeout-less messages after some
      *                     time.
      */
-    _show : function(tag, title, message, icon, expire) {
-      var lang = qx.locale.Manager.getInstance().getLocale().replace(/_.*$/, "");
+    _show(tag, title, message, icon, expire) {
+      var lang = qx.locale.Manager.getInstance()
+        .getLocale()
+        .replace(/_.*$/, "");
 
       // Resolve icon path if needed and possible
       if (icon) {
@@ -208,8 +198,10 @@ qx.Class.define("qx.bom.Notification", {
         // old versions of firefox did not display the notification if
         // an icon was specified, so we disable the icon for firefox
         // < version 46
-        if (qx.core.Environment.get("engine.name") == "gecko" &&
-            qx.core.Environment.get("browser.version") < 46) {
+        if (
+          qx.core.Environment.get("engine.name") == "gecko" &&
+          qx.core.Environment.get("browser.version") < 46
+        ) {
           icon = undefined;
         }
       }
@@ -220,26 +212,27 @@ qx.Class.define("qx.bom.Notification", {
         icon: icon,
         lang: lang
       });
+
       var that = this;
-      notification.onshow = function() {
+      notification.onshow = function () {
         that.__notifications[tag] = notification;
         that.fireDataEvent("appear", tag);
       };
-      notification.onclose = function() {
+      notification.onclose = function () {
         that.fireDataEvent("close", tag);
         if (that.__notifications[tag]) {
           that.__notifications[tag] = null;
           delete that.__notifications[tag];
         }
       };
-      notification.onclick = function() {
+      notification.onclick = function () {
         that.fireDataEvent("click", tag);
         if (that.__notifications[tag]) {
           that.__notifications[tag] = null;
           delete that.__notifications[tag];
         }
       };
-      notification.onerror = function() {
+      notification.onerror = function () {
         that.fireDataEvent("error", tag);
         if (that.__notifications[tag]) {
           that.__notifications[tag] = null;
@@ -249,25 +242,27 @@ qx.Class.define("qx.bom.Notification", {
 
       // Install expire timer if exists
       if (expire) {
-        qx.event.Timer.once(function() {
-          notification.close();
-        }, this, expire);
+        qx.event.Timer.once(
+          function () {
+            notification.close();
+          },
+          this,
+          expire
+        );
       }
     },
 
-
     /**
      * Actively close an active notification.
      *
      * @param tag {String} Notification tag
      */
-    close : function(tag) {
+    close(tag) {
       if (this.__notifications[tag]) {
         this.__notifications[tag].close();
       }
     },
 
-
     /**
      * Tell the browser to request permission to display notifications.
      *
@@ -275,7 +270,7 @@ qx.Class.define("qx.bom.Notification", {
      *
      * This needs to be called from within an interactive event handler.
      */
-    request : function() {
+    request() {
       if (qx.bom.Notification.getNotification()) {
         Notification.requestPermission(function (permission) {
           if (Notification.permission === undefined) {
@@ -285,7 +280,6 @@ qx.Class.define("qx.bom.Notification", {
       }
     },
 
-
     /**
      * Check if we've the permission to send notifications.
      *
@@ -293,14 +287,14 @@ qx.Class.define("qx.bom.Notification", {
      *                  indicates that we need to call <code>request()</code>  before
      *                  a notification can be sent.
      */
-    getPermission : function() {
-       return qx.bom.Notification.getNotification() ? Notification.permission : "denied";
+    getPermission() {
+      return qx.bom.Notification.getNotification()
+        ? Notification.permission
+        : "denied";
     }
-
   },
 
-
-  defer : function (statics) {
+  defer(statics) {
     qx.core.Environment.add("html.notification", statics.getNotification);
   }
 });

package/source/class/qx/bom/PageVisibility.js

@@ -22,16 +22,15 @@
  * It forwards all the browsers support and provides always a fallback which is
  * of course visible all the time.
  */
-qx.Bootstrap.define("qx.bom.PageVisibility",
-{
-  extend : qx.event.Emitter,
+qx.Bootstrap.define("qx.bom.PageVisibility", {
+  extend: qx.event.Emitter,
 
-  statics : {
+  statics: {
     /**
      * Get an instance of the PageVisibility object using the default document.
      * @return {qx.bom.PageVisibility} An instance of this class.
      */
-    getInstance : function() {
+    getInstance() {
       if (!this.$$instance) {
         this.$$instance = new qx.bom.PageVisibility();
       }
@@ -39,47 +38,44 @@ qx.Bootstrap.define("qx.bom.PageVisibility",
     }
   },
 
-
   /**
    * @param document {document?} Optional document element.
    */
-  construct : function(document) {
+  construct(document) {
     this.__doc = document || window.document;
 
     this.__checkAttributeNames();
 
     var self = this;
     // forward the event
-    qx.bom.Event.addNativeListener(this.__doc, this.__eventName, function(e) {
+    qx.bom.Event.addNativeListener(this.__doc, this.__eventName, function (e) {
       self.emit("change", e);
     });
   },
 
-  events : {
+  events: {
     /**
      * The change event for the page visibility.
      */
-    "change" : "Event"
+    change: "Event"
   },
 
-  members :
-  {
-    __doc : null,
-    __hiddenAttr : null,
-    __visibilityAttr : null,
-    __eventName : null,
-
+  members: {
+    __doc: null,
+    __hiddenAttr: null,
+    __visibilityAttr: null,
+    __eventName: null,
 
     /**
      * Internal helper to feature check the attribute names and the event name.
      * As the event can not be detected using the on<name> attribute, we need
      * to guess the event name by checking for the hidden attribute.
      */
-    __checkAttributeNames : function() {
+    __checkAttributeNames() {
       var prefix = qx.bom.Style.VENDOR_PREFIXES;
 
       // check for the hidden attribute name
-      for (var i=0; i < prefix.length; i++) {
+      for (var i = 0; i < prefix.length; i++) {
         var attr = prefix[i].toLowerCase() + "Hidden";
         if (this.__doc[attr] != undefined) {
           this.__hiddenAttr = attr;
@@ -90,7 +86,7 @@ qx.Bootstrap.define("qx.bom.PageVisibility",
       }
 
       // check for the visibilityState attribute name
-      for (var i=0; i < prefix.length; i++) {
+      for (var i = 0; i < prefix.length; i++) {
         var attr = prefix[i].toLowerCase() + "VisibilityState";
         if (this.__doc[attr] != undefined) {
           this.__visibilityAttr = attr;
@@ -108,26 +104,24 @@ qx.Bootstrap.define("qx.bom.PageVisibility",
       }
     },
 
-
     /**
      * Returns weather the page is hidden or not. If we can not detect it,
      * <code>false</code> will always be returned.
      *
      * @return {Boolean} <code>true</code>, if the page is hidden
      */
-    isHidden : function() {
+    isHidden() {
       return !!this.__doc[this.__hiddenAttr];
     },
 
-
     /**
      * Returns the visibility state of the page. If we can not detect it,
      * <code>"visible"</code> will always be returned.
      *
      * @return {String} The state of the page visibility.
      */
-    getVisibilityState : function() {
+    getVisibilityState() {
       return this.__doc[this.__visibilityAttr] || "visible";
     }
   }
-});
+});

package/source/class/qx/bom/Range.js

@@ -16,23 +16,19 @@
 
 ************************************************************************ */
 
-
-
 /**
  * Low-level Range API which is used together with the low-level Selection API.
  * This is especially useful whenever a developer want to work on text level,
  * e.g. for an editor.
  */
-qx.Bootstrap.define("qx.bom.Range",
-{
+qx.Bootstrap.define("qx.bom.Range", {
   /*
   *****************************************************************************
      STATICS
   *****************************************************************************
   */
 
-  statics :
-  {
+  statics: {
     /**
      * Returns the range object of the given node.
      *
@@ -40,22 +36,16 @@ qx.Bootstrap.define("qx.bom.Range",
      * @param node {Node} node to get the range of
      * @return {Range} valid range of given selection
      */
-    get : qx.core.Environment.select("html.selection",
-    {
-      "selection" : function(node)
-      {
+    get: qx.core.Environment.select("html.selection", {
+      selection(node) {
         // check for the type of the given node
         // for legacy IE the nodes input, textarea, button and body
         // have access to own TextRange objects. Everything else is
         // gathered via the selection object.
-        if (qx.dom.Node.isElement(node))
-        {
-          switch(node.nodeName.toLowerCase())
-          {
+        if (qx.dom.Node.isElement(node)) {
+          switch (node.nodeName.toLowerCase()) {
             case "input":
-
-              switch(node.type)
-              {
+              switch (node.type) {
                 case "text":
                 case "password":
                 case "hidden":
@@ -66,7 +56,9 @@ qx.Bootstrap.define("qx.bom.Range",
                   return node.createTextRange();
 
                 default:
-                  return qx.bom.Selection.getSelectionObject(qx.dom.Node.getDocument(node)).createRange();
+                  return qx.bom.Selection.getSelectionObject(
+                    qx.dom.Node.getDocument(node)
+                  ).createRange();
               }
 
             case "textarea":
@@ -75,34 +67,32 @@ qx.Bootstrap.define("qx.bom.Range",
               return node.createTextRange();
 
             default:
-              return qx.bom.Selection.getSelectionObject(qx.dom.Node.getDocument(node)).createRange();
+              return qx.bom.Selection.getSelectionObject(
+                qx.dom.Node.getDocument(node)
+              ).createRange();
           }
-        }
-        else
-        {
+        } else {
           if (node == null) {
             node = window;
           }
 
           // need to pass the document node to work with multi-documents
-          return qx.bom.Selection.getSelectionObject(qx.dom.Node.getDocument(node)).createRange();
+          return qx.bom.Selection.getSelectionObject(
+            qx.dom.Node.getDocument(node)
+          ).createRange();
         }
       },
 
       // suitable for gecko, opera and webkit
-      "default" : function(node)
-      {
+      default(node) {
         var doc = qx.dom.Node.getDocument(node);
 
         // get the selection object of the corresponding document
         var sel = qx.bom.Selection.getSelectionObject(doc);
 
-        if (sel.rangeCount > 0)
-        {
+        if (sel.rangeCount > 0) {
           return sel.getRangeAt(0);
-        }
-        else
-        {
+        } else {
           return doc.createRange();
         }
       }