@deck.gl/aggregation-layers 8.7.0-alpha.2 → 8.7.0-alpha.9

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

@@ -7,6 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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");
@@ -29,75 +35,28 @@ var _transformMeanVs = _interopRequireDefault(require("./transform-mean-vs.glsl"
 
 var _resourceUtils = require("./../resource-utils.js");
 
-const BUFFER_NAMES = ['aggregationBuffer', 'maxMinBuffer', 'minBuffer', 'maxBuffer'];
-const ARRAY_BUFFER_MAP = {
-  maxData: 'maxBuffer',
-  minData: 'minBuffer',
-  maxMinData: 'maxMinBuffer'
-};
-const REQUIRED_FEATURES = [_core.FEATURES.WEBGL2, _core.FEATURES.COLOR_ATTACHMENT_RGBA32F, _core.FEATURES.BLEND_EQUATION_MINMAX, _core.FEATURES.FLOAT_BLEND, _core.FEATURES.TEXTURE_FLOAT];
-
-class GPUGridAggregator {
-  static getAggregationData({
-    aggregationData,
-    maxData,
-    minData,
-    maxMinData,
-    pixelIndex
-  }) {
-    const index = pixelIndex * _gpuGridAggregatorConstants.PIXEL_SIZE;
-    const 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];
-      }
-    }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
-    return results;
-  }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-  static getCellData({
-    countsData,
-    size = 1
-  }) {
-    const numCells = countsData.length / 4;
-    const cellWeights = new Float32Array(numCells * size);
-    const cellCounts = new Uint32Array(numCells);
-
-    for (let i = 0; i < numCells; i++) {
-      for (let sizeIndex = 0; sizeIndex < size; sizeIndex++) {
-        cellWeights[i * size + sizeIndex] = countsData[i * 4 + sizeIndex];
-      }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-      cellCounts[i] = countsData[i * 4 + 3];
-    }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    return {
-      cellCounts,
-      cellWeights
-    };
-  }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  static isSupported(gl) {
-    return (0, _core.hasFeatures)(gl, REQUIRED_FEATURES);
-  }
+var BUFFER_NAMES = ['aggregationBuffer', 'maxMinBuffer', 'minBuffer', 'maxBuffer'];
+var ARRAY_BUFFER_MAP = {
+  maxData: 'maxBuffer',
+  minData: 'minBuffer',
+  maxMinData: 'maxMinBuffer'
+};
+var REQUIRED_FEATURES = [_core.FEATURES.WEBGL2, _core.FEATURES.COLOR_ATTACHMENT_RGBA32F, _core.FEATURES.BLEND_EQUATION_MINMAX, _core.FEATURES.FLOAT_BLEND, _core.FEATURES.TEXTURE_FLOAT];
 
