@qooxdoo/framework 7.4.1 → 7.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qooxdoo/framework",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "description": "The JS Framework for Coders",
   "author": "The qooxdoo project",
   "keywords": [

package/source/class/qx/Class.js

@@ -491,7 +491,7 @@ qx.Bootstrap.define("qx.Class", {
      *
      * @param clazz {Class} class to look for the property
      * @param name {String} name of the property
-     * @return {Class | null} The class which includes the property
+     * @return {Class|null} The class which includes the property
      */
     getByProperty(clazz, name) {
       while (clazz) {
@@ -554,7 +554,7 @@ qx.Bootstrap.define("qx.Class", {
      *
      * @param clazz {Class} class to look for the mixin
      * @param mixin {Mixin} mixin to look for
-     * @return {Class | null} The class which directly includes the given mixin
+     * @return {Class|null} The class which directly includes the given mixin
      */
     getByMixin(clazz, mixin) {
       var list, i, l;
@@ -619,7 +619,7 @@ qx.Bootstrap.define("qx.Class", {
      * @signature function(clazz, iface)
      * @param clazz {Class} class to look for the interface
      * @param iface {Interface} interface to look for
-     * @return {Class | null} the class which directly implements the given interface
+     * @return {Class|null} the class which directly implements the given interface
      */
     getByInterface: qx.util.OOUtil.getByInterface,
 

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

@@ -45,7 +45,7 @@ qx.Bootstrap.define("qx.bom.Cookie", {
      * Returns the string value of a cookie.
      *
      * @param key {String} The key for the saved string value.
-     * @return {null | String} Returns the saved string value, if the cookie
+     * @return {null|String} Returns the saved string value, if the cookie
      *    contains a value for the key, <code>null</code> otherwise.
      */
     get(key) {

package/source/class/qx/data/Array.js

@@ -922,7 +922,7 @@ qx.Class.define("qx.data.Array", {
      * Returns the highest value in the given array.
      * Supports numeric values only.
      *
-     * @return {Number | null} The highest of all values or undefined if the
+     * @return {Number|null} The highest of all values or undefined if the
      *   array is empty.
      */
     max() {
@@ -941,7 +941,7 @@ qx.Class.define("qx.data.Array", {
      * Returns the lowest value in the array. Supports
      * numeric values only.
      *
-     * @return {Number | null} The lowest of all values or undefined
+     * @return {Number|null} The lowest of all values or undefined
      *   if the array is empty.
      */
     min() {
@@ -1017,7 +1017,7 @@ qx.Class.define("qx.data.Array", {
      *   <li><code>index</code>: the index of the current item</li>
      *   <li><code>array</code>: The native array instance, NOT the data array instance.</li>
      * @param self {var?undefined} The context of the callback.
-     * @return {var | undefined} The found item.
+     * @return {var|undefined} The found item.
      */
     find(callback, self) {
       return this.__array.find(callback, self);

package/source/class/qx/data/SingleValueBinding.js

@@ -927,7 +927,7 @@ qx.Class.define("qx.data.SingleValueBinding", {
      * @param targetProperties {String[]} Array containing the names of the properties
      * @param index {Number?} The array index of the last property to be considered.
      * Default: The last item's index
-     * @return {qx.core.Object | null} The object on which the last property
+     * @return {qx.core.Object|null} The object on which the last property
      *   should be set.
      */
     __getTargetFromChain(targetObject, targetProperties, index) {

package/source/class/qx/dom/Hierarchy.js

@@ -103,7 +103,7 @@ qx.Bootstrap.define("qx.dom.Hierarchy", {
      * "nextSibling" is not good enough as it might return a text or comment element
      *
      * @param element {Element} Starting element node
-     * @return {Element | null} Next element node
+     * @return {Element|null} Next element node
      */
     getNextElementSibling(element) {
       while (
@@ -123,7 +123,7 @@ qx.Bootstrap.define("qx.dom.Hierarchy", {
      * "previousSibling" is not good enough as it might return a text or comment element
      *
      * @param element {Element} Starting element node
-     * @return {Element | null} Previous element node
+     * @return {Element|null} Previous element node
      */
     getPreviousElementSibling(element) {
       while (

package/source/class/qx/event/Manager.js

@@ -260,7 +260,7 @@ qx.Class.define("qx.event.Manager", {
      * @param type {String} Event type
      * @param capture {Boolean ? false} Whether the listener is for the
      *       capturing phase of the bubbling phase.
-     * @return {Array | null} Array of registered event handlers. May return
+     * @return {Array|null} Array of registered event handlers. May return
      *       null when no listener were found.
      */
     getListeners(target, type, capture) {

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

@@ -423,7 +423,7 @@ qx.Bootstrap.define("qx.event.handler.TouchCore", {
      * Checks which elements are placed to position x/y and traverses the array
      * till one element has no "pointer-events:none" inside its style attribute.
      * @param domEvent {Event} DOM event
-     * @return {Element | null} Event target
+     * @return {Element|null} Event target
      */
     __evaluateTarget(domEvent) {
       var clientX = null;

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

@@ -37,7 +37,7 @@ qx.Class.define("qx.html.Jsx", {
      * @param tagname {String} the name of the tag
      * @param attributes {Map?} map of attribute values
      * @param children {qx.html.Node[]} array of children
-     * @return {qx.html.Element | qx.data.Array}
+     * @return {qx.html.Element|qx.data.Array}
      */
     createElement(tagname, attributes) {
       var children = qx.lang.Array.fromArguments(arguments, 2);

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

@@ -420,7 +420,7 @@ qx.Bootstrap.define("qx.lang.Array", {
      * numeric values only.
      *
      * @param arr {Number[]} Array to process
-     * @return {Number | null} The highest of all values or undefined if array is empty.
+     * @return {Number|null} The highest of all values or undefined if array is empty.
      */
     max(arr) {
       if (qx.core.Environment.get("qx.debug")) {
@@ -446,7 +446,7 @@ qx.Bootstrap.define("qx.lang.Array", {
      * numeric values only.
      *
      * @param arr {Number[]} Array to process
-     * @return {Number | null} The lowest of all values or undefined if array is empty.
+     * @return {Number|null} The lowest of all values or undefined if array is empty.
      */
     min(arr) {
       if (qx.core.Environment.get("qx.debug")) {

package/source/class/qx/lang/Function.js

@@ -173,30 +173,27 @@ qx.Bootstrap.define("qx.lang.Function", {
         return func;
       }
 
-      if (qx.core.Environment.get("qx.debug")) {
-        function testSelf(self) {
-          if (
-            qx.core.Object &&
-            self &&
-            qx.Bootstrap.isObject(self) &&
-            self.isDisposed &&
-            qx.Bootstrap.isFunction(self.isDisposed)
-          ) {
-            if (self.isDisposed()) {
-              qx.core.Assert &&
-                qx.core.Assert.fail(
-                  "Trying to call a bound function with a disposed object as context: " +
-                    self.toString() +
-                    " :: " +
-                    qx.lang.Function.getName(func)
-                );
-            }
-          }
-        }
-      }
-
       return function (event) {
         if (qx.core.Environment.get("qx.debug")) {
+          function testSelf(self) {
+            if (
+              qx.core.Object &&
+              self &&
+              qx.Bootstrap.isObject(self) &&
+              self.isDisposed &&
+              qx.Bootstrap.isFunction(self.isDisposed)
+            ) {
+              if (self.isDisposed()) {
+                qx.core.Assert &&
+                  qx.core.Assert.fail(
+                    "Trying to call a bound function with a disposed object as context: " +
+                      self.toString() +
+                      " :: " +
+                      qx.lang.Function.getName(func)
+                  );
+              }
+            }
+          }
           testSelf(options.self || this);
         }
 

package/source/class/qx/locale/MTranslation.js

@@ -32,7 +32,7 @@ qx.Mixin.define("qx.locale.MTranslation", {
      *
      * @param messageId {String} message id (may contain format strings)
      * @param varargs {Object?} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      */
     tr(messageId, varargs) {
       var nlsManager = qx.locale.Manager;
@@ -55,7 +55,7 @@ qx.Mixin.define("qx.locale.MTranslation", {
      * @param pluralMessageId {String} message id of the plural form (may contain format strings)
      * @param count {Integer} if greater than 1 the plural form otherwise the singular form is returned.
      * @param varargs {Object?} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      */
     trn(singularMessageId, pluralMessageId, count, varargs) {
       var nlsManager = qx.locale.Manager;
@@ -75,7 +75,7 @@ qx.Mixin.define("qx.locale.MTranslation", {
      * @param hint {String} hint for the translator of the message. Will be included in the .po file.
      * @param messageId {String} message id (may contain format strings)
      * @param varargs {Object?} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      */
     trc(hint, messageId, varargs) {
       var nlsManager = qx.locale.Manager;
@@ -99,7 +99,7 @@ qx.Mixin.define("qx.locale.MTranslation", {
      * @param pluralMessageId {String} message id of the plural form (may contain format strings)
      * @param count {Integer} if greater than 1 the plural form otherwise the singular form is returned.
      * @param varargs {Object?} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      */
     trnc(hint, singularMessageId, pluralMessageId, count, varargs) {
       var nlsManager = qx.locale.Manager;

package/source/class/qx/locale/Manager.js

@@ -64,7 +64,7 @@ qx.Class.define("qx.locale.Manager", {
      *
      * @param messageId {String} message id (may contain format strings)
      * @param varargs {Object} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      * @see qx.lang.String.format
      */
     tr(messageId, varargs) {
@@ -82,7 +82,7 @@ qx.Class.define("qx.locale.Manager", {
      * @param pluralMessageId {String} message id of the plural form (may contain format strings)
      * @param count {Integer} singular form if equals 1, otherwise plural
      * @param varargs {Object} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      * @see qx.lang.String.format
      */
     trn(singularMessageId, pluralMessageId, count, varargs) {
@@ -108,7 +108,7 @@ qx.Class.define("qx.locale.Manager", {
      * @param hint {String} hint for the translator of the message. Will be included in the .po file.
      * @param messageId {String} message id (may contain format strings)
      * @param varargs {Object} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      * @see qx.lang.String.format
      */
     trc(hint, messageId, varargs) {
@@ -128,7 +128,7 @@ qx.Class.define("qx.locale.Manager", {
      * @param pluralMessageId {String} message id of the plural form (may contain format strings)
      * @param count {Integer} singular form if equals 1, otherwise plural
      * @param varargs {Object} variable number of arguments applied to the format string
-     * @return {String | LocalizedString} The translated message or localized string
+     * @return {String|LocalizedString} The translated message or localized string
      * @see qx.lang.String.format
      */
     trnc(hint, singularMessageId, pluralMessageId, count, varargs) {
@@ -335,7 +335,7 @@ qx.Class.define("qx.locale.Manager", {
      * @param messageId {String} message id (may contain format strings)
      * @param args {Object[]} array of objects, which are inserted into the format string
      * @param locale {String ? #locale} locale to be used; if not given, defaults to the value of {@link #locale}
-     * @return {String | LocalizedString} translated message or localized string
+     * @return {String|LocalizedString} translated message or localized string
      */
     translate(messageId, args, locale) {
       var catalog = this.__translations;
@@ -353,7 +353,7 @@ qx.Class.define("qx.locale.Manager", {
      * @param messageId {String} message id (may contain format strings)
      * @param args {Object[]} array of objects, which are inserted into the format string
      * @param locale {String ? #locale} locale to be used; if not given, defaults to the value of {@link #locale}
-     * @return {String | LocalizedString} translated message or localized string
+     * @return {String|LocalizedString} translated message or localized string
      */
     localize(messageId, args, locale) {
       var catalog = this.__locales;
@@ -372,7 +372,7 @@ qx.Class.define("qx.locale.Manager", {
      * @param messageId {String} message id (may contain format strings)
      * @param args {Object[]} array of objects, which are inserted into the format string
      * @param locale {String ? #locale} locale to be used; if not given, defaults to the value of {@link #locale}
-     * @return {String | LocalizedString} translated message or localized string
+     * @return {String|LocalizedString} translated message or localized string
      */
     __lookupAndExpand(catalog, messageId, args, locale) {
       if (qx.core.Environment.get("qx.debug")) {

package/source/class/qx/module/util/Array.js

@@ -111,7 +111,7 @@ qx.Bootstrap.define("qx.module.util.Array", {
      * @attachStatic {qxWeb, array.max}
      *
      * @param arr {Array} Array to process.
-     * @return {Number | undefined} The highest of all values or undefined if array is empty.
+     * @return {Number|undefined} The highest of all values or undefined if array is empty.
      */
     max: qx.lang.Array.max,
 
@@ -123,7 +123,7 @@ qx.Bootstrap.define("qx.module.util.Array", {
      * @attachStatic {qxWeb, array.min}
      *
      * @param arr {Array} Array to process.
-     * @return {Number | undefined} The lowest of all values or undefined if array is empty.
+     * @return {Number|undefined} The lowest of all values or undefined if array is empty.
      */
     min: qx.lang.Array.min,
 

package/source/class/qx/theme/IndigoDark.js

@@ -0,0 +1,28 @@
+/* ************************************************************************
+
+   qooxdoo - the new era of web development
+
+   http://qooxdoo.org
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+     See the LICENSE file in the project's top-level directory for details.
+
+   Authors:
+     * Scott Knick (sknick)
+
+************************************************************************ */
+/**
+ * IndigoDark Theme
+ */
+qx.Theme.define("qx.theme.IndigoDark", {
+  title: "IndigoDark",
+
+  meta: {
+    color: qx.theme.indigo.ColorDark,
+    decoration: qx.theme.indigo.Decoration,
+    font: qx.theme.indigo.Font,
+    appearance: qx.theme.indigo.AppearanceDark,
+    icon: qx.theme.icon.Tango
+  }
+});

package/source/class/qx/theme/indigo/AppearanceDark.js

@@ -0,0 +1,186 @@
+/* ************************************************************************
+
+   qooxdoo - the new era of web development
+
+   http://qooxdoo.org
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+     See the LICENSE file in the project's top-level directory for details.
+
+   Authors:
+     * Scott Knick (sknick)
+
+************************************************************************* */
+
+/* ************************************************************************
+
+
+************************************************************************* */
+
+/**
+ * The Indigo qooxdoo dark appearance theme.
+ *
+ * @asset(qx/icon/${qx.icontheme}/16/apps/office-calendar.png)
+ * @asset(qx/icon/${qx.icontheme}/16/places/folder-open.png)
+ * @asset(qx/icon/${qx.icontheme}/16/places/folder.png)
+ * @asset(qx/icon/${qx.icontheme}/16/mimetypes/text-plain.png)
+ * @asset(qx/icon/${qx.icontheme}/16/actions/view-refresh.png)
+ * @asset(qx/icon/${qx.icontheme}/16/actions/window-close.png)
+ * @asset(qx/icon/${qx.icontheme}/16/actions/dialog-cancel.png)
+ * @asset(qx/icon/${qx.icontheme}/16/actions/dialog-ok.png)
+ */
+qx.Theme.define("qx.theme.indigo.AppearanceDark", {
+  extend: qx.theme.indigo.Appearance,
+
+  appearances: {
+    "progressbar": {
+      style(states) {
+        return {
+          decorator: "progressbar",
+          padding: 1,
+          backgroundColor: "light-background",
+          width: 200,
+          height: 20
+        };
+      }
+    },
+
+    "tabview-page/button": {
+      style(states) {
+        var decorator;
+
+        // default padding
+        if (states.barTop || states.barBottom) {
+          var padding = [8, 16, 8, 13];
+        } else {
+          var padding = [8, 4, 8, 4];
+        }
+
+        // decorator
+        if (states.checked) {
+          if (states.barTop) {
+            decorator = "tabview-page-button-top";
+          } else if (states.barBottom) {
+            decorator = "tabview-page-button-bottom";
+          } else if (states.barRight) {
+            decorator = "tabview-page-button-right";
+          } else if (states.barLeft) {
+            decorator = "tabview-page-button-left";
+          }
+        } else {
+          for (var i = 0; i < padding.length; i++) {
+            padding[i] += 1;
+          }
+          // reduce the size by 1 because we have different decorator border width
+          if (states.barTop) {
+            padding[2] -= 1;
+          } else if (states.barBottom) {
+            padding[0] -= 1;
+          } else if (states.barRight) {
+            padding[3] -= 1;
+          } else if (states.barLeft) {
+            padding[1] -= 1;
+          }
+        }
+
+        return {
+          zIndex: states.checked ? 10 : 5,
+          decorator: decorator,
+          textColor: states.disabled
+            ? "text-disabled"
+            : states.checked
+              ? "font"
+              : "tabview-unselected",
+          padding: padding,
+          cursor: "pointer"
+        };
+      }
+    },
+
+    "textfield": {
+      style(states) {
+        var textColor;
+        if (states.disabled) {
+          textColor = "text-disabled";
+        } else if (states.showingPlaceholder) {
+          textColor = "text-placeholder";
+        } else {
+          textColor = undefined;
+        }
+
+        var decorator;
+        var padding;
+        if (states.disabled) {
+          decorator = "inset";
+          padding = [2, 3];
+        } else if (states.invalid) {
+          decorator = "border-invalid";
+          padding = [1, 2];
+        } else if (states.focused) {
+          decorator = "focused-inset";
+          padding = [1, 2];
+        } else {
+          padding = [2, 3];
+          decorator = "inset";
+        }
+
+        return {
+          decorator: decorator,
+          padding: padding,
+          textColor: textColor,
+          backgroundColor: states.disabled ? "background-disabled" : "light-background"
+        };
+      }
+    },
+
+    "window/minimize-button": {
+      alias: "button",
+
+      style(states) {
+        return {
+          icon: qx.theme.indigo.ImageDark.URLS["window-minimize"],
+          padding: [1, 2],
+          cursor: states.disabled ? undefined : "pointer"
+        };
+      }
+    },
+
+    "window/restore-button": {
+      alias: "button",
+
+      style(states) {
+        return {
+          icon: qx.theme.indigo.ImageDark.URLS["window-restore"],
+          padding: [1, 2],
+          cursor: states.disabled ? undefined : "pointer"
+        };
+      }
+    },
+
+    "window/maximize-button": {
+      alias: "button",
+
+      style(states) {
+        return {
+          icon: qx.theme.indigo.ImageDark.URLS["window-maximize"],
+          padding: [1, 2],
+          cursor: states.disabled ? undefined : "pointer"
+        };
+      }
+    },
+
+    "window/close-button": {
+      alias: "button",
+
+      style(states) {
+        return {
+          marginLeft: 2,
+          icon: qx.theme.indigo.ImageDark.URLS["window-close"],
+          padding: [1, 2],
+          cursor: states.disabled ? undefined : "pointer"
+        };
+      }
+    }
+  }
+});

package/source/class/qx/theme/indigo/ColorDark.js

@@ -0,0 +1,117 @@
+/* ************************************************************************
+
+   qooxdoo - the new era of web development
+
+   http://qooxdoo.org
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+     See the LICENSE file in the project's top-level directory for details.
+
+   Authors:
+     * Scott Knick (sknick)
+
+************************************************************************ */
+
+/**
+ * Indigo dark color theme
+ */
+qx.Theme.define("qx.theme.indigo.ColorDark", {
+  colors: {
+    // main
+    "background": "#333333",
+    "dark-blue": "#323335",
+    "light-background": "#444444",
+    "font": "#dddddd",
+
+    "highlight": "#eeeeee",
+    "highlight-shade": "#dddddd",
+
+    // backgrounds
+    "background-selected": "#666666",
+    "background-selected-disabled": "#777777",
+    "background-selected-dark": "#333333",
+    "background-disabled": "#444444",
+    "background-disabled-checked": "#bbbbbb",
+    "background-pane": "#333333",
+
+    // tabview
+    "tabview-unselected": "#aaaaaa",
+    "tabview-button-border": "#444444",
+    "tabview-label-active-disabled": "#d9d9d9",
+
+    // text colors
+    "link": "#ffffff",
+
+    // scrollbar
+    "scrollbar-bright": "#555555",
+    "scrollbar-dark": "#333333",
+
+    // form
+    "button": "#444444",
+    "button-border": "#666666",
+    "button-border-hovered": "#939393",
+    "invalid": "#d44a56",
+    "button-box-bright": "#555555",
+    "button-box-dark": "#444444",
+    "button-box-bright-pressed": "#333333",
+    "button-box-dark-pressed": "#222222",
+    "border-lead": "#888888",
+
+    // window
+    "window-border": "#444444",
+    "window-border-inner": "#666666",
+
+    // group box
+    "white-box-border": "#444444",
+
+    // shadows
+    "shadow": qx.core.Environment.get("css.rgba")
+    ? "rgba(0, 0, 0, 0.4)"
+    : "#666666",
+
+    // borders
+    "border-main": "#444444",
+    "border-light": "#666666",
+    "border-light-shadow": "#555555",
+
+    // separator
+    "border-separator": "#808080",
+
+    // text
+    "text": "#dddddd",
+    "text-disabled": "#666666",
+    "text-selected": "#ffffff",
+    "text-placeholder": "#cbc8cd",
+
+    // tooltip
+    "tooltip": "#666666",
+    "tooltip-text": "#dddddd",
+
+    // table
+    "table-header": "#f2f2f2",
+    "table-focus-indicator": "#eeeeee",
+
+    // used in table code
+    "table-header-cell": "#ebeadb",
+    "table-row-background-focused-selected": "#666666",
+    "table-row-background-focused": "#666666",
+    "table-row-background-selected": "#666666",
+    "table-row-background-even": "#333333",
+    "table-row-background-odd": "#333333",
+    "table-row-selected": "#eeeeee",
+    "table-row": "#eeeeee",
+    "table-row-line": "#555555",
+    "table-column-line": "#555555",
+
+    // used in progressive code
+    "progressive-table-header": "#ebeadb",
+    "progressive-table-row-background-even": "#333333",
+    "progressive-table-row-background-odd": "#333333",
+    "progressive-progressbar-background": "gray",
+    "progressive-progressbar-indicator-done": "#cccccc",
+    "progressive-progressbar-indicator-undone": "#ffffff",
+    "progressive-progressbar-percent-background": "gray",
+    "progressive-progressbar-percent-text": "#ffffff"
+  }
+});