@vitessce/scatterplot 3.2.2 → 3.3.1

package/dist/{deflate-d451b100.js → deflate-d286fc81.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { B as BaseDecoder } from "./index-a703efd5.js";
+import { B as BaseDecoder } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{index-a703efd5.js → index-1144f987.js}

@@ -4519,7 +4519,7 @@ const jsonLoader = {
   testText: isJSON,
   parseTextSync: JSON.parse
 };
-const version = "8.8.20";
+const version = "8.8.27";
 const existingVersion = globalThis.deck && globalThis.deck.VERSION;
 if (existingVersion && existingVersion !== version) {
   throw new Error("deck.gl - multiple versions detected: ".concat(existingVersion, " vs ").concat(version));
@@ -5718,9 +5718,8 @@ function cssToDeviceRatio(gl) {
     luma
   } = gl;
   if (gl.canvas && luma) {
-    const {
-      clientWidth
-    } = luma.canvasSizeInfo;
+    const cachedSize = luma.canvasSizeInfo;
+    const clientWidth = "clientWidth" in cachedSize ? cachedSize.clientWidth : gl.canvas.clientWidth;
     return clientWidth ? gl.drawingBufferWidth / clientWidth : 1;
   }
   return 1;
@@ -5976,7 +5975,7 @@ function setDevicePixelRatio(gl, devicePixelRatio, options) {
     });
   }
 }