-  constructor(gl, opts = {}) {
+var GPUGridAggregator = function () {
+  function GPUGridAggregator(gl) {
+    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    (0, _classCallCheck2.default)(this, GPUGridAggregator);
     this.id = opts.id || 'gpu-grid-aggregator';
     this.gl = gl;
     this.state = {
@@ -120,564 +79,605 @@ class GPUGridAggregator {
     }
   }
 
-  delete() {
-    const {
-      gridAggregationModel,
-      allAggregationModel,
-      meanTransform
-    } = this;
-    const {
-      textures,
-      framebuffers,
-      maxMinFramebuffers,
-      minFramebuffers,
-      maxFramebuffers,
-      meanTextures,
-      resources
-    } = this.state;
-    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]);
-  }
-
-  run(opts = {}) {
-    this.setState({
-      results: {}
-    });
-
-    const aggregationParams = this._normalizeAggregationParams(opts);
-
-    if (!this._hasGPUSupport) {
-      _core2.log.log(1, 'GPUGridAggregator: not supported')();
+  (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]);
     }
+  }, {
+    key: "run",
+    value: function run() {
+      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      this.setState({
+        results: {}
+      });
 
-    return this._runAggregation(aggregationParams);
-  }
+      var aggregationParams = this._normalizeAggregationParams(opts);
 
-  getData(weightId) {
-    const data = {};
-    const results = this.state.results;
+      if (!this._hasGPUSupport) {
+        _core2.log.log(1, 'GPUGridAggregator: not supported')();
+      }
 
-    if (!results[weightId].aggregationData) {
-      results[weightId].aggregationData = results[weightId].aggregationBuffer.getData();
+      return this._runAggregation(aggregationParams);
     }
-
-    data.aggregationData = results[weightId].aggregationData;
-
-    for (const arrayName in ARRAY_BUFFER_MAP) {
-      const 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];
+  }, {
+    key: "getData",
+    value: function getData(weightId) {
+      var data = {};
+      var results = this.state.results;
+
+      if (!results[weightId].aggregationData) {
+        results[weightId].aggregationData = results[weightId].aggregationBuffer.getData();
       }
-    }
 
-    return data;
-  }
+      data.aggregationData = results[weightId].aggregationData;
 
-  updateShaders(shaderOptions = {}) {
-    this.setState({
-      shaderOptions,
-      modelDirty: true
-    });
-  }
+      for (var arrayName in ARRAY_BUFFER_MAP) {
+        var bufferName = ARRAY_BUFFER_MAP[arrayName];
 
-  _normalizeAggregationParams(opts) {
-    const aggregationParams = { ..._gpuGridAggregatorConstants.DEFAULT_RUN_PARAMS,
-      ...opts
-    };
-    const {
-      weights
-    } = aggregationParams;
+        if (results[weightId][arrayName] || results[weightId][bufferName]) {
+          results[weightId][arrayName] = results[weightId][arrayName] || results[weightId][bufferName].getData();
+          data[arrayName] = results[weightId][arrayName];
+        }
+      }
 
-    if (weights) {
-      aggregationParams.weights = normalizeWeightParams(weights);
+      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);
 
-    return aggregationParams;
-  }
-
-  setState(updateObject) {
-    Object.assign(this.state, updateObject);
-  }
+      var weights = aggregationParams.weights;
 
-  _getAggregateData(opts) {
-    const results = {};
-    const {
-      textures,
-      framebuffers,
-      maxMinFramebuffers,
-      minFramebuffers,
-      maxFramebuffers,
-      resources
-    } = this.state;
-    const {
-      weights
-    } = opts;
-
-    for (const id in weights) {
-      results[id] = {};
-      const {
-        needMin,
-        needMax,
-        combineMaxMin
-      } = weights[id];
-      results[id].aggregationTexture = textures[id];
-      results[id].aggregationBuffer = (0, _core.readPixelsToBuffer)(framebuffers[id], {
-        target: weights[id].aggregationBuffer,
-        sourceType: 5126
-      });
+      if (weights) {
+        aggregationParams.weights = normalizeWeightParams(weights);
+      }
 
-      if (needMin && needMax && combineMaxMin) {
-        results[id].maxMinBuffer = (0, _core.readPixelsToBuffer)(maxMinFramebuffers[id], {
-          target: weights[id].maxMinBuffer,
+      return aggregationParams;
+    }
+  }, {
+    key: "setState",
+    value: function setState(updateObject) {
+      Object.assign(this.state, updateObject);
+    }
+  }, {
+    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,
           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")];
-        }
 
-        if (needMax) {
-          results[id].maxBuffer = (0, _core.readPixelsToBuffer)(maxFramebuffers[id], {
-            target: weights[id].maxBuffer,
+        if (needMin && needMax && combineMaxMin) {
+          results[id].maxMinBuffer = (0, _core.readPixelsToBuffer)(maxMinFramebuffers[id], {
+            target: weights[id].maxMinBuffer,
             sourceType: 5126
           });
-          results[id].maxTexture = resources["".concat(id, "-maxTexture")];
+          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")];
+          }
+
+          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;
-  }
-
-  _renderAggregateData(opts) {
-    const {
-      cellSize,
-      projectPoints,
-      attributes,
-      moduleSettings,
-      numCol,
-      numRow,
-      weights,
-      translation,
-      scaling
-    } = opts;
-    const {
-      maxMinFramebuffers,
-      minFramebuffers,
-      maxFramebuffers
-    } = this.state;
-    const gridSize = [numCol, numRow];
-    const parameters = {
-      blend: true,
-      depthTest: false,
-      blendFunc: [1, 1]
-    };
-    const uniforms = {
-      cellSize,
-      gridSize,
-      projectPoints,
-      translation,
-      scaling
-    };
-
-    for (const id in weights) {
-      const {
-        needMin,
-        needMax
-      } = weights[id];
-      const combineMaxMin = needMin && needMax && weights[id].combineMaxMin;
-
-      this._renderToWeightsTexture({
-        id,
-        parameters,
-        moduleSettings,
-        uniforms,
-        gridSize,
-        attributes,
-        weights
-      });
+      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,
+        gridSize: gridSize,
+        projectPoints: projectPoints,
+        translation: translation,
+        scaling: scaling
+      };
 
-      if (combineMaxMin) {
-        this._renderToMaxMinTexture({
-          id,
-          parameters: { ...parameters,
-            blendEquation: _gpuGridAggregatorConstants.MAX_MIN_BLEND_EQUATION
-          },
-          gridSize,
-          minOrMaxFb: maxMinFramebuffers[id],
-          clearParams: {
-            clearColor: [0, 0, 0, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT]
-          },
-          combineMaxMin
+      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,
+          attributes: attributes,
+          weights: weights
         });
-      } else {
-        if (needMin) {
-          this._renderToMaxMinTexture({
-            id,
-            parameters: { ...parameters,
-              blendEquation: _gpuGridAggregatorConstants.MIN_BLEND_EQUATION
-            },
-            gridSize,
-            minOrMaxFb: minFramebuffers[id],
-            clearParams: {
-              clearColor: [_gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT, 0]
-            },
-            combineMaxMin
-          });
-        }
 
-        if (needMax) {
+        if (combineMaxMin) {
           this._renderToMaxMinTexture({
-            id,
-            parameters: { ...parameters,
-              blendEquation: _gpuGridAggregatorConstants.MAX_BLEND_EQUATION
-            },
-            gridSize,
-            minOrMaxFb: maxFramebuffers[id],
+            id: id,
+            parameters: _objectSpread(_objectSpread({}, parameters), {}, {
+              blendEquation: _gpuGridAggregatorConstants.MAX_MIN_BLEND_EQUATION
+            }),
+            gridSize: gridSize,
+            minOrMaxFb: maxMinFramebuffers[id],
             clearParams: {
-              clearColor: [0, 0, 0, 0]
+              clearColor: [0, 0, 0, _gpuGridAggregatorConstants.MAX_32_BIT_FLOAT]
             },
-            combineMaxMin
+            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
+            });
+          }
         }
       }
     }
-  }
-
-  _renderToMaxMinTexture(opts) {
-    const {
-      id,
-      parameters,
-      gridSize,
-      minOrMaxFb,
-      combineMaxMin,
-      clearParams = {}
-    } = opts;
-    const {
-      framebuffers
-    } = this.state;
-    const {
-      gl,
-      allAggregationModel
-    } = this;
-    (0, _core.withParameters)(gl, { ...clearParams,
-      framebuffer: minOrMaxFb,
-      viewport: [0, 0, gridSize[0], gridSize[1]]
-    }, () => {
-      gl.clear(16384);
-      allAggregationModel.draw({
-        parameters,
-        uniforms: {
-          uSampler: framebuffers[id].texture,
-          gridSize,
-          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
+          }
+        });
       });
-    });
-  }
-
-  _renderToWeightsTexture(opts) {
-    const {
-      id,
-      parameters,
-      moduleSettings,
-      uniforms,
-      gridSize,
-      weights
-    } = opts;
-    const {
-      framebuffers,
-      equations,
-      weightAttributes
-    } = this.state;
-    const {
-      gl,
-      gridAggregationModel
-    } = this;
-    const {
-      operation
-    } = weights[id];
-    const 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
-    }, () => {
-      gl.clear(16384);
-      const attributes = {
-        weights: weightAttributes[id]
-      };
-      gridAggregationModel.draw({
-        parameters: { ...parameters,
-          blendEquation: equations[id]
-        },
-        moduleSettings,
-        uniforms,
-        attributes
+    }
+  }, {
+    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
+        });
       });
-    });
-
-    if (operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MEAN) {
-      const {
-        meanTextures,
-        textures
-      } = this.state;
-      const 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);
-      }
+      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
+        };
 
