@deck.gl/aggregation-layers 8.10.0-alpha.4 → 8.10.0-alpha.5

package/dist/es5/utils/gpu-grid-aggregation/gpu-grid-aggregator.js

@@ -11,8 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _core = require("@luma.gl/core");
 
 var _shadertools = require("@luma.gl/shadertools");
@@ -54,6 +52,64 @@ var ARRAY_BUFFER_MAP = {
 var REQUIRED_FEATURES = [_core.FEATURES.WEBGL2, _core.FEATURES.COLOR_ATTACHMENT_RGBA32F, _core.FEATURES.BLEND_EQUATION_MINMAX, _core.FEATURES.FLOAT_BLEND, _core.FEATURES.TEXTURE_FLOAT];
 
 var GPUGridAggregator = function () {
+  GPUGridAggregator.getAggregationData = function getAggregationData(_ref) {
+    var aggregationData = _ref.aggregationData,
+        maxData = _ref.maxData,
+        minData = _ref.minData,
+        maxMinData = _ref.maxMinData,
+        pixelIndex = _ref.pixelIndex;
+    var index = pixelIndex * _gpuGridAggregatorConstants.PIXEL_SIZE;
+    var results = {};
+
+    if (aggregationData) {
+      results.cellCount = aggregationData[index + 3];
+      results.cellWeight = aggregationData[index];
+    }
+
+    if (maxMinData) {
+      results.maxCellWieght = maxMinData[0];
+      results.minCellWeight = maxMinData[3];
+    } else {
+      if (maxData) {
+        results.maxCellWieght = maxData[0];
+        results.totalCount = maxData[3];
+      }
+
+      if (minData) {
+        results.minCellWeight = minData[0];
+        results.totalCount = maxData[3];
+      }
+    }
+
+    return results;
+  };
+
+  GPUGridAggregator.getCellData = function getCellData(_ref2) {
+    var countsData = _ref2.countsData,
+        _ref2$size = _ref2.size,
+        size = _ref2$size === void 0 ? 1 : _ref2$size;
+    var numCells = countsData.length / 4;
+    var cellWeights = new Float32Array(numCells * size);
+    var cellCounts = new Uint32Array(numCells);
+
+    for (var i = 0; i < numCells; i++) {
+      for (var sizeIndex = 0; sizeIndex < size; sizeIndex++) {
+        cellWeights[i * size + sizeIndex] = countsData[i * 4 + sizeIndex];
+      }
+
+      cellCounts[i] = countsData[i * 4 + 3];
+    }
+
+    return {
+      cellCounts: cellCounts,
+      cellWeights: cellWeights
+    };
+  };
+
+  GPUGridAggregator.isSupported = function isSupported(gl) {
+    return (0, _core.hasFeatures)(gl, REQUIRED_FEATURES);
+  };
+
   function GPUGridAggregator(gl) {
     var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     (0, _classCallCheck2.default)(this, GPUGridAggregator);
@@ -79,595 +135,518 @@ var GPUGridAggregator = function () {
     }
   }
 
-  (0, _createClass2.default)(GPUGridAggregator, [{
-    key: "delete",
-    value: function _delete() {
-      var gridAggregationModel = this.gridAggregationModel,
-          allAggregationModel = this.allAggregationModel,
-          meanTransform = this.meanTransform;
-      var _this$state = this.state,
-          textures = _this$state.textures,
-          framebuffers = _this$state.framebuffers,
-          maxMinFramebuffers = _this$state.maxMinFramebuffers,
-          minFramebuffers = _this$state.minFramebuffers,
-          maxFramebuffers = _this$state.maxFramebuffers,
-          meanTextures = _this$state.meanTextures,
-          resources = _this$state.resources;
-      gridAggregationModel === null || gridAggregationModel === void 0 ? void 0 : gridAggregationModel.delete();
-      allAggregationModel === null || allAggregationModel === void 0 ? void 0 : allAggregationModel.delete();
-      meanTransform === null || meanTransform === void 0 ? void 0 : meanTransform.delete();
-      deleteResources([framebuffers, textures, maxMinFramebuffers, minFramebuffers, maxFramebuffers, meanTextures, resources]);
+  var _proto = GPUGridAggregator.prototype;
+
+  _proto.delete = function _delete() {
+    var gridAggregationModel = this.gridAggregationModel,
+        allAggregationModel = this.allAggregationModel,
+        meanTransform = this.meanTransform;
+    var _this$state = this.state,
+        textures = _this$state.textures,
+        framebuffers = _this$state.framebuffers,
+        maxMinFramebuffers = _this$state.maxMinFramebuffers,
+        minFramebuffers = _this$state.minFramebuffers,
+        maxFramebuffers = _this$state.maxFramebuffers,
+        meanTextures = _this$state.meanTextures,
+        resources = _this$state.resources;
+    gridAggregationModel === null || gridAggregationModel === void 0 ? void 0 : gridAggregationModel.delete();
+    allAggregationModel === null || allAggregationModel === void 0 ? void 0 : allAggregationModel.delete();
+    meanTransform === null || meanTransform === void 0 ? void 0 : meanTransform.delete();
+    deleteResources([framebuffers, textures, maxMinFramebuffers, minFramebuffers, maxFramebuffers, meanTextures, resources]);
+  };
+
+  _proto.run = function run() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.setState({
+      results: {}
+    });
+
+    var aggregationParams = this._normalizeAggregationParams(opts);
+
+    if (!this._hasGPUSupport) {
+      _core2.log.log(1, 'GPUGridAggregator: not supported')();
     }
-  }, {
-    key: "run",
-    value: function run() {
-      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      this.setState({
-        results: {}
-      });
 
-      var aggregationParams = this._normalizeAggregationParams(opts);
+    return this._runAggregation(aggregationParams);
+  };
 
-      if (!this._hasGPUSupport) {
-        _core2.log.log(1, 'GPUGridAggregator: not supported')();
-      }
+  _proto.getData = function getData(weightId) {
+    var data = {};
+    var results = this.state.results;
 
-      return this._runAggregation(aggregationParams);
+    if (!results[weightId].aggregationData) {
+      results[weightId].aggregationData = results[weightId].aggregationBuffer.getData();
     }
-  }, {
-    key: "getData",
-    value: function getData(weightId) {
-      var data = {};
-      var results = this.state.results;
-
-      if (!results[weightId].aggregationData) {
-        results[weightId].aggregationData = results[weightId].aggregationBuffer.getData();
-      }
 
-      data.aggregationData = results[weightId].aggregationData;
+    data.aggregationData = results[weightId].aggregationData;
 
-      for (var arrayName in ARRAY_BUFFER_MAP) {
-        var bufferName = ARRAY_BUFFER_MAP[arrayName];
+    for (var arrayName in ARRAY_BUFFER_MAP) {
+      var bufferName = ARRAY_BUFFER_MAP[arrayName];
 
-        if (results[weightId][arrayName] || results[weightId][bufferName]) {
-          results[weightId][arrayName] = results[weightId][arrayName] || results[weightId][bufferName].getData();
-          data[arrayName] = results[weightId][arrayName];
-        }
+      if (results[weightId][arrayName] || results[weightId][bufferName]) {
+        results[weightId][arrayName] = results[weightId][arrayName] || results[weightId][bufferName].getData();
+        data[arrayName] = results[weightId][arrayName];
       }
-
-      return data;
     }
-  }, {
-    key: "updateShaders",
-    value: function updateShaders() {
-      var shaderOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      this.setState({
-        shaderOptions: shaderOptions,
-        modelDirty: true
-      });
-    }
-  }, {
-    key: "_normalizeAggregationParams",
-    value: function _normalizeAggregationParams(opts) {
-      var aggregationParams = _objectSpread(_objectSpread({}, _gpuGridAggregatorConstants.DEFAULT_RUN_PARAMS), opts);
 
-      var weights = aggregationParams.weights;
+    return data;
+  };
 
-      if (weights) {
-        aggregationParams.weights = normalizeWeightParams(weights);
-      }
+  _proto.updateShaders = function updateShaders() {
+    var shaderOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.setState({
+      shaderOptions: shaderOptions,
+      modelDirty: true
+    });
+  };
 
-      return aggregationParams;
-    }
-  }, {
-    key: "setState",
-    value: function setState(updateObject) {
-      Object.assign(this.state, updateObject);
+  _proto._normalizeAggregationParams = function _normalizeAggregationParams(opts) {
+    var aggregationParams = _objectSpread(_objectSpread({}, _gpuGridAggregatorConstants.DEFAULT_RUN_PARAMS), opts);
+
+    var weights = aggregationParams.weights;
+
+    if (weights) {
+      aggregationParams.weights = normalizeWeightParams(weights);
     }
-  }, {
-    key: "_getAggregateData",
-    value: function _getAggregateData(opts) {
-      var results = {};
-      var _this$state2 = this.state,
-          textures = _this$state2.textures,
-          framebuffers = _this$state2.framebuffers,
-          maxMinFramebuffers = _this$state2.maxMinFramebuffers,
-          minFramebuffers = _this$state2.minFramebuffers,
-          maxFramebuffers = _this$state2.maxFramebuffers,
-          resources = _this$state2.resources;
-      var weights = opts.weights;
-
-      for (var id in weights) {
-        results[id] = {};
-        var _weights$id = weights[id],
-            needMin = _weights$id.needMin,
-            needMax = _weights$id.needMax,
-            combineMaxMin = _weights$id.combineMaxMin;
-        results[id].aggregationTexture = textures[id];
-        results[id].aggregationBuffer = (0, _core.readPixelsToBuffer)(framebuffers[id], {
-          target: weights[id].aggregationBuffer,
+
+    return aggregationParams;
+  };
+
+  _proto.setState = function setState(updateObject) {
+    Object.assign(this.state, updateObject);
+  };
+
+  _proto._getAggregateData = function _getAggregateData(opts) {
+    var results = {};
+    var _this$state2 = this.state,
+        textures = _this$state2.textures,
+        framebuffers = _this$state2.framebuffers,
+        maxMinFramebuffers = _this$state2.maxMinFramebuffers,
+        minFramebuffers = _this$state2.minFramebuffers,
+        maxFramebuffers = _this$state2.maxFramebuffers,
+        resources = _this$state2.resources;
+    var weights = opts.weights;
+
+    for (var id in weights) {
+      results[id] = {};
+      var _weights$id = weights[id],
+          needMin = _weights$id.needMin,
+          needMax = _weights$id.needMax,
+          combineMaxMin = _weights$id.combineMaxMin;
+      results[id].aggregationTexture = textures[id];
+      results[id].aggregationBuffer = (0, _core.readPixelsToBuffer)(framebuffers[id], {
+        target: weights[id].aggregationBuffer,
+        sourceType: 5126
+      });
+
+      if (needMin && needMax && combineMaxMin) {
+        results[id].maxMinBuffer = (0, _core.readPixelsToBuffer)(maxMinFramebuffers[id], {
+          target: weights[id].maxMinBuffer,
           sourceType: 5126
         });
-
-        if (needMin && needMax && combineMaxMin) {
-          results[id].maxMinBuffer = (0, _core.readPixelsToBuffer)(maxMinFramebuffers[id], {
-            target: weights[id].maxMinBuffer,
+        results[id].maxMinTexture = resources["".concat(id, "-maxMinTexture")];
+      } else {
+        if (needMin) {
+          results[id].minBuffer = (0, _core.readPixelsToBuffer)(minFramebuffers[id], {
+            target: weights[id].minBuffer,
             sourceType: 5126
           });
-          results[id].maxMinTexture = resources["".concat(id, "-maxMinTexture")];
-        } else {
-          if (needMin) {
-            results[id].minBuffer = (0, _core.readPixelsToBuffer)(minFramebuffers[id], {
-              target: weights[id].minBuffer,
-              sourceType: 5126
-            });
-            results[id].minTexture = resources["".concat(id, "-minTexture")];
-          }
+          results[id].minTexture = resources["".concat(id, "-minTexture")];
+        }
 
-          if (needMax) {
-            results[id].maxBuffer = (0, _core.readPixelsToBuffer)(maxFramebuffers[id], {
-              target: weights[id].maxBuffer,
-              sourceType: 5126
-            });
-            results[id].maxTexture = resources["".concat(id, "-maxTexture")];
-          }
+        if (needMax) {
+          results[id].maxBuffer = (0, _core.readPixelsToBuffer)(maxFramebuffers[id], {
+            target: weights[id].maxBuffer,
+            sourceType: 5126
+          });
+          results[id].maxTexture = resources["".concat(id, "-maxTexture")];
         }
       }
+    }
 
-      this._trackGPUResultBuffers(results, weights);
+    this._trackGPUResultBuffers(results, weights);
+
+    return results;
+  };
+
+  _proto._renderAggregateData = function _renderAggregateData(opts) {
+    var cellSize = opts.cellSize,
+        projectPoints = opts.projectPoints,
+        attributes = opts.attributes,
+        moduleSettings = opts.moduleSettings,
+        numCol = opts.numCol,
+        numRow = opts.numRow,
+        weights = opts.weights,
+        translation = opts.translation,
+        scaling = opts.scaling;
+    var _this$state3 = this.state,
+        maxMinFramebuffers = _this$state3.maxMinFramebuffers,
+        minFramebuffers = _this$state3.minFramebuffers,
+        maxFramebuffers = _this$state3.maxFramebuffers;
+    var gridSize = [numCol, numRow];
+    var parameters = {
+      blend: true,
+      depthTest: false,
+      blendFunc: [1, 1]
+    };
+    var uniforms = {
+      cellSize: cellSize,
+      gridSize: gridSize,
+      projectPoints: projectPoints,
+      translation: translation,
+      scaling: scaling
+    };
 
-      return results;
-    }
-  }, {
-    key: "_renderAggregateData",
-    value: function _renderAggregateData(opts) {
-      var cellSize = opts.cellSize,
-          projectPoints = opts.projectPoints,
-          attributes = opts.attributes,
-          moduleSettings = opts.moduleSettings,
-          numCol = opts.numCol,
-          numRow = opts.numRow,
-          weights = opts.weights,
-          translation = opts.translation,
-          scaling = opts.scaling;
-      var _this$state3 = this.state,
-          maxMinFramebuffers = _this$state3.maxMinFramebuffers,
-          minFramebuffers = _this$state3.minFramebuffers,
-          maxFramebuffers = _this$state3.maxFramebuffers;
-      var gridSize = [numCol, numRow];
-      var parameters = {
-        blend: true,
-        depthTest: false,
-        blendFunc: [1, 1]
-      };
-      var uniforms = {
-        cellSize: cellSize,
+    for (var id in weights) {
+      var _weights$id2 = weights[id],
+          needMin = _weights$id2.needMin,
+          needMax = _weights$id2.needMax;
+      var combineMaxMin = needMin && needMax && weights[id].combineMaxMin;
+
+      this._renderToWeightsTexture({
+        id: id,
+        parameters: parameters,
+        moduleSettings: moduleSettings,
+        uniforms: uniforms,
         gridSize: gridSize,
-        projectPoints: projectPoints,
-        translation: translation,
-        scaling: scaling
-      };
-
-      for (var id in weights) {
-        var _weights$id2 = weights[id],
-            needMin = _weights$id2.needMin,
-            needMax = _weights$id2.needMax;
-        var combineMaxMin = needMin && needMax && weights[id].combineMaxMin;
+        attributes: attributes,
+        weights: weights
+      });
 
-        this._renderToWeightsTexture({
+      if (combineMaxMin) {
+        this._renderToMaxMinTexture({
           id: id,
-          parameters: parameters,
-          moduleSettings: moduleSettings,
-          uniforms: uniforms,
+          parameters: _objectSpread(_objectSpread({}, parameters), {}, {
+            blendEquation: _gpuGridAggregatorConstants.MAX_MIN_BLEND_EQUATION
+          }),
           gridSize: gridSize,
-          attributes: attributes,
-          weights: weights
+          minOrMaxFb: maxMinFramebuffers[id],
+          clearParams: {
+            clearColor: [0, 0, 0, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT]
+          },
+          combineMaxMin: combineMaxMin
         });
-
-        if (combineMaxMin) {
+      } else {
+        if (needMin) {
           this._renderToMaxMinTexture({
             id: id,
             parameters: _objectSpread(_objectSpread({}, parameters), {}, {
-              blendEquation: _gpuGridAggregatorConstants.MAX_MIN_BLEND_EQUATION
+              blendEquation: _gpuGridAggregatorConstants.MIN_BLEND_EQUATION
             }),
             gridSize: gridSize,
-            minOrMaxFb: maxMinFramebuffers[id],
+            minOrMaxFb: minFramebuffers[id],
             clearParams: {
-              clearColor: [0, 0, 0, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT]
+              clearColor: [_gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, 0]
             },
             combineMaxMin: combineMaxMin
           });
-        } else {
-          if (needMin) {
-            this._renderToMaxMinTexture({
-              id: id,
-              parameters: _objectSpread(_objectSpread({}, parameters), {}, {
-                blendEquation: _gpuGridAggregatorConstants.MIN_BLEND_EQUATION
-              }),
-              gridSize: gridSize,
-              minOrMaxFb: minFramebuffers[id],
-              clearParams: {
-                clearColor: [_gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, 0]
-              },
-              combineMaxMin: combineMaxMin
-            });
-          }
+        }
 
-          if (needMax) {
-            this._renderToMaxMinTexture({
-              id: id,
-              parameters: _objectSpread(_objectSpread({}, parameters), {}, {
-                blendEquation: _gpuGridAggregatorConstants.MAX_BLEND_EQUATION
-              }),
-              gridSize: gridSize,
-              minOrMaxFb: maxFramebuffers[id],
-              clearParams: {
-                clearColor: [0, 0, 0, 0]
-              },
-              combineMaxMin: combineMaxMin
-            });
-          }
+        if (needMax) {
+          this._renderToMaxMinTexture({
+            id: id,
+            parameters: _objectSpread(_objectSpread({}, parameters), {}, {
+              blendEquation: _gpuGridAggregatorConstants.MAX_BLEND_EQUATION
+            }),
+            gridSize: gridSize,
+            minOrMaxFb: maxFramebuffers[id],
+            clearParams: {
+              clearColor: [0, 0, 0, 0]
+            },
+            combineMaxMin: combineMaxMin
+          });
         }
       }
     }
-  }, {
-    key: "_renderToMaxMinTexture",
-    value: function _renderToMaxMinTexture(opts) {
-      var id = opts.id,
-          parameters = opts.parameters,
-          gridSize = opts.gridSize,
-          minOrMaxFb = opts.minOrMaxFb,
-          combineMaxMin = opts.combineMaxMin,
-          _opts$clearParams = opts.clearParams,
-          clearParams = _opts$clearParams === void 0 ? {} : _opts$clearParams;
-      var framebuffers = this.state.framebuffers;
-      var gl = this.gl,
-          allAggregationModel = this.allAggregationModel;
-      (0, _core.withParameters)(gl, _objectSpread(_objectSpread({}, clearParams), {}, {
-        framebuffer: minOrMaxFb,
-        viewport: [0, 0, gridSize[0], gridSize[1]]
-      }), function () {
-        gl.clear(16384);
-        allAggregationModel.draw({
-          parameters: parameters,
-          uniforms: {
-            uSampler: framebuffers[id].texture,
-            gridSize: gridSize,
-            combineMaxMin: combineMaxMin
-          }
-        });
+  };
+
+  _proto._renderToMaxMinTexture = function _renderToMaxMinTexture(opts) {
+    var id = opts.id,
+        parameters = opts.parameters,
+        gridSize = opts.gridSize,
+        minOrMaxFb = opts.minOrMaxFb,
+        combineMaxMin = opts.combineMaxMin,
+        _opts$clearParams = opts.clearParams,
+        clearParams = _opts$clearParams === void 0 ? {} : _opts$clearParams;
+    var framebuffers = this.state.framebuffers;
+    var gl = this.gl,
+        allAggregationModel = this.allAggregationModel;
+    (0, _core.withParameters)(gl, _objectSpread(_objectSpread({}, clearParams), {}, {
+      framebuffer: minOrMaxFb,
+      viewport: [0, 0, gridSize[0], gridSize[1]]
+    }), function () {
+      gl.clear(16384);
+      allAggregationModel.draw({
+        parameters: parameters,
+        uniforms: {
+          uSampler: framebuffers[id].texture,
+          gridSize: gridSize,
+          combineMaxMin: combineMaxMin
+        }
       });
-    }
-  }, {
-    key: "_renderToWeightsTexture",
-    value: function _renderToWeightsTexture(opts) {
-      var id = opts.id,
-          parameters = opts.parameters,
-          moduleSettings = opts.moduleSettings,
-          uniforms = opts.uniforms,
-          gridSize = opts.gridSize,
-          weights = opts.weights;
-      var _this$state4 = this.state,
-          framebuffers = _this$state4.framebuffers,
-          equations = _this$state4.equations,
-          weightAttributes = _this$state4.weightAttributes;
-      var gl = this.gl,
-          gridAggregationModel = this.gridAggregationModel;
-      var operation = weights[id].operation;
-      var clearColor = operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MIN ? [_gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, 0] : [0, 0, 0, 0];
-      (0, _core.withParameters)(gl, {
-        framebuffer: framebuffers[id],
-        viewport: [0, 0, gridSize[0], gridSize[1]],
-        clearColor: clearColor
-      }, function () {
-        gl.clear(16384);
-        var attributes = {
-          weights: weightAttributes[id]
-        };
-        gridAggregationModel.draw({
-          parameters: _objectSpread(_objectSpread({}, parameters), {}, {
-            blendEquation: equations[id]
-          }),
-          moduleSettings: moduleSettings,
-          uniforms: uniforms,
-          attributes: attributes
-        });
+    });
+  };
+
+  _proto._renderToWeightsTexture = function _renderToWeightsTexture(opts) {
+    var id = opts.id,
+        parameters = opts.parameters,
+        moduleSettings = opts.moduleSettings,
+        uniforms = opts.uniforms,
+        gridSize = opts.gridSize,
+        weights = opts.weights;
+    var _this$state4 = this.state,
+        framebuffers = _this$state4.framebuffers,
+        equations = _this$state4.equations,
+        weightAttributes = _this$state4.weightAttributes;
+    var gl = this.gl,
+        gridAggregationModel = this.gridAggregationModel;
+    var operation = weights[id].operation;
+    var clearColor = operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MIN ? [_gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, 0] : [0, 0, 0, 0];
+    (0, _core.withParameters)(gl, {
+      framebuffer: framebuffers[id],
+      viewport: [0, 0, gridSize[0], gridSize[1]],
+      clearColor: clearColor
+    }, function () {
+      gl.clear(16384);
+      var attributes = {
+        weights: weightAttributes[id]
+      };
+      gridAggregationModel.draw({
+        parameters: _objectSpread(_objectSpread({}, parameters), {}, {
+          blendEquation: equations[id]
+        }),
+        moduleSettings: moduleSettings,
+        uniforms: uniforms,
+        attributes: attributes
       });
+    });
+
+    if (operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MEAN) {
+      var _this$state5 = this.state,
+          meanTextures = _this$state5.meanTextures,
+          textures = _this$state5.textures;
+      var transformOptions = {
+        _sourceTextures: {
+          aggregationValues: meanTextures[id]
+        },
+        _targetTexture: textures[id],
+        elementCount: textures[id].width * textures[id].height
+      };
 
-      if (operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MEAN) {
-        var _this$state5 = this.state,
-            meanTextures = _this$state5.meanTextures,
-            textures = _this$state5.textures;
-        var transformOptions = {
-          _sourceTextures: {
-            aggregationValues: meanTextures[id]
-          },
-          _targetTexture: textures[id],
-          elementCount: textures[id].width * textures[id].height
-        };
-
-        if (this.meanTransform) {
-          this.meanTransform.update(transformOptions);
-        } else {
-          this.meanTransform = getMeanTransform(gl, transformOptions);
-        }
-
-        this.meanTransform.run({
-          parameters: {
-            blend: false,
-            depthTest: false
-          }
-        });
-        framebuffers[id].attach((0, _defineProperty2.default)({}, 36064, textures[id]));
+      if (this.meanTransform) {
+        this.meanTransform.update(transformOptions);
+      } else {
+        this.meanTransform = getMeanTransform(gl, transformOptions);
       }
-    }
-  }, {
-    key: "_runAggregation",
-    value: function _runAggregation(opts) {
-      this._updateModels(opts);
-
-      this._setupFramebuffers(opts);
-
-      this._renderAggregateData(opts);
-
-      var results = this._getAggregateData(opts);
 
-      this.setState({
-        results: results
+      this.meanTransform.run({
+        parameters: {
+          blend: false,
+          depthTest: false
+        }
       });
-      return results;
+      framebuffers[id].attach((0, _defineProperty2.default)({}, 36064, textures[id]));
     }
-  }, {
-    key: "_setupFramebuffers",
-    value: function _setupFramebuffers(opts) {
-      var _this$state6 = this.state,
-          textures = _this$state6.textures,
-          framebuffers = _this$state6.framebuffers,
-          maxMinFramebuffers = _this$state6.maxMinFramebuffers,
-          minFramebuffers = _this$state6.minFramebuffers,
-          maxFramebuffers = _this$state6.maxFramebuffers,
-          meanTextures = _this$state6.meanTextures,
-          equations = _this$state6.equations;
-      var weights = opts.weights;
-      var numCol = opts.numCol,
-          numRow = opts.numRow;
-      var framebufferSize = {
+  };
+
+  _proto._runAggregation = function _runAggregation(opts) {
+    this._updateModels(opts);
+
+    this._setupFramebuffers(opts);
+
+    this._renderAggregateData(opts);
+
+    var results = this._getAggregateData(opts);
+
+    this.setState({
+      results: results
+    });
+    return results;
+  };
+
+  _proto._setupFramebuffers = function _setupFramebuffers(opts) {
+    var _this$state6 = this.state,
+        textures = _this$state6.textures,
+        framebuffers = _this$state6.framebuffers,
+        maxMinFramebuffers = _this$state6.maxMinFramebuffers,
+        minFramebuffers = _this$state6.minFramebuffers,
+        maxFramebuffers = _this$state6.maxFramebuffers,
+        meanTextures = _this$state6.meanTextures,
+        equations = _this$state6.equations;
+    var weights = opts.weights;
+    var numCol = opts.numCol,
+        numRow = opts.numRow;
+    var framebufferSize = {
+      width: numCol,
+      height: numRow
+    };
+
+    for (var id in weights) {
+      var _weights$id3 = weights[id],
+          needMin = _weights$id3.needMin,
+          needMax = _weights$id3.needMax,
+          combineMaxMin = _weights$id3.combineMaxMin,
+          operation = _weights$id3.operation;
+      textures[id] = weights[id].aggregationTexture || textures[id] || (0, _resourceUtils.getFloatTexture)(this.gl, {
+        id: "".concat(id, "-texture"),
         width: numCol,
         height: numRow
-      };
+      });
+      textures[id].resize(framebufferSize);
+      var texture = textures[id];
 
-      for (var id in weights) {
-        var _weights$id3 = weights[id],
-            needMin = _weights$id3.needMin,
-            needMax = _weights$id3.needMax,
-            combineMaxMin = _weights$id3.combineMaxMin,
-            operation = _weights$id3.operation;
-        textures[id] = weights[id].aggregationTexture || textures[id] || (0, _resourceUtils.getFloatTexture)(this.gl, {
-          id: "".concat(id, "-texture"),
+      if (operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MEAN) {
+        meanTextures[id] = meanTextures[id] || (0, _resourceUtils.getFloatTexture)(this.gl, {
+          id: "".concat(id, "-mean-texture"),
           width: numCol,
           height: numRow
         });
-        textures[id].resize(framebufferSize);
-        var texture = textures[id];
-
-        if (operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MEAN) {
-          meanTextures[id] = meanTextures[id] || (0, _resourceUtils.getFloatTexture)(this.gl, {
-            id: "".concat(id, "-mean-texture"),
-            width: numCol,
-            height: numRow
-          });
-          meanTextures[id].resize(framebufferSize);
-          texture = meanTextures[id];
-        }
+        meanTextures[id].resize(framebufferSize);
+        texture = meanTextures[id];
+      }
 
-        if (framebuffers[id]) {
-          framebuffers[id].attach((0, _defineProperty2.default)({}, 36064, texture));
-        } else {
-          framebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
-            id: "".concat(id, "-fb"),
-            width: numCol,
-            height: numRow,
-            texture: texture
-          });
-        }
+      if (framebuffers[id]) {
+        framebuffers[id].attach((0, _defineProperty2.default)({}, 36064, texture));
+      } else {
+        framebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
+          id: "".concat(id, "-fb"),
+          width: numCol,
+          height: numRow,
+          texture: texture
+        });
+      }
 
-        framebuffers[id].resize(framebufferSize);
-        equations[id] = _gpuGridAggregatorConstants.EQUATION_MAP[operation] || _gpuGridAggregatorConstants.EQUATION_MAP.SUM;
+      framebuffers[id].resize(framebufferSize);
+      equations[id] = _gpuGridAggregatorConstants.EQUATION_MAP[operation] || _gpuGridAggregatorConstants.EQUATION_MAP.SUM;
 
-        if (needMin || needMax) {
-          if (needMin && needMax && combineMaxMin) {
-            if (!maxMinFramebuffers[id]) {
-              texture = weights[id].maxMinTexture || this._getMinMaxTexture("".concat(id, "-maxMinTexture"));
-              maxMinFramebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
-                id: "".concat(id, "-maxMinFb"),
+      if (needMin || needMax) {
+        if (needMin && needMax && combineMaxMin) {
+          if (!maxMinFramebuffers[id]) {
+            texture = weights[id].maxMinTexture || this._getMinMaxTexture("".concat(id, "-maxMinTexture"));
+            maxMinFramebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
+              id: "".concat(id, "-maxMinFb"),
+              texture: texture
+            });
+          }
+        } else {
+          if (needMin) {
+            if (!minFramebuffers[id]) {
+              texture = weights[id].minTexture || this._getMinMaxTexture("".concat(id, "-minTexture"));
+              minFramebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
+                id: "".concat(id, "-minFb"),
                 texture: texture
               });
             }
-          } else {
-            if (needMin) {
-              if (!minFramebuffers[id]) {
-                texture = weights[id].minTexture || this._getMinMaxTexture("".concat(id, "-minTexture"));
-                minFramebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
-                  id: "".concat(id, "-minFb"),
-                  texture: texture
-                });
-              }
-            }
+          }
 
-            if (needMax) {
-              if (!maxFramebuffers[id]) {
-                texture = weights[id].maxTexture || this._getMinMaxTexture("".concat(id, "-maxTexture"));
-                maxFramebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
-                  id: "".concat(id, "-maxFb"),
-                  texture: texture
-                });
-              }
+          if (needMax) {
+            if (!maxFramebuffers[id]) {
+              texture = weights[id].maxTexture || this._getMinMaxTexture("".concat(id, "-maxTexture"));
+              maxFramebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
+                id: "".concat(id, "-maxFb"),
+                texture: texture
+              });
             }
           }
         }
       }
     }
-  }, {
-    key: "_getMinMaxTexture",
-    value: function _getMinMaxTexture(name) {
-      var resources = this.state.resources;
-
-      if (!resources[name]) {
-        resources[name] = (0, _resourceUtils.getFloatTexture)(this.gl, {
-          id: "resourceName"
-        });
-      }
+  };
 
-      return resources[name];
+  _proto._getMinMaxTexture = function _getMinMaxTexture(name) {
+    var resources = this.state.resources;
+
+    if (!resources[name]) {
+      resources[name] = (0, _resourceUtils.getFloatTexture)(this.gl, {
+        id: "resourceName"
+      });
     }
-  }, {
-    key: "_setupModels",
-    value: function _setupModels() {
-      var _this$gridAggregation;
-
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref$numCol = _ref.numCol,
-          numCol = _ref$numCol === void 0 ? 0 : _ref$numCol,
-          _ref$numRow = _ref.numRow,
-          numRow = _ref$numRow === void 0 ? 0 : _ref$numRow;
-
-      var gl = this.gl;
-      var shaderOptions = this.state.shaderOptions;
-      (_this$gridAggregation = this.gridAggregationModel) === null || _this$gridAggregation === void 0 ? void 0 : _this$gridAggregation.delete();
-      this.gridAggregationModel = getAggregationModel(gl, shaderOptions);
-
-      if (!this.allAggregationModel) {
-        var instanceCount = numCol * numRow;
-        this.allAggregationModel = getAllAggregationModel(gl, instanceCount);
-      }
+
+    return resources[name];
+  };
+
+  _proto._setupModels = function _setupModels() {
+    var _this$gridAggregation;
+
+    var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref3$numCol = _ref3.numCol,
+        numCol = _ref3$numCol === void 0 ? 0 : _ref3$numCol,
+        _ref3$numRow = _ref3.numRow,
+        numRow = _ref3$numRow === void 0 ? 0 : _ref3$numRow;
+
+    var gl = this.gl;
+    var shaderOptions = this.state.shaderOptions;
+    (_this$gridAggregation = this.gridAggregationModel) === null || _this$gridAggregation === void 0 ? void 0 : _this$gridAggregation.delete();
+    this.gridAggregationModel = getAggregationModel(gl, shaderOptions);
+
+    if (!this.allAggregationModel) {
+      var instanceCount = numCol * numRow;
+      this.allAggregationModel = getAllAggregationModel(gl, instanceCount);
     }
-  }, {
-    key: "_setupWeightAttributes",
-    value: function _setupWeightAttributes(opts) {
-      var weightAttributes = this.state.weightAttributes;
-      var weights = opts.weights;
-
-      for (var id in weights) {
-        weightAttributes[id] = opts.attributes[id];
-      }
+  };
+
+  _proto._setupWeightAttributes = function _setupWeightAttributes(opts) {
+    var weightAttributes = this.state.weightAttributes;
+    var weights = opts.weights;
+
+    for (var id in weights) {
+      weightAttributes[id] = opts.attributes[id];
     }
-  }, {
-    key: "_trackGPUResultBuffers",
-    value: function _trackGPUResultBuffers(results, weights) {
-      var resources = this.state.resources;
+  };
 
-      for (var id in results) {
-        if (results[id]) {
-          var _iterator = _createForOfIteratorHelper(BUFFER_NAMES),
-              _step;
+  _proto._trackGPUResultBuffers = function _trackGPUResultBuffers(results, weights) {
+    var resources = this.state.resources;
 
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var bufferName = _step.value;
+    for (var id in results) {
+      if (results[id]) {
+        var _iterator = _createForOfIteratorHelper(BUFFER_NAMES),
+            _step;
 
-              if (results[id][bufferName] && weights[id][bufferName] !== results[id][bufferName]) {
-                var name = "gpu-result-".concat(id, "-").concat(bufferName);
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var bufferName = _step.value;
 
-                if (resources[name]) {
-                  resources[name].delete();
-                }
+            if (results[id][bufferName] && weights[id][bufferName] !== results[id][bufferName]) {
+              var name = "gpu-result-".concat(id, "-").concat(bufferName);
 
-                resources[name] = results[id][bufferName];
+              if (resources[name]) {
+                resources[name].delete();
               }
+
+              resources[name] = results[id][bufferName];
             }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
           }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
       }
     }
-  }, {
-    key: "_updateModels",
-    value: function _updateModels(opts) {
-      var vertexCount = opts.vertexCount,
-          attributes = opts.attributes,
-          numCol = opts.numCol,
-          numRow = opts.numRow;
-      var modelDirty = this.state.modelDirty;
-
-      if (modelDirty) {
-        this._setupModels(opts);
-
-        this.setState({
-          modelDirty: false
-        });
-      }
-
-      this._setupWeightAttributes(opts);
-
-      this.gridAggregationModel.setVertexCount(vertexCount);
-      this.gridAggregationModel.setAttributes(attributes);
-      this.allAggregationModel.setInstanceCount(numCol * numRow);
-    }
-  }], [{
-    key: "getAggregationData",
-    value: function getAggregationData(_ref2) {
-      var aggregationData = _ref2.aggregationData,
-          maxData = _ref2.maxData,
-          minData = _ref2.minData,
-          maxMinData = _ref2.maxMinData,
-          pixelIndex = _ref2.pixelIndex;
-      var index = pixelIndex * _gpuGridAggregatorConstants.PIXEL_SIZE;
-      var results = {};
-
-      if (aggregationData) {
-        results.cellCount = aggregationData[index + 3];
-        results.cellWeight = aggregationData[index];
-      }
+  };
 
-      if (maxMinData) {
-        results.maxCellWieght = maxMinData[0];
-        results.minCellWeight = maxMinData[3];
-      } else {
-        if (maxData) {
-          results.maxCellWieght = maxData[0];
-          results.totalCount = maxData[3];
-        }
+  _proto._updateModels = function _updateModels(opts) {
+    var vertexCount = opts.vertexCount,
+        attributes = opts.attributes,
+        numCol = opts.numCol,
+        numRow = opts.numRow;
+    var modelDirty = this.state.modelDirty;
 
-        if (minData) {
-          results.minCellWeight = minData[0];
-          results.totalCount = maxData[3];
-        }
-      }
+    if (modelDirty) {
+      this._setupModels(opts);
 
-      return results;
+      this.setState({
+        modelDirty: false
+      });
     }
-  }, {
-    key: "getCellData",
-    value: function getCellData(_ref3) {
-      var countsData = _ref3.countsData,
-          _ref3$size = _ref3.size,
-          size = _ref3$size === void 0 ? 1 : _ref3$size;
-      var numCells = countsData.length / 4;
-      var cellWeights = new Float32Array(numCells * size);
-      var cellCounts = new Uint32Array(numCells);
-
-      for (var i = 0; i < numCells; i++) {
-        for (var sizeIndex = 0; sizeIndex < size; sizeIndex++) {
-          cellWeights[i * size + sizeIndex] = countsData[i * 4 + sizeIndex];
-        }
 
-        cellCounts[i] = countsData[i * 4 + 3];
-      }
+    this._setupWeightAttributes(opts);
+
+    this.gridAggregationModel.setVertexCount(vertexCount);
+    this.gridAggregationModel.setAttributes(attributes);
+    this.allAggregationModel.setInstanceCount(numCol * numRow);
+  };
 
-      return {
-        cellCounts: cellCounts,
-        cellWeights: cellWeights
-      };
-    }
-  }, {
-    key: "isSupported",
-    value: function isSupported(gl) {
-      return (0, _core.hasFeatures)(gl, REQUIRED_FEATURES);
-    }
-  }]);
   return GPUGridAggregator;
 }();