-const VERSION$7 = "8.5.16";
+const VERSION$7 = "8.5.21";
 const STARTUP_MESSAGE = "set luma.log.level=1 (or higher) to trace rendering";
 class StatsManager {
   constructor() {
@@ -6097,7 +6096,6 @@ let Resource$1 = class Resource {
       this._handle = this._createHandle();
     }
     this.byteLength = 0;
-    this._initStats();
     this._addStats();
   }
   toString() {
@@ -6233,9 +6231,6 @@ let Resource$1 = class Resource {
     this.gl.luma = this.gl.luma || {};
     return this.gl.luma;
   }
-  _initStats() {
-    this.gl.stats = this.gl.stats || new StatsManager();
-  }
   _addStats() {
     const name2 = this[Symbol.toStringTag];
     const stats = lumaStats.get("Resource Counts");
@@ -6250,27 +6245,29 @@ let Resource$1 = class Resource {
   }
   _trackAllocatedMemory(bytes) {
     let name2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this[Symbol.toStringTag];
-    this._doTrackAllocatedMemory(bytes, name2);
-    this._doTrackAllocatedMemory(bytes, name2, this.gl.stats.get("Memory Usage"));
+    this._trackAllocatedMemoryForContext(bytes, name2);
+    this._trackAllocatedMemoryForContext(bytes, name2, this.gl.canvas && this.gl.canvas.id);
+    this.byteLength = bytes;
   }
-  _doTrackAllocatedMemory(bytes) {
+  _trackAllocatedMemoryForContext(bytes) {
     let name2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : this[Symbol.toStringTag];
-    let stats = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : lumaStats.get("Memory Usage");
+    let id = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
+    const stats = lumaStats.get("Memory Usage".concat(id));
     stats.get("GPU Memory").addCount(bytes);
     stats.get("".concat(name2, " Memory")).addCount(bytes);
-    this.byteLength = bytes;
   }
   _trackDeallocatedMemory() {
     let name2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this[Symbol.toStringTag];
-    this._doTrackDeallocatedMemory(name2);
-    this._doTrackDeallocatedMemory(name2, this.gl.stats.get("Memory Usage"));
+    this._trackDeallocatedMemoryForContext(name2);
+    this._trackDeallocatedMemoryForContext(name2, this.gl.canvas && this.gl.canvas.id);
+    this.byteLength = 0;
   }
-  _doTrackDeallocatedMemory() {
+  _trackDeallocatedMemoryForContext() {
     let name2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this[Symbol.toStringTag];
-    let stats = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : lumaStats.get("Memory Usage");
+    let id = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+    const stats = lumaStats.get("Memory Usage".concat(id));
     stats.get("GPU Memory").subtractCount(this.byteLength);
     stats.get("".concat(name2, " Memory")).subtractCount(this.byteLength);
-    this.byteLength = 0;
   }
 };
 const ERR_TYPE_DEDUCTION = "Failed to deduce GL constant from typed array";
@@ -19486,6 +19483,7 @@ const picking = {
   inject: {
     "vs:DECKGL_FILTER_GL_POSITION": "\n    // for picking depth values\n    picking_setPickingAttribute(position.z / position.w);\n  ",
     "vs:DECKGL_FILTER_COLOR": "\n  picking_setPickingColor(geometry.pickingColor);\n  ",
+    "fs:#decl": "\nuniform bool picking_uAttribute;\n  ",
     "fs:DECKGL_FILTER_COLOR": {
       order: 99,
       injection: "\n  // use highlight color if this fragment belongs to the selected object.\n  color = picking_filterHighlightColor(color);\n\n  // use picking color if rendering to picking FBO.\n  color = picking_filterPickingColor(color);\n    "
@@ -20296,6 +20294,9 @@ class Viewport {
     this.projectFlat = this.projectFlat.bind(this);
     this.unprojectFlat = this.unprojectFlat.bind(this);
   }
+  get subViewports() {
+    return null;
+  }
   get metersPerPixel() {
     return this.distanceScales.metersPerUnit[2] / this.scale;
   }
@@ -29187,7 +29188,7 @@ class Attribute extends DataColumn {
     const {
       startIndices
     } = this;
-    const vertexIndex = startIndices ? startIndices[row] : row;
+    const vertexIndex = startIndices ? row < startIndices.length ? startIndices[row] : this.numInstances : row;
     return vertexIndex * this.size;
   }
   getShaderAttributes() {
@@ -31831,7 +31832,7 @@ class Layer extends Component {
       if (Array.isArray(highlightColor)) {
         parameters.pickingHighlightColor = highlightColor;
       }
-      if (Number.isInteger(highlightedObjectIndex)) {
+      if (forceUpdate || highlightedObjectIndex !== oldProps.highlightedObjectIndex) {
         parameters.pickingSelectedColor = Number.isFinite(highlightedObjectIndex) && highlightedObjectIndex >= 0 ? this.encodePickingColor(highlightedObjectIndex) : null;
       }
       this.setModuleParameters(parameters);
@@ -33194,7 +33195,7 @@ function interpolateQuad(quad, ut, vt) {
 }
 const vs$g = "\n#define SHADER_NAME bitmap-layer-vertex-shader\n\nattribute vec2 texCoords;\nattribute vec3 positions;\nattribute vec3 positions64Low;\n\nvarying vec2 vTexCoord;\nvarying vec2 vTexPos;\n\nuniform float coordinateConversion;\n\nconst vec3 pickingColor = vec3(1.0, 0.0, 0.0);\n\nvoid main(void) {\n  geometry.worldPosition = positions;\n  geometry.uv = texCoords;\n  geometry.pickingColor = pickingColor;\n\n  gl_Position = project_position_to_clipspace(positions, positions64Low, vec3(0.0), geometry.position);\n  DECKGL_FILTER_GL_POSITION(gl_Position, geometry);\n\n  vTexCoord = texCoords;\n\n  if (coordinateConversion < -0.5) {\n    vTexPos = geometry.position.xy + project_uCommonOrigin.xy;\n  } else if (coordinateConversion > 0.5) {\n    vTexPos = geometry.worldPosition.xy;\n  }\n\n  vec4 color = vec4(0.0);\n  DECKGL_FILTER_COLOR(color, geometry);\n}\n";
 const packUVsIntoRGB = "\nvec3 packUVsIntoRGB(vec2 uv) {\n  // Extract the top 8 bits. We want values to be truncated down so we can add a fraction\n  vec2 uv8bit = floor(uv * 256.);\n\n  // Calculate the normalized remainders of u and v parts that do not fit into 8 bits\n  // Scale and clamp to 0-1 range\n  vec2 uvFraction = fract(uv * 256.);\n  vec2 uvFraction4bit = floor(uvFraction * 16.);\n\n  // Remainder can be encoded in blue channel, encode as 4 bits for pixel coordinates\n  float fractions = uvFraction4bit.x + uvFraction4bit.y * 16.;\n\n  return vec3(uv8bit, fractions) / 255.;\n}\n";
-const fs$i = "\n#define SHADER_NAME bitmap-layer-fragment-shader\n\n#ifdef GL_ES\nprecision highp float;\n#endif\n\nuniform sampler2D bitmapTexture;\n\nvarying vec2 vTexCoord;\nvarying vec2 vTexPos;\n\nuniform float desaturate;\nuniform vec4 transparentColor;\nuniform vec3 tintColor;\nuniform float opacity;\n\nuniform float coordinateConversion;\nuniform vec4 bounds;\n\n/* projection utils */\nconst float TILE_SIZE = 512.0;\nconst float PI = 3.1415926536;\nconst float WORLD_SCALE = TILE_SIZE / PI / 2.0;\n\n// from degrees to Web Mercator\nvec2 lnglat_to_mercator(vec2 lnglat) {\n  float x = lnglat.x;\n  float y = clamp(lnglat.y, -89.9, 89.9);\n  return vec2(\n    radians(x) + PI,\n    PI + log(tan(PI * 0.25 + radians(y) * 0.5))\n  ) * WORLD_SCALE;\n}\n\n// from Web Mercator to degrees\nvec2 mercator_to_lnglat(vec2 xy) {\n  xy /= WORLD_SCALE;\n  return degrees(vec2(\n    xy.x - PI,\n    atan(exp(xy.y - PI)) * 2.0 - PI * 0.5\n  ));\n}\n/* End projection utils */\n\n// apply desaturation\nvec3 color_desaturate(vec3 color) {\n  float luminance = (color.r + color.g + color.b) * 0.333333333;\n  return mix(color, vec3(luminance), desaturate);\n}\n\n// apply tint\nvec3 color_tint(vec3 color) {\n  return color * tintColor;\n}\n\n// blend with background color\nvec4 apply_opacity(vec3 color, float alpha) {\n  return mix(transparentColor, vec4(color, 1.0), alpha);\n}\n\nvec2 getUV(vec2 pos) {\n  return vec2(\n    (pos.x - bounds[0]) / (bounds[2] - bounds[0]),\n    (pos.y - bounds[3]) / (bounds[1] - bounds[3])\n  );\n}\n\n".concat(packUVsIntoRGB, "\n\nvoid main(void) {\n  vec2 uv = vTexCoord;\n  if (coordinateConversion < -0.5) {\n    vec2 lnglat = mercator_to_lnglat(vTexPos);\n    uv = getUV(lnglat);\n  } else if (coordinateConversion > 0.5) {\n    vec2 commonPos = lnglat_to_mercator(vTexPos);\n    uv = getUV(commonPos);\n  }\n  vec4 bitmapColor = texture2D(bitmapTexture, uv);\n\n  gl_FragColor = apply_opacity(color_tint(color_desaturate(bitmapColor.rgb)), bitmapColor.a * opacity);\n\n  geometry.uv = uv;\n  DECKGL_FILTER_COLOR(gl_FragColor, geometry);\n\n  if (picking_uActive) {\n    // Since instance information is not used, we can use picking color for pixel index\n    gl_FragColor.rgb = packUVsIntoRGB(uv);\n  }\n}\n");
+const fs$i = "\n#define SHADER_NAME bitmap-layer-fragment-shader\n\n#ifdef GL_ES\nprecision highp float;\n#endif\n\nuniform sampler2D bitmapTexture;\n\nvarying vec2 vTexCoord;\nvarying vec2 vTexPos;\n\nuniform float desaturate;\nuniform vec4 transparentColor;\nuniform vec3 tintColor;\nuniform float opacity;\n\nuniform float coordinateConversion;\nuniform vec4 bounds;\n\n/* projection utils */\nconst float TILE_SIZE = 512.0;\nconst float PI = 3.1415926536;\nconst float WORLD_SCALE = TILE_SIZE / PI / 2.0;\n\n// from degrees to Web Mercator\nvec2 lnglat_to_mercator(vec2 lnglat) {\n  float x = lnglat.x;\n  float y = clamp(lnglat.y, -89.9, 89.9);\n  return vec2(\n    radians(x) + PI,\n    PI + log(tan(PI * 0.25 + radians(y) * 0.5))\n  ) * WORLD_SCALE;\n}\n\n// from Web Mercator to degrees\nvec2 mercator_to_lnglat(vec2 xy) {\n  xy /= WORLD_SCALE;\n  return degrees(vec2(\n    xy.x - PI,\n    atan(exp(xy.y - PI)) * 2.0 - PI * 0.5\n  ));\n}\n/* End projection utils */\n\n// apply desaturation\nvec3 color_desaturate(vec3 color) {\n  float luminance = (color.r + color.g + color.b) * 0.333333333;\n  return mix(color, vec3(luminance), desaturate);\n}\n\n// apply tint\nvec3 color_tint(vec3 color) {\n  return color * tintColor;\n}\n\n// blend with background color\nvec4 apply_opacity(vec3 color, float alpha) {\n  return mix(transparentColor, vec4(color, 1.0), alpha);\n}\n\nvec2 getUV(vec2 pos) {\n  return vec2(\n    (pos.x - bounds[0]) / (bounds[2] - bounds[0]),\n    (pos.y - bounds[3]) / (bounds[1] - bounds[3])\n  );\n}\n\n".concat(packUVsIntoRGB, "\n\nvoid main(void) {\n  vec2 uv = vTexCoord;\n  if (coordinateConversion < -0.5) {\n    vec2 lnglat = mercator_to_lnglat(vTexPos);\n    uv = getUV(lnglat);\n  } else if (coordinateConversion > 0.5) {\n    vec2 commonPos = lnglat_to_mercator(vTexPos);\n    uv = getUV(commonPos);\n  }\n  vec4 bitmapColor = texture2D(bitmapTexture, uv);\n\n  gl_FragColor = apply_opacity(color_tint(color_desaturate(bitmapColor.rgb)), bitmapColor.a * opacity);\n\n  geometry.uv = uv;\n  DECKGL_FILTER_COLOR(gl_FragColor, geometry);\n\n  if (picking_uActive && !picking_uAttribute) {\n    // Since instance information is not used, we can use picking color for pixel index\n    gl_FragColor.rgb = packUVsIntoRGB(uv);\n  }\n}\n");
 const defaultProps$I = {
   image: {
     type: "image",
@@ -41337,18 +41338,22 @@ function getBoundingBox(viewport, zRange, extent2) {
 }
 function getCullBounds({
   viewport,
-  z: z2,
+  z: z2 = 0,
   cullRect
 }) {
-  const x2 = cullRect.x - viewport.x;
-  const y2 = cullRect.y - viewport.y;
-  const {
-    width,
-    height
-  } = cullRect;
+  const subViewports = viewport.subViewports || [viewport];
+  return subViewports.map((v) => getCullBoundsInViewport(v, z2, cullRect));
+}
+function getCullBoundsInViewport(viewport, z2, cullRect) {
   if (!Array.isArray(z2)) {
+    const x2 = cullRect.x - viewport.x;
+    const y2 = cullRect.y - viewport.y;
+    const {
+      width,
+      height
+    } = cullRect;
     const unprojectOption = {
-      targetZ: z2 || 0
+      targetZ: z2
     };
     const topLeft = viewport.unproject([x2, y2], unprojectOption);
     const topRight = viewport.unproject([x2 + width, y2], unprojectOption);
@@ -41356,16 +41361,8 @@ function getCullBounds({
     const bottomRight = viewport.unproject([x2 + width, y2 + height], unprojectOption);
     return [Math.min(topLeft[0], topRight[0], bottomLeft[0], bottomRight[0]), Math.min(topLeft[1], topRight[1], bottomLeft[1], bottomRight[1]), Math.max(topLeft[0], topRight[0], bottomLeft[0], bottomRight[0]), Math.max(topLeft[1], topRight[1], bottomLeft[1], bottomRight[1])];
   }
-  const bounds0 = getCullBounds({
-    viewport,
-    z: z2[0],
-    cullRect
-  });
-  const bounds1 = getCullBounds({
-    viewport,
-    z: z2[1],
-    cullRect
-  });
+  const bounds0 = getCullBoundsInViewport(viewport, z2[0], cullRect);
+  const bounds1 = getCullBoundsInViewport(viewport, z2[1], cullRect);
   return [Math.min(bounds0[0], bounds1[0]), Math.min(bounds0[1], bounds1[1]), Math.max(bounds0[2], bounds1[2]), Math.max(bounds0[3], bounds1[3])];
 }
 function getIndexingCoords(bbox2, scale2, modelMatrixInverse) {
@@ -41595,7 +41592,7 @@ class Tileset2D {
       return false;
     }
     if (cullRect && this._viewport) {
-      const [minX, minY, maxX, maxY] = getCullBounds({
+      const boundsArr = this._getCullBounds({
         viewport: this._viewport,
         z: this._zRange,
         cullRect
@@ -41603,12 +41600,20 @@ class Tileset2D {
       const {
         bbox: bbox2
       } = tile;
-      if ("west" in bbox2) {
-        return bbox2.west < maxX && bbox2.east > minX && bbox2.south < maxY && bbox2.north > minY;
+      for (const [minX, minY, maxX, maxY] of boundsArr) {
+        let overlaps;
+        if ("west" in bbox2) {
+          overlaps = bbox2.west < maxX && bbox2.east > minX && bbox2.south < maxY && bbox2.north > minY;
+        } else {
+          const y02 = Math.min(bbox2.top, bbox2.bottom);
+          const y12 = Math.max(bbox2.top, bbox2.bottom);
+          overlaps = bbox2.left < maxX && bbox2.right > minX && y02 < maxY && y12 > minY;
+        }
+        if (overlaps) {
+          return true;
+        }
       }
-      const y02 = Math.min(bbox2.top, bbox2.bottom);
-      const y12 = Math.max(bbox2.top, bbox2.bottom);
-      return bbox2.left < maxX && bbox2.right > minX && y02 < maxY && y12 > minY;
+      return false;
     }
     return true;
   }
@@ -42057,14 +42062,19 @@ class TileLayer extends CompositeLayer {
     info,
     sourceLayer
   }) {
+    const sourceTile = sourceLayer.props.tile;
     if (info.picked) {
-      info.tile = sourceLayer.props.tile;
+      info.tile = sourceTile;
     }
+    info.sourceTile = sourceTile;
     return info;
   }
   _updateAutoHighlight(info) {
-    if (info.sourceLayer) {
-      info.sourceLayer.updateAutoHighlight(info);
+    const sourceTile = info.sourceTile;
+    if (sourceTile && sourceTile.layers) {
+      for (const layer of sourceTile.layers) {
+        layer.updateAutoHighlight(info);
+      }
     }
   }
   renderLayers() {
@@ -54382,6 +54392,9 @@ class ScenegraphNode {
   toString() {
     return "{type: ScenegraphNode, id: ".concat(this.id, ")}");
   }
+  getBounds() {
+    return null;
+  }
   setPosition(position) {
     assert$8(position.length === 3, "setPosition requires vector argument");
     this.position = position;
@@ -54532,6 +54545,34 @@ class GroupNode extends ScenegraphNode {
     this.removeAll();
     super.delete();
   }
+  getBounds() {
+    const result = [[Infinity, Infinity, Infinity], [-Infinity, -Infinity, -Infinity]];
+    this.traverse((node, _ref) => {
+      let {
+        worldMatrix
+      } = _ref;
+      const bounds2 = node.getBounds();
+      if (!bounds2) {
+        return;
+      }
+      const [min, max] = bounds2;
+      const center2 = new Vector3(min).add(max).divide([2, 2, 2]);
+      worldMatrix.transformAsPoint(center2, center2);
+      const halfSize = new Vector3(max).subtract(min).divide([2, 2, 2]);
+      worldMatrix.transformAsVector(halfSize, halfSize);
+      for (let v = 0; v < 8; v++) {
+        const position = new Vector3(v & 1 ? -1 : 1, v & 2 ? -1 : 1, v & 4 ? -1 : 1).multiply(halfSize).add(center2);
+        for (let i2 = 0; i2 < 3; i2++) {
+          result[0][i2] = Math.min(result[0][i2], position[i2]);
+          result[1][i2] = Math.max(result[1][i2], position[i2]);
+        }
+      }
+    });
+    if (!Number.isFinite(result[0][0])) {
+      return null;
+    }
+    return result;
+  }
   traverse(visitor) {
     let {
       worldMatrix = new Matrix4()
@@ -54781,6 +54822,7 @@ class ModelNode extends ScenegraphNode {
     } else {
       this.model = new Model(gl, props2);
     }
+    this.bounds = null;
     this.managedResources = props2.managedResources || [];
   }
   setProps(props2) {
@@ -54788,6 +54830,9 @@ class ModelNode extends ScenegraphNode {
     this._setModelNodeProps(props2);
     return this;
   }
+  getBounds() {
+    return this.bounds;
+  }
   delete() {
     if (this.model) {
       this.model.delete();
@@ -54972,17 +55017,21 @@ function createGLTFModel(gl, options) {
   const managedResources = [];
   managedResources.push(...materialParser.generatedTextures);
   managedResources.push(...Object.values(attributes).map((attribute) => attribute.buffer));
-  const model = new ModelNode(gl, Object.assign({
+  const model = new ModelNode(gl, {
     id,
     drawMode,
     vertexCount,
     modules: [pbr],
-    defines: materialParser.defines,
     parameters: materialParser.parameters,
     vs: addVersionToShader(gl, vs$7),
     fs: addVersionToShader(gl, fs$7),
-    managedResources
-  }, modelOptions));
+    managedResources,
+    ...modelOptions,
+    defines: {
+      ...materialParser.defines,
+      ...modelOptions.defines
+    }
+  });
   model.setProps({
     attributes
   });
@@ -55077,13 +55126,15 @@ class GLTFInstantiator {
     log$2.warn("getVertexCount() not found")();
   }
   createPrimitive(gltfPrimitive, i2, gltfMesh) {
-    return createGLTFModel(this.gl, Object.assign({
+    const model = createGLTFModel(this.gl, Object.assign({
       id: gltfPrimitive.name || "".concat(gltfMesh.name || gltfMesh.id, "-primitive-").concat(i2),
       drawMode: gltfPrimitive.mode || 4,
       vertexCount: gltfPrimitive.indices ? gltfPrimitive.indices.count : this.getVertexCount(gltfPrimitive.attributes),
       attributes: this.createAttributes(gltfPrimitive.attributes, gltfPrimitive.indices),
       material: gltfPrimitive.material
     }, this.options));
+    model.bounds = [gltfPrimitive.attributes.POSITION.min, gltfPrimitive.attributes.POSITION.max];
+    return model;
   }
   createAttributes(attributes, indices) {
     const loadedAttributes = {};
@@ -63011,15 +63062,11 @@ class Tile3DLayer extends CompositeLayer {
     info,
     sourceLayer
   }) {
-    const {
-      layerMap
-    } = this.state;
-    const layerId = sourceLayer && sourceLayer.id;
-    if (layerId) {
-      const substr = layerId.substring(this.id.length + 1);
-      const tileId = substr.substring(substr.indexOf("-") + 1);
-      info.object = layerMap[tileId] && layerMap[tileId].tile;
+    const sourceTile = sourceLayer && sourceLayer.props.tile;
+    if (info.picked) {
+      info.object = sourceTile;
     }
+    info.sourceTile = sourceTile;
     return info;
   }
   filterSubLayer({
@@ -63035,8 +63082,10 @@ class Tile3DLayer extends CompositeLayer {
     return tile.selected && tile.viewportIds.includes(viewportId);
   }
   _updateAutoHighlight(info) {
-    if (info.sourceLayer) {
-      info.sourceLayer.updateAutoHighlight(info);
+    const sourceTile = info.sourceTile;
+    const layerCache = this.state.layerMap[sourceTile === null || sourceTile === void 0 ? void 0 : sourceTile.id];
+    if (layerCache && layerCache.layer) {
+      layerCache.layer.updateAutoHighlight(info);
     }
   }
   async _loadTileset(tilesetUrl) {
@@ -104715,16 +104764,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-0c6dd216.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-038a2f32.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-9b667484.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-7dccbdc7.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-61cd3c68.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-d451b100.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-f6194869.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-bdc18460.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-a4c2e646.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-7411bf6b.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-d286fc81.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-11ee86b7.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-1e14a3bb.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-1cd07cf5.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -123996,6 +124045,7 @@ const DataType$1 = {
 const FileType$1 = {
   // Joint file types
   ANNDATA_ZARR: "anndata.zarr",
+  SPATIALDATA_ZARR: "spatialdata.zarr",
   // Atomic file types
   OBS_EMBEDDING_CSV: "obsEmbedding.csv",
   OBS_SPOTS_CSV: "obsSpots.csv",
@@ -124018,6 +124068,16 @@ const FileType$1 = {
   OBS_SEGMENTATIONS_ANNDATA_ZARR: "obsSegmentations.anndata.zarr",
   OBS_LABELS_ANNDATA_ZARR: "obsLabels.anndata.zarr",
   FEATURE_LABELS_ANNDATA_ZARR: "featureLabels.anndata.zarr",
+  // SpatialData
+  IMAGE_SPATIALDATA_ZARR: "image.spatialdata.zarr",
+  LABELS_SPATIALDATA_ZARR: "labels.spatialdata.zarr",
+  SHAPES_SPATIALDATA_ZARR: "shapes.spatialdata.zarr",
+  OBS_FEATURE_MATRIX_SPATIALDATA_ZARR: "obsFeatureMatrix.spatialdata.zarr",
+  OBS_SETS_SPATIALDATA_ZARR: "obsSets.spatialdata.zarr",
+  OBS_SPOTS_SPATIALDATA_ZARR: "obsSpots.spatialdata.zarr",
+  // TODO:
+  // OBS_POINTS_SPATIALDATA_ZARR: 'obsPoints.spatialdata.zarr',
+  // OBS_LOCATIONS_SPATIALDATA_ZARR: 'obsLocations.spatialdata.zarr',
   // MuData
   OBS_FEATURE_MATRIX_MUDATA_ZARR: "obsFeatureMatrix.mudata.zarr",
   OBS_SETS_MUDATA_ZARR: "obsSets.mudata.zarr",
@@ -124454,9 +124514,30 @@ z.object({
   offsetsUrl: z.string().optional(),
   coordinateTransformations: omeCoordinateTransformations.optional()
 });
-z.object({
+const imageOmeZarrSchema = z.object({
   coordinateTransformations: omeCoordinateTransformations.optional()
 });
+imageOmeZarrSchema.extend({
+  path: z.string()
+});
+z.object({
+  path: z.string()
+});
+z.object({
+  path: z.string()
+});
+z.object({
+  path: z.string(),
+  tablePath: z.string().optional().describe("The path to a table which annotates the spots. If available but not specified, the spot identifiers may not be aligned with associated tabular data as expected.")
+});
+annDataObsFeatureMatrix.extend({
+  region: z.string().describe("The name of a region to use to filter instances (i.e., rows) in the table").optional()
+});
+z.object({
+  region: z.string().describe("The name of a region to use to filter instances (i.e., rows) in the table").optional(),
+  tablePath: z.string().optional().describe("The path to a table which contains the index for the set values."),
+  obsSets: annDataObsSets
+});
 z.object({
   obsIndex: z.string(),
   obsEmbedding: z.array(z.string()).length(2)
@@ -131014,9 +131095,9 @@ const schemePlasma = [[13, 8, 135], [16, 7, 136], [19, 7, 137], [22, 7, 138], [2
 function rgbSpline(spline) {
   return (colors) => {
     const n2 = colors.length;
-    let r2 = new Array(n2);
-    let g2 = new Array(n2);
-    let b = new Array(n2);
+    const r2 = new Array(n2);
+    const g2 = new Array(n2);
+    const b = new Array(n2);
     let i2;
     let color;
     for (i2 = 0; i2 < n2; ++i2) {
@@ -131025,10 +131106,10 @@ function rgbSpline(spline) {
       g2[i2] = color[1] || 0;
       b[i2] = color[2] || 0;
     }
-    r2 = spline(r2);
-    g2 = spline(g2);
-    b = spline(b);
-    return (t2) => [r2(t2), g2(t2), b(t2)];
+    const rFunc = spline(r2);
+    const gFunc = spline(g2);
+    const bFunc = spline(b);
+    return (t2) => [rFunc(t2), gFunc(t2), bFunc(t2)];
   };
 }
 function basis(values2) {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A, E, S, a, b, f, e, d, c } from "./index-a703efd5.js";
+import { A, E, S, a, b, f, e, d, c } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{jpeg-61cd3c68.js → jpeg-7411bf6b.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-a703efd5.js";
+import { B as BaseDecoder } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lerc-bdc18460.js → lerc-1e14a3bb.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-a703efd5.js";
+import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lzw-038a2f32.js → lzw-7dccbdc7.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-a703efd5.js";
+import { B as BaseDecoder } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{packbits-f6194869.js → packbits-11ee86b7.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-a703efd5.js";
+import { B as BaseDecoder } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{raw-0c6dd216.js → raw-9b667484.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-a703efd5.js";
+import { B as BaseDecoder } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{webimage-a4c2e646.js → webimage-1cd07cf5.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-a703efd5.js";
+import { B as BaseDecoder } from "./index-1144f987.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot",
-  "version": "3.2.2",
+  "version": "3.3.1",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -23,12 +23,12 @@
     "d3-quadtree": "^1.0.7",
     "lodash-es": "^4.17.21",
     "react-aria": "^3.28.0",
-    "@vitessce/constants-internal": "3.2.2",
-    "@vitessce/gl": "3.2.2",
-    "@vitessce/icons": "3.2.2",
-    "@vitessce/tooltip": "3.2.2",
-    "@vitessce/utils": "3.2.2",
-    "@vitessce/vit-s": "3.2.2"
+    "@vitessce/constants-internal": "3.3.1",
+    "@vitessce/icons": "3.3.1",
+    "@vitessce/tooltip": "3.3.1",
+    "@vitessce/utils": "3.3.1",
+    "@vitessce/vit-s": "3.3.1",
+    "@vitessce/gl": "3.3.1"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",