-      this.meanTransform.run({
-        parameters: {
-          blend: false,
-          depthTest: false
+        if (this.meanTransform) {
+          this.meanTransform.update(transformOptions);
+        } else {
+          this.meanTransform = getMeanTransform(gl, transformOptions);
         }
-      });
-      framebuffers[id].attach({
-        [36064]: textures[id]
-      });
-    }
-  }
 
-  _runAggregation(opts) {
-    this._updateModels(opts);
-
-    this._setupFramebuffers(opts);
+        this.meanTransform.run({
+          parameters: {
+            blend: false,
+            depthTest: false
+          }
+        });
+        framebuffers[id].attach((0, _defineProperty2.default)({}, 36064, textures[id]));
+      }
+    }
+  }, {
+    key: "_runAggregation",
+    value: function _runAggregation(opts) {
+      this._updateModels(opts);
 
-    this._renderAggregateData(opts);
+      this._setupFramebuffers(opts);
 
-    const results = this._getAggregateData(opts);
+      this._renderAggregateData(opts);
 
-    this.setState({
-      results
-    });
-    return results;
-  }
+      var results = this._getAggregateData(opts);
 
-  _setupFramebuffers(opts) {
-    const {
-      textures,
-      framebuffers,
-      maxMinFramebuffers,
-      minFramebuffers,
-      maxFramebuffers,
-      meanTextures,
-      equations
-    } = this.state;
-    const {
-      weights
-    } = opts;
-    const {
-      numCol,
-      numRow
-    } = opts;
-    const framebufferSize = {
-      width: numCol,
-      height: numRow
-    };
-
-    for (const id in weights) {
-      const {
-        needMin,
-        needMax,
-        combineMaxMin,
-        operation
-      } = weights[id];
-      textures[id] = weights[id].aggregationTexture || textures[id] || (0, _resourceUtils.getFloatTexture)(this.gl, {
-        id: "".concat(id, "-texture"),
+      this.setState({
+        results: results
+      });
+      return results;
+    }
+  }, {
+    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 = {
         width: numCol,
         height: numRow
-      });
-      textures[id].resize(framebufferSize);
-      let texture = textures[id];
+      };
 
-      if (operation === _aggregationOperationUtils.AGGREGATION_OPERATION.MEAN) {
-        meanTextures[id] = meanTextures[id] || (0, _resourceUtils.getFloatTexture)(this.gl, {
-          id: "".concat(id, "-mean-texture"),
+      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
         });
-        meanTextures[id].resize(framebufferSize);
-        texture = meanTextures[id];
-      }
+        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];
+        }
 
