@deck.gl/aggregation-layers 8.6.0-beta.1 → 8.6.3

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

@@ -7,12 +7,6 @@ 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");
@@ -35,91 +29,75 @@ var _transformMeanVs = _interopRequireDefault(require("./transform-mean-vs.glsl"
 
 var _resourceUtils = require("./../resource-utils.js");
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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; } } }; }
-
-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); }
-
-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; }
-
-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; }
-
-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; }
-
-var BUFFER_NAMES = ['aggregationBuffer', 'maxMinBuffer', 'minBuffer', 'maxBuffer'];
-var ARRAY_BUFFER_MAP = {
+const BUFFER_NAMES = ['aggregationBuffer', 'maxMinBuffer', 'minBuffer', 'maxBuffer'];
+const 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];
-
-var GPUGridAggregator = function () {
-  (0, _createClass2.default)(GPUGridAggregator, null, [{
-    key: "getAggregationData",
-    value: 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];
-        }
+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 (minData) {
-          results.minCellWeight = minData[0];
-          results.totalCount = maxData[3];
-        }
+    if (maxMinData) {
+      results.maxCellWieght = maxMinData[0];
+      results.minCellWeight = maxMinData[3];
+    } else {
+      if (maxData) {
+        results.maxCellWieght = maxData[0];
+        results.totalCount = maxData[3];
       }
 
-      return results;
+      if (minData) {
+        results.minCellWeight = minData[0];
+        results.totalCount = maxData[3];
+      }
     }
-  }, {
-    key: "getCellData",
-    value: 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 results;
+  }
+
+  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];
       }
 
-      return {
-        cellCounts: cellCounts,
-        cellWeights: cellWeights
-      };
-    }
-  }, {
-    key: "isSupported",
-    value: function isSupported(gl) {
-      return (0, _core.hasFeatures)(gl, REQUIRED_FEATURES);
+      cellCounts[i] = countsData[i * 4 + 3];
     }
-  }]);
 
-  function GPUGridAggregator(gl) {
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    (0, _classCallCheck2.default)(this, GPUGridAggregator);
+    return {
+      cellCounts,
+      cellWeights
+    };
+  }
+
+  static isSupported(gl) {
+    return (0, _core.hasFeatures)(gl, REQUIRED_FEATURES);
+  }
+
+  constructor(gl, opts = {}) {
     this.id = opts.id || 'gpu-grid-aggregator';
     this.gl = gl;
     this.state = {
@@ -142,544 +120,564 @@ 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]);
+  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')();
     }
-  }, {
-    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')();
-      }
+  getData(weightId) {
+    const data = {};
+    const 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 (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];
-        }
+      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);
-      }
+  updateShaders(shaderOptions = {}) {
+    this.setState({
+      shaderOptions,
+      modelDirty: true
+    });
+  }
 
-      return aggregationParams;
-    }
-  }, {
-    key: "setState",
-    value: function setState(updateObject) {
-      Object.assign(this.state, updateObject);
+  _normalizeAggregationParams(opts) {
+    const aggregationParams = { ..._gpuGridAggregatorConstants.DEFAULT_RUN_PARAMS,
+      ...opts
+    };
+    const {
+      weights
+    } = aggregationParams;
+
+    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;
+  }
+
+  setState(updateObject) {
+    Object.assign(this.state, updateObject);
+  }
+
+  _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 (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;
-    }
-  }, {
-    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
-      };
+    return results;
+  }
 
-      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
-        });
+  _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
+    };
 
-        if (combineMaxMin) {
+    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
+      });
+
+      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
+        });
+      } else {
+        if (needMin) {
           this._renderToMaxMinTexture({
-            id: id,
-            parameters: _objectSpread(_objectSpread({}, parameters), {}, {
-              blendEquation: _gpuGridAggregatorConstants.MAX_MIN_BLEND_EQUATION
-            }),
-            gridSize: gridSize,
-            minOrMaxFb: maxMinFramebuffers[id],
+            id,
+            parameters: { ...parameters,
+              blendEquation: _gpuGridAggregatorConstants.MIN_BLEND_EQUATION
+            },
+            gridSize,
+            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
+            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,
+            parameters: { ...parameters,
+              blendEquation: _gpuGridAggregatorConstants.MAX_BLEND_EQUATION
+            },
+            gridSize,
+            minOrMaxFb: maxFramebuffers[id],
+            clearParams: {
+              clearColor: [0, 0, 0, 0]
+            },
+            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
-          }
-        });
+  }
+
+  _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: "_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
-        });
+    });
+  }
+
+  _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
       });
+    });
+
+    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 (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);
+      }
 
-        if (this.meanTransform) {
-          this.meanTransform.update(transformOptions);
-        } else {
-          this.meanTransform = getMeanTransform(gl, transformOptions);
+      this.meanTransform.run({
+        parameters: {
+          blend: false,
+          depthTest: false
         }
-
-        this.meanTransform.run({
-          parameters: {
-            blend: false,
-            depthTest: false
-          }
-        });
-        framebuffers[id].attach((0, _defineProperty2.default)({}, 36064, textures[id]));
-      }
+      });
+      framebuffers[id].attach({
+        [36064]: textures[id]
+      });
     }
-  }, {
-    key: "_runAggregation",
-    value: function _runAggregation(opts) {
-      this._updateModels(opts);
+  }
 
-      this._setupFramebuffers(opts);
+  _runAggregation(opts) {
+    this._updateModels(opts);
 
-      this._renderAggregateData(opts);
+    this._setupFramebuffers(opts);
 
-      var results = this._getAggregateData(opts);
+    this._renderAggregateData(opts);
 
-      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 = {
+    const results = this._getAggregateData(opts);
+
+    this.setState({
+      results
+    });
+    return results;
+  }
+
+  _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"),
         width: numCol,
         height: numRow
-      };
+      });
+      textures[id].resize(framebufferSize);
+      let 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({
+          [36064]: texture
+        });
+      } else {
+        framebuffers[id] = (0, _resourceUtils.getFramebuffer)(this.gl, {
+          id: "".concat(id, "-fb"),
+          width: numCol,
+          height: numRow,
+          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: 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
+            });
+          }
+        } 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
               });
             }
-          } 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
+              });
             }
           }
         }
       }
     }
-  }, {
-    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];
-    }
-  }, {
-    key: "_setupModels",
-    value: 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);
-      }
+  _getMinMaxTexture(name) {
+    const {
+      resources
+    } = this.state;
+
+    if (!resources[name]) {
+      resources[name] = (0, _resourceUtils.getFloatTexture)(this.gl, {
+        id: "resourceName"
+      });
     }
-  }, {
-    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];
-      }
+
+    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: "_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;
+  _setupWeightAttributes(opts) {
+    const {
+      weightAttributes
+    } = this.state;
+    const {
+      weights
+    } = opts;
 
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done;) {
-              var bufferName = _step.value;
+    for (const id in weights) {
+      weightAttributes[id] = opts.attributes[id];
+    }
+  }
 
-              if (results[id][bufferName] && weights[id][bufferName] !== results[id][bufferName]) {
-                var name = "gpu-result-".concat(id, "-").concat(bufferName);
+  _trackGPUResultBuffers(results, weights) {
+    const {
+      resources
+    } = this.state;
 
-                if (resources[name]) {
-                  resources[name].delete();
-                }
+    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);
 
-                resources[name] = results[id][bufferName];
-              }
+            if (resources[name]) {
+              resources[name].delete();
             }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
+
+            resources[name] = results[id][bufferName];
           }
         }
       }
     }
-  }, {
-    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);
+  _updateModels(opts) {
+    const {
+      vertexCount,
+      attributes,
+      numCol,
+      numRow
+    } = opts;
+    const {
+      modelDirty
+    } = this.state;
 
-      this.gridAggregationModel.setVertexCount(vertexCount);
-      this.gridAggregationModel.setAttributes(attributes);
-      this.allAggregationModel.setInstanceCount(numCol * numRow);
+    if (modelDirty) {
+      this._setupModels(opts);
+
+      this.setState({
+        modelDirty: false
+      });
     }
-  }]);
-  return GPUGridAggregator;
-}();
+
+    this._setupWeightAttributes(opts);
+
+    this.gridAggregationModel.setVertexCount(vertexCount);
+    this.gridAggregationModel.setAttributes(attributes);
+    this.allAggregationModel.setInstanceCount(numCol * numRow);
+  }
+
+}
 
 exports.default = GPUGridAggregator;
 
 function normalizeWeightParams(weights) {
-  var result = {};
+  const result = {};
 
-  for (var id in weights) {
-    result[id] = _objectSpread(_objectSpread({}, _gpuGridAggregatorConstants.DEFAULT_WEIGHT_PARAMS), weights[id]);
+  for (const id in weights) {
+    result[id] = { ..._gpuGridAggregatorConstants.DEFAULT_WEIGHT_PARAMS,
+      ...weights[id]
+    };
   }
 
   return result;
@@ -687,24 +685,25 @@ function normalizeWeightParams(weights) {
 
 function deleteResources(resources) {
   resources = Array.isArray(resources) ? resources : [resources];
-  resources.forEach(function (obj) {
-    for (var name in obj) {
+  resources.forEach(obj => {
+    for (const name in obj) {
       obj[name].delete();
     }
   });
 }
 
 function getAggregationModel(gl, shaderOptions) {
-  var shaders = (0, _core2._mergeShaders)({
+  const shaders = (0, _core2._mergeShaders)({
     vs: _aggregateToGridVs.default,
     fs: _aggregateToGridFs.default,
     modules: [_shadertools.fp64arithmetic, _core2.project32]
   }, shaderOptions);
-  return new _core.Model(gl, _objectSpread({
+  return new _core.Model(gl, {
     id: 'Gird-Aggregation-Model',
     vertexCount: 1,
-    drawMode: 0
-  }, shaders));
+    drawMode: 0,
+    ...shaders
+  });
 }
 
 function getAllAggregationModel(gl, instanceCount) {
@@ -716,7 +715,7 @@ function getAllAggregationModel(gl, instanceCount) {
     vertexCount: 1,
     drawMode: 0,
     isInstanced: true,
-    instanceCount: instanceCount,
+    instanceCount,
     attributes: {
       position: [0, 0]
     }
@@ -724,9 +723,10 @@ function getAllAggregationModel(gl, instanceCount) {
 }
 
 function getMeanTransform(gl, opts) {
-  return new _core.Transform(gl, _objectSpread({
+  return new _core.Transform(gl, {
     vs: _transformMeanVs.default,
-    _targetTextureVarying: 'meanValues'
-  }, opts));
+    _targetTextureVarying: 'meanValues',
+    ...opts
+  });
 }
 //# sourceMappingURL=gpu-grid-aggregator.js.map