@qooxdoo/framework 7.0.0-beta.5 → 7.0.0-beta.9

package/source/class/qx/ui/virtual/core/Axis.js

@@ -21,17 +21,15 @@
  * items have the same size but it is also possible to give specific items
  * a different size.
  */
-qx.Class.define("qx.ui.virtual.core.Axis",
-{
-  extend : qx.core.Object,
+qx.Class.define("qx.ui.virtual.core.Axis", {
+  extend: qx.core.Object,
 
   /**
    * @param defaultItemSize {Integer} The default size of the items.
    * @param itemCount {Integer} The number of item on the axis.
    */
-  construct : function(defaultItemSize, itemCount)
-  {
-    this.base(arguments);
+  construct(defaultItemSize, itemCount) {
+    super();
 
     this.itemCount = itemCount;
     this.defaultItemSize = defaultItemSize;
@@ -40,71 +38,58 @@ qx.Class.define("qx.ui.virtual.core.Axis",
     this.customSizes = {};
   },
 
-
-  events :
-  {
+  events: {
     /** Every change to the axis configuration triggers this event. */
-    "change" : "qx.event.type.Event"
+    change: "qx.event.type.Event"
   },
 
-
-  members :
-  {
-    __ranges : null,
-
+  members: {
+    __ranges: null,
 
     /**
      * Get the default size of the items.
      *
      * @return {Integer} The default item size.
      */
-    getDefaultItemSize : function() {
+    getDefaultItemSize() {
       return this.defaultItemSize;
     },
 
-
     /**
      * Set the default size the items.
      *
      * @param defaultItemSize {Integer} The default size of the items.
      */
-    setDefaultItemSize : function(defaultItemSize)
-    {
-      if (this.defaultItemSize !== defaultItemSize)
-      {
+    setDefaultItemSize(defaultItemSize) {
+      if (this.defaultItemSize !== defaultItemSize) {
         this.defaultItemSize = defaultItemSize;
         this.__ranges = null;
         this.fireNonBubblingEvent("change");
       }
     },
 
-
     /**
      * Get the number of items in the axis.
      *
      * @return {Integer} The number of items.
      */
-    getItemCount : function() {
+    getItemCount() {
       return this.itemCount;
     },
 
-
     /**
      * Set the number of items in the axis.
      *
      * @param itemCount {Integer} The new item count.
      */
-    setItemCount : function(itemCount)
-    {
-      if (this.itemCount !== itemCount)
-      {
+    setItemCount(itemCount) {
+      if (this.itemCount !== itemCount) {
         this.itemCount = itemCount;
         this.__ranges = null;
         this.fireNonBubblingEvent("change");
       }
     },
 
-
     /**
      * Sets the size of a specific item. This allow item, which have a size
      * different from the default size.
@@ -112,10 +97,8 @@ qx.Class.define("qx.ui.virtual.core.Axis",
      * @param index {Integer} Index of the item to change.
      * @param size {Integer} New size of the item.
      */
-    setItemSize : function(index, size)
-    {
-      if (qx.core.Environment.get("qx.debug"))
-      {
+    setItemSize(index, size) {
+      if (qx.core.Environment.get("qx.debug")) {
         this.assertArgumentsCount(arguments, 2, 2);
         this.assert(
           size >= 0 || size === null,
@@ -135,31 +118,26 @@ qx.Class.define("qx.ui.virtual.core.Axis",
       this.fireNonBubblingEvent("change");
     },
 
-
     /**
      * Get the size of the item at the given index.
      *
      * @param index {Integer} Index of the item to get the size for.
      * @return {Integer} Size of the item.
      */
-    getItemSize : function(index)
-    {
+    getItemSize(index) {
       // custom size of 0 is not allowed
       return this.customSizes[index] || this.defaultItemSize;
     },
 
-
     /**
      * Reset all custom sizes set with {@link #setItemSize}.
      */
-    resetItemSizes : function()
-    {
+    resetItemSizes() {
       this.customSizes = {};
       this.__ranges = null;
       this.fireNonBubblingEvent("change");
     },
 
-
     /**
      * Split the position range into disjunct intervals. Each interval starts
      * with a custom sized cell. Each position is contained in exactly one range.
@@ -169,8 +147,7 @@ qx.Class.define("qx.ui.virtual.core.Axis",
      *
      * @return {Map[]} The sorted list of ranges.
      */
-    __getRanges : function()
-    {
+    __getRanges() {
       if (this.__ranges) {
         return this.__ranges;
       }
@@ -179,33 +156,35 @@ qx.Class.define("qx.ui.virtual.core.Axis",
       var itemCount = this.itemCount;
 
       var indexes = [];
-      for (var key in this.customSizes)
-      {
+      for (var key in this.customSizes) {
         var index = parseInt(key, 10);
         if (index < itemCount) {
           indexes.push(index);
         }
       }
-      if (indexes.length == 0)
-      {
-        var ranges = [{
-          startIndex: 0,
-          endIndex: itemCount - 1,
-          firstItemSize: defaultSize,
-          rangeStart: 0,
-          rangeEnd: itemCount * defaultSize - 1
-        }];
+      if (indexes.length == 0) {
+        var ranges = [
+          {
+            startIndex: 0,
+            endIndex: itemCount - 1,
+            firstItemSize: defaultSize,
+            rangeStart: 0,
+            rangeEnd: itemCount * defaultSize - 1
+          }
+        ];
+
         this.__ranges = ranges;
         return ranges;
       }
 
-      indexes.sort(function(a,b) { return a > b ? 1 : -1;});
+      indexes.sort(function (a, b) {
+        return a > b ? 1 : -1;
+      });
 
       var ranges = [];
       var correctionSum = 0;
 
-      for (var i=0; i<indexes.length; i++)
-      {
+      for (var i = 0; i < indexes.length; i++) {
         var index = indexes[i];
         if (index >= itemCount) {
           break;
@@ -221,35 +200,36 @@ qx.Class.define("qx.ui.virtual.core.Axis",
           firstItemSize: cellSize,
           rangeStart: rangeStart
         };
+
         if (i > 0) {
-          ranges[i-1].rangeEnd = rangeStart-1;
-          ranges[i-1].endIndex = index-1;
+          ranges[i - 1].rangeEnd = rangeStart - 1;
+          ranges[i - 1].endIndex = index - 1;
         }
       }
 
       // fix first range
-      if (ranges[0].rangeStart > 0)
-      {
+      if (ranges[0].rangeStart > 0) {
         ranges.unshift({
           startIndex: 0,
-          endIndex: ranges[0].startIndex-1,
+          endIndex: ranges[0].startIndex - 1,
           firstItemSize: defaultSize,
           rangeStart: 0,
-          rangeEnd: ranges[0].rangeStart-1
+          rangeEnd: ranges[0].rangeStart - 1
         });
       }
 
       // fix last range
-      var lastRange = ranges[ranges.length-1];
-      var remainingItemsSize = (itemCount - lastRange.startIndex - 1) * defaultSize;
-      lastRange.rangeEnd = lastRange.rangeStart + lastRange.firstItemSize + remainingItemsSize - 1;
+      var lastRange = ranges[ranges.length - 1];
+      var remainingItemsSize =
+        (itemCount - lastRange.startIndex - 1) * defaultSize;
+      lastRange.rangeEnd =
+        lastRange.rangeStart + lastRange.firstItemSize + remainingItemsSize - 1;
       lastRange.endIndex = itemCount - 1;
 
       this.__ranges = ranges;
       return ranges;
     },
 
-
     /**
      * Returns the range, which contains the position
      *
@@ -258,16 +238,14 @@ qx.Class.define("qx.ui.virtual.core.Axis",
      * @param position {Integer} The position.
      * @return {Map} The range, which contains the given position.
      */
-    __findRangeByPosition : function(position)
-    {
+    __findRangeByPosition(position) {
       var ranges = this.__ranges || this.__getRanges();
 
       var start = 0;
-      var end = ranges.length-1;
+      var end = ranges.length - 1;
 
       // binary search in the sorted ranges list
-      while (true)
-      {
+      while (true) {
         var pivot = start + ((end - start) >> 1);
         var range = ranges[pivot];
 
@@ -281,7 +259,6 @@ qx.Class.define("qx.ui.virtual.core.Axis",
       }
     },
 
-
     /**
      * Get the item and the offset into the item at the given position.
      *
@@ -291,8 +268,7 @@ qx.Class.define("qx.ui.virtual.core.Axis",
      *    position and offsets specifies offset into this item. If the position
      *    is outside of the range, <code>null</code> is returned.
      */
-    getItemAtPosition : function(position)
-    {
+    getItemAtPosition(position) {
       if (position < 0 || position >= this.getTotalSize()) {
         return null;
       }
@@ -303,24 +279,23 @@ qx.Class.define("qx.ui.virtual.core.Axis",
       var index = range.startIndex;
       var firstItemSize = range.firstItemSize;
 
-      if (startPos + firstItemSize > position)
-      {
+      if (startPos + firstItemSize > position) {
         return {
           index: index,
           offset: position - startPos
         };
-      }
-      else
-      {
+      } else {
         var defaultSize = this.defaultItemSize;
         return {
-          index: index + 1 + Math.floor((position - startPos - firstItemSize) / defaultSize),
+          index:
+            index +
+            1 +
+            Math.floor((position - startPos - firstItemSize) / defaultSize),
           offset: (position - startPos - firstItemSize) % defaultSize
         };
       }
     },
 
-
     /**
      * Returns the range, which contains the position.
      *
@@ -329,16 +304,14 @@ qx.Class.define("qx.ui.virtual.core.Axis",
      * @param index {Integer} The index of the item to get the range for.
      * @return {Map} The range for the index.
      */
-    __findRangeByIndex : function(index)
-    {
+    __findRangeByIndex(index) {
       var ranges = this.__ranges || this.__getRanges();
 
       var start = 0;
-      var end = ranges.length-1;
+      var end = ranges.length - 1;
 
       // binary search in the sorted ranges list
-      while (true)
-      {
+      while (true) {
         var pivot = start + ((end - start) >> 1);
         var range = ranges[pivot];
 
@@ -352,7 +325,6 @@ qx.Class.define("qx.ui.virtual.core.Axis",
       }
     },
 
-
     /**
      * Get the start position of the item with the given index.
      *
@@ -360,8 +332,7 @@ qx.Class.define("qx.ui.virtual.core.Axis",
      * @return {Integer|null} The start position of the item. If the index is outside
      *    of the axis range <code>null</code> is returned.
      */
-    getItemPosition : function(index)
-    {
+    getItemPosition(index) {
       if (index < 0 || index >= this.itemCount) {
         return null;
       }
@@ -370,23 +341,24 @@ qx.Class.define("qx.ui.virtual.core.Axis",
       if (range.startIndex == index) {
         return range.rangeStart;
       } else {
-        return range.rangeStart + range.firstItemSize + (index-range.startIndex-1) * this.defaultItemSize;
+        return (
+          range.rangeStart +
+          range.firstItemSize +
+          (index - range.startIndex - 1) * this.defaultItemSize
+        );
       }
     },
 
-
     /**
      * Returns the sum of all cell sizes.
      *
      * @return {Integer} The sum of all item sizes.
      */
-    getTotalSize : function()
-    {
+    getTotalSize() {
       var ranges = this.__ranges || this.__getRanges();
-      return ranges[ranges.length-1].rangeEnd + 1;
+      return ranges[ranges.length - 1].rangeEnd + 1;
     },
 
-
     /**
      * Get an array of item sizes starting with the item at "startIndex". The
      * sum of all sizes in the returned array is at least "minSizeSum".
@@ -397,17 +369,18 @@ qx.Class.define("qx.ui.virtual.core.Axis",
      *    at index <code>startIndex</code>. The sum of the item sizes is at least
      *    <code>minSizeSum</code>.
      */
-    getItemSizes : function(startIndex, minSizeSum)
-    {
+    getItemSizes(startIndex, minSizeSum) {
       var customSizes = this.customSizes;
       var defaultSize = this.defaultItemSize;
 
       var sum = 0;
       var sizes = [];
-      var i=0;
-      while (sum < minSizeSum)
-      {
-        var itemSize = customSizes[startIndex] != null ? customSizes[startIndex] : defaultSize;
+      var i = 0;
+      while (sum < minSizeSum) {
+        var itemSize =
+          customSizes[startIndex] != null
+            ? customSizes[startIndex]
+            : defaultSize;
         startIndex++;
 
         sum += itemSize;
@@ -420,8 +393,7 @@ qx.Class.define("qx.ui.virtual.core.Axis",
     }
   },
 
-
-  destruct : function() {
+  destruct() {
     this.customSizes = this.__ranges = null;
   }
 });

package/source/class/qx/ui/virtual/core/CellEvent.js

@@ -21,46 +21,38 @@
  * A cell event instance contains all data for pointer events related to cells in
  * a pane.
  **/
-qx.Class.define("qx.ui.virtual.core.CellEvent",
-{
-  extend : qx.event.type.Pointer,
+qx.Class.define("qx.ui.virtual.core.CellEvent", {
+  extend: qx.event.type.Pointer,
 
-
-  properties :
-  {
+  properties: {
     /** The table row of the event target. */
-    row :
-    {
-      check : "Integer",
+    row: {
+      check: "Integer",
       nullable: true
     },
 
     /** The table column of the event target. */
-    column :
-    {
-      check : "Integer",
+    column: {
+      check: "Integer",
       nullable: true
     }
   },
 
-
-  members :
-  {
-     /**
-      * Initialize the event.
-      *
-      * @param scroller {qx.ui.table.pane.Scroller} The tables pane scroller.
-      * @param me {qx.event.type.Pointer} The original pointer event.
-      * @param row {Integer?null} The cell's row index.
-      * @param column {Integer?null} The cell's column index.
-      */
-     init : function(scroller, me, row, column)
-     {
-       me.clone(this);
-       this.setBubbles(false);
-
-       this.setRow(row);
-       this.setColumn(column);
-     }
+  members: {
+    /**
+     * Initialize the event.
+     *
+     * @param scroller {qx.ui.table.pane.Scroller} The tables pane scroller.
+     * @param me {qx.event.type.Pointer} The original pointer event.
+     * @param row {Integer?null} The cell's row index.
+     * @param column {Integer?null} The cell's column index.
+     */
+    init(scroller, me, row, column) {
+      me.clone(this);
+      this.setBubbles(false);
+
+      this.setRow(row);
+      this.setColumn(column);
+    }
   }
 });

package/source/class/qx/ui/virtual/core/IHtmlCellProvider.js

@@ -20,10 +20,8 @@
  * A HTML cell provider provides the {@link qx.ui.virtual.layer.HtmlCell}
  * with HTML fragments to render the cells.
  */
-qx.Interface.define("qx.ui.virtual.core.IHtmlCellProvider",
-{
-  members :
-  {
+qx.Interface.define("qx.ui.virtual.core.IHtmlCellProvider", {
+  members: {
     /**
      * Returns all relevant properties of the cell:
      * <ul>
@@ -40,6 +38,6 @@ qx.Interface.define("qx.ui.virtual.core.IHtmlCellProvider",
      *
      * @return {Map} Cell properties (see above.)
      */
-    getCellProperties : function(row, column) {}
+    getCellProperties(row, column) {}
   }
-});
+});

package/source/class/qx/ui/virtual/core/ILayer.js

@@ -20,10 +20,8 @@
  * A layer is responsible to render one aspect of a virtual pane. The pane tells
  * each layer to render/update a specific window of the virtual grid.
  */
-qx.Interface.define("qx.ui.virtual.core.ILayer",
-{
-  members :
-  {
+qx.Interface.define("qx.ui.virtual.core.ILayer", {
+  members: {
     /**
      * Do a complete update of the layer. All cached data should be discarded.
      * This method is called e.g. after changes to the grid geometry
@@ -37,10 +35,7 @@ qx.Interface.define("qx.ui.virtual.core.ILayer",
      * @param rowSizes {Integer[]} Array of heights for each row to display.
      * @param columnSizes {Integer[]} Array of widths for each column to display.
      */
-    fullUpdate : function(
-      firstRow, firstColumn,
-      rowSizes, columnSizes
-    ) {
+    fullUpdate(firstRow, firstColumn, rowSizes, columnSizes) {
       this.assertArgumentsCount(arguments, 6, 6);
       this.assertPositiveInteger(firstRow);
       this.assertPositiveInteger(firstColumn);
@@ -48,7 +43,6 @@ qx.Interface.define("qx.ui.virtual.core.ILayer",
       this.assertArray(columnSizes);
     },
 
-
     /**
      * Update the layer to display a different window of the virtual grid.
      * This method is called if the pane is scrolled, resized or cells
@@ -64,10 +58,7 @@ qx.Interface.define("qx.ui.virtual.core.ILayer",
      * @param rowSizes {Integer[]} Array of heights for each row to display.
      * @param columnSizes {Integer[]} Array of widths for each column to display.
      */
-    updateLayerWindow : function(
-      firstRow, firstColumn,
-      rowSizes, columnSizes
-    ) {
+    updateLayerWindow(firstRow, firstColumn, rowSizes, columnSizes) {
       this.assertArgumentsCount(arguments, 6, 6);
       this.assertPositiveInteger(firstRow);
       this.assertPositiveInteger(firstColumn);
@@ -75,10 +66,9 @@ qx.Interface.define("qx.ui.virtual.core.ILayer",
       this.assertArray(columnSizes);
     },
 
-
     /**
      * Update the layer to reflect changes in the data the layer displays.
      */
-    updateLayerData : function() {}
+    updateLayerData() {}
   }
 });

package/source/class/qx/ui/virtual/core/IWidgetCellProvider.js

@@ -21,10 +21,8 @@
  * with configured widgets to render the cells and pools/releases unused
  * cell widgets.
  */
-qx.Interface.define("qx.ui.virtual.core.IWidgetCellProvider",
-{
-  members :
-  {
+qx.Interface.define("qx.ui.virtual.core.IWidgetCellProvider", {
+  members: {
     /**
      * This method returns the configured cell for the given cell. The return
      * value may be <code>null</code> to indicate that the cell should be empty.
@@ -33,13 +31,13 @@ qx.Interface.define("qx.ui.virtual.core.IWidgetCellProvider",
      * @param column {Integer} The cell's column index.
      * @return {qx.ui.core.LayoutItem} The configured widget for the given cell.
      */
-    getCellWidget : function(row, column) {},
+    getCellWidget(row, column) {},
 
     /**
      * Release the given cell widget. Either pool or destroy the widget.
      *
      * @param widget {qx.ui.core.LayoutItem} The cell widget to pool.
      */
-    poolCellWidget : function(widget) {}
+    poolCellWidget(widget) {}
   }
-});
+});