-      if (framebuffers[id]) {
-        framebuffers[id].attach({
-          [36064]: texture
-        });
-      } else {
-        framebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
-          id: "".concat(id, "-fb"),
-          width: numCol,
-          height: numRow,
-          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"),
-              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
+        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
+                });
+              }
+            }
 
-          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
-              });
+            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
+                });
+              }
             }
           }
         }
       }
     }
-  }
-
-  _getMinMaxTexture(name) {
-    const {
-      resources
-    } = this.state;
+  }, {
+    key: "_getMinMaxTexture",
+    value: function _getMinMaxTexture(name) {
+      var resources = this.state.resources;
+
+      if (!resources[name]) {
+        resources[name] = (0, _resourceUtils.getFloatTexture)(this.gl, {
+          id: "resourceName"
+        });
+      }
 
-    if (!resources[name]) {
-      resources[name] = (0, _resourceUtils.getFloatTexture)(this.gl, {
-        id: "resourceName"
-      });
+      return resources[name];
     }
-
-    return resources[name];
-  }
-
-  _setupModels({
-    numCol = 0,
-    numRow = 0
-  } = {}) {
-    var _this$gridAggregation;
-
-    const {
-      gl
-    } = this;
-    const {
-      shaderOptions
-    } = this.state;
-    (_this$gridAggregation = this.gridAggregationModel) === null || _this$gridAggregation === void 0 ? void 0 : _this$gridAggregation.delete();
-    this.gridAggregationModel = getAggregationModel(gl, shaderOptions);
-
-    if (!this.allAggregationModel) {
-      const instanceCount = numCol * numRow;
-      this.allAggregationModel = getAllAggregationModel(gl, instanceCount);
+  }, {
+    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);
+      }
     }
-  }
+  }, {
+    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];
+      }
+    }
+  }, {
+    key: "_trackGPUResultBuffers",
+    value: function _trackGPUResultBuffers(results, weights) {
+      var resources = this.state.resources;
 
-  _setupWeightAttributes(opts) {
-    const {
-      weightAttributes
-    } = this.state;
-    const {
-      weights
-    } = opts;
+      for (var id in results) {
+        if (results[id]) {
+          var _iterator = _createForOfIteratorHelper(BUFFER_NAMES),
+              _step;
 
-    for (const id in weights) {
-      weightAttributes[id] = opts.attributes[id];
-    }
-  }
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var bufferName = _step.value;
 
-  _trackGPUResultBuffers(results, weights) {
-    const {
-      resources
-    } = this.state;
+              if (results[id][bufferName] && weights[id][bufferName] !== results[id][bufferName]) {
+                var name = "gpu-result-".concat(id, "-").concat(bufferName);
 
-    for (const id in results) {
-      if (results[id]) {
-        for (const bufferName of BUFFER_NAMES) {
-          if (results[id][bufferName] && weights[id][bufferName] !== results[id][bufferName]) {
-            const name = "gpu-result-".concat(id, "-").concat(bufferName);
+                if (resources[name]) {
+                  resources[name].delete();
+                }
 
-            if (resources[name]) {
-              resources[name].delete();
+                resources[name] = results[id][bufferName];
+              }
             }
-
-            resources[name] = results[id][bufferName];
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
           }
         }
       }
     }
-  }
-
-  _updateModels(opts) {
-    const {
-      vertexCount,
-      attributes,
-      numCol,
-      numRow
-    } = opts;
-    const {
-      modelDirty
-    } = this.state;
+  }, {
+    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
+        });
+      }
 
-    if (modelDirty) {
-      this._setupModels(opts);
+      this._setupWeightAttributes(opts);
 
-      this.setState({
-        modelDirty: false
-      });
+      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];
+      }
 
-    this._setupWeightAttributes(opts);
+      if (maxMinData) {
+        results.maxCellWieght = maxMinData[0];
+        results.minCellWeight = maxMinData[3];
+      } else {
+        if (maxData) {
+          results.maxCellWieght = maxData[0];
+          results.totalCount = maxData[3];
+        }
 
-    this.gridAggregationModel.setVertexCount(vertexCount);
-    this.gridAggregationModel.setAttributes(attributes);
-    this.allAggregationModel.setInstanceCount(numCol * numRow);
-  }
+        if (minData) {
+          results.minCellWeight = minData[0];
+          results.totalCount = maxData[3];
+        }
+      }
 
-}
+      return results;
+    }
+  }, {
+    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];
+      }
+
+      return {
+        cellCounts: cellCounts,
+        cellWeights: cellWeights
+      };
+    }
+  }, {
+    key: "isSupported",
+    value: function isSupported(gl) {
+      return (0, _core.hasFeatures)(gl, REQUIRED_FEATURES);
+    }
+  }]);
+  return GPUGridAggregator;
+}();
 
 exports.default = GPUGridAggregator;
 
 function normalizeWeightParams(weights) {
-  const result = {};
+  var result = {};
 
-  for (const id in weights) {
-    result[id] = { ..._gpuGridAggregatorConstants.DEFAULT_WEIGHT_PARAMS,
-      ...weights[id]
-    };
+  for (var id in weights) {
+    result[id] = _objectSpread(_objectSpread({}, _gpuGridAggregatorConstants.DEFAULT_WEIGHT_PARAMS), weights[id]);
   }
 
   return result;
@@ -685,25 +685,24 @@ function normalizeWeightParams(weights) {
 
 function deleteResources(resources) {
   resources = Array.isArray(resources) ? resources : [resources];
-  resources.forEach(obj => {
-    for (const name in obj) {
+  resources.forEach(function (obj) {
+    for (var name in obj) {
       obj[name].delete();
     }
   });
 }
 
 function getAggregationModel(gl, shaderOptions) {
-  const shaders = (0, _core2._mergeShaders)({
+  var shaders = (0, _core2._mergeShaders)({
     vs: _aggregateToGridVs.default,
     fs: _aggregateToGridFs.default,
     modules: [_shadertools.fp64arithmetic, _core2.project32]
   }, shaderOptions);
-  return new _core.Model(gl, {
+  return new _core.Model(gl, _objectSpread({
     id: 'Gird-Aggregation-Model',
     vertexCount: 1,
-    drawMode: 0,
-    ...shaders
-  });
+    drawMode: 0
+  }, shaders));
 }
 
 function getAllAggregationModel(gl, instanceCount) {
@@ -715,7 +714,7 @@ function getAllAggregationModel(gl, instanceCount) {
     vertexCount: 1,
     drawMode: 0,
     isInstanced: true,
-    instanceCount,
+    instanceCount: instanceCount,
     attributes: {
       position: [0, 0]
     }
@@ -723,10 +722,9 @@ function getAllAggregationModel(gl, instanceCount) {
 }
 
 function getMeanTransform(gl, opts) {
-  return new _core.Transform(gl, {
+  return new _core.Transform(gl, _objectSpread({
     vs: _transformMeanVs.default,
-    _targetTextureVarying: 'meanValues',
-    ...opts
-  });
+    _targetTextureVarying: 'meanValues'
+  }, opts));
 }
 //# sourceMappingURL=gpu-grid-aggregator.js.map