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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/dist/dist.dev.js +58 -709
  2. package/dist/es5/aggregation-layer.js +120 -134
  3. package/dist/es5/aggregation-layer.js.map +1 -1
  4. package/dist/es5/contour-layer/contour-layer.js +225 -234
  5. package/dist/es5/contour-layer/contour-layer.js.map +1 -1
  6. package/dist/es5/cpu-grid-layer/cpu-grid-layer.js +90 -100
  7. package/dist/es5/cpu-grid-layer/cpu-grid-layer.js.map +1 -1
  8. package/dist/es5/gpu-grid-layer/gpu-grid-cell-layer.js +131 -140
  9. package/dist/es5/gpu-grid-layer/gpu-grid-cell-layer.js.map +1 -1
  10. package/dist/es5/gpu-grid-layer/gpu-grid-layer.js +285 -295
  11. package/dist/es5/gpu-grid-layer/gpu-grid-layer.js.map +1 -1
  12. package/dist/es5/grid-aggregation-layer.js +194 -209
  13. package/dist/es5/grid-aggregation-layer.js.map +1 -1
  14. package/dist/es5/grid-layer/grid-layer.js +59 -66
  15. package/dist/es5/grid-layer/grid-layer.js.map +1 -1
  16. package/dist/es5/heatmap-layer/heatmap-layer.js +471 -497
  17. package/dist/es5/heatmap-layer/heatmap-layer.js.map +1 -1
  18. package/dist/es5/heatmap-layer/triangle-layer.js +64 -69
  19. package/dist/es5/heatmap-layer/triangle-layer.js.map +1 -1
  20. package/dist/es5/hexagon-layer/hexagon-layer.js +129 -140
  21. package/dist/es5/hexagon-layer/hexagon-layer.js.map +1 -1
  22. package/dist/es5/screen-grid-layer/screen-grid-cell-layer.js +153 -166
  23. package/dist/es5/screen-grid-layer/screen-grid-cell-layer.js.map +1 -1
  24. package/dist/es5/screen-grid-layer/screen-grid-layer.js +207 -220
  25. package/dist/es5/screen-grid-layer/screen-grid-layer.js.map +1 -1
  26. package/dist/es5/utils/bin-sorter.js +163 -173
  27. package/dist/es5/utils/bin-sorter.js.map +1 -1
  28. package/dist/es5/utils/cpu-aggregator.js +300 -323
  29. package/dist/es5/utils/cpu-aggregator.js.map +1 -1
  30. package/dist/es5/utils/gpu-grid-aggregation/gpu-grid-aggregator.js +483 -504
  31. package/dist/es5/utils/gpu-grid-aggregation/gpu-grid-aggregator.js.map +1 -1
  32. package/dist/esm/aggregation-layer.js +2 -5
  33. package/dist/esm/aggregation-layer.js.map +1 -1
  34. package/dist/esm/contour-layer/contour-layer.js +2 -5
  35. package/dist/esm/contour-layer/contour-layer.js.map +1 -1
  36. package/dist/esm/cpu-grid-layer/cpu-grid-layer.js +2 -5
  37. package/dist/esm/cpu-grid-layer/cpu-grid-layer.js.map +1 -1
  38. package/dist/esm/cpu-grid-layer/grid-aggregator.js +1 -1
  39. package/dist/esm/cpu-grid-layer/grid-aggregator.js.map +1 -1
  40. package/dist/esm/gpu-grid-layer/gpu-grid-cell-layer-fragment.glsl.js +15 -1
  41. package/dist/esm/gpu-grid-layer/gpu-grid-cell-layer-fragment.glsl.js.map +1 -1
  42. package/dist/esm/gpu-grid-layer/gpu-grid-cell-layer-vertex.glsl.js +121 -1
  43. package/dist/esm/gpu-grid-layer/gpu-grid-cell-layer-vertex.glsl.js.map +1 -1
  44. package/dist/esm/gpu-grid-layer/gpu-grid-cell-layer.js +2 -5
  45. package/dist/esm/gpu-grid-layer/gpu-grid-cell-layer.js.map +1 -1
  46. package/dist/esm/gpu-grid-layer/gpu-grid-layer.js +3 -6
  47. package/dist/esm/gpu-grid-layer/gpu-grid-layer.js.map +1 -1
  48. package/dist/esm/grid-aggregation-layer.js +3 -6
  49. package/dist/esm/grid-aggregation-layer.js.map +1 -1
  50. package/dist/esm/grid-layer/grid-layer.js +3 -7
  51. package/dist/esm/grid-layer/grid-layer.js.map +1 -1
  52. package/dist/esm/heatmap-layer/heatmap-layer.js +7 -11
  53. package/dist/esm/heatmap-layer/heatmap-layer.js.map +1 -1
  54. package/dist/esm/heatmap-layer/max-fs.glsl.js +7 -1
  55. package/dist/esm/heatmap-layer/max-fs.glsl.js.map +1 -1
  56. package/dist/esm/heatmap-layer/max-vs.glsl.js +12 -1
  57. package/dist/esm/heatmap-layer/max-vs.glsl.js.map +1 -1
  58. package/dist/esm/heatmap-layer/triangle-layer-fragment.glsl.js +39 -1
  59. package/dist/esm/heatmap-layer/triangle-layer-fragment.glsl.js.map +1 -1
  60. package/dist/esm/heatmap-layer/triangle-layer-vertex.glsl.js +31 -1
  61. package/dist/esm/heatmap-layer/triangle-layer-vertex.glsl.js.map +1 -1
  62. package/dist/esm/heatmap-layer/triangle-layer.js +1 -3
  63. package/dist/esm/heatmap-layer/triangle-layer.js.map +1 -1
  64. package/dist/esm/heatmap-layer/weights-fs.glsl.js +19 -1
  65. package/dist/esm/heatmap-layer/weights-fs.glsl.js.map +1 -1
  66. package/dist/esm/heatmap-layer/weights-vs.glsl.js +23 -1
  67. package/dist/esm/heatmap-layer/weights-vs.glsl.js.map +1 -1
  68. package/dist/esm/hexagon-layer/hexagon-layer.js +3 -7
  69. package/dist/esm/hexagon-layer/hexagon-layer.js.map +1 -1
  70. package/dist/esm/screen-grid-layer/screen-grid-cell-layer.js +3 -7
  71. package/dist/esm/screen-grid-layer/screen-grid-cell-layer.js.map +1 -1
  72. package/dist/esm/screen-grid-layer/screen-grid-layer-fragment.glsl.js +17 -1
  73. package/dist/esm/screen-grid-layer/screen-grid-layer-fragment.glsl.js.map +1 -1
  74. package/dist/esm/screen-grid-layer/screen-grid-layer-vertex.glsl.js +64 -1
  75. package/dist/esm/screen-grid-layer/screen-grid-layer-vertex.glsl.js.map +1 -1
  76. package/dist/esm/screen-grid-layer/screen-grid-layer.js +5 -9
  77. package/dist/esm/screen-grid-layer/screen-grid-layer.js.map +1 -1
  78. package/dist/esm/utils/bin-sorter.js +7 -16
  79. package/dist/esm/utils/bin-sorter.js.map +1 -1
  80. package/dist/esm/utils/gpu-grid-aggregation/aggregate-all-fs.glsl.js +20 -1
  81. package/dist/esm/utils/gpu-grid-aggregation/aggregate-all-fs.glsl.js.map +1 -1
  82. package/dist/esm/utils/gpu-grid-aggregation/aggregate-all-vs.glsl.js +34 -1
  83. package/dist/esm/utils/gpu-grid-aggregation/aggregate-all-vs.glsl.js.map +1 -1
  84. package/dist/esm/utils/gpu-grid-aggregation/aggregate-to-grid-fs.glsl.js +12 -1
  85. package/dist/esm/utils/gpu-grid-aggregation/aggregate-to-grid-fs.glsl.js.map +1 -1
  86. package/dist/esm/utils/gpu-grid-aggregation/aggregate-to-grid-vs.glsl.js +58 -1
  87. package/dist/esm/utils/gpu-grid-aggregation/aggregate-to-grid-vs.glsl.js.map +1 -1
  88. package/dist/esm/utils/gpu-grid-aggregation/gpu-grid-aggregator.js +14 -14
  89. package/dist/esm/utils/gpu-grid-aggregation/gpu-grid-aggregator.js.map +1 -1
  90. package/dist/esm/utils/gpu-grid-aggregation/transform-mean-vs.glsl.js +17 -1
  91. package/dist/esm/utils/gpu-grid-aggregation/transform-mean-vs.glsl.js.map +1 -1
  92. package/dist/esm/utils/scale-utils.js +2 -2
  93. package/dist/esm/utils/scale-utils.js.map +1 -1
  94. package/dist.min.js +30 -27
  95. package/package.json +2 -2
@@ -9,10 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
11
 
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
12
  var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
17
13
 
18
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -84,249 +80,240 @@ var ScreenGridLayer = function (_GridAggregationLayer) {
84
80
  }
85
81
 
86
82
  _this = _super.call.apply(_super, [this].concat(args));
87
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", void 0);
83
+ _this.state = void 0;
88
84
  return _this;
89
85
  }
90
86
 
91
- (0, _createClass2.default)(ScreenGridLayer, [{
92
- key: "initializeState",
93
- value: function initializeState() {
94
- var _attributeManager$add;
95
-
96
- var gl = this.context.gl;
87
+ var _proto = ScreenGridLayer.prototype;
97
88
 
98
- if (!_screenGridCellLayer.default.isSupported(gl)) {
99
- this.setState({
100
- supported: false
101
- });
89
+ _proto.initializeState = function initializeState() {
90
+ var _attributeManager$add;
102
91
 
103
- _core.log.error("ScreenGridLayer: ".concat(this.id, " is not supported on this browser"))();
92
+ var gl = this.context.gl;
104
93
 
105
- return;
106
- }
107
-
108
- (0, _get2.default)((0, _getPrototypeOf2.default)(ScreenGridLayer.prototype), "initializeAggregationLayer", this).call(this, {
109
- dimensions: DIMENSIONS,
110
- getCellSize: function getCellSize(props) {
111
- return props.cellSizePixels;
112
- }
113
- });
114
- var weights = {
115
- count: {
116
- size: 1,
117
- operation: _aggregationOperationUtils.AGGREGATION_OPERATION.SUM,
118
- needMax: true,
119
- maxTexture: (0, _resourceUtils.getFloatTexture)(gl, {
120
- id: "".concat(this.id, "-max-texture")
121
- })
122
- }
123
- };
94
+ if (!_screenGridCellLayer.default.isSupported(gl)) {
124
95
  this.setState({
125
- supported: true,
126
- projectPoints: true,
127
- weights: weights,
128
- subLayerData: {
129
- attributes: {}
130
- },
131
- maxTexture: weights.count.maxTexture,
132
- positionAttributeName: 'positions',
133
- posOffset: [0, 0],
134
- translation: [1, -1]
96
+ supported: false
135
97
  });
136
- var attributeManager = this.getAttributeManager();
137
- attributeManager.add((_attributeManager$add = {}, (0, _defineProperty2.default)(_attributeManager$add, POSITION_ATTRIBUTE_NAME, {
138
- size: 3,
139
- accessor: 'getPosition',
140
- type: 5130,
141
- fp64: this.use64bitPositions()
142
- }), (0, _defineProperty2.default)(_attributeManager$add, "count", {
143
- size: 3,
144
- accessor: 'getWeight'
145
- }), _attributeManager$add));
98
+
99
+ _core.log.error("ScreenGridLayer: ".concat(this.id, " is not supported on this browser"))();
100
+
101
+ return;
146
102
  }
147
- }, {
148
- key: "shouldUpdateState",
149
- value: function shouldUpdateState(_ref) {
150
- var changeFlags = _ref.changeFlags;
151
- return this.state.supported && changeFlags.somethingChanged;
103
+
104
+ (0, _get2.default)((0, _getPrototypeOf2.default)(ScreenGridLayer.prototype), "initializeAggregationLayer", this).call(this, {
105
+ dimensions: DIMENSIONS,
106
+ getCellSize: function getCellSize(props) {
107
+ return props.cellSizePixels;
108
+ }
109
+ });
110
+ var weights = {
111
+ count: {
112
+ size: 1,
113
+ operation: _aggregationOperationUtils.AGGREGATION_OPERATION.SUM,
114
+ needMax: true,
115
+ maxTexture: (0, _resourceUtils.getFloatTexture)(gl, {
116
+ id: "".concat(this.id, "-max-texture")
117
+ })
118
+ }
119
+ };
120
+ this.setState({
121
+ supported: true,
122
+ projectPoints: true,
123
+ weights: weights,
124
+ subLayerData: {
125
+ attributes: {}
126
+ },
127
+ maxTexture: weights.count.maxTexture,
128
+ positionAttributeName: 'positions',
129
+ posOffset: [0, 0],
130
+ translation: [1, -1]
131
+ });
132
+ var attributeManager = this.getAttributeManager();
133
+ attributeManager.add((_attributeManager$add = {}, (0, _defineProperty2.default)(_attributeManager$add, POSITION_ATTRIBUTE_NAME, {
134
+ size: 3,
135
+ accessor: 'getPosition',
136
+ type: 5130,
137
+ fp64: this.use64bitPositions()
138
+ }), (0, _defineProperty2.default)(_attributeManager$add, "count", {
139
+ size: 3,
140
+ accessor: 'getWeight'
141
+ }), _attributeManager$add));
142
+ };
143
+
144
+ _proto.shouldUpdateState = function shouldUpdateState(_ref) {
145
+ var changeFlags = _ref.changeFlags;
146
+ return this.state.supported && changeFlags.somethingChanged;
147
+ };
148
+
149
+ _proto.updateState = function updateState(opts) {
150
+ (0, _get2.default)((0, _getPrototypeOf2.default)(ScreenGridLayer.prototype), "updateState", this).call(this, opts);
151
+ };
152
+
153
+ _proto.renderLayers = function renderLayers() {
154
+ if (!this.state.supported) {
155
+ return [];
152
156
  }
153
- }, {
154
- key: "updateState",
155
- value: function updateState(opts) {
156
- (0, _get2.default)((0, _getPrototypeOf2.default)(ScreenGridLayer.prototype), "updateState", this).call(this, opts);
157
+
158
+ var _this$state = this.state,
159
+ maxTexture = _this$state.maxTexture,
160
+ numRow = _this$state.numRow,
161
+ numCol = _this$state.numCol,
162
+ weights = _this$state.weights;
163
+ var updateTriggers = this.props.updateTriggers;
164
+ var aggregationBuffer = weights.count.aggregationBuffer;
165
+ var CellLayerClass = this.getSubLayerClass('cells', _screenGridCellLayer.default);
166
+ return new CellLayerClass(this.props, this.getSubLayerProps({
167
+ id: 'cell-layer',
168
+ updateTriggers: updateTriggers
169
+ }), {
170
+ data: {
171
+ attributes: {
172
+ instanceCounts: aggregationBuffer
173
+ }
174
+ },
175
+ maxTexture: maxTexture,
176
+ numInstances: numRow * numCol
177
+ });
178
+ };
179
+
180
+ _proto.finalizeState = function finalizeState(context) {
181
+ (0, _get2.default)((0, _getPrototypeOf2.default)(ScreenGridLayer.prototype), "finalizeState", this).call(this, context);
182
+ var _this$state2 = this.state,
183
+ aggregationBuffer = _this$state2.aggregationBuffer,
184
+ maxBuffer = _this$state2.maxBuffer,
185
+ maxTexture = _this$state2.maxTexture;
186
+ aggregationBuffer === null || aggregationBuffer === void 0 ? void 0 : aggregationBuffer.delete();
187
+ maxBuffer === null || maxBuffer === void 0 ? void 0 : maxBuffer.delete();
188
+ maxTexture === null || maxTexture === void 0 ? void 0 : maxTexture.delete();
189
+ };
190
+
191
+ _proto.getPickingInfo = function getPickingInfo(_ref2) {
192
+ var info = _ref2.info;
193
+ var index = info.index;
194
+
195
+ if (index >= 0) {
196
+ var _this$state3 = this.state,
197
+ gpuGridAggregator = _this$state3.gpuGridAggregator,
198
+ gpuAggregation = _this$state3.gpuAggregation,
199
+ weights = _this$state3.weights;
200
+ var aggregationResults = gpuAggregation ? gpuGridAggregator.getData('count') : weights.count;
201
+ info.object = _gpuGridAggregator.default.getAggregationData(_objectSpread({
202
+ pixelIndex: index
203
+ }, aggregationResults));
157
204
  }
158
- }, {
159
- key: "renderLayers",
160
- value: function renderLayers() {
161
- if (!this.state.supported) {
162
- return [];
205
+
206
+ return info;
207
+ };
208
+
209
+ _proto.updateResults = function updateResults(_ref3) {
210
+ var aggregationData = _ref3.aggregationData,
211
+ maxData = _ref3.maxData;
212
+ var count = this.state.weights.count;
213
+ count.aggregationData = aggregationData;
214
+ count.aggregationBuffer.setData({
215
+ data: aggregationData
216
+ });
217
+ count.maxData = maxData;
218
+ count.maxTexture.setImageData({
219
+ data: maxData
220
+ });
221
+ };
222
+
223
+ _proto.updateAggregationState = function updateAggregationState(opts) {
224
+ var cellSize = opts.props.cellSizePixels;
225
+ var cellSizeChanged = opts.oldProps.cellSizePixels !== cellSize;
226
+ var viewportChanged = opts.changeFlags.viewportChanged;
227
+ var gpuAggregation = opts.props.gpuAggregation;
228
+
229
+ if (this.state.gpuAggregation !== opts.props.gpuAggregation) {
230
+ if (gpuAggregation && !_gpuGridAggregator.default.isSupported(this.context.gl)) {
231
+ _core.log.warn('GPU Grid Aggregation not supported, falling back to CPU')();
232
+
233
+ gpuAggregation = false;
163
234
  }
235
+ }
164
236
 
165
- var _this$state = this.state,
166
- maxTexture = _this$state.maxTexture,
167
- numRow = _this$state.numRow,
168
- numCol = _this$state.numCol,
169
- weights = _this$state.weights;
170
- var updateTriggers = this.props.updateTriggers;
171
- var aggregationBuffer = weights.count.aggregationBuffer;
172
- var CellLayerClass = this.getSubLayerClass('cells', _screenGridCellLayer.default);
173
- return new CellLayerClass(this.props, this.getSubLayerProps({
174
- id: 'cell-layer',
175
- updateTriggers: updateTriggers
176
- }), {
177
- data: {
178
- attributes: {
179
- instanceCounts: aggregationBuffer
180
- }
237
+ var gpuAggregationChanged = gpuAggregation !== this.state.gpuAggregation;
238
+ this.setState({
239
+ gpuAggregation: gpuAggregation
240
+ });
241
+ var positionsChanged = this.isAttributeChanged(POSITION_ATTRIBUTE_NAME);
242
+ var dimensions = this.state.dimensions;
243
+ var data = dimensions.data,
244
+ weights = dimensions.weights;
245
+ var aggregationDataDirty = positionsChanged || gpuAggregationChanged || viewportChanged || this.isAggregationDirty(opts, {
246
+ compareAll: gpuAggregation,
247
+ dimension: data
248
+ });
249
+ var aggregationWeightsDirty = this.isAggregationDirty(opts, {
250
+ dimension: weights
251
+ });
252
+ this.setState({
253
+ aggregationDataDirty: aggregationDataDirty,
254
+ aggregationWeightsDirty: aggregationWeightsDirty
255
+ });
256
+ var viewport = this.context.viewport;
257
+
258
+ if (viewportChanged || cellSizeChanged) {
259
+ var width = viewport.width,
260
+ height = viewport.height;
261
+ var numCol = Math.ceil(width / cellSize);
262
+ var numRow = Math.ceil(height / cellSize);
263
+ this.allocateResources(numRow, numCol);
264
+ this.setState({
265
+ scaling: [width / 2, -height / 2, 1],
266
+ gridOffset: {
267
+ xOffset: cellSize,
268
+ yOffset: cellSize
181
269
  },
182
- maxTexture: maxTexture,
183
- numInstances: numRow * numCol
270
+ width: width,
271
+ height: height,
272
+ numCol: numCol,
273
+ numRow: numRow
184
274
  });
185
275
  }
186
- }, {
187
- key: "finalizeState",
188
- value: function finalizeState(context) {
189
- (0, _get2.default)((0, _getPrototypeOf2.default)(ScreenGridLayer.prototype), "finalizeState", this).call(this, context);
190
- var _this$state2 = this.state,
191
- aggregationBuffer = _this$state2.aggregationBuffer,
192
- maxBuffer = _this$state2.maxBuffer,
193
- maxTexture = _this$state2.maxTexture;
194
- aggregationBuffer === null || aggregationBuffer === void 0 ? void 0 : aggregationBuffer.delete();
195
- maxBuffer === null || maxBuffer === void 0 ? void 0 : maxBuffer.delete();
196
- maxTexture === null || maxTexture === void 0 ? void 0 : maxTexture.delete();
276
+
277
+ if (aggregationWeightsDirty) {
278
+ this._updateAccessors(opts);
197
279
  }
198
- }, {
199
- key: "getPickingInfo",
200
- value: function getPickingInfo(_ref2) {
201
- var info = _ref2.info;
202
- var index = info.index;
203
-
204
- if (index >= 0) {
205
- var _this$state3 = this.state,
206
- gpuGridAggregator = _this$state3.gpuGridAggregator,
207
- gpuAggregation = _this$state3.gpuAggregation,
208
- weights = _this$state3.weights;
209
- var aggregationResults = gpuAggregation ? gpuGridAggregator.getData('count') : weights.count;
210
- info.object = _gpuGridAggregator.default.getAggregationData(_objectSpread({
211
- pixelIndex: index
212
- }, aggregationResults));
213
- }
214
280
 
215
- return info;
281
+ if (aggregationDataDirty || aggregationWeightsDirty) {
282
+ this._resetResults();
216
283
  }
217
- }, {
218
- key: "updateResults",
219
- value: function updateResults(_ref3) {
220
- var aggregationData = _ref3.aggregationData,
221
- maxData = _ref3.maxData;
222
- var count = this.state.weights.count;
223
- count.aggregationData = aggregationData;
224
- count.aggregationBuffer.setData({
225
- data: aggregationData
226
- });
227
- count.maxData = maxData;
228
- count.maxTexture.setImageData({
229
- data: maxData
230
- });
284
+ };
285
+
286
+ _proto._updateAccessors = function _updateAccessors(opts) {
287
+ var _opts$props = opts.props,
288
+ getWeight = _opts$props.getWeight,
289
+ aggregation = _opts$props.aggregation,
290
+ data = _opts$props.data;
291
+ var count = this.state.weights.count;
292
+
293
+ if (count) {
294
+ count.getWeight = getWeight;
295
+ count.operation = _aggregationOperationUtils.AGGREGATION_OPERATION[aggregation];
231
296
  }
232
- }, {
233
- key: "updateAggregationState",
234
- value: function updateAggregationState(opts) {
235
- var cellSize = opts.props.cellSizePixels;
236
- var cellSizeChanged = opts.oldProps.cellSizePixels !== cellSize;
237
- var viewportChanged = opts.changeFlags.viewportChanged;
238
- var gpuAggregation = opts.props.gpuAggregation;
239
-
240
- if (this.state.gpuAggregation !== opts.props.gpuAggregation) {
241
- if (gpuAggregation && !_gpuGridAggregator.default.isSupported(this.context.gl)) {
242
- _core.log.warn('GPU Grid Aggregation not supported, falling back to CPU')();
243
-
244
- gpuAggregation = false;
245
- }
246
- }
247
297
 
248
- var gpuAggregationChanged = gpuAggregation !== this.state.gpuAggregation;
249
- this.setState({
250
- gpuAggregation: gpuAggregation
251
- });
252
- var positionsChanged = this.isAttributeChanged(POSITION_ATTRIBUTE_NAME);
253
- var dimensions = this.state.dimensions;
254
- var data = dimensions.data,
255
- weights = dimensions.weights;
256
- var aggregationDataDirty = positionsChanged || gpuAggregationChanged || viewportChanged || this.isAggregationDirty(opts, {
257
- compareAll: gpuAggregation,
258
- dimension: data
259
- });
260
- var aggregationWeightsDirty = this.isAggregationDirty(opts, {
261
- dimension: weights
262
- });
263
- this.setState({
264
- aggregationDataDirty: aggregationDataDirty,
265
- aggregationWeightsDirty: aggregationWeightsDirty
266
- });
267
- var viewport = this.context.viewport;
268
-
269
- if (viewportChanged || cellSizeChanged) {
270
- var width = viewport.width,
271
- height = viewport.height;
272
- var numCol = Math.ceil(width / cellSize);
273
- var numRow = Math.ceil(height / cellSize);
274
- this.allocateResources(numRow, numCol);
275
- this.setState({
276
- scaling: [width / 2, -height / 2, 1],
277
- gridOffset: {
278
- xOffset: cellSize,
279
- yOffset: cellSize
280
- },
281
- width: width,
282
- height: height,
283
- numCol: numCol,
284
- numRow: numRow
285
- });
286
- }
298
+ this.setState({
299
+ getValue: (0, _aggregationOperationUtils.getValueFunc)(aggregation, getWeight, {
300
+ data: data
301
+ })
302
+ });
303
+ };
287
304
 
288
- if (aggregationWeightsDirty) {
289
- this._updateAccessors(opts);
290
- }
291
-
292
- if (aggregationDataDirty || aggregationWeightsDirty) {
293
- this._resetResults();
294
- }
295
- }
296
- }, {
297
- key: "_updateAccessors",
298
- value: function _updateAccessors(opts) {
299
- var _opts$props = opts.props,
300
- getWeight = _opts$props.getWeight,
301
- aggregation = _opts$props.aggregation,
302
- data = _opts$props.data;
303
- var count = this.state.weights.count;
304
-
305
- if (count) {
306
- count.getWeight = getWeight;
307
- count.operation = _aggregationOperationUtils.AGGREGATION_OPERATION[aggregation];
308
- }
305
+ _proto._resetResults = function _resetResults() {
306
+ var count = this.state.weights.count;
309
307
 
310
- this.setState({
311
- getValue: (0, _aggregationOperationUtils.getValueFunc)(aggregation, getWeight, {
312
- data: data
313
- })
314
- });
308
+ if (count) {
309
+ count.aggregationData = null;
315
310
  }
316
- }, {
317
- key: "_resetResults",
318
- value: function _resetResults() {
319
- var count = this.state.weights.count;
311
+ };
320
312
 
321
- if (count) {
322
- count.aggregationData = null;
323
- }
324
- }
325
- }]);
326
313
  return ScreenGridLayer;
327
314
  }(_gridAggregationLayer.default);
328
315
 
329
316
  exports.default = ScreenGridLayer;
330
- (0, _defineProperty2.default)(ScreenGridLayer, "layerName", 'ScreenGridLayer');
331
- (0, _defineProperty2.default)(ScreenGridLayer, "defaultProps", defaultProps);
317
+ ScreenGridLayer.layerName = 'ScreenGridLayer';
318
+ ScreenGridLayer.defaultProps = defaultProps;
332
319
  //# sourceMappingURL=screen-grid-layer.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/screen-grid-layer/screen-grid-layer.ts"],"names":["defaultProps","ScreenGridCellLayer","getPosition","type","value","d","position","getWeight","gpuAggregation","aggregation","POSITION_ATTRIBUTE_NAME","DIMENSIONS","data","props","weights","accessors","ScreenGridLayer","gl","context","isSupported","setState","supported","log","error","id","dimensions","getCellSize","cellSizePixels","count","size","operation","AGGREGATION_OPERATION","SUM","needMax","maxTexture","projectPoints","subLayerData","attributes","positionAttributeName","posOffset","translation","attributeManager","getAttributeManager","add","accessor","fp64","use64bitPositions","changeFlags","state","somethingChanged","opts","numRow","numCol","updateTriggers","aggregationBuffer","CellLayerClass","getSubLayerClass","getSubLayerProps","instanceCounts","numInstances","maxBuffer","delete","info","index","gpuGridAggregator","aggregationResults","getData","object","GPUGridAggregator","getAggregationData","pixelIndex","aggregationData","maxData","setData","setImageData","cellSize","cellSizeChanged","oldProps","viewportChanged","warn","gpuAggregationChanged","positionsChanged","isAttributeChanged","aggregationDataDirty","isAggregationDirty","compareAll","dimension","aggregationWeightsDirty","viewport","width","height","Math","ceil","allocateResources","scaling","gridOffset","xOffset","yOffset","_updateAccessors","_resetResults","getValue","GridAggregationLayer"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Accessor,\n Color,\n GetPickingInfoParams,\n Layer,\n LayerContext,\n LayersList,\n log,\n PickingInfo,\n Position,\n UpdateParameters,\n DefaultProps\n} from '@deck.gl/core';\nimport GL from '@luma.gl/constants';\nimport type {Texture2D} from '@luma.gl/core';\nimport GPUGridAggregator from '../utils/gpu-grid-aggregation/gpu-grid-aggregator';\nimport {AGGREGATION_OPERATION, getValueFunc} from '../utils/aggregation-operation-utils';\nimport ScreenGridCellLayer from './screen-grid-cell-layer';\nimport GridAggregationLayer, {GridAggregationLayerProps} from '../grid-aggregation-layer';\nimport {getFloatTexture} from '../utils/resource-utils.js';\n\nconst defaultProps: DefaultProps<ScreenGridLayerProps> = {\n ...ScreenGridCellLayer.defaultProps,\n getPosition: {type: 'accessor', value: d => d.position},\n getWeight: {type: 'accessor', value: 1},\n\n gpuAggregation: true,\n aggregation: 'SUM'\n};\n\nconst POSITION_ATTRIBUTE_NAME = 'positions';\nconst DIMENSIONS = {\n data: {\n props: ['cellSizePixels']\n },\n weights: {\n props: ['aggregation'],\n accessors: ['getWeight']\n }\n};\n\n/** All properties supported by ScreenGridLayer. */\nexport type ScreenGridLayerProps<DataT = any> = _ScreenGridLayerProps<DataT> &\n GridAggregationLayerProps<DataT>;\n\n/** Properties added by ScreenGridLayer. */\nexport type _ScreenGridLayerProps<DataT> = {\n /**\n * Unit width/height of the bins.\n * @default 100\n */\n cellSizePixels?: number;\n\n /**\n * Cell margin size in pixels.\n * @default 2\n */\n cellMarginPixels?: number;\n\n /**\n * Expressed as an rgba array, minimal color that could be rendered by a tile.\n * @default [0, 0, 0, 255]\n * @deprecated Deprecated in version 5.2.0, use `colorRange` and `colorDomain` instead.\n */\n minColor?: Color | null;\n\n /**\n * Expressed as an rgba array, maximal color that could be rendered by a tile.\n * @default [0, 255, 0, 255]\n * @deprecated Deprecated in version 5.2.0, use `colorRange` and `colorDomain` instead.\n */\n maxColor?: Color | null;\n\n /**\n * Color scale input domain. The color scale maps continues numeric domain into discrete color range.\n * @default [1, max(weight)]\n */\n colorDomain?: [number, number] | null;\n\n /**\n * Specified as an array of colors [color1, color2, ...].\n *\n * @default `6-class YlOrRd` - [colorbrewer](http://colorbrewer2.org/#type=sequential&scheme=YlOrRd&n=6)\n */\n colorRange?: Color[];\n\n /**\n * Method called to retrieve the position of each object.\n *\n * @default d => d.position\n */\n getPosition?: Accessor<DataT, Position>;\n\n /**\n * The weight of each object.\n *\n * @default 1\n */\n getWeight?: Accessor<DataT, number>;\n\n /**\n * Perform aggregation is performed on GPU.\n *\n * NOTE: GPU Aggregation requires WebGL2 support by the browser.\n * When `gpuAggregation` is set to true and browser doesn't support WebGL2, aggregation falls back to CPU.\n *\n * @default true\n */\n gpuAggregation?: boolean;\n\n /**\n * Defines the type of aggregation operation\n *\n * V valid values are 'SUM', 'MEAN', 'MIN' and 'MAX'.\n *\n * @default 'SUM'\n */\n aggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX';\n};\n\n/** Aggregates data into histogram bins and renders them as a grid. */\nexport default class ScreenGridLayer<\n DataT = any,\n ExtraProps extends {} = {}\n> extends GridAggregationLayer<DataT, ExtraProps & Required<_ScreenGridLayerProps<DataT>>> {\n static layerName = 'ScreenGridLayer';\n static defaultProps = defaultProps;\n\n state!: GridAggregationLayer<DataT>['state'] & {\n supported: boolean;\n gpuGridAggregator?: any;\n gpuAggregation?: any;\n weights?: any;\n maxTexture?: Texture2D;\n };\n\n initializeState() {\n const {gl} = this.context;\n if (!ScreenGridCellLayer.isSupported(gl)) {\n // max aggregated value is sampled from a float texture\n this.setState({supported: false});\n log.error(`ScreenGridLayer: ${this.id} is not supported on this browser`)();\n return;\n }\n super.initializeAggregationLayer({\n dimensions: DIMENSIONS,\n // @ts-expect-error\n getCellSize: props => props.cellSizePixels // TODO\n });\n const weights = {\n count: {\n size: 1,\n operation: AGGREGATION_OPERATION.SUM,\n needMax: true,\n maxTexture: getFloatTexture(gl, {id: `${this.id}-max-texture`})\n }\n };\n this.setState({\n supported: true,\n projectPoints: true, // aggregation in screen space\n weights,\n subLayerData: {attributes: {}},\n maxTexture: weights.count.maxTexture,\n positionAttributeName: 'positions',\n posOffset: [0, 0],\n translation: [1, -1]\n });\n const attributeManager = this.getAttributeManager()!;\n attributeManager.add({\n [POSITION_ATTRIBUTE_NAME]: {\n size: 3,\n accessor: 'getPosition',\n type: GL.DOUBLE,\n fp64: this.use64bitPositions()\n },\n // this attribute is used in gpu aggregation path only\n count: {size: 3, accessor: 'getWeight'}\n });\n }\n\n shouldUpdateState({changeFlags}: UpdateParameters<this>) {\n return this.state.supported && changeFlags.somethingChanged;\n }\n\n updateState(opts: UpdateParameters<this>) {\n super.updateState(opts);\n }\n\n renderLayers(): LayersList | Layer {\n if (!this.state.supported) {\n return [];\n }\n const {maxTexture, numRow, numCol, weights} = this.state;\n const {updateTriggers} = this.props;\n const {aggregationBuffer} = weights.count;\n const CellLayerClass = this.getSubLayerClass('cells', ScreenGridCellLayer);\n\n return new CellLayerClass(\n this.props,\n this.getSubLayerProps({\n id: 'cell-layer',\n updateTriggers\n }),\n {\n data: {attributes: {instanceCounts: aggregationBuffer}},\n maxTexture,\n numInstances: numRow * numCol\n }\n );\n }\n\n finalizeState(context: LayerContext): void {\n super.finalizeState(context);\n\n const {aggregationBuffer, maxBuffer, maxTexture} = this.state;\n\n aggregationBuffer?.delete();\n maxBuffer?.delete();\n maxTexture?.delete();\n }\n\n getPickingInfo({info}: GetPickingInfoParams): PickingInfo {\n const {index} = info;\n if (index >= 0) {\n const {gpuGridAggregator, gpuAggregation, weights} = this.state;\n // Get count aggregation results\n const aggregationResults = gpuAggregation\n ? gpuGridAggregator.getData('count')\n : weights.count;\n\n // Each instance (one cell) is aggregated into single pixel,\n // Get current instance's aggregation details.\n info.object = GPUGridAggregator.getAggregationData({\n pixelIndex: index,\n ...aggregationResults\n });\n }\n\n return info;\n }\n\n // Aggregation Overrides\n\n updateResults({aggregationData, maxData}) {\n const {count} = this.state.weights;\n count.aggregationData = aggregationData;\n count.aggregationBuffer.setData({data: aggregationData});\n count.maxData = maxData;\n count.maxTexture.setImageData({data: maxData});\n }\n\n /* eslint-disable complexity, max-statements */\n updateAggregationState(opts) {\n const cellSize = opts.props.cellSizePixels;\n const cellSizeChanged = opts.oldProps.cellSizePixels !== cellSize;\n const {viewportChanged} = opts.changeFlags;\n let gpuAggregation = opts.props.gpuAggregation;\n if (this.state.gpuAggregation !== opts.props.gpuAggregation) {\n if (gpuAggregation && !GPUGridAggregator.isSupported(this.context.gl)) {\n log.warn('GPU Grid Aggregation not supported, falling back to CPU')();\n gpuAggregation = false;\n }\n }\n const gpuAggregationChanged = gpuAggregation !== this.state.gpuAggregation;\n this.setState({\n gpuAggregation\n });\n\n const positionsChanged = this.isAttributeChanged(POSITION_ATTRIBUTE_NAME);\n\n const {dimensions} = this.state;\n const {data, weights} = dimensions;\n const aggregationDataDirty =\n positionsChanged ||\n gpuAggregationChanged ||\n viewportChanged ||\n this.isAggregationDirty(opts, {\n compareAll: gpuAggregation, // check for all (including extentions props) when using gpu aggregation\n dimension: data\n });\n const aggregationWeightsDirty = this.isAggregationDirty(opts, {dimension: weights});\n\n this.setState({\n aggregationDataDirty,\n aggregationWeightsDirty\n });\n\n const {viewport} = this.context;\n\n if (viewportChanged || cellSizeChanged) {\n const {width, height} = viewport;\n const numCol = Math.ceil(width / cellSize);\n const numRow = Math.ceil(height / cellSize);\n this.allocateResources(numRow, numCol);\n this.setState({\n // transformation from clipspace to screen(pixel) space\n scaling: [width / 2, -height / 2, 1],\n\n gridOffset: {xOffset: cellSize, yOffset: cellSize},\n width,\n height,\n numCol,\n numRow\n });\n }\n\n if (aggregationWeightsDirty) {\n this._updateAccessors(opts);\n }\n if (aggregationDataDirty || aggregationWeightsDirty) {\n this._resetResults();\n }\n }\n /* eslint-enable complexity, max-statements */\n\n // Private\n\n _updateAccessors(opts) {\n const {getWeight, aggregation, data} = opts.props;\n const {count} = this.state.weights;\n if (count) {\n count.getWeight = getWeight;\n count.operation = AGGREGATION_OPERATION[aggregation];\n }\n this.setState({getValue: getValueFunc(aggregation, getWeight, {data})});\n }\n\n _resetResults() {\n const {count} = this.state.weights;\n if (count) {\n count.aggregationData = null;\n }\n }\n}\n"],"file":"screen-grid-layer.js"}
1
+ {"version":3,"sources":["../../../src/screen-grid-layer/screen-grid-layer.ts"],"names":["defaultProps","ScreenGridCellLayer","getPosition","type","value","d","position","getWeight","gpuAggregation","aggregation","POSITION_ATTRIBUTE_NAME","DIMENSIONS","data","props","weights","accessors","ScreenGridLayer","state","initializeState","gl","context","isSupported","setState","supported","log","error","id","dimensions","getCellSize","cellSizePixels","count","size","operation","AGGREGATION_OPERATION","SUM","needMax","maxTexture","projectPoints","subLayerData","attributes","positionAttributeName","posOffset","translation","attributeManager","getAttributeManager","add","accessor","fp64","use64bitPositions","shouldUpdateState","changeFlags","somethingChanged","updateState","opts","renderLayers","numRow","numCol","updateTriggers","aggregationBuffer","CellLayerClass","getSubLayerClass","getSubLayerProps","instanceCounts","numInstances","finalizeState","maxBuffer","delete","getPickingInfo","info","index","gpuGridAggregator","aggregationResults","getData","object","GPUGridAggregator","getAggregationData","pixelIndex","updateResults","aggregationData","maxData","setData","setImageData","updateAggregationState","cellSize","cellSizeChanged","oldProps","viewportChanged","warn","gpuAggregationChanged","positionsChanged","isAttributeChanged","aggregationDataDirty","isAggregationDirty","compareAll","dimension","aggregationWeightsDirty","viewport","width","height","Math","ceil","allocateResources","scaling","gridOffset","xOffset","yOffset","_updateAccessors","_resetResults","getValue","GridAggregationLayer","layerName"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {\n Accessor,\n Color,\n GetPickingInfoParams,\n Layer,\n LayerContext,\n LayersList,\n log,\n PickingInfo,\n Position,\n UpdateParameters,\n DefaultProps\n} from '@deck.gl/core';\nimport GL from '@luma.gl/constants';\nimport type {Texture2D} from '@luma.gl/core';\nimport GPUGridAggregator from '../utils/gpu-grid-aggregation/gpu-grid-aggregator';\nimport {AGGREGATION_OPERATION, getValueFunc} from '../utils/aggregation-operation-utils';\nimport ScreenGridCellLayer from './screen-grid-cell-layer';\nimport GridAggregationLayer, {GridAggregationLayerProps} from '../grid-aggregation-layer';\nimport {getFloatTexture} from '../utils/resource-utils.js';\n\nconst defaultProps: DefaultProps<ScreenGridLayerProps> = {\n ...ScreenGridCellLayer.defaultProps,\n getPosition: {type: 'accessor', value: d => d.position},\n getWeight: {type: 'accessor', value: 1},\n\n gpuAggregation: true,\n aggregation: 'SUM'\n};\n\nconst POSITION_ATTRIBUTE_NAME = 'positions';\nconst DIMENSIONS = {\n data: {\n props: ['cellSizePixels']\n },\n weights: {\n props: ['aggregation'],\n accessors: ['getWeight']\n }\n};\n\n/** All properties supported by ScreenGridLayer. */\nexport type ScreenGridLayerProps<DataT = any> = _ScreenGridLayerProps<DataT> &\n GridAggregationLayerProps<DataT>;\n\n/** Properties added by ScreenGridLayer. */\nexport type _ScreenGridLayerProps<DataT> = {\n /**\n * Unit width/height of the bins.\n * @default 100\n */\n cellSizePixels?: number;\n\n /**\n * Cell margin size in pixels.\n * @default 2\n */\n cellMarginPixels?: number;\n\n /**\n * Expressed as an rgba array, minimal color that could be rendered by a tile.\n * @default [0, 0, 0, 255]\n * @deprecated Deprecated in version 5.2.0, use `colorRange` and `colorDomain` instead.\n */\n minColor?: Color | null;\n\n /**\n * Expressed as an rgba array, maximal color that could be rendered by a tile.\n * @default [0, 255, 0, 255]\n * @deprecated Deprecated in version 5.2.0, use `colorRange` and `colorDomain` instead.\n */\n maxColor?: Color | null;\n\n /**\n * Color scale input domain. The color scale maps continues numeric domain into discrete color range.\n * @default [1, max(weight)]\n */\n colorDomain?: [number, number] | null;\n\n /**\n * Specified as an array of colors [color1, color2, ...].\n *\n * @default `6-class YlOrRd` - [colorbrewer](http://colorbrewer2.org/#type=sequential&scheme=YlOrRd&n=6)\n */\n colorRange?: Color[];\n\n /**\n * Method called to retrieve the position of each object.\n *\n * @default d => d.position\n */\n getPosition?: Accessor<DataT, Position>;\n\n /**\n * The weight of each object.\n *\n * @default 1\n */\n getWeight?: Accessor<DataT, number>;\n\n /**\n * Perform aggregation is performed on GPU.\n *\n * NOTE: GPU Aggregation requires WebGL2 support by the browser.\n * When `gpuAggregation` is set to true and browser doesn't support WebGL2, aggregation falls back to CPU.\n *\n * @default true\n */\n gpuAggregation?: boolean;\n\n /**\n * Defines the type of aggregation operation\n *\n * V valid values are 'SUM', 'MEAN', 'MIN' and 'MAX'.\n *\n * @default 'SUM'\n */\n aggregation?: 'SUM' | 'MEAN' | 'MIN' | 'MAX';\n};\n\n/** Aggregates data into histogram bins and renders them as a grid. */\nexport default class ScreenGridLayer<\n DataT = any,\n ExtraProps extends {} = {}\n> extends GridAggregationLayer<DataT, ExtraProps & Required<_ScreenGridLayerProps<DataT>>> {\n static layerName = 'ScreenGridLayer';\n static defaultProps = defaultProps;\n\n state!: GridAggregationLayer<DataT>['state'] & {\n supported: boolean;\n gpuGridAggregator?: any;\n gpuAggregation?: any;\n weights?: any;\n maxTexture?: Texture2D;\n };\n\n initializeState() {\n const {gl} = this.context;\n if (!ScreenGridCellLayer.isSupported(gl)) {\n // max aggregated value is sampled from a float texture\n this.setState({supported: false});\n log.error(`ScreenGridLayer: ${this.id} is not supported on this browser`)();\n return;\n }\n super.initializeAggregationLayer({\n dimensions: DIMENSIONS,\n // @ts-expect-error\n getCellSize: props => props.cellSizePixels // TODO\n });\n const weights = {\n count: {\n size: 1,\n operation: AGGREGATION_OPERATION.SUM,\n needMax: true,\n maxTexture: getFloatTexture(gl, {id: `${this.id}-max-texture`})\n }\n };\n this.setState({\n supported: true,\n projectPoints: true, // aggregation in screen space\n weights,\n subLayerData: {attributes: {}},\n maxTexture: weights.count.maxTexture,\n positionAttributeName: 'positions',\n posOffset: [0, 0],\n translation: [1, -1]\n });\n const attributeManager = this.getAttributeManager()!;\n attributeManager.add({\n [POSITION_ATTRIBUTE_NAME]: {\n size: 3,\n accessor: 'getPosition',\n type: GL.DOUBLE,\n fp64: this.use64bitPositions()\n },\n // this attribute is used in gpu aggregation path only\n count: {size: 3, accessor: 'getWeight'}\n });\n }\n\n shouldUpdateState({changeFlags}: UpdateParameters<this>) {\n return this.state.supported && changeFlags.somethingChanged;\n }\n\n updateState(opts: UpdateParameters<this>) {\n super.updateState(opts);\n }\n\n renderLayers(): LayersList | Layer {\n if (!this.state.supported) {\n return [];\n }\n const {maxTexture, numRow, numCol, weights} = this.state;\n const {updateTriggers} = this.props;\n const {aggregationBuffer} = weights.count;\n const CellLayerClass = this.getSubLayerClass('cells', ScreenGridCellLayer);\n\n return new CellLayerClass(\n this.props,\n this.getSubLayerProps({\n id: 'cell-layer',\n updateTriggers\n }),\n {\n data: {attributes: {instanceCounts: aggregationBuffer}},\n maxTexture,\n numInstances: numRow * numCol\n }\n );\n }\n\n finalizeState(context: LayerContext): void {\n super.finalizeState(context);\n\n const {aggregationBuffer, maxBuffer, maxTexture} = this.state;\n\n aggregationBuffer?.delete();\n maxBuffer?.delete();\n maxTexture?.delete();\n }\n\n getPickingInfo({info}: GetPickingInfoParams): PickingInfo {\n const {index} = info;\n if (index >= 0) {\n const {gpuGridAggregator, gpuAggregation, weights} = this.state;\n // Get count aggregation results\n const aggregationResults = gpuAggregation\n ? gpuGridAggregator.getData('count')\n : weights.count;\n\n // Each instance (one cell) is aggregated into single pixel,\n // Get current instance's aggregation details.\n info.object = GPUGridAggregator.getAggregationData({\n pixelIndex: index,\n ...aggregationResults\n });\n }\n\n return info;\n }\n\n // Aggregation Overrides\n\n updateResults({aggregationData, maxData}) {\n const {count} = this.state.weights;\n count.aggregationData = aggregationData;\n count.aggregationBuffer.setData({data: aggregationData});\n count.maxData = maxData;\n count.maxTexture.setImageData({data: maxData});\n }\n\n /* eslint-disable complexity, max-statements */\n updateAggregationState(opts) {\n const cellSize = opts.props.cellSizePixels;\n const cellSizeChanged = opts.oldProps.cellSizePixels !== cellSize;\n const {viewportChanged} = opts.changeFlags;\n let gpuAggregation = opts.props.gpuAggregation;\n if (this.state.gpuAggregation !== opts.props.gpuAggregation) {\n if (gpuAggregation && !GPUGridAggregator.isSupported(this.context.gl)) {\n log.warn('GPU Grid Aggregation not supported, falling back to CPU')();\n gpuAggregation = false;\n }\n }\n const gpuAggregationChanged = gpuAggregation !== this.state.gpuAggregation;\n this.setState({\n gpuAggregation\n });\n\n const positionsChanged = this.isAttributeChanged(POSITION_ATTRIBUTE_NAME);\n\n const {dimensions} = this.state;\n const {data, weights} = dimensions;\n const aggregationDataDirty =\n positionsChanged ||\n gpuAggregationChanged ||\n viewportChanged ||\n this.isAggregationDirty(opts, {\n compareAll: gpuAggregation, // check for all (including extentions props) when using gpu aggregation\n dimension: data\n });\n const aggregationWeightsDirty = this.isAggregationDirty(opts, {dimension: weights});\n\n this.setState({\n aggregationDataDirty,\n aggregationWeightsDirty\n });\n\n const {viewport} = this.context;\n\n if (viewportChanged || cellSizeChanged) {\n const {width, height} = viewport;\n const numCol = Math.ceil(width / cellSize);\n const numRow = Math.ceil(height / cellSize);\n this.allocateResources(numRow, numCol);\n this.setState({\n // transformation from clipspace to screen(pixel) space\n scaling: [width / 2, -height / 2, 1],\n\n gridOffset: {xOffset: cellSize, yOffset: cellSize},\n width,\n height,\n numCol,\n numRow\n });\n }\n\n if (aggregationWeightsDirty) {\n this._updateAccessors(opts);\n }\n if (aggregationDataDirty || aggregationWeightsDirty) {\n this._resetResults();\n }\n }\n /* eslint-enable complexity, max-statements */\n\n // Private\n\n _updateAccessors(opts) {\n const {getWeight, aggregation, data} = opts.props;\n const {count} = this.state.weights;\n if (count) {\n count.getWeight = getWeight;\n count.operation = AGGREGATION_OPERATION[aggregation];\n }\n this.setState({getValue: getValueFunc(aggregation, getWeight, {data})});\n }\n\n _resetResults() {\n const {count} = this.state.weights;\n if (count) {\n count.aggregationData = null;\n }\n }\n}\n"],"file":"screen-grid-layer.js"}