@vitessce/all 3.4.2 → 3.4.3

package/dist/{deflate-05e36353.js → deflate-ada542ca.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { aP as BaseDecoder } from "./index-0d08aaae.js";
+import { aP as BaseDecoder } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{hglib-2bedd252.js → hglib-5baff511.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
 import ReactDOM__default from "react-dom";
-import { aS as commonjsGlobal, aT as objectAssign, g as getDefaultExportFromCjs, aU as earcut, aV as getAugmentedNamespace } from "./index-0d08aaae.js";
+import { aS as commonjsGlobal, aT as objectAssign, g as getDefaultExportFromCjs, aU as earcut, aV as getAugmentedNamespace } from "./index-7453cd48.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{index-d7d5e603.js → index-277a2372.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs, R as Raycaster, O as OrthographicCamera, P as PerspectiveCamera, S as Scene, a as PCFSoftShadowMap, N as NoToneMapping, A as ACESFilmicToneMapping, V as Vector2, b as Vector3, L as Layers, T as Texture, c as RGBAFormat, U as UnsignedByteType, W as WebGLRenderer, C as Camera, B as BasicShadowMap, d as PCFShadowMap, e as VSMShadowMap, f as BufferGeometry, M as Material, h as Color, i as Clock, _ as _extends, j as THREE, G as Group, k as Matrix4, l as TrianglesDrawMode, m as TriangleFanDrawMode, n as TriangleStripDrawMode, o as REVISION, p as Loader, q as LoaderUtils, F as FileLoader, r as SpotLight, s as PointLight, D as DirectionalLight, t as MeshBasicMaterial, u as MeshPhysicalMaterial, I as InstancedMesh, v as Object3D, w as TextureLoader, x as ImageBitmapLoader, y as BufferAttribute, z as InterleavedBuffer, E as LinearFilter, H as LinearMipmapLinearFilter, J as RepeatWrapping, K as PointsMaterial, Q as LineBasicMaterial, X as MeshStandardMaterial, Y as DoubleSide, Z as PropertyBinding, $ as SkinnedMesh, a0 as Mesh, a1 as LineSegments, a2 as Line$1, a3 as LineLoop, a4 as Points, a5 as MathUtils, a6 as Skeleton, a7 as InterpolateLinear, a8 as AnimationClip, a9 as Bone, aa as Quaternion, ab as NearestFilter, ac as NearestMipmapNearestFilter, ad as LinearMipmapNearestFilter, ae as NearestMipmapLinearFilter, af as ClampToEdgeWrapping, ag as MirroredRepeatWrapping, ah as InterpolateDiscrete, ai as FrontSide, aj as InterleavedBufferAttribute, ak as VectorKeyframeTrack, al as QuaternionKeyframeTrack, am as NumberKeyframeTrack, an as Box3, ao as Sphere, ap as Interpolant, aq as SphereGeometry, ar as Ray$1, as as Plane, at as EventDispatcher, au as MOUSE, av as TOUCH, aw as Spherical, ax as InstancedBufferGeometry, ay as Float32BufferAttribute, az as InstancedInterleavedBuffer, aA as WireframeGeometry, aB as ShaderMaterial, aC as UniformsUtils, aD as UniformsLib, aE as Vector4, aF as Line3, aG as Triangle, aH as BackSide, aI as jsxRuntimeExports, aJ as Matrix3, aK as CoordinationType, aL as Data3DTexture, aM as RedFormat, aN as FloatType, aO as getImageSize } from "./index-0d08aaae.js";
+import { g as getDefaultExportFromCjs, R as Raycaster, O as OrthographicCamera, P as PerspectiveCamera, S as Scene, a as PCFSoftShadowMap, N as NoToneMapping, A as ACESFilmicToneMapping, V as Vector2, b as Vector3, L as Layers, T as Texture, c as RGBAFormat, U as UnsignedByteType, W as WebGLRenderer, C as Camera, B as BasicShadowMap, d as PCFShadowMap, e as VSMShadowMap, f as BufferGeometry, M as Material, h as Color, i as Clock, _ as _extends, j as THREE, G as Group, k as Matrix4, l as TrianglesDrawMode, m as TriangleFanDrawMode, n as TriangleStripDrawMode, o as REVISION, p as Loader, q as LoaderUtils, F as FileLoader, r as SpotLight, s as PointLight, D as DirectionalLight, t as MeshBasicMaterial, u as MeshPhysicalMaterial, I as InstancedMesh, v as Object3D, w as TextureLoader, x as ImageBitmapLoader, y as BufferAttribute, z as InterleavedBuffer, E as LinearFilter, H as LinearMipmapLinearFilter, J as RepeatWrapping, K as PointsMaterial, Q as LineBasicMaterial, X as MeshStandardMaterial, Y as DoubleSide, Z as PropertyBinding, $ as SkinnedMesh, a0 as Mesh, a1 as LineSegments, a2 as Line$1, a3 as LineLoop, a4 as Points, a5 as MathUtils, a6 as Skeleton, a7 as InterpolateLinear, a8 as AnimationClip, a9 as Bone, aa as Quaternion, ab as NearestFilter, ac as NearestMipmapNearestFilter, ad as LinearMipmapNearestFilter, ae as NearestMipmapLinearFilter, af as ClampToEdgeWrapping, ag as MirroredRepeatWrapping, ah as InterpolateDiscrete, ai as FrontSide, aj as InterleavedBufferAttribute, ak as VectorKeyframeTrack, al as QuaternionKeyframeTrack, am as NumberKeyframeTrack, an as Box3, ao as Sphere, ap as Interpolant, aq as SphereGeometry, ar as Ray$1, as as Plane, at as EventDispatcher, au as MOUSE, av as TOUCH, aw as Spherical, ax as InstancedBufferGeometry, ay as Float32BufferAttribute, az as InstancedInterleavedBuffer, aA as WireframeGeometry, aB as ShaderMaterial, aC as UniformsUtils, aD as UniformsLib, aE as Vector4, aF as Line3, aG as Triangle, aH as BackSide, aI as jsxRuntimeExports, aJ as Matrix3, aK as CoordinationType, aL as Data3DTexture, aM as RedFormat, aN as FloatType, aO as getImageSize } from "./index-7453cd48.js";
 import * as React from "react";
 import React__default, { useReducer, useRef, useDebugValue, useEffect, useLayoutEffect, useState, useMemo, forwardRef } from "react";
 import "@vitessce/vit-s";
@@ -23800,7 +23800,7 @@ const Text = /* @__PURE__ */ React.forwardRef(({
   const {
     Text: TextMeshImpl,
     preloadFont
-  } = suspend(async () => import("./troika-three-text.esm-f60fc675.js"), []);
+  } = suspend(async () => import("./troika-three-text.esm-c89ceb26.js"), []);
   const invalidate2 = useThree(({
     invalidate: invalidate3
   }) => invalidate3);
@@ -27381,7 +27381,7 @@ function MeasureLine(props) {
   })] });
 }
 function GeometryAndMesh(props) {
-  const { segmentationGroup, segmentationSettings, segmentationSceneScale, renderingSettings, materialRef, highlightGlom, setObsHighlight } = props;
+  const { segmentationGroup, segmentationSettings, segmentationSceneScale, renderingSettings, materialRef, highlightEntity, setObsHighlight } = props;
   const model = useRef();
   const distanceRef = useRef();
   const rayGrabGroup = useRef();
@@ -27514,7 +27514,7 @@ function GeometryAndMesh(props) {
     2e-3 * renderingSettings.meshScale[2]
   ], ref: materialRef, children: [jsxRuntimeExports.jsx("boxGeometry", { args: renderingSettings.geometrySize }), jsxRuntimeExports.jsx("shaderMaterial", { customProgramCacheKey: () => "1", side: FrontSide, uniforms: renderingSettings.uniforms, needsUpdate: true, transparent: true, vertexShader: renderingSettings.shader.vertexShader, fragmentShader: renderingSettings.shader.fragmentShader })] }) }) : null] }), jsxRuntimeExports.jsx("group", { name: "currentLine", ref: distanceRef, children: showLine ? jsxRuntimeExports.jsx(MeasureLine, { currentLine, scale: 1 / 2e-3 * 0.4 }) : null }), jsxRuntimeExports.jsx("group", { name: "lines", children: lines.map((object) => jsxRuntimeExports.jsx(MeasureLine, { currentLine: object, scale: 1 / 2e-3 * 0.4 })) })] }) : jsxRuntimeExports.jsxs("group", { children: [jsxRuntimeExports.jsxs("group", { children: [(segmentationGroup == null ? void 0 : segmentationGroup.visible) ? jsxRuntimeExports.jsxs("group", { children: [jsxRuntimeExports.jsx("hemisphereLight", { skyColor: 8421504, groundColor: 6316128 }), jsxRuntimeExports.jsx("directionalLight", { color: 16777215, position: [0, -800, 0] }), jsxRuntimeExports.jsx("directionalLight", { color: 16777215, position: [0, 800, 0] }), jsxRuntimeExports.jsx(Bvh, { firstHitOnly: true, children: jsxRuntimeExports.jsx("primitive", { ref: model, object: segmentationGroup, position: [0, 0, 0], onClick: (e) => {
     if (e.object.parent.userData.name === "finalPass") {
-      highlightGlom(e.object.name);
+      highlightEntity(e.object.name, e.object.userData.layerScope, e.object.userData.channelScope);
     }
   }, onPointerOver: (e) => {
     setObsHighlight(e.object.name);
@@ -28464,7 +28464,7 @@ function SpatialThree(props) {
     obsSets: []
   });
   const { images, layerScope, channelsVisible, allChannels, channelTargetC, resolution, data, colors, contrastLimits, is3dMode, renderingMode, layerTransparency, xSlice, ySlice, zSlice } = useVolumeSettings(props, volumeSettings, setVolumeSettings, dataReady, setDataReady);
-  const { obsSegmentations, onGlomSelected, segmentationLayerCoordination, segmentationChannelCoordination, segmentationChannelScopesByLayer } = props;
+  const { obsSegmentations, onEntitySelected, segmentationLayerCoordination, segmentationChannelCoordination, segmentationChannelScopesByLayer } = props;
   let setObsHighlightFct = () => {
   };
   const setsSave = [];
@@ -28479,7 +28479,7 @@ function SpatialThree(props) {
         sets.tree[0].children.forEach((child) => {
           if (child.name === selectedElement) {
             child.set.forEach(([obsId]) => {
-              const info = { name: "", id: "", color: [] };
+              const info = { name: "", id: "", color: [255, 255, 255] };
               info.name = selectedElement;
               info.id = obsId;
               segmentationObsSetLayerProps.obsSetColor.forEach((color) => {
@@ -28517,6 +28517,7 @@ function SpatialThree(props) {
         }
         childElement.name = name;
         childElement.userData.name = name;
+        childElement.userData.layerScope = layerScope;
         childElement.material.transparent = true;
         childElement.material.writeDepthTexture = true;
         childElement.material.depthTest = true;
@@ -28610,6 +28611,7 @@ function SpatialThree(props) {
         }
       }
       segmentationGroup.children[finalGroupIndex].children.forEach((child, childIndex) => {
+        var _a3;
         let { color } = segmentationSettings;
         const id = child.userData.name;
         segmentationSettings.obsSets.forEach((obsSet) => {
@@ -28620,13 +28622,15 @@ function SpatialThree(props) {
         if (segmentationChannelScopesByLayer[layerScope].length > 1) {
           segmentationChannelScopesByLayer[layerScope].forEach((channelScope) => {
             const channelSet = segmentationChannelCoordination[0][layerScope][channelScope];
-            if (channelSet.obsType === id) {
+            if (channelSet.spatialTargetC === id) {
               child.material.color.r = channelSet.spatialChannelColor[0] / 255;
               child.material.color.g = channelSet.spatialChannelColor[1] / 255;
               child.material.color.b = channelSet.spatialChannelColor[2] / 255;
               child.material.opacity = channelSet.spatialChannelOpacity;
               child.visible = channelSet.spatialChannelVisible;
               child.material.needsUpdate = true;
+              child.userData.layerScope = layerScope;
+              child.userData.channelScope = channelScope;
               segmentationGroup.children[firstGroupIndex].children[childIndex].material.needsUpdate = true;
             }
           });
@@ -28637,6 +28641,9 @@ function SpatialThree(props) {
           child.material.opacity = segmentationSettings.opacity;
           child.material.visible = segmentationSettings.visible;
           child.material.needsUpdate = true;
+          child.userData.layerScope = layerScope;
+          const firstChannelScope = (_a3 = Object.keys(segmentationChannelCoordination[0][layerScope])) == null ? void 0 : _a3[0];
+          child.userData.channelScope = firstChannelScope;
         }
       });
     }
@@ -28752,7 +28759,7 @@ function SpatialThree(props) {
     segmentationSceneScale,
     renderingSettings,
     materialRef,
-    highlightGlom: onGlomSelected,
+    highlightEntity: onEntitySelected,
     setObsHighlight: setObsHighlightFct
   };
   return jsxRuntimeExports.jsxs("group", { children: [jsxRuntimeExports.jsx(Controllers, {}), jsxRuntimeExports.jsx(Hands, {}), jsxRuntimeExports.jsx(HandBbox, {}), jsxRuntimeExports.jsx(HandDecorate, {}), jsxRuntimeExports.jsx(GeometryAndMesh, { ...geometryAndMeshProps }), jsxRuntimeExports.jsx(OrbitControls2, { ref: orbitRef, enableDamping: false, dampingFactor: 0, zoomDampingFactor: 0, smoothZoom: false })] });

package/dist/{index-0d08aaae.js → index-7453cd48.js}

@@ -15863,7 +15863,7 @@ function getStylesCreator(stylesOrCreator) {
     }
   }
   return {
-    create: function create6(theme, name2) {
+    create: function create5(theme, name2) {
       var styles35;
       try {
         styles35 = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;
@@ -25060,7 +25060,7 @@ var classCallCheck$1 = function(instance, Constructor) {
   }
 };
 var createClass$1 = function() {
-  function defineProperties4(target2, props) {
+  function defineProperties3(target2, props) {
     for (var i2 = 0; i2 < props.length; i2++) {
       var descriptor2 = props[i2];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -25072,9 +25072,9 @@ var createClass$1 = function() {
   }
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -39097,11 +39097,19 @@ var _fails = function(exec) {
     return true;
   }
 };
-var _descriptors = !_fails(function() {
-  return Object.defineProperty({}, "a", { get: function() {
-    return 7;
-  } }).a != 7;
-});
+var _descriptors;
+var hasRequired_descriptors;
+function require_descriptors() {
+  if (hasRequired_descriptors)
+    return _descriptors;
+  hasRequired_descriptors = 1;
+  _descriptors = !_fails(function() {
+    return Object.defineProperty({}, "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
+  return _descriptors;
+}
 var _domCreate;
 var hasRequired_domCreate;
 function require_domCreate() {
@@ -39116,11 +39124,19 @@ function require_domCreate() {
   };
   return _domCreate;
 }
-var _ie8DomDefine = !_descriptors && !_fails(function() {
-  return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
-    return 7;
-  } }).a != 7;
-});
+var _ie8DomDefine;
+var hasRequired_ie8DomDefine;
+function require_ie8DomDefine() {
+  if (hasRequired_ie8DomDefine)
+    return _ie8DomDefine;
+  hasRequired_ie8DomDefine = 1;
+  _ie8DomDefine = !require_descriptors() && !_fails(function() {
+    return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
+  return _ie8DomDefine;
+}
 var isObject$i = _isObject;
 var _toPrimitive = function(it, S) {
   if (!isObject$i(it))
@@ -39134,25 +39150,32 @@ var _toPrimitive = function(it, S) {
     return val;
   throw TypeError("Can't convert object to primitive value");
 };
-var anObject$3 = _anObject;
-var IE8_DOM_DEFINE$1 = _ie8DomDefine;
-var toPrimitive$2 = _toPrimitive;
-var dP$3 = Object.defineProperty;
-_objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P2, Attributes) {
-  anObject$3(O);
-  P2 = toPrimitive$2(P2, true);
-  anObject$3(Attributes);
-  if (IE8_DOM_DEFINE$1)
-    try {
-      return dP$3(O, P2, Attributes);
-    } catch (e3) {
-    }
-  if ("get" in Attributes || "set" in Attributes)
-    throw TypeError("Accessors not supported!");
-  if ("value" in Attributes)
-    O[P2] = Attributes.value;
-  return O;
-};
+var hasRequired_objectDp;
+function require_objectDp() {
+  if (hasRequired_objectDp)
+    return _objectDp;
+  hasRequired_objectDp = 1;
+  var anObject2 = _anObject;
+  var IE8_DOM_DEFINE2 = require_ie8DomDefine();
+  var toPrimitive2 = _toPrimitive;
+  var dP2 = Object.defineProperty;
+  _objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty4(O, P2, Attributes) {
+    anObject2(O);
+    P2 = toPrimitive2(P2, true);
+    anObject2(Attributes);
+    if (IE8_DOM_DEFINE2)
+      try {
+        return dP2(O, P2, Attributes);
+      } catch (e3) {
+      }
+    if ("get" in Attributes || "set" in Attributes)
+      throw TypeError("Accessors not supported!");
+    if ("value" in Attributes)
+      O[P2] = Attributes.value;
+    return O;
+  };
+  return _objectDp;
+}
 var _propertyDesc = function(bitmap, value2) {
   return {
     enumerable: !(bitmap & 1),
@@ -39161,10 +39184,10 @@ var _propertyDesc = function(bitmap, value2) {
     value: value2
   };
 };
-var dP$2 = _objectDp;
+var dP$1 = require_objectDp();
 var createDesc$2 = _propertyDesc;
-var _hide = _descriptors ? function(object2, key2, value2) {
-  return dP$2.f(object2, key2, createDesc$2(1, value2));
+var _hide = require_descriptors() ? function(object2, key2, value2) {
+  return dP$1.f(object2, key2, createDesc$2(1, value2));
 } : function(object2, key2, value2) {
   object2[key2] = value2;
   return object2;
@@ -39178,7 +39201,7 @@ var core$3 = _coreExports;
 var ctx = _ctx;
 var hide$2 = _hide;
 var has$a = _has$1;
-var PROTOTYPE$2 = "prototype";
+var PROTOTYPE$1 = "prototype";
 var $export$6 = function(type2, name2, source2) {
   var IS_FORCED = type2 & $export$6.F;
   var IS_GLOBAL = type2 & $export$6.G;
@@ -39187,8 +39210,8 @@ var $export$6 = function(type2, name2, source2) {
   var IS_BIND = type2 & $export$6.B;
   var IS_WRAP = type2 & $export$6.W;
   var exports2 = IS_GLOBAL ? core$3 : core$3[name2] || (core$3[name2] = {});
-  var expProto = exports2[PROTOTYPE$2];
-  var target2 = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$2];
+  var expProto = exports2[PROTOTYPE$1];
+  var target2 = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$1];
   var key2, own, out;
   if (IS_GLOBAL)
     source2 = name2;
@@ -39212,7 +39235,7 @@ var $export$6 = function(type2, name2, source2) {
         }
         return C3.apply(this, arguments);
       };
-      F[PROTOTYPE$2] = C3[PROTOTYPE$2];
+      F[PROTOTYPE$1] = C3[PROTOTYPE$1];
       return F;
     }(out) : IS_PROTO && typeof out == "function" ? ctx(Function.call, out) : out;
     if (IS_PROTO) {
@@ -39317,22 +39340,30 @@ var px$2 = Math.random();
 var _uid = function(key2) {
   return "Symbol(".concat(key2 === void 0 ? "" : key2, ")_", (++id$4 + px$2).toString(36));
 };
-var shared$1 = _sharedExports("keys");
-var uid$3 = _uid;
-var _sharedKey = function(key2) {
-  return shared$1[key2] || (shared$1[key2] = uid$3(key2));
-};
+var _sharedKey;
+var hasRequired_sharedKey;
+function require_sharedKey() {
+  if (hasRequired_sharedKey)
+    return _sharedKey;
+  hasRequired_sharedKey = 1;
+  var shared2 = _sharedExports("keys");
+  var uid2 = _uid;
+  _sharedKey = function(key2) {
+    return shared2[key2] || (shared2[key2] = uid2(key2));
+  };
+  return _sharedKey;
+}
 var has$9 = _has$1;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes(false);
-var IE_PROTO$2 = _sharedKey("IE_PROTO");
+var IE_PROTO$1 = require_sharedKey()("IE_PROTO");
 var _objectKeysInternal = function(object2, names) {
   var O = toIObject$4(object2);
   var i2 = 0;
   var result = [];
   var key2;
   for (key2 in O)
-    if (key2 != IE_PROTO$2)
+    if (key2 != IE_PROTO$1)
       has$9(O, key2) && result.push(key2);
   while (names.length > i2)
     if (has$9(O, key2 = names[i2++])) {
@@ -39342,9 +39373,9 @@ var _objectKeysInternal = function(object2, names) {
 };
 var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
 var $keys$2 = _objectKeysInternal;
-var enumBugKeys$1 = _enumBugKeys;
+var enumBugKeys = _enumBugKeys;
 var _objectKeys$1 = Object.keys || function keys(O) {
-  return $keys$2(O, enumBugKeys$1);
+  return $keys$2(O, enumBugKeys);
 };
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
@@ -39367,7 +39398,7 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = _descriptors;
+  var DESCRIPTORS2 = require_descriptors();
   var getKeys2 = _objectKeys$1;
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
@@ -39427,9 +39458,9 @@ var _default$8 = _assign2.default || function(target2) {
   return target2;
 };
 var $export$4 = _export;
-$export$4($export$4.S + $export$4.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
+$export$4($export$4.S + $export$4.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
 var $Object$2 = _coreExports.Object;
-var defineProperty$6 = function defineProperty2(it, key2, desc) {
+var defineProperty$6 = function defineProperty(it, key2, desc) {
   return $Object$2.defineProperty(it, key2, desc);
 };
 var defineProperty$5 = { "default": defineProperty$6, __esModule: true };
@@ -39462,7 +39493,7 @@ function _interopRequireDefault$o(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 var _default$5 = function() {
-  function defineProperties4(target2, props) {
+  function defineProperties3(target2, props) {
     for (var i2 = 0; i2 < props.length; i2++) {
       var descriptor2 = props[i2];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -39474,9 +39505,9 @@ var _default$5 = function() {
   }
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties4(Constructor.prototype, protoProps);
+      defineProperties3(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties4(Constructor, staticProps);
+      defineProperties3(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -39497,19 +39528,27 @@ var _stringAt = function(TO_STRING) {
 };
 var _redefine = _hide;
 var _iterators = {};
-var dP$1 = _objectDp;
-var anObject$2 = _anObject;
-var getKeys$1 = _objectKeys$1;
-var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$2(O);
-  var keys4 = getKeys$1(Properties);
-  var length2 = keys4.length;
-  var i2 = 0;
-  var P2;
-  while (length2 > i2)
-    dP$1.f(O, P2 = keys4[i2++], Properties[P2]);
-  return O;
-};
+var _objectDps;
+var hasRequired_objectDps;
+function require_objectDps() {
+  if (hasRequired_objectDps)
+    return _objectDps;
+  hasRequired_objectDps = 1;
+  var dP2 = require_objectDp();
+  var anObject2 = _anObject;
+  var getKeys2 = _objectKeys$1;
+  _objectDps = require_descriptors() ? Object.defineProperties : function defineProperties3(O, Properties) {
+    anObject2(O);
+    var keys4 = getKeys2(Properties);
+    var length2 = keys4.length;
+    var i2 = 0;
+    var P2;
+    while (length2 > i2)
+      dP2.f(O, P2 = keys4[i2++], Properties[P2]);
+    return O;
+  };
+  return _objectDps;
+}
 var _html;
 var hasRequired_html;
 function require_html() {
@@ -39520,42 +39559,50 @@ function require_html() {
   _html = document2 && document2.documentElement;
   return _html;
 }
-var anObject$1 = _anObject;
-var dPs = _objectDps;
-var enumBugKeys = _enumBugKeys;
-var IE_PROTO$1 = _sharedKey("IE_PROTO");
-var Empty$2 = function() {
-};
-var PROTOTYPE$1 = "prototype";
-var createDict = function() {
-  var iframe = require_domCreate()("iframe");
-  var i2 = enumBugKeys.length;
-  var lt2 = "<";
-  var gt2 = ">";
-  var iframeDocument;
-  iframe.style.display = "none";
-  require_html().appendChild(iframe);
-  iframe.src = "javascript:";
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(lt2 + "script" + gt2 + "document.F=Object" + lt2 + "/script" + gt2);
-  iframeDocument.close();
-  createDict = iframeDocument.F;
-  while (i2--)
-    delete createDict[PROTOTYPE$1][enumBugKeys[i2]];
-  return createDict();
-};
-var _objectCreate = Object.create || function create2(O, Properties) {
-  var result;
-  if (O !== null) {
-    Empty$2[PROTOTYPE$1] = anObject$1(O);
-    result = new Empty$2();
-    Empty$2[PROTOTYPE$1] = null;
-    result[IE_PROTO$1] = O;
-  } else
-    result = createDict();
-  return Properties === void 0 ? result : dPs(result, Properties);
-};
+var _objectCreate;
+var hasRequired_objectCreate;
+function require_objectCreate() {
+  if (hasRequired_objectCreate)
+    return _objectCreate;
+  hasRequired_objectCreate = 1;
+  var anObject2 = _anObject;
+  var dPs = require_objectDps();
+  var enumBugKeys2 = _enumBugKeys;
+  var IE_PROTO2 = require_sharedKey()("IE_PROTO");
+  var Empty2 = function() {
+  };
+  var PROTOTYPE2 = "prototype";
+  var createDict = function() {
+    var iframe = require_domCreate()("iframe");
+    var i2 = enumBugKeys2.length;
+    var lt2 = "<";
+    var gt2 = ">";
+    var iframeDocument;
+    iframe.style.display = "none";
+    require_html().appendChild(iframe);
+    iframe.src = "javascript:";
+    iframeDocument = iframe.contentWindow.document;
+    iframeDocument.open();
+    iframeDocument.write(lt2 + "script" + gt2 + "document.F=Object" + lt2 + "/script" + gt2);
+    iframeDocument.close();
+    createDict = iframeDocument.F;
+    while (i2--)
+      delete createDict[PROTOTYPE2][enumBugKeys2[i2]];
+    return createDict();
+  };
+  _objectCreate = Object.create || function create5(O, Properties) {
+    var result;
+    if (O !== null) {
+      Empty2[PROTOTYPE2] = anObject2(O);
+      result = new Empty2();
+      Empty2[PROTOTYPE2] = null;
+      result[IE_PROTO2] = O;
+    } else
+      result = createDict();
+    return Properties === void 0 ? result : dPs(result, Properties);
+  };
+  return _objectCreate;
+}
 var _wks = { exports: {} };
 var store = _sharedExports("wks");
 var uid$2 = _uid;
@@ -39566,14 +39613,14 @@ var $exports = _wks.exports = function(name2) {
 };
 $exports.store = store;
 var _wksExports = _wks.exports;
-var def$1 = _objectDp.f;
+var def$1 = require_objectDp().f;
 var has$8 = _has$1;
 var TAG = _wksExports("toStringTag");
 var _setToStringTag = function(it, tag2, stat) {
   if (it && !has$8(it = stat ? it : it.prototype, TAG))
     def$1(it, TAG, { configurable: true, value: tag2 });
 };
-var create$b = _objectCreate;
+var create$b = require_objectCreate();
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype$2 = {};
@@ -39586,7 +39633,7 @@ var _iterCreate = function(Constructor, NAME2, next3) {
 };
 var has$7 = _has$1;
 var toObject$2 = _toObject;
-var IE_PROTO = _sharedKey("IE_PROTO");
+var IE_PROTO = require_sharedKey()("IE_PROTO");
 var ObjectProto$1 = Object.prototype;
 var _objectGpo = Object.getPrototypeOf || function(O) {
   O = toObject$2(O);
@@ -39733,7 +39780,7 @@ var _meta$3 = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$h = _isObject;
 var has$6 = _has$1;
-var setDesc = _objectDp.f;
+var setDesc = require_objectDp().f;
 var id$3 = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -39749,23 +39796,23 @@ var setMeta = function(it) {
     // weak collections IDs
   } });
 };
-var fastKey = function(it, create6) {
+var fastKey = function(it, create5) {
   if (!isObject$h(it))
     return typeof it == "symbol" ? it : (typeof it == "string" ? "S" : "P") + it;
   if (!has$6(it, META$1)) {
     if (!isExtensible(it))
       return "F";
-    if (!create6)
+    if (!create5)
       return "E";
     setMeta(it);
   }
   return it[META$1].i;
 };
-var getWeak = function(it, create6) {
+var getWeak = function(it, create5) {
   if (!has$6(it, META$1)) {
     if (!isExtensible(it))
       return true;
-    if (!create6)
+    if (!create5)
       return false;
     setMeta(it);
   }
@@ -39786,7 +39833,7 @@ var meta$6 = _meta$3.exports = {
 var _metaExports = _meta$3.exports;
 var core$1 = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$4 = _objectDp.f;
+var defineProperty$4 = require_objectDp().f;
 var _wksDefine = function(name2) {
   var $Symbol2 = core$1.Symbol || (core$1.Symbol = {});
   if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -39840,9 +39887,9 @@ var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
 var has$5 = _has$1;
-var IE8_DOM_DEFINE = _ie8DomDefine;
+var IE8_DOM_DEFINE = require_ie8DomDefine();
 var gOPD$4 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = _descriptors ? gOPD$4 : function getOwnPropertyDescriptor2(O, P2) {
+_objectGopd.f = require_descriptors() ? gOPD$4 : function getOwnPropertyDescriptor2(O, P2) {
   O = toIObject$1(O);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -39855,7 +39902,7 @@ _objectGopd.f = _descriptors ? gOPD$4 : function getOwnPropertyDescriptor2(O, P2
 };
 var global$2 = _globalExports;
 var has$4 = _has$1;
-var DESCRIPTORS = _descriptors;
+var DESCRIPTORS = require_descriptors();
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -39874,11 +39921,11 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive;
 var createDesc = _propertyDesc;
-var _create$1 = _objectCreate;
+var _create$1 = require_objectCreate();
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = _objectDp;
+var $DP = require_objectDp();
 var $keys = _objectKeys$1;
 var gOPD$3 = $GOPD.f;
 var dP = $DP.f;
@@ -39921,7 +39968,7 @@ var isSymbol$6 = USE_NATIVE && typeof $Symbol$1.iterator == "symbol" ? function(
 } : function(it) {
   return it instanceof $Symbol$1;
 };
-var $defineProperty$1 = function defineProperty3(it, key2, D2) {
+var $defineProperty$1 = function defineProperty2(it, key2, D2) {
   if (it === ObjectProto)
     $defineProperty$1(OPSymbols, key2, D2);
   anObject(it);
@@ -39941,7 +39988,7 @@ var $defineProperty$1 = function defineProperty3(it, key2, D2) {
   }
   return dP(it, key2, D2);
 };
-var $defineProperties = function defineProperties2(it, P2) {
+var $defineProperties = function defineProperties(it, P2) {
   anObject(it);
   var keys4 = enumKeys(P2 = toIObject(P2));
   var i2 = 0;
@@ -39951,7 +39998,7 @@ var $defineProperties = function defineProperties2(it, P2) {
     $defineProperty$1(it, key2 = keys4[i2++], P2[key2]);
   return it;
 };
-var $create = function create3(it, P2) {
+var $create = function create2(it, P2) {
   return P2 === void 0 ? _create$1(it) : $defineProperties(_create$1(it), P2);
 };
 var $propertyIsEnumerable = function propertyIsEnumerable(key2) {
@@ -40178,9 +40225,9 @@ $export$1($export$1.S, "Object", { setPrototypeOf: require_setProto().set });
 var setPrototypeOf$2 = _coreExports.Object.setPrototypeOf;
 var setPrototypeOf$1 = { "default": setPrototypeOf$2, __esModule: true };
 var $export = _export;
-$export($export.S, "Object", { create: _objectCreate });
+$export($export.S, "Object", { create: require_objectCreate() });
 var $Object$1 = _coreExports.Object;
-var create$a = function create4(P2, D2) {
+var create$a = function create3(P2, D2) {
   return $Object$1.create(P2, D2);
 };
 var create$9 = { "default": create$a, __esModule: true };
@@ -45463,7 +45510,7 @@ function _regeneratorRuntime$1() {
   _regeneratorRuntime$1 = function _regeneratorRuntime2() {
     return exports2;
   };
-  var exports2 = {}, Op2 = Object.prototype, hasOwn2 = Op2.hasOwnProperty, defineProperty5 = Object.defineProperty || function(obj, key2, desc) {
+  var exports2 = {}, Op2 = Object.prototype, hasOwn2 = Op2.hasOwnProperty, defineProperty4 = Object.defineProperty || function(obj, key2, desc) {
     obj[key2] = desc.value;
   }, $Symbol2 = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol2 = $Symbol2.iterator || "@@iterator", asyncIteratorSymbol2 = $Symbol2.asyncIterator || "@@asyncIterator", toStringTagSymbol2 = $Symbol2.toStringTag || "@@toStringTag";
   function define2(obj, key2, value2) {
@@ -45483,7 +45530,7 @@ function _regeneratorRuntime$1() {
   }
   function wrap2(innerFn, outerFn, self2, tryLocsList) {
     var protoGenerator = outerFn && outerFn.prototype instanceof Generator2 ? outerFn : Generator2, generator = Object.create(protoGenerator.prototype), context2 = new Context2(tryLocsList || []);
-    return defineProperty5(generator, "_invoke", {
+    return defineProperty4(generator, "_invoke", {
       value: makeInvokeMethod2(innerFn, self2, context2)
     }), generator;
   }
@@ -45540,7 +45587,7 @@ function _regeneratorRuntime$1() {
       reject(record.arg);
     }
     var previousPromise;
-    defineProperty5(this, "_invoke", {
+    defineProperty4(this, "_invoke", {
       value: function value2(method2, arg) {
         function callInvokeWithMethodAndArg() {
           return new PromiseImpl(function(resolve2, reject) {
@@ -45645,10 +45692,10 @@ function _regeneratorRuntime$1() {
       done: true
     };
   }
-  return GeneratorFunction2.prototype = GeneratorFunctionPrototype2, defineProperty5(Gp2, "constructor", {
+  return GeneratorFunction2.prototype = GeneratorFunctionPrototype2, defineProperty4(Gp2, "constructor", {
     value: GeneratorFunctionPrototype2,
     configurable: true
-  }), defineProperty5(GeneratorFunctionPrototype2, "constructor", {
+  }), defineProperty4(GeneratorFunctionPrototype2, "constructor", {
     value: GeneratorFunction2,
     configurable: true
   }), GeneratorFunction2.displayName = define2(GeneratorFunctionPrototype2, toStringTagSymbol2, "GeneratorFunction"), exports2.isGeneratorFunction = function(genFun) {
@@ -93926,11 +93973,11 @@ class Tileset2D {
       this._dirty = false;
     }
   }
-  _getTile(index2, create6) {
+  _getTile(index2, create5) {
     const id2 = this.getTileId(index2);
     let tile = this._cache.get(id2);
     let needsReload = false;
-    if (!tile && create6) {
+    if (!tile && create5) {
       tile = new Tile2DHeader(index2);
       Object.assign(tile, this.getTileMetadata(tile.index));
       Object.assign(tile, {
@@ -122180,7 +122227,7 @@ var defineProperty$2 = function(object2, name2, value2, predicate) {
     object2[name2] = value2;
   }
 };
-var defineProperties3 = function(object2, map2) {
+var defineProperties2 = function(object2, map2) {
   var predicates = arguments.length > 2 ? arguments[2] : {};
   var props = keys$4(map2);
   if (hasSymbols2) {
@@ -122190,8 +122237,8 @@ var defineProperties3 = function(object2, map2) {
     defineProperty$2(object2, props[i2], map2[props[i2]], predicates[props[i2]]);
   }
 };
-defineProperties3.supportsDescriptors = !!supportsDescriptors$2;
-var defineProperties_1 = defineProperties3;
+defineProperties2.supportsDescriptors = !!supportsDescriptors$2;
+var defineProperties_1 = defineProperties2;
 var numberIsNaN = function(value2) {
   return value2 !== value2;
 };
@@ -156421,16 +156468,16 @@ async function getDecoder(fileDirectory) {
   const Decoder = await importFn();
   return new Decoder(fileDirectory);
 }
-addDecoder([void 0, 1], () => import("./raw-0c2d8506.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-f0c0faa6.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-c2960c08.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-6e1b0460.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-9f88d9a1.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-05e36353.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-d0fa0169.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-d1028c67.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-3234790c.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-92cf173f.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-ada542ca.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-c127f48f.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-f05c9ce8.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-a2f88ffe.js").then((m2) => m2.default));
 function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
   return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
 }
@@ -175393,18 +175440,18 @@ function selection_lower() {
   return this.each(lower);
 }
 function selection_append(name2) {
-  var create6 = typeof name2 === "function" ? name2 : creator(name2);
+  var create5 = typeof name2 === "function" ? name2 : creator(name2);
   return this.select(function() {
-    return this.appendChild(create6.apply(this, arguments));
+    return this.appendChild(create5.apply(this, arguments));
   });
 }
 function constantNull() {
   return null;
 }
 function selection_insert(name2, before) {
-  var create6 = typeof name2 === "function" ? name2 : creator(name2), select2 = before == null ? constantNull : typeof before === "function" ? before : selector(before);
+  var create5 = typeof name2 === "function" ? name2 : creator(name2), select2 = before == null ? constantNull : typeof before === "function" ? before : selector(before);
   return this.select(function() {
-    return this.insertBefore(create6.apply(this, arguments), select2.apply(this, arguments) || null);
+    return this.insertBefore(create5.apply(this, arguments), select2.apply(this, arguments) || null);
   });
 }
 function remove$1() {
@@ -178512,7 +178559,8 @@ function Legend(props) {
         g2.append("text").attr("text-anchor", "start").attr("dominant-baseline", "hanging").attr("x", 0).attr("y", y2).text(levelZeroName).style("font-size", "9px").style("fill", foregroundColor);
         y2 += titleHeight;
         setPaths.forEach((setPath) => {
-          const setColor = obsSetColor.find((d) => isEqual$4(d.path, setPath)).color;
+          var _a3;
+          const setColor = ((_a3 = obsSetColor == null ? void 0 : obsSetColor.find((d) => isEqual$4(d.path, setPath))) == null ? void 0 : _a3.color) || getDefaultColor(theme);
           g2.append("rect").attr("x", 0).attr("y", y2).attr("width", rectHeight).attr("height", rectHeight).attr("fill", `rgb(${setColor[0]},${setColor[1]},${setColor[2]})`);
           g2.append("text").attr("text-anchor", "start").attr("dominant-baseline", "hanging").attr("x", rectHeight + rectMarginX).attr("y", y2).text(setPath.at(-1)).style("font-size", "9px").style("fill", foregroundColor);
           y2 += rectHeight + rectMarginY;
@@ -178547,7 +178595,8 @@ function Legend(props) {
     spatialChannelColor,
     obsSetColor,
     obsSetSelection,
-    isSetColor
+    isSetColor,
+    theme
   ]);
   return jsxRuntimeExports.jsx("div", { className: clsx(classes.legend, {
     [classes.legendRelative]: positionRelative,
@@ -179424,7 +179473,7 @@ var typedFunction$1 = { exports: {} };
     function undef() {
       return void 0;
     }
-    function create6() {
+    function create5() {
       var _types = [
         { name: "number", test: function(x2) {
           return typeof x2 === "number";
@@ -180176,7 +180225,7 @@ var typedFunction$1 = { exports: {} };
           return createTypedFunction(name2, extractSignatures(fns));
         }
       });
-      typed2.create = create6;
+      typed2.create = create5;
       typed2.types = _types;
       typed2.conversions = _conversions;
       typed2.ignore = _ignore;
@@ -180207,7 +180256,7 @@ var typedFunction$1 = { exports: {} };
       };
       return typed2;
     }
-    return create6();
+    return create5();
   });
 })(typedFunction$1);
 var typedFunctionExports = typedFunction$1.exports;
@@ -180919,11 +180968,11 @@ function getArrayDataType(array2, typeOf2) {
   }
   return type2;
 }
-function factory(name2, dependencies2, create6, meta2) {
+function factory(name2, dependencies2, create5, meta2) {
   function assertAndCreate(scope) {
     var deps = pickShallow(scope, dependencies2.map(stripOptionalNotation));
     assertDependencies(name2, dependencies2, scope);
-    return create6(deps);
+    return create5(deps);
   }
   assertAndCreate.isFactory = true;
   assertAndCreate.fn = name2;
@@ -199567,7 +199616,7 @@ class ErrorBoundary extends React__default.Component {
   }
 }
 const LazySpatialThree = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-d7d5e603.js");
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-277a2372.js");
   return { default: SpatialWrapper2 };
 });
 const SpatialThreeAdapter = React__default.forwardRef((props, ref2) => jsxRuntimeExports.jsx("div", { ref: ref2, style: { width: "100%", height: "100%" }, children: jsxRuntimeExports.jsx(ErrorBoundary, { children: jsxRuntimeExports.jsx(Suspense, { fallback: jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: jsxRuntimeExports.jsx(LazySpatialThree, { ...props }) }) }) }));
@@ -200024,26 +200073,18 @@ function SpatialSubscriber(props) {
     var _a3;
     return (_a3 = obsSegmentationsLocationsData == null ? void 0 : obsSegmentationsLocationsData[layerScope]) == null ? void 0 : _a3[channelScope];
   })).length > 0;
-  const onEntitySelected = useCallback((obsId) => {
-    const obsIdsToSelect = [obsId];
-    const layerScope = segmentationLayerScopes[0];
-    if (layerScope !== void 0 && segmentationChannelScopesByLayer[layerScope][0] !== void 0) {
-      const channelScope = segmentationChannelScopesByLayer[layerScope][0];
-      const { additionalObsSets: firstChannelAdditionalObsSets, obsSetColor: firstChannelObsSetColor } = segmentationChannelCoordination[0][layerScope][channelScope];
-      const { setObsSetColor: firstChannelSetObsSetColor, setAdditionalObsSets: firstChannelSetAdditionalObsSets, setObsColorEncoding: firstChannelSetObsColorEncoding, setObsSetSelection: firstChannelSetObsSetSelection } = segmentationChannelCoordination[1][layerScope][channelScope];
-      setObsSelection(obsIdsToSelect, firstChannelAdditionalObsSets, firstChannelObsSetColor, firstChannelSetObsSetSelection, firstChannelSetAdditionalObsSets, firstChannelSetObsSetColor, firstChannelSetObsColorEncoding);
-    } else {
-      setObsSelection(obsIdsToSelect, additionalObsSets, obsSetColor, setObsSetSelection, setAdditionalObsSets, setObsSetColor, setObsColorEncoding);
+  const onEntitySelected = (obsId, layerScope, channelScope) => {
+    if (layerScope && channelScope) {
+      const channelCoordinationValues = segmentationChannelCoordination[0][layerScope][channelScope];
+      const channelCoordinationSetters = segmentationChannelCoordination[1][layerScope][channelScope];
+      if (channelCoordinationValues && channelCoordinationSetters) {
+        const { additionalObsSets: channelAdditionalObsSets, obsSetColor: channelObsSetColor } = channelCoordinationValues;
+        const { setObsSetColor: setChannelObsSetColor, setAdditionalObsSets: setChannelAdditionalObsSets, setObsColorEncoding: setChannelObsColorEncoding, setObsSetSelection: setChannelObsSetSelection } = channelCoordinationSetters;
+        const obsIdsToSelect = [obsId];
+        setObsSelection(obsIdsToSelect, channelAdditionalObsSets, channelObsSetColor, setChannelObsSetSelection, setChannelAdditionalObsSets, setChannelObsSetColor, setChannelObsColorEncoding);
+      }
     }
-  }, [
-    additionalObsSets,
-    obsSetColor,
-    setObsSetSelection,
-    setAdditionalObsSets,
-    setObsSetColor,
-    setObsColorEncoding
-    // TODO: more dependencies?
-  ]);
+  };
   return jsxRuntimeExports.jsxs(TitleInfo, { title: title2, info: subtitle, isSpatial: true, urls: urls2, theme, closeButtonVisible, downloadButtonVisible, removeGridComponent, isReady, children: [shouldUseThree ? jsxRuntimeExports.jsx(SpatialThreeAdapter, {
     ref: threeRef,
     uuid,
@@ -200071,8 +200112,7 @@ function SpatialSubscriber(props) {
     spatialRenderingMode,
     updateViewInfo: setComponentViewInfo,
     delegateHover,
-    // TODO: do not make this glom-specific. need to generalize
-    onGlomSelected: onEntitySelected,
+    onEntitySelected,
     // Points
     obsPoints: obsPointsData,
     pointLayerScopes,
@@ -201384,11 +201424,11 @@ function requireInherits() {
   })(inherits$1);
   return inherits$1.exports;
 }
-var defineProperty4 = { exports: {} };
+var defineProperty3 = { exports: {} };
 var hasRequiredDefineProperty;
 function requireDefineProperty() {
   if (hasRequiredDefineProperty)
-    return defineProperty4.exports;
+    return defineProperty3.exports;
   hasRequiredDefineProperty = 1;
   (function(module2) {
     function _defineProperty3(obj, key2, value2) {
@@ -201405,8 +201445,8 @@ function requireDefineProperty() {
       return obj;
     }
     module2.exports = _defineProperty3, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
-  })(defineProperty4);
-  return defineProperty4.exports;
+  })(defineProperty3);
+  return defineProperty3.exports;
 }
 var detectElementResize = {};
 var hasRequiredDetectElementResize;
@@ -208624,7 +208664,7 @@ const HIGLASS_BUNDLE_VERSION = "1.11.13";
 const HIGLASS_CSS_URL = `https://unpkg.com/${HIGLASS_PKG_NAME}@${HIGLASS_BUNDLE_VERSION}/dist/hglib.css`;
 register({ dataFetcher: ZarrMultivecDataFetcher_default, config: ZarrMultivecDataFetcher_default.config }, { pluginType: "dataFetcher" });
 const LazyHiGlassComponent = React__default.lazy(async () => {
-  const { HiGlassComponent } = await import("./hglib-2bedd252.js").then((n3) => n3.h);
+  const { HiGlassComponent } = await import("./hglib-5baff511.js").then((n3) => n3.h);
   return { default: HiGlassComponent };
 });
 const HG_SIZE = 800;
@@ -232038,7 +232078,7 @@ inherits(Projection$1, Transform2, {
   transform(_, pulse2) {
     let proj = this.value;
     if (!proj || _.modified("type")) {
-      this.value = proj = create5(_.type);
+      this.value = proj = create4(_.type);
       projectionProperties.forEach((prop) => {
         if (_[prop] != null)
           set$3(proj, prop, _[prop]);
@@ -232060,7 +232100,7 @@ function fit(proj, _) {
   const data2 = collectGeoJSON(_.fit);
   _.extent ? proj.fitExtent(_.extent, data2) : _.size ? proj.fitSize(_.size, data2) : 0;
 }
-function create5(type2) {
+function create4(type2) {
   const constructor = projection((type2 || "mercator").toLowerCase());
   if (!constructor)
     error("Unrecognized projection type: " + type2);
@@ -240867,8 +240907,8 @@ function bind3(view, el2, binding) {
       bind4.update = debounce(param2.debounce, bind4.update);
     }
   }
-  const create6 = param2.input == null && param2.element ? target : generate;
-  create6(bind4, el2, param2, view);
+  const create5 = param2.input == null && param2.element ? target : generate;
+  create5(bind4, el2, param2, view);
   if (!bind4.active) {
     view.on(view._signals[param2.signal], null, () => {
       bind4.source ? bind4.source = false : bind4.set(view.signal(param2.signal));
@@ -303881,7 +303921,7 @@ const baseCoordinationTypes = [
   new PluginCoordinationType(CoordinationType$1.IMAGE_CHANNEL, null, z.string().nullable()),
   new PluginCoordinationType(CoordinationType$1.SEGMENTATION_LAYER, null, z.string().nullable()),
   new PluginCoordinationType(CoordinationType$1.SEGMENTATION_CHANNEL, null, z.string().nullable()),
-  new PluginCoordinationType(CoordinationType$1.SPATIAL_TARGET_C, null, z.number().nullable()),
+  new PluginCoordinationType(CoordinationType$1.SPATIAL_TARGET_C, null, z.number().or(z.string()).nullable()),
   new PluginCoordinationType(CoordinationType$1.SPATIAL_TARGET_Z, null, z.number().nullable()),
   new PluginCoordinationType(CoordinationType$1.SPATIAL_TARGET_T, null, z.number().nullable()),
   new PluginCoordinationType(CoordinationType$1.SPATIAL_LAYER_VISIBLE, true, z.boolean()),

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b3, b1, b4, b2, b0, b5 } from "./index-0d08aaae.js";
+import { b3, b1, b4, b2, b0, b5 } from "./index-7453cd48.js";
 import { useCoordination } from "@vitessce/vit-s";
 import "react";
 import "react-dom";

package/dist/{jpeg-9f88d9a1.js → jpeg-92cf173f.js}

@@ -1,4 +1,4 @@
-import { aP as BaseDecoder } from "./index-0d08aaae.js";
+import { aP as BaseDecoder } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lerc-d1028c67.js → lerc-f05c9ce8.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { g as getDefaultExportFromCjs, aP as BaseDecoder, aQ as LercParameters, aR as LercAddCompression } from "./index-0d08aaae.js";
+import { g as getDefaultExportFromCjs, aP as BaseDecoder, aQ as LercParameters, aR as LercAddCompression } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lzw-f0c0faa6.js → lzw-6e1b0460.js}

@@ -1,4 +1,4 @@
-import { aP as BaseDecoder } from "./index-0d08aaae.js";
+import { aP as BaseDecoder } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{packbits-d0fa0169.js → packbits-c127f48f.js}

@@ -1,4 +1,4 @@
-import { aP as BaseDecoder } from "./index-0d08aaae.js";
+import { aP as BaseDecoder } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{raw-0c2d8506.js → raw-c2960c08.js}

@@ -1,4 +1,4 @@
-import { aP as BaseDecoder } from "./index-0d08aaae.js";
+import { aP as BaseDecoder } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{troika-three-text.esm-f60fc675.js → troika-three-text.esm-c89ceb26.js}

@@ -1,4 +1,4 @@
-import { aC as UniformsUtils, aW as MeshDepthMaterial, aX as RGBADepthPacking, aY as MeshDistanceMaterial, aZ as ShaderChunk, T as Texture, E as LinearFilter, ax as InstancedBufferGeometry, ao as Sphere, an as Box3, aH as BackSide, Y as DoubleSide, a_ as InstancedBufferAttribute, V as Vector2, aE as Vector4, h as Color, aJ as Matrix3, a0 as Mesh, ai as FrontSide, a$ as PlaneGeometry, f as BufferGeometry, ay as Float32BufferAttribute, t as MeshBasicMaterial, k as Matrix4, b as Vector3 } from "./index-0d08aaae.js";
+import { aC as UniformsUtils, aW as MeshDepthMaterial, aX as RGBADepthPacking, aY as MeshDistanceMaterial, aZ as ShaderChunk, T as Texture, E as LinearFilter, ax as InstancedBufferGeometry, ao as Sphere, an as Box3, aH as BackSide, Y as DoubleSide, a_ as InstancedBufferAttribute, V as Vector2, aE as Vector4, h as Color, aJ as Matrix3, a0 as Mesh, ai as FrontSide, a$ as PlaneGeometry, f as BufferGeometry, ay as Float32BufferAttribute, t as MeshBasicMaterial, k as Matrix4, b as Vector3 } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{webimage-3234790c.js → webimage-a2f88ffe.js}

@@ -1,4 +1,4 @@
-import { aP as BaseDecoder } from "./index-0d08aaae.js";
+import { aP as BaseDecoder } from "./index-7453cd48.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist-tsc/base-plugins.d.ts

@@ -1073,5 +1073,5 @@ export declare const baseCoordinationTypes: (PluginCoordinationType<z.ZodNullabl
             color?: number[] | undefined;
         })[];
     })[];
-}>>> | PluginCoordinationType<z.ZodNullable<z.ZodArray<z.ZodNumber, "many">>> | PluginCoordinationType<z.ZodNullable<z.ZodEnum<["BlackIsZero", "RGB"]>>> | PluginCoordinationType<z.ZodNullable<z.ZodEnum<["2D", "3D"]>>> | PluginCoordinationType<z.ZodEnum<["maximumIntensityProjection", "additive"]>> | PluginCoordinationType<z.ZodEnum<["vertical", "horizontal"]>>)[];
+}>>> | PluginCoordinationType<z.ZodNullable<z.ZodUnion<[z.ZodNumber, z.ZodString]>>> | PluginCoordinationType<z.ZodNullable<z.ZodArray<z.ZodNumber, "many">>> | PluginCoordinationType<z.ZodNullable<z.ZodEnum<["BlackIsZero", "RGB"]>>> | PluginCoordinationType<z.ZodNullable<z.ZodEnum<["2D", "3D"]>>> | PluginCoordinationType<z.ZodEnum<["maximumIntensityProjection", "additive"]>> | PluginCoordinationType<z.ZodEnum<["vertical", "horizontal"]>>)[];
 //# sourceMappingURL=base-plugins.d.ts.map

package/dist-tsc/base-plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-plugins.d.ts","sourceRoot":"","sources":["../src/base-plugins.ts"],"names":[],"mappings":"AAUA,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,CAAC,EA4CF,MAAM,mBAAmB,CAAC;AAmI3B,eAAO,MAAM,aAAa,kBAkBzB,CAAC;AAEF,eAAO,MAAM,aAAa,wDAqEzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgB9B,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4WAqLjC,CAAC"}
+{"version":3,"file":"base-plugins.d.ts","sourceRoot":"","sources":["../src/base-plugins.ts"],"names":[],"mappings":"AAUA,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,CAAC,EA4CF,MAAM,mBAAmB,CAAC;AAmI3B,eAAO,MAAM,aAAa,kBAkBzB,CAAC;AAEF,eAAO,MAAM,aAAa,wDAqEzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgB9B,CAAC;AAIF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4bAqLjC,CAAC"}

package/dist-tsc/base-plugins.js

@@ -235,7 +235,7 @@ export const baseCoordinationTypes = [
     new PluginCoordinationType(CoordinationType.IMAGE_CHANNEL, null, z.string().nullable()),
     new PluginCoordinationType(CoordinationType.SEGMENTATION_LAYER, null, z.string().nullable()),
     new PluginCoordinationType(CoordinationType.SEGMENTATION_CHANNEL, null, z.string().nullable()),
-    new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_C, null, z.number().nullable()),
+    new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_C, null, z.number().or(z.string()).nullable()),
     new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_Z, null, z.number().nullable()),
     new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_T, null, z.number().nullable()),
     new PluginCoordinationType(CoordinationType.SPATIAL_LAYER_VISIBLE, true, z.boolean()),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/all",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -18,29 +18,29 @@
   "dependencies": {
     "@material-ui/core": "~4.12.3",
     "zod": "^3.21.4",
-    "@vitessce/constants-internal": "3.4.2",
-    "@vitessce/csv": "3.4.2",
-    "@vitessce/description": "3.4.2",
-    "@vitessce/feature-list": "3.4.2",
-    "@vitessce/genomic-profiles": "3.4.2",
-    "@vitessce/glb": "3.4.2",
-    "@vitessce/heatmap": "3.4.2",
-    "@vitessce/json": "3.4.2",
-    "@vitessce/layer-controller": "3.4.2",
-    "@vitessce/layer-controller-beta": "3.4.2",
-    "@vitessce/obs-sets-manager": "3.4.2",
-    "@vitessce/ome-tiff": "3.4.2",
-    "@vitessce/plugins": "3.4.2",
-    "@vitessce/scatterplot-embedding": "3.4.2",
-    "@vitessce/schemas": "3.4.2",
-    "@vitessce/spatial-beta": "3.4.2",
-    "@vitessce/spatial": "3.4.2",
-    "@vitessce/statistical-plots": "3.4.2",
-    "@vitessce/scatterplot-gating": "3.4.2",
-    "@vitessce/status": "3.4.2",
-    "@vitessce/vit-s": "3.4.2",
-    "@vitessce/zarr": "3.4.2",
-    "@vitessce/spatial-three": "3.4.2"
+    "@vitessce/constants-internal": "3.4.3",
+    "@vitessce/csv": "3.4.3",
+    "@vitessce/description": "3.4.3",
+    "@vitessce/feature-list": "3.4.3",
+    "@vitessce/genomic-profiles": "3.4.3",
+    "@vitessce/glb": "3.4.3",
+    "@vitessce/heatmap": "3.4.3",
+    "@vitessce/json": "3.4.3",
+    "@vitessce/layer-controller": "3.4.3",
+    "@vitessce/layer-controller-beta": "3.4.3",
+    "@vitessce/obs-sets-manager": "3.4.3",
+    "@vitessce/ome-tiff": "3.4.3",
+    "@vitessce/plugins": "3.4.3",
+    "@vitessce/scatterplot-gating": "3.4.3",
+    "@vitessce/scatterplot-embedding": "3.4.3",
+    "@vitessce/schemas": "3.4.3",
+    "@vitessce/statistical-plots": "3.4.3",
+    "@vitessce/spatial": "3.4.3",
+    "@vitessce/status": "3.4.3",
+    "@vitessce/vit-s": "3.4.3",
+    "@vitessce/spatial-beta": "3.4.3",
+    "@vitessce/zarr": "3.4.3",
+    "@vitessce/spatial-three": "3.4.3"
   },
   "devDependencies": {
     "@types/react": "^18.0.28",

package/src/base-plugins.ts

@@ -450,7 +450,7 @@ export const baseCoordinationTypes = [
   new PluginCoordinationType(CoordinationType.IMAGE_CHANNEL, null, z.string().nullable()),
   new PluginCoordinationType(CoordinationType.SEGMENTATION_LAYER, null, z.string().nullable()),
   new PluginCoordinationType(CoordinationType.SEGMENTATION_CHANNEL, null, z.string().nullable()),
-  new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_C, null, z.number().nullable()),
+  new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_C, null, z.number().or(z.string()).nullable()),
   new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_Z, null, z.number().nullable()),
   new PluginCoordinationType(CoordinationType.SPATIAL_TARGET_T, null, z.number().nullable()),
   new PluginCoordinationType(CoordinationType.SPATIAL_LAYER_VISIBLE, true, z.boolean()),