@qooxdoo/framework 7.9.2 → 8.0.0-beta.2

package/source/class/qx/event/handler/PointerCore.js

@@ -305,7 +305,6 @@ qx.Bootstrap.define("qx.event.handler.PointerCore", {
             domEvent,
             touchProps
           );
-
           this._fireEvent(overEvt, "pointerover", touchProps.target);
         }
 
@@ -332,7 +331,6 @@ qx.Bootstrap.define("qx.event.handler.PointerCore", {
             domEvent,
             touchProps
           );
-
           // fire on the original target to make sure over / out event are on the same target
           this._fireEvent(outEvt, "pointerout", domEvent.target);
 
@@ -395,7 +393,6 @@ qx.Bootstrap.define("qx.event.handler.PointerCore", {
           domEvent,
           mouseProps
         );
-
         this._fireEvent(moveEvt, "pointermove", target);
       }
       this.__lastButtonState = buttonsPressed;
@@ -493,7 +490,6 @@ qx.Bootstrap.define("qx.event.handler.PointerCore", {
      * @param domEvent {Event} DOM event
      * @param type {String ? null} type of the event
      * @param target {Element ? null} event target
-     * @return {qx.Promise?} a promise, if one was returned by event handlers
      */
     _fireEvent(domEvent, type, target) {
       target = target || domEvent.target;
@@ -509,7 +505,6 @@ qx.Bootstrap.define("qx.event.handler.PointerCore", {
           qx.event.handler.PointerCore.POINTER_TO_GESTURE_MAPPING[type],
           domEvent
         );
-
         qx.event.type.dom.Pointer.normalize(gestureEvent);
         try {
           gestureEvent.srcElement = target;
@@ -517,33 +512,20 @@ qx.Bootstrap.define("qx.event.handler.PointerCore", {
           // Nothing - strict mode prevents writing to read only properties
         }
       }
-
       if (qx.core.Environment.get("event.dispatchevent")) {
-        var tracker = {};
         if (!this.__nativePointerEvents) {
-          qx.event.Utils.then(tracker, function () {
-            return target.dispatchEvent(domEvent);
-          });
+          target.dispatchEvent(domEvent);
         }
         if (gestureEvent) {
-          qx.event.Utils.then(tracker, function () {
-            return target.dispatchEvent(gestureEvent);
-          });
+          target.dispatchEvent(gestureEvent);
         }
-        return tracker.promise;
       } else {
-        if (
-          qx.core.Environment.get("browser.name") === "msie" &&
-          qx.core.Environment.get("browser.version") < 9
-        ) {
-          // ensure compatibility with native events for IE8
-          try {
-            domEvent.srcElement = target;
-          } catch (ex) {
-            // Nothing - strict mode prevents writing to read only properties
-          }
+        // ensure compatibility with native events for IE8
+        try {
+          domEvent.srcElement = target;
+        } catch (ex) {
+          // Nothing - strict mode prevents writing to read only properties
         }
-
         while (target) {
           if (target.$$emitter) {
             domEvent.currentTarget = target;

package/source/class/qx/event/handler/Window.js

@@ -64,6 +64,7 @@ qx.Class.define("qx.event.handler.Window", {
 
     /** @type {Map} Supported event types */
     SUPPORTED_TYPES: {
+      appinitialized: 1,
       error: 1,
       load: 1,
       beforeunload: 1,
@@ -87,6 +88,10 @@ qx.Class.define("qx.event.handler.Window", {
   */
 
   members: {
+    _window: undefined,
+    _manager: undefined,
+    _onNativeWrapper: undefined,
+
     /*
     ---------------------------------------------------------------------------
       EVENT HANDLER INTERFACE

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

@@ -58,6 +58,18 @@ qx.Class.define("qx.event.type.Event", {
   */
 
   members: {
+    _type : undefined,
+    _target : undefined,
+    _currentTarget : undefined,
+    _relatedTarget : undefined,
+    _originalTarget : undefined,
+    _stopPropagation : undefined,
+    _preventDefault : undefined,
+    _bubbles : undefined,
+    _cancelable : undefined,
+    _timeStamp : undefined,
+    _eventPhase : undefined,
+
     /** {qx.Promise[]} promises returned by event handlers */
     _promises: null,
 

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

@@ -34,6 +34,9 @@ qx.Class.define("qx.event.type.KeySequence", {
   */
 
   members: {
+    _keyCode: undefined,
+    _identifier: undefined,
+
     /**
      * Initialize the fields of the event.
      *

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

@@ -25,6 +25,9 @@ qx.Class.define("qx.event.type.Native", {
   extend: qx.event.type.Event,
 
   members: {
+    _native: undefined,
+    _returnValue: undefined,
+
     /**
      * Initialize the fields of the event. The event must be initialized before
      * it can be dispatched.

package/source/class/qx/html/Element.js

@@ -162,11 +162,8 @@ qx.Class.define("qx.html.Element", {
       if (!qx.core.Environment.get("qx.headless")) {
         // blur elements, which will be removed
         var focusHandler = this.__getFocusHandler();
-        var focusedDomElement = focusHandler.getFocus();
-        if (
-          focusedDomElement &&
-          this.__willBecomeInvisible(focusedDomElement)
-        ) {
+        var focusedDomElement = focusHandler.getFocusedElement();
+        if (focusedDomElement && this.__willBecomeInvisible(focusedDomElement)) {
           focusHandler.blur(focusedDomElement);
         }
 
@@ -178,10 +175,7 @@ qx.Class.define("qx.html.Element", {
 
         // release capture for elements, which will be removed
         var captureDomElement = this.__getCaptureElement();
-        if (
-          captureDomElement &&
-          this.__willBecomeInvisible(captureDomElement)
-        ) {
+        if (captureDomElement && this.__willBecomeInvisible(captureDomElement)) {
           qx.bom.Element.releaseCapture(captureDomElement);
         }
       }
@@ -241,10 +235,7 @@ qx.Class.define("qx.html.Element", {
 
         if (qx.core.Environment.get("qx.debug")) {
           if (this.DEBUG) {
-            qx.log.Logger.debug(
-              this,
-              "Switching visibility to: " + obj.isVisible()
-            );
+            qx.log.Logger.debug(this, "Switching visibility to: " + obj.isVisible());
           }
         }
 
@@ -329,11 +320,7 @@ qx.Class.define("qx.html.Element", {
         for (var i = 0; i < this._actions.length; i++) {
           var action = this._actions[i];
           var element = action.element._domNode;
-          if (
-            !element ||
-            (!activityEndActions[action.type] &&
-              !action.element._willBeSeeable())
-          ) {
+          if (!element || (!activityEndActions[action.type] && !action.element._willBeSeeable())) {
             continue;
           }
           var args = action.args;
@@ -370,9 +357,7 @@ qx.Class.define("qx.html.Element", {
         }
         return this.__focusHandler;
       } else {
-        throw new Error(
-          "Unexpected use of qx.html.Element.__getFocusHandler in headless environment"
-        );
+        throw new Error("Unexpected use of qx.html.Element.__getFocusHandler in headless environment");
       }
     },
 
@@ -385,15 +370,11 @@ qx.Class.define("qx.html.Element", {
       if (!qx.core.Environment.get("qx.headless")) {
         if (!this.__mouseCapture) {
           var eventManager = qx.event.Registration.getManager(window);
-          this.__mouseCapture = eventManager.getDispatcher(
-            qx.event.dispatch.MouseCapture
-          );
+          this.__mouseCapture = eventManager.getDispatcher(qx.event.dispatch.MouseCapture);
         }
         return this.__mouseCapture.getCaptureElement();
       } else {
-        throw new Error(
-          "Unexpected use of qx.html.Element.__getCaptureElement in headless environment"
-        );
+        throw new Error("Unexpected use of qx.html.Element.__getCaptureElement in headless environment");
       }
     },
 
@@ -427,10 +408,7 @@ qx.Class.define("qx.html.Element", {
     setDefaultRoot(root) {
       if (qx.core.Environment.get("qx.debug")) {
         if (this._defaultRoot && root) {
-          qx.log.Logger.warn(
-            qx.html.Element,
-            "Changing default root, from " + this._defaultRoot + " to " + root
-          );
+          qx.log.Logger.warn(qx.html.Element, "Changing default root, from " + this._defaultRoot + " to " + root);
         }
       }
       this._defaultRoot = root;
@@ -490,6 +468,8 @@ qx.Class.define("qx.html.Element", {
   */
 
   members: {
+    __childrenHaveChanged: undefined,
+
     /*
     ---------------------------------------------------------------------------
       PROTECTED HELPERS/DATA
@@ -535,10 +515,7 @@ qx.Class.define("qx.html.Element", {
       // Copy attributes
       if (this.__attribValues) {
         for (var key in this.__attribValues) {
-          let result = qx.bom.element.Attribute.serialize(
-            key,
-            this.__attribValues[key]
-          );
+          let result = qx.bom.element.Attribute.serialize(key, this.__attribValues[key]);
 
           for (let key in result) {
             if (key != "data-qx-object-id") {
@@ -618,9 +595,7 @@ qx.Class.define("qx.html.Element", {
      */
     _addChildImpl(child) {
       if (this.getIsCustomElement()) {
-        throw new Error(
-          `Cannot add children to Custom Elements! (use ${this.classname}.inject and <slot> tags instead)`
-        );
+        throw new Error(`Cannot add children to Custom Elements! (use ${this.classname}.inject and <slot> tags instead)`);
       }
 
       super._addChildImpl(child);
@@ -650,9 +625,7 @@ qx.Class.define("qx.html.Element", {
         let id = target ? qx.core.Id.getAbsoluteIdOf(target, true) : null;
         return id;
       } else {
-        throw new Error(
-          "Cannot get qxObjectId because module.objectid is false"
-        );
+        throw new Error("Cannot get qxObjectId because module.objectid is false");
       }
     },
 
@@ -700,11 +673,7 @@ qx.Class.define("qx.html.Element", {
         return this.__slots.has(projection);
       }
 
-      throw new Error(
-        `Cannot lookup slot for projection: ${JSON.stringify(
-          projection
-        )} ! (expected: string, true, or null/undefined)`
-      );
+      throw new Error(`Cannot lookup slot for projection: ${JSON.stringify(projection)} ! (expected: string, true, or null/undefined)`);
     },
 
     /**
@@ -714,13 +683,8 @@ qx.Class.define("qx.html.Element", {
     __injectionSlotCheck(slotName) {
       if (!this.hasSlots(slotName)) {
         if (qx.core.Environment.get("qx.debug")) {
-          const what =
-            slotName === qx.html.Slot.DEFAULT
-              ? "default slot"
-              : `slot named "${slotName}"`;
-          const slotsList = Array.from(this.__slots.keys())
-            .join(", ")
-            .replace(qx.html.Slot.DEFAULT, "(default)");
+          const what = slotName === qx.html.Slot.DEFAULT ? "default slot" : `slot named "${slotName}"`;
+          const slotsList = Array.from(this.__slots.keys()).join(", ").replace(qx.html.Slot.DEFAULT, "(default)");
           console.warn(`No ${what} found! Available slots are: ${slotsList}`);
         }
         return false;
@@ -750,10 +714,7 @@ qx.Class.define("qx.html.Element", {
      * ```
      */
     inject(childNode, slotNameOverride) {
-      const slotName =
-        childNode.getAttribute?.("slot") ??
-        slotNameOverride ??
-        qx.html.Slot.DEFAULT;
+      const slotName = childNode.getAttribute?.("slot") ?? slotNameOverride ?? qx.html.Slot.DEFAULT;
 
       if (!this.__injectionSlotCheck(slotName)) {
         return;
@@ -777,9 +738,7 @@ qx.Class.define("qx.html.Element", {
         slots.push(element);
       }
 
-      element
-        .getChildren()
-        ?.forEach(child => slots.push(...this.__slotScan(child)));
+      element.getChildren()?.forEach(child => slots.push(...this.__slotScan(child)));
 
       return slots;
     },
@@ -1019,10 +978,7 @@ qx.Class.define("qx.html.Element", {
       this.setAttribute("qxSelectable", value ? "on" : "off");
       var userSelect = qx.core.Environment.get("css.userselect");
       if (userSelect) {
-        this.setStyle(
-          userSelect,
-          value ? "text" : qx.core.Environment.get("css.userselect.none")
-        );
+        this.setStyle(userSelect, value ? "text" : qx.core.Environment.get("css.userselect.none"));
       }
     },
 
@@ -1175,13 +1131,7 @@ qx.Class.define("qx.html.Element", {
       var thisEl = this._domNode;
       var childEl = elem.getDomElement();
 
-      if (
-        direct !== false &&
-        thisEl &&
-        thisEl.offsetWidth &&
-        childEl &&
-        childEl.offsetWidth
-      ) {
+      if (direct !== false && thisEl && thisEl.offsetWidth && childEl && childEl.offsetWidth) {
         qx.bom.element.Scroll.intoViewX(childEl, thisEl, align);
       } else {
         this.__lazyScrollIntoViewX = {
@@ -1215,13 +1165,7 @@ qx.Class.define("qx.html.Element", {
       var thisEl = this._domNode;
       var childEl = elem.getDomElement();
 
-      if (
-        direct !== false &&
-        thisEl &&
-        thisEl.offsetWidth &&
-        childEl &&
-        childEl.offsetWidth
-      ) {
+      if (direct !== false && thisEl && thisEl.offsetWidth && childEl && childEl.offsetWidth) {
         qx.bom.element.Scroll.intoViewY(childEl, thisEl, align);
       } else {
         this.__lazyScrollIntoViewY = {
@@ -1520,9 +1464,7 @@ qx.Class.define("qx.html.Element", {
 
         qx.html.Element._scheduleFlush("element");
       } else {
-        throw new Error(
-          "Unexpected use of qx.html.Element.__performAction in headles environment"
-        );
+        throw new Error("Unexpected use of qx.html.Element.__performAction in headles environment");
       }
     },
 
@@ -1679,7 +1621,7 @@ qx.Class.define("qx.html.Element", {
      * @param direct {Boolean?false} Whether the values should be applied
      *    directly (without queuing)
      * @return {qx.html.Element} this object (for chaining support)
-     */ 
+     */
     setStyles(map, direct) {
       // inline calls to "set" because this method is very
       // performance critical!
@@ -1864,9 +1806,7 @@ qx.Class.define("qx.html.Element", {
     _applyIsCustomElement(value, oldValue) {
       // if currently `true` and trying to set `false`, throw an error
       if (!value && oldValue) {
-        throw new Error(
-          `Cannot change isCustomElement property of ${this.classname} after it has been set`
-        );
+        throw new Error(`Cannot change isCustomElement property of ${this.classname} after it has been set`);
       }
       // if no change, return
       if (value === oldValue) {
@@ -1929,12 +1869,7 @@ qx.Class.define("qx.html.Element", {
     canBeSeen() {
       if (this._domNode && this.isVisible()) {
         var rect = this._domNode.getBoundingClientRect();
-        if (
-          rect.top > 0 ||
-          rect.left > 0 ||
-          rect.width > 0 ||
-          rect.height > 0
-        ) {
+        if (rect.top > 0 || rect.left > 0 || rect.width > 0 || rect.height > 0) {
           return true;
         }
       }

package/source/class/qx/html/Jsx.js

@@ -48,11 +48,10 @@ qx.Class.define("qx.html.Jsx", {
      *
      * @param tagname {String|Function} the name of the tag
      * @param attributes {Record<string, any>} map of attribute values
-     * @param children {qx.html.Node[]} array of children
+     * @param children {...qx.html.Node} children
      * @return {qx.html.Element|qx.data.Array}
      */
-    createElement(tagname, attributes) {
-      const children = qx.lang.Array.fromArguments(arguments, 2);
+    createElement(tagname, attributes, ...children) {
       attributes ??= {};
 
       // CSS CUSTOM PROPERTIES

package/source/class/qx/html/Node.js

@@ -889,10 +889,10 @@ qx.Class.define("qx.html.Node", {
     /**
      * Append all given children at the end of this element.
      *
-     * @param varargs {qx.html.Element} elements to insert
+     * @param {...qx.html.Element} children elements to insert
      * @return {qx.html.Element} this object (for chaining support)
      */
-    add(varargs) {
+    add(...children) {
       var self = this;
       function addImpl(arr) {
         arr.forEach(function (child) {
@@ -917,7 +917,7 @@ qx.Class.define("qx.html.Node", {
           self._children.push(child);
         });
       }
-      addImpl(qx.lang.Array.fromArguments(arguments));
+      addImpl(children);
 
       // Chaining support
       return this;

package/source/class/qx/io/jsonrpc/Client.js

@@ -368,7 +368,7 @@ qx.Class.define("qx.io.jsonrpc.Client", {
         request.getPromise().resolve(message.getResult());
       } else if (message instanceof qx.io.jsonrpc.protocol.Error) {
         // handle jsonrpc (not transport-related) errors
-        let error = message.getError();
+        let error = message.getErrorDetail();
         let ex = new qx.io.exception.Protocol(
           error.message,
           error.code,
@@ -406,6 +406,6 @@ qx.Class.define("qx.io.jsonrpc.Client", {
      * @deprecated
      * Behavior in v8 will be as if the environment variable value is `true`, but the environment variable will no longer be available.
      */
-    "qx.io.jsonrpc.forwardTransportPromiseRejectionToRequest": false
+    "qx.io.jsonrpc.forwardTransportPromiseRejectionToRequest": true
   }
 });

package/source/class/qx/io/jsonrpc/protocol/Error.js

@@ -37,7 +37,7 @@ qx.Class.define("qx.io.jsonrpc.protocol.Error", {
      * The error object
      * @var {Object}
      */
-    error: {
+    errorDetail: {
       check: value =>
         qx.lang.Type.isObject(value) && "code" in value && "message" in value
     }
@@ -60,6 +60,6 @@ qx.Class.define("qx.io.jsonrpc.protocol.Error", {
     if (data) {
       errorObj.data = data;
     }
-    this.setError(errorObj);
+    this.setErrorDetail(errorObj);
   }
 });

package/source/class/qx/io/jsonrpc/protocol/Parser.js

@@ -58,6 +58,7 @@ qx.Class.define("qx.io.jsonrpc.protocol.Parser", {
       }
       // individual message
       let { id, result, method, params, error } = message;
+      error = error || message.errorDetail;
       if (
         id !== undefined &&
         result !== undefined &&

package/source/class/qx/io/jsonrpc/protocol/Result.js

@@ -29,8 +29,7 @@ qx.Class.define("qx.io.jsonrpc.protocol.Result", {
      * The integer id of the request
      */
     id: {
-      check: value =>
-        qx.lang.Type.isNumber(value) && parseInt(value, 10) === value
+      check: value => qx.lang.Type.isNumber(value) && parseInt(value, 10) === value
     },
 
     result: {
@@ -44,6 +43,7 @@ qx.Class.define("qx.io.jsonrpc.protocol.Result", {
    * @param {*} result
    */
   construct(id, result) {
+    super();
     this.set({ id, result });
   }
 });

package/source/class/qx/io/request/Xhr.js

@@ -69,11 +69,11 @@ qx.Class.define("qx.io.request.Xhr", {
    * @param method {String?} The HTTP method.
    */
   construct(url, method) {
+    super(url);
     if (method !== undefined) {
       this.setMethod(method);
     }
 
-    super(url);
     this._parser = this._createResponseParser();
   },
 
@@ -237,9 +237,7 @@ qx.Class.define("qx.io.request.Xhr", {
     // overridden
     _getConfiguredRequestHeaders() {
       var headers = {},
-        isAllowsBody = qx.util.Request.methodAllowsRequestBody(
-          this.getMethod()
-        ),
+        isAllowsBody = qx.util.Request.methodAllowsRequestBody(this.getMethod()),
         isFormData = qx.Bootstrap.getClass(this.getRequestData()) == "FormData";
 
       // Follow convention to include X-Requested-With header when same origin
@@ -299,10 +297,7 @@ qx.Class.define("qx.io.request.Xhr", {
      * @return {String|Object} The parsed response of the request.
      */
     _getParsedResponse() {
-      var response =
-          this._transport.responseType === "blob"
-            ? this._transport.response
-            : this._transport.responseText,
+      var response = this._transport.responseType === "blob" ? this._transport.response : this._transport.responseText,
         contentType = this.getResponseContentType() || "",
         parsedResponse = "";
 

package/source/class/qx/lang/normalize/Array.js

@@ -123,6 +123,27 @@ qx.Bootstrap.define("qx.lang.normalize.Array", {
       }
     },
 
+    /**
+     * The <code>forEach()</code> method executes a provided function
+     * once per array element. You can not break the loop with this function.
+     * If you want to do so, use {@link #some} or {@link #every}.
+     *
+     * <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach">MDN documentation</a> |
+     * <a href="http://es5.github.com/#x15.4.4.18">Annotated ES5 Spec</a>
+     *
+     * @param callback {Function} Function to execute for each element.
+     * @param obj {Object?} Value to use as <code>this</code> when executing <code>callback</code>.
+     */
+    async forEachAsync(callback, obj) {
+      var l = this.length;
+      for (var i = 0; i < l; i++) {
+        var value = this[i];
+        if (value !== undefined) {
+          await callback.call(obj || window, value, i, this);
+        }
+      }
+    },
+
     /**
      * The <code>filter()</code> method creates a new array with
      * all elements that pass the test implemented by the provided
@@ -438,7 +459,7 @@ qx.Bootstrap.define("qx.lang.normalize.Array", {
    */
   defer(statics) {
     var install = function (key, name) {
-      if (!qx.core.Environment.get(key)) {
+      if (key === null || !qx.core.Environment.get(key)) {
         Object.defineProperty(Array.prototype, name, {
           enumerable: false,
           value: statics[name]
@@ -449,6 +470,7 @@ qx.Bootstrap.define("qx.lang.normalize.Array", {
     install("ecmascript.array.indexof", "indexOf");
     install("ecmascript.array.lastindexof", "lastIndexOf");
     install("ecmascript.array.foreach", "forEach");
+    install(null, "forEachAsync");
     install("ecmascript.array.filter", "filter");
     install("ecmascript.array.map", "map");
     install("ecmascript.array.some", "some");