@qooxdoo/framework 7.6.2 → 7.6.3

package/lib/resource/qx/tool/bin/build-website

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-require("../../../../../index");
+require("../../../../../lib/compiler/index.js");
 
 const website = new qx.tool.utils.Website();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qooxdoo/framework",
-  "version": "7.6.2",
+  "version": "7.6.3",
   "description": "The JS Framework for Coders",
   "author": "The qooxdoo project",
   "keywords": [
@@ -54,44 +54,44 @@
     "bin/deploy"
   ],
   "dependencies": {
-    "@babel/core": "^7.17.10",
-    "@babel/eslint-parser": "^7.16.3",
-    "@babel/generator": "^7.12.11",
-    "@babel/parser": "^7.12.11",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
-    "@babel/plugin-proposal-optional-chaining": "^7.12.7",
-    "@babel/plugin-syntax-jsx": "^7.16.7",
-    "@babel/plugin-transform-block-scoping": "^7.12.12",
-    "@babel/plugin-transform-react-jsx": "^7.12.12",
-    "@babel/preset-env": "^7.17.10",
-    "@babel/preset-react": "^7.12.10",
-    "@babel/preset-typescript": "^7.12.7",
-    "@babel/traverse": "^7.12.12",
-    "@babel/types": "^7.12.12",
-    "@metalsmith/layouts": "^2.5.1",
-    "@metalsmith/markdown": "^1.5.0",
+    "@babel/core": "^7.23.2",
+    "@babel/eslint-parser": "^7.22.15",
+    "@babel/generator": "^7.23.0",
+    "@babel/parser": "^7.23.0",
+    "@babel/plugin-proposal-optional-chaining-assign": "^7.23.0",
+    "@babel/plugin-syntax-jsx": "^7.22.5",
+    "@babel/plugin-transform-block-scoping": "^7.23.0",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+    "@babel/plugin-transform-react-jsx": "^7.22.15",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.2",
+    "@babel/traverse": "^7.23.2",
+    "@babel/types": "^7.23.0",
+    "@metalsmith/layouts": "^2.7.0",
+    "@metalsmith/markdown": "^1.10.0",
     "@octokit/rest": "^18.0.15",
     "@qooxdoo/eslint-config-jsdoc-disable": "^1.0.3",
     "@qooxdoo/eslint-config-qx": "^2.0.1",
-    "@qooxdoo/eslint-plugin-qx": "^1.2.21",
-    "ajv": "^8.8.1",
+    "@qooxdoo/eslint-plugin-qx": "^1.2.22",
+    "ajv": "^8.12.0",
     "app-module-path": "^2.2.0",
     "async": "^2.6.3",
     "babelify": "^10.0.0",
-    "better-ajv-errors": "^1.1.1",
+    "better-ajv-errors": "^1.2.0",
     "browserify": "^17.0.0",
-    "chokidar": "^3.5.1",
-    "cldr": "^7.1.1",
-    "columnify": "^1.5.4",
+    "chokidar": "^3.5.3",
+    "cldr": "^7.4.1",
+    "columnify": "^1.6.0",
     "console-control-strings": "^1.1.0",
-    "core-js-bundle": "^3.26.0",
+    "core-js-bundle": "^3.33.1",
     "dot": "^1.1.3",
     "download": "^6.0.0",
     "es6-promise-pool": "^2.5.0",
-    "eslint": "^8.0.0",
+    "eslint": "^8.51.0",
     "eslint-formatter-codeframe": "^7.32.1",
-    "eslint-plugin-jsdoc": "37.0.3",
-    "express": "^4.17.1",
+    "eslint-plugin-jsdoc": "46.8.2",
+    "express": "^4.18.2",
     "fontkit": "^2.0.2",
     "gauge": "^2.7.4",
     "get-value": "^3.0.1",
@@ -99,33 +99,33 @@
     "glob": "^7.1.6",
     "image-size": "^0.8.3",
     "inquirer": "^7.3.3",
-    "json-stable-stringify": "^1.0.1",
+    "json-stable-stringify": "^1.0.2",
     "jstransformer-dot": "^0.1.2",
-    "metalsmith": "^2.4.3",
+    "metalsmith": "^2.6.1",
     "node-fetch": "^2.6.7",
     "object-hash": "^2.1.1",
     "prettier": "^2.5.1",
     "ps-tree": "^1.2.0",
     "replace-in-file": "^5.0.0",
     "rimraf": "^3.0.2",
-    "sass": "1.64.2",
-    "semver": "^7.3.4",
+    "sass": "1.69.4",
+    "semver": "^7.5.4",
     "set-value": "^4.1.0",
     "showdown": "^1.9.1",
     "source-map-js": "^1.0.2",
     "tap-colorize": "^1.2.0",
-    "terser": "^5.14.1",
+    "terser": "^5.22.0",
     "tmp": "0.2.1",
     "unset-value": "^1.0.0",
     "upath": "^1.2.0",
     "update-notifier": "^6.0.2",
-    "xml2js": "^0.5.0",
+    "xml2js": "^0.6.2",
     "yargs": "^15.4.1"
   },
   "devDependencies": {
     "dirsum": "^0.1.1",
-    "source-map-support": "^0.5.19",
-    "tape": "^5.1.1"
+    "source-map-support": "^0.5.21",
+    "tape": "^5.7.1"
   },
   "engine": "node >= 12"
 }

package/source/class/qx/ui/basic/Image.js

@@ -260,13 +260,14 @@ qx.Class.define("qx.ui.basic.Image", {
       var element = this.getContentElement();
       if (this.__wrapper) {
         element.getChild(0).setStyles({
-          top: this.getPaddingTop() || 0,
-          left: this.getPaddingLeft() || 0
+          top: (this.getPaddingTop() || 0) + "px",
+          left: (this.getPaddingLeft() || 0) + "px"
         });
       } else if (this.__getMode() === "font") {
+        let bounds = this.getBounds() || {};
         element.setStyles({
-          top: this.getPaddingTop() || 0,
-          left: this.getPaddingLeft() || 0
+          top: (bounds.top || 0) + (this.getPaddingTop() || 0) + "px",
+          left: (bounds.left || 0) + (this.getPaddingLeft() || 0) + "px"
         });
       } else {
         element.setPadding(

package/source/class/qx/ui/core/scroll/MRoll.js

@@ -24,6 +24,16 @@
  * attach the listener yourself.
  */
 qx.Mixin.define("qx.ui.core.scroll.MRoll", {
+  /**
+   * Allow scrolling by dragging the area. CAUTION: Enabling this property disallows the capability of drag&drop.
+   */
+  properties: {
+    scrollByDrag: {
+      init: false,
+      check: "Boolean"
+    }
+  },
+
   members: {
     _cancelRoll: null,
 
@@ -59,7 +69,7 @@ qx.Mixin.define("qx.ui.core.scroll.MRoll", {
      */
     _onRoll(e) {
       // only wheel and touch
-      if (e.getPointerType() == "mouse") {
+      if (e.getPointerType() == "mouse" && !this.getScrollByDrag()) {
         return;
       }
 

package/source/class/qx/ui/form/AbstractField.js

@@ -125,9 +125,9 @@ qx.Class.define("qx.ui.form.AbstractField", {
     if (value != null) {
       this.setValue(value);
     }
-
-    this.getContentElement().addListener("change", this._onChangeContent, this);
-
+    let el = this.getContentElement();
+    el.addListener("change", this._onChangeContent, this);
+    
     // use qooxdoo placeholder if no native placeholder is supported
     if (this.__useQxPlaceholder) {
       // assign the placeholder text after the appearance has been applied

package/source/class/qx/ui/form/Button.js

@@ -80,11 +80,24 @@ qx.Class.define("qx.ui.form.Button", {
     this.addListener("pointerout", this._onPointerOut);
     this.addListener("pointerdown", this._onPointerDown);
     this.addListener("pointerup", this._onPointerUp);
+
+    // it seems that touching a button (at least on ios and android)
+    // does not immediately focus it before triggering the tap event
+    // this causes problem with change events for any input field that
+    // previously held focus, as their change event will arrive AFTER
+    // the execute event on the button ... 
+    // we have to call focus on the dom element itself, to make
+    // sure we are in time. Otherwhise the virtual dom in qooxdoo will
+    // delay the effect and the fix will only work when tapping 'slowly' ... 
+    this.addListenerOnce('appear',() => {
+      let el = this.getContentElement().getDomElement();
+      this.addListener('touchstart', () => { el.focus();  });
+    });
+
     this.addListener("tap", this._onTap);
 
     this.addListener("keydown", this._onKeyDown);
     this.addListener("keyup", this._onKeyUp);
-
     // Stop events
     this.addListener("dblclick", function (e) {
       e.stopPropagation();

package/source/class/qx/ui/form/SelectBox.js

@@ -81,7 +81,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
   */
 
   properties: {
-    // overridden
+    /**@override*/
     appearance: {
       refine: true,
       init: "selectbox"
@@ -114,7 +114,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       this.getChildControl("atom").setRich(value);
     },
 
-    // overridden
+    /**@override*/
     _defaultFormat(item) {
       if (item) {
         if (typeof item.isRich == "function" && item.isRich()) {
@@ -125,7 +125,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       return null;
     },
 
-    // overridden
+    /**@override*/
     _createChildControlImpl(id, hash) {
       var control;
 
@@ -147,14 +147,29 @@ qx.Class.define("qx.ui.form.SelectBox", {
           control = new qx.ui.basic.Image();
           control.setAnonymous(true);
 
-          this._add(control);
+          this.getQxObject("arrowButton")._add(control);
+          this._add(this.getQxObject("arrowButton"));
           break;
       }
 
       return control || super._createChildControlImpl(id);
     },
 
-    // overridden
+    /**@overload */
+    _createQxObjectImpl(id) {
+      switch (id) {
+        case "arrowButton":
+          var layout = new qx.ui.layout.HBox().set({ alignY: "middle" });
+          return new qx.ui.container.Composite(layout).set({
+            allowGrowY: true,
+            appearance: "selectbox-arrow-button"
+          });
+      }
+
+      return super._createQxObjectImpl(id);
+    },
+
+    /**@override*/
     /**
      * @lint ignoreReferenceField(_forwardStates)
      */
@@ -306,7 +321,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       this.toggle();
     },
 
-    // overridden
+    /**@override*/
     _onKeyPress(e) {
       var iden = e.getKeyIdentifier();
       if ((iden == "Down" || iden == "Up") && e.isAltPressed()) {
@@ -341,7 +356,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       this.getChildControl("list").dispatchEvent(clone);
     },
 
-    // overridden
+    /**@override*/
     _onListPointerDown(e) {
       // Apply pre-selected item (translate quick selection to real selection)
       if (this.__preSelectedItem) {
@@ -350,7 +365,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       }
     },
 
-    // overridden
+    /**@override*/
     _onListChangeSelection(e) {
       var current = e.getData();
       var old = e.getOldData();
@@ -399,7 +414,7 @@ qx.Class.define("qx.ui.form.SelectBox", {
       }
     },
 
-    // overridden
+    /**@override*/
     _onPopupChangeVisibility(e) {
       super._onPopupChangeVisibility(e);
 

package/source/class/qx/ui/mobile/dialog/Popup.js

@@ -133,6 +133,7 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
 
   members: {
     __isShown: false,
+    __isPlaced: false,
     __childrenContainer: null,
     __percentageTop: null,
     __anchor: null,
@@ -223,8 +224,8 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
 
           this.placeTo(computedPopupPosition.left, computedPopupPosition.top);
         }
-      } else if (this.__childrenContainer) {
-        // No Anchor
+      } else if (this.__childrenContainer && !this.__isPlaced) {
+        // No Anchor and not placed to point manually
         this._positionToCenter();
       }
     },
@@ -239,9 +240,6 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
 
         this.__registerEventListener();
 
-        // Move outside of viewport
-        this.placeTo(-1000, -1000);
-
         // Needs to be added to screen, before rendering position, for calculating
         // objects height.
         super.show();
@@ -323,6 +321,7 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
      * @param top {Integer} - the value the will be set to container's top style property
      */
     placeTo(left, top) {
+      this.__isPlaced = true;
       this._setStyle("left", left + "px");
       this._setStyle("top", top + "px");
     },
@@ -581,6 +580,7 @@ qx.Class.define("qx.ui.mobile.dialog.Popup", {
     this._disposeObjects("__childrenContainer");
 
     this.__isShown =
+      this.__isPlaced =
       this.__percentageTop =
       this._anchor =
       this.__widget =

package/source/class/qx/ui/treevirtual/SimpleTreeDataModel.js

@@ -809,10 +809,13 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataModel", {
      *   has completed building or modifying a tree by issuing a series of
      *   calls to {@link #addBranch} and/or {@link #addLeaf}.
      *
+     * @param bRerender {Boolean?true}
+     *  Rerender the tree data after setting the data. If set false it becomes the caller's responsibility to
+     *    call setData() subsequently to cause a redraw.
      *
      * @throws {Error} If the parameter has the wrong type.
      */
-    setData(nodeArr) {
+    setData(nodeArr, bRerender = true) {
       this._checkEditing();
       if (nodeArr instanceof Array) {
         // Save the user-supplied data.
@@ -825,8 +828,10 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataModel", {
         );
       }
 
-      // Re-render the row array
-      this.__render();
+      // Re-render the row array, if so requested
+      if (bRerender) {
+        this.__render();
+      }
 
       // Set selections in the selection model now
       var selectionModel = this.getTree().getSelectionModel();
@@ -859,11 +864,14 @@ qx.Class.define("qx.ui.treevirtual.SimpleTreeDataModel", {
     /**
      * Clears the tree of all nodes
      *
+     * @param bRerender {Boolean?true}
+     *   Rerender the tree data after clearing. If set false it becomes the caller's responsibility to
+     *    call setData() subsequently to cause a redraw.
      */
-    clearData() {
+    clearData(bRerender = true) {
       this._checkEditing();
       this._clearSelections();
-      this.setData([qx.ui.treevirtual.MTreePrimitive._getEmptyTree()]);
+      this.setData([qx.ui.treevirtual.MTreePrimitive._getEmptyTree()], bRerender);
     },
 
     /**

package/source/class/qx/ui/window/Manager.js

@@ -81,6 +81,9 @@ qx.Class.define("qx.ui.window.Manager", {
      * {@link qx.ui.core.queue.Widget widget queue}.
      */
     syncWidget() {
+      if (this.isDisposed()){
+        return;
+      }
       this.__desktop.forceUnblock();
 
       var windows = this.__desktop.getWindows();

package/source/resource/qx/tool/bin/build-website

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-require("../../../../../index");
+require("../../../../../lib/compiler/index.js");
 
 const website = new qx.tool.utils.Website();