@vitessce/all 3.3.9 → 3.3.10

package/dist/{index-a97d6cff.js → index-b2bb1d08.js}

@@ -10043,8 +10043,11 @@ const CoordinationType$1 = {
   PHOTOMETRIC_INTERPRETATION: "photometricInterpretation",
   // For 3D volume rendering
   SPATIAL_RENDERING_MODE: "spatialRenderingMode",
+  // For whole spatial view
   VOLUMETRIC_RENDERING_ALGORITHM: "volumetricRenderingAlgorithm",
+  // Could be per-image-layer
   SPATIAL_TARGET_RESOLUTION: "spatialTargetResolution",
+  // Per-spatial-layer
   // For clipping plane sliders
   SPATIAL_SLICE_X: "spatialSliceX",
   SPATIAL_SLICE_Y: "spatialSliceY",
@@ -10053,10 +10056,12 @@ const CoordinationType$1 = {
   SPOT_LAYER: "spotLayer",
   POINT_LAYER: "pointLayer",
   SPATIAL_SPOT_RADIUS: "spatialSpotRadius",
+  // In micrometers?
   SPATIAL_SPOT_FILLED: "spatialSpotFilled",
   SPATIAL_SPOT_STROKE_WIDTH: "spatialSpotStrokeWidth",
   SPATIAL_LAYER_COLOR: "spatialLayerColor",
   PIXEL_HIGHLIGHT: "pixelHighlight",
+  // Per-image-layer
   TOOLTIP_CROSSHAIRS_VISIBLE: "tooltipCrosshairsVisible",
   LEGEND_VISIBLE: "legendVisible",
   SPATIAL_CHANNEL_LABELS_VISIBLE: "spatialChannelLabelsVisible",
@@ -15849,7 +15854,7 @@ function getStylesCreator(stylesOrCreator) {
     }
   }
   return {
-    create: function create5(theme, name2) {
+    create: function create6(theme, name2) {
       var styles35;
       try {
         styles35 = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;
@@ -24968,7 +24973,7 @@ var classCallCheck$1 = function(instance, Constructor) {
   }
 };
 var createClass$1 = function() {
-  function defineProperties3(target2, props2) {
+  function defineProperties4(target2, props2) {
     for (var i2 = 0; i2 < props2.length; i2++) {
       var descriptor2 = props2[i2];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -24980,9 +24985,9 @@ var createClass$1 = function() {
   }
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -39084,10 +39089,10 @@ var _propertyDesc = function(bitmap, value2) {
     value: value2
   };
 };
-var dP$1 = require_objectDp();
+var dP$2 = require_objectDp();
 var createDesc$2 = _propertyDesc;
 var _hide = require_descriptors() ? function(object2, key2, value2) {
-  return dP$1.f(object2, key2, createDesc$2(1, value2));
+  return dP$2.f(object2, key2, createDesc$2(1, value2));
 } : function(object2, key2, value2) {
   object2[key2] = value2;
   return object2;
@@ -39101,7 +39106,7 @@ var core$3 = _coreExports;
 var ctx = _ctx;
 var hide$2 = _hide;
 var has$a = _has$1;
-var PROTOTYPE$1 = "prototype";
+var PROTOTYPE$2 = "prototype";
 var $export$6 = function(type2, name2, source2) {
   var IS_FORCED = type2 & $export$6.F;
   var IS_GLOBAL = type2 & $export$6.G;
@@ -39110,8 +39115,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$1];
-  var target2 = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$1];
+  var expProto = exports2[PROTOTYPE$2];
+  var target2 = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$2];
   var key2, own, out;
   if (IS_GLOBAL)
     source2 = name2;
@@ -39135,7 +39140,7 @@ var $export$6 = function(type2, name2, source2) {
         }
         return C3.apply(this, arguments);
       };
-      F[PROTOTYPE$1] = C3[PROTOTYPE$1];
+      F[PROTOTYPE$2] = C3[PROTOTYPE$2];
       return F;
     }(out) : IS_PROTO && typeof out == "function" ? ctx(Function.call, out) : out;
     if (IS_PROTO) {
@@ -39240,30 +39245,22 @@ var px$1 = Math.random();
 var _uid = function(key2) {
   return "Symbol(".concat(key2 === void 0 ? "" : key2, ")_", (++id$3 + px$1).toString(36));
 };
-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 shared$1 = _sharedExports("keys");
+var uid$3 = _uid;
+var _sharedKey = function(key2) {
+  return shared$1[key2] || (shared$1[key2] = uid$3(key2));
+};
 var has$9 = _has$1;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes(false);
-var IE_PROTO$1 = require_sharedKey()("IE_PROTO");
+var IE_PROTO$2 = _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$1)
+    if (key2 != IE_PROTO$2)
       has$9(O, key2) && result.push(key2);
   while (names.length > i2)
     if (has$9(O, key2 = names[i2++])) {
@@ -39273,9 +39270,9 @@ var _objectKeysInternal = function(object2, names) {
 };
 var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
 var $keys$2 = _objectKeysInternal;
-var enumBugKeys = _enumBugKeys;
+var enumBugKeys$1 = _enumBugKeys;
 var _objectKeys$1 = Object.keys || function keys(O) {
-  return $keys$2(O, enumBugKeys);
+  return $keys$2(O, enumBugKeys$1);
 };
 var _objectGops = {};
 _objectGops.f = Object.getOwnPropertySymbols;
@@ -39393,7 +39390,7 @@ function _interopRequireDefault$o(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 var _default$5 = function() {
-  function defineProperties3(target2, props2) {
+  function defineProperties4(target2, props2) {
     for (var i2 = 0; i2 < props2.length; i2++) {
       var descriptor2 = props2[i2];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -39405,9 +39402,9 @@ var _default$5 = function() {
   }
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -39428,27 +39425,19 @@ var _stringAt = function(TO_STRING) {
 };
 var _redefine = _hide;
 var _iterators = {};
-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 dP$1 = require_objectDp();
+var anObject$2 = _anObject;
+var getKeys$1 = _objectKeys$1;
+var _objectDps = require_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 _html;
 var hasRequired_html;
 function require_html() {
@@ -39459,50 +39448,42 @@ function require_html() {
   _html = document2 && document2.documentElement;
   return _html;
 }
-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 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 _wks = { exports: {} };
 var store = _sharedExports("wks");
 var uid$2 = _uid;
@@ -39520,7 +39501,7 @@ 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 = require_objectCreate();
+var create$b = _objectCreate;
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype$2 = {};
@@ -39533,7 +39514,7 @@ var _iterCreate = function(Constructor, NAME2, next3) {
 };
 var has$7 = _has$1;
 var toObject$2 = _toObject;
-var IE_PROTO = require_sharedKey()("IE_PROTO");
+var IE_PROTO = _sharedKey("IE_PROTO");
 var ObjectProto$1 = Object.prototype;
 var _objectGpo = Object.getPrototypeOf || function(O) {
   O = toObject$2(O);
@@ -39696,23 +39677,23 @@ var setMeta = function(it) {
     // weak collections IDs
   } });
 };
-var fastKey = function(it, create5) {
+var fastKey = function(it, create6) {
   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 (!create5)
+    if (!create6)
       return "E";
     setMeta(it);
   }
   return it[META$1].i;
 };
-var getWeak = function(it, create5) {
+var getWeak = function(it, create6) {
   if (!has$6(it, META$1)) {
     if (!isExtensible(it))
       return true;
-    if (!create5)
+    if (!create6)
       return false;
     setMeta(it);
   }
@@ -39821,7 +39802,7 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive;
 var createDesc = _propertyDesc;
-var _create$1 = require_objectCreate();
+var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
@@ -39888,7 +39869,7 @@ var $defineProperty$1 = function defineProperty2(it, key2, D2) {
   }
   return dP(it, key2, D2);
 };
-var $defineProperties = function defineProperties(it, P2) {
+var $defineProperties = function defineProperties2(it, P2) {
   anObject(it);
   var keys4 = enumKeys(P2 = toIObject(P2));
   var i2 = 0;
@@ -39898,7 +39879,7 @@ var $defineProperties = function defineProperties(it, P2) {
     $defineProperty$1(it, key2 = keys4[i2++], P2[key2]);
   return it;
 };
-var $create = function create2(it, P2) {
+var $create = function create3(it, P2) {
   return P2 === void 0 ? _create$1(it) : $defineProperties(_create$1(it), P2);
 };
 var $propertyIsEnumerable = function propertyIsEnumerable(key2) {
@@ -40125,9 +40106,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: require_objectCreate() });
+$export($export.S, "Object", { create: _objectCreate });
 var $Object$1 = _coreExports.Object;
-var create$a = function create3(P2, D2) {
+var create$a = function create4(P2, D2) {
   return $Object$1.create(P2, D2);
 };
 var create$9 = { "default": create$a, __esModule: true };
@@ -46885,7 +46866,9 @@ const useStyles$o = makeStyles((theme) => ({
     height: "auto",
     display: "block",
     paddingRight: "17px",
+    /* Increase/decrease this value for cross-browser compatibility */
     boxSizing: "content-box",
+    /* So the width will be 100% + 17px */
     "@global .rc-tree": {
       paddingLeft: "0",
       margin: "0",
@@ -47185,6 +47168,7 @@ const useHelpTooltipStyles = makeStyles((theme) => ({
     maxWidth: "250px",
     visibility: "visible",
     paddingTop: "8px",
+    // Assumes placement: 'top'
     ...helpTooltipCommon,
     "@global .rc-tooltip-inner": {
       fontSize: "10px",
@@ -47212,6 +47196,7 @@ const useHelpTooltipStyles = makeStyles((theme) => ({
     cursor: "auto",
     userSelect: "text",
     paddingBottom: "10px",
+    // Assumes placement: 'top'
     "&.rc-tooltip-placement-top": {
       paddingBottom: "10px"
     },
@@ -93926,11 +93911,11 @@ class Tileset2D {
       this._dirty = false;
     }
   }
-  _getTile(index2, create5) {
+  _getTile(index2, create6) {
     const id2 = this.getTileId(index2);
     let tile = this._cache.get(id2);
     let needsReload = false;
-    if (!tile && create5) {
+    if (!tile && create6) {
       tile = new Tile2DHeader(index2);
       Object.assign(tile, this.getTileMetadata(tile.index));
       Object.assign(tile, {
@@ -122180,7 +122165,7 @@ var defineProperty$2 = function(object2, name2, value2, predicate) {
     object2[name2] = value2;
   }
 };
-var defineProperties2 = function(object2, map2) {
+var defineProperties3 = function(object2, map2) {
   var predicates = arguments.length > 2 ? arguments[2] : {};
   var props2 = keys$4(map2);
   if (hasSymbols2) {
@@ -122190,8 +122175,8 @@ var defineProperties2 = function(object2, map2) {
     defineProperty$2(object2, props2[i2], map2[props2[i2]], predicates[props2[i2]]);
   }
 };
-defineProperties2.supportsDescriptors = !!supportsDescriptors$2;
-var defineProperties_1 = defineProperties2;
+defineProperties3.supportsDescriptors = !!supportsDescriptors$2;
+var defineProperties_1 = defineProperties3;
 var numberIsNaN = function(value2) {
   return value2 !== value2;
 };
@@ -156421,16 +156406,16 @@ async function getDecoder(fileDirectory) {
   const Decoder = await importFn();
   return new Decoder(fileDirectory);
 }
-addDecoder([void 0, 1], () => import("./raw-5ddb5b7f.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-ee8021e0.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-221c7288.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-67b71961.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-773ebeec.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-8ecc37d7.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-40c62302.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-cd64e4aa.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-50369c59.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-7e1ceac4.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-7c420d06.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-d95ea21b.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-54fe9485.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-e90de519.js").then((m2) => m2.default));
 function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
   return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
 }
@@ -172693,18 +172678,18 @@ function selection_lower() {
   return this.each(lower);
 }
 function selection_append(name2) {
-  var create5 = typeof name2 === "function" ? name2 : creator(name2);
+  var create6 = typeof name2 === "function" ? name2 : creator(name2);
   return this.select(function() {
-    return this.appendChild(create5.apply(this, arguments));
+    return this.appendChild(create6.apply(this, arguments));
   });
 }
 function constantNull() {
   return null;
 }
 function selection_insert(name2, before) {
-  var create5 = typeof name2 === "function" ? name2 : creator(name2), select2 = before == null ? constantNull : typeof before === "function" ? before : selector(before);
+  var create6 = typeof name2 === "function" ? name2 : creator(name2), select2 = before == null ? constantNull : typeof before === "function" ? before : selector(before);
   return this.select(function() {
-    return this.insertBefore(create5.apply(this, arguments), select2.apply(this, arguments) || null);
+    return this.insertBefore(create6.apply(this, arguments), select2.apply(this, arguments) || null);
   });
 }
 function remove$1() {
@@ -176724,7 +176709,7 @@ var typedFunction$1 = { exports: {} };
     function undef() {
       return void 0;
     }
-    function create5() {
+    function create6() {
       var _types = [
         { name: "number", test: function(x2) {
           return typeof x2 === "number";
@@ -177476,7 +177461,7 @@ var typedFunction$1 = { exports: {} };
           return createTypedFunction(name2, extractSignatures(fns));
         }
       });
-      typed2.create = create5;
+      typed2.create = create6;
       typed2.types = _types;
       typed2.conversions = _conversions;
       typed2.ignore = _ignore;
@@ -177507,7 +177492,7 @@ var typedFunction$1 = { exports: {} };
       };
       return typed2;
     }
-    return create5();
+    return create6();
   });
 })(typedFunction$1);
 var typedFunctionExports = typedFunction$1.exports;
@@ -178219,11 +178204,11 @@ function getArrayDataType(array2, typeOf2) {
   }
   return type2;
 }
-function factory(name2, dependencies2, create5, meta2) {
+function factory(name2, dependencies2, create6, meta2) {
   function assertAndCreate(scope) {
     var deps = pickShallow(scope, dependencies2.map(stripOptionalNotation));
     assertDependencies(name2, dependencies2, scope);
-    return create5(deps);
+    return create6(deps);
   }
   assertAndCreate.isFactory = true;
   assertAndCreate.fn = name2;
@@ -194326,10 +194311,11 @@ class ZipFileStore {
 const ZipFileStore$1 = ZipFileStore;
 function zarrOpenRoot(url, fileType, requestInit2) {
   let store2;
+  const opts2 = requestInit2 ? { overrides: requestInit2 } : void 0;
   if (fileType && fileType.endsWith(".zip")) {
-    store2 = ZipFileStore$1.fromUrl(url, { overrides: requestInit2 });
+    store2 = ZipFileStore$1.fromUrl(url, opts2);
   } else {
-    store2 = new FetchStore$1(url, { overrides: requestInit2 });
+    store2 = new FetchStore$1(url, opts2);
   }
   return root(store2);
 }
@@ -196075,10 +196061,15 @@ class Spatial2 extends AbstractSpatialOrScatterplot {
       excludeBackground: true,
       onViewportLoad: () => {
       },
+      // layerProps.callback, // TODO: figure out callback implementation
       colorScaleLo: 0,
+      // TODO: check if these can be removed?
       colorScaleHi: 1,
+      // TODO: check if these can be removed?
       isExpressionMode: false,
+      // TODO: check if these can be removed?
       colormap: null,
+      // TODO: check if these can be removed?
       expressionData: this.expression.data,
       // There is no onHover here,
       // see the onHover method of AbstractSpatialOrScatterplot.
@@ -196166,6 +196157,7 @@ class Spatial2 extends AbstractSpatialOrScatterplot {
       zSlice: layerCoordination[CoordinationType$1.SPATIAL_SLICE_Z],
       onViewportLoad: () => {
       },
+      // layerProps.callback, // TODO: figure out callback implementation
       excludeBackground: useTransparentColor,
       extensions,
       // Picking / onHover on the root DeckGL component
@@ -196360,7 +196352,9 @@ class Spatial2 extends AbstractSpatialOrScatterplot {
         }
         this.segmentationColors[layerScope][channelScope] = {
           setColorIndices: obsColorIndices,
+          // The Map from cell ID to color index.
           setColors: obsSetColor,
+          // The array with [{ path, color: [r, g, b] }, ...].
           obsIndex: layerIndex
           // TODO: how to ensure obsIndex.length matches the number of cells
         };
@@ -202496,7 +202490,9 @@ const useStyles$i = makeStyles((theme) => ({
     /* background-color only for content */
     backgroundClip: "content-box",
     border: `2px solid ${theme.palette.grayLight}`,
+    // map-get($global-colors, "gray-light");
     backgroundColor: theme.palette.grayLight,
+    // map-get($global-colors, "gray-light");
     "&:checked": {
       backgroundClip: "unset"
     }
@@ -202756,6 +202752,7 @@ const useChannelSliderStyles = makeStyles((theme) => ({
     marginTop: "7px",
     "& span": {
       color: theme.palette.secondaryForeground,
+      // Change color here
       backgroundColor: theme.palette.secondaryBackgroundDim
       // Change color here
     }
@@ -205770,7 +205767,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-167b2b88.js").then((n3) => n3.h);
+  const { HiGlassComponent } = await import("./hglib-abd4a9d9.js").then((n3) => n3.h);
   return { default: HiGlassComponent };
 });
 const HG_SIZE = 800;
@@ -229182,7 +229179,7 @@ inherits(Projection$1, Transform2, {
   transform(_, pulse2) {
     let proj = this.value;
     if (!proj || _.modified("type")) {
-      this.value = proj = create4(_.type);
+      this.value = proj = create5(_.type);
       projectionProperties.forEach((prop) => {
         if (_[prop] != null)
           set$3(proj, prop, _[prop]);
@@ -229204,7 +229201,7 @@ function fit(proj, _) {
   const data2 = collectGeoJSON(_.fit);
   _.extent ? proj.fitExtent(_.extent, data2) : _.size ? proj.fitSize(_.size, data2) : 0;
 }
-function create4(type2) {
+function create5(type2) {
   const constructor = projection((type2 || "mercator").toLowerCase());
   if (!constructor)
     error("Unrecognized projection type: " + type2);
@@ -238011,8 +238008,8 @@ function bind3(view, el2, binding) {
       bind4.update = debounce(param2.debounce, bind4.update);
     }
   }
-  const create5 = param2.input == null && param2.element ? target : generate;
-  create5(bind4, el2, param2, view);
+  const create6 = param2.input == null && param2.element ? target : generate;
+  create6(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));
@@ -264694,20 +264691,32 @@ class RasterJsonAsObsSegmentationsLoader extends RasterLoader {
   }
 }
 class ZarrDataSource {
+  /**
+   * @param {DataSourceParams} params The parameters object.
+   */
   constructor({ url, requestInit: requestInit2, store: store2, fileType }) {
     if (store2) {
       this.storeRoot = root(store2);
-    } else {
+    } else if (url) {
       this.storeRoot = zarrOpenRoot(url, fileType, requestInit2);
+    } else {
+      throw new Error("Either a store or a URL must be provided to the ZarrDataSource constructor.");
     }
   }
+  /**
+   *
+   * @param {string} path
+   * @returns {ZarrLocation<Readable>}
+   */
   getStoreRoot(path2) {
     return this.storeRoot.resolve(path2);
   }
   /**
-   * Class method for decoding json from the store.
+   * Method for accessing JSON attributes, relative to the store root.
    * @param {string} key A path to the item.
-   * @returns {Promise} This async function returns a promise
+   * @param {ZarrLocation<Readable>|null} storeRootParam An optional location,
+   * which if provided will override the default store root.
+   * @returns {Promise<any>} This async function returns a promise
    * that resolves to the parsed JSON if successful.
    * @throws This may throw an error.
    */
@@ -264728,16 +264737,41 @@ function dirname(path2) {
 }
 function basename(path2) {
   const arr = path2.split("/");
-  return arr.at(-1);
+  const result = arr.at(-1);
+  if (!result) {
+    console.error("basename of path is empty", path2);
+    return "";
+  }
+  return result;
 }
 class AnnDataSource extends ZarrDataSource {
-  constructor(...args) {
-    super(...args);
+  /**
+   *
+   * @param {DataSourceParams} params
+   */
+  constructor(params2) {
+    super(params2);
     this.promises = /* @__PURE__ */ new Map();
   }
+  /**
+   *
+   * @param {string[]} paths Paths to multiple string-valued columns
+   * within the obs dataframe.
+   * @returns {Promise<(undefined | string[] | string[][])[]>} Returns
+   * each column as an array of strings,
+   * ordered the same as the paths.
+   */
   loadObsColumns(paths) {
     return this._loadColumns(paths);
   }
+  /**
+   *
+   * @param {string[]} paths Paths to multiple string-valued columns
+   * within the var dataframe.
+   * @returns {Promise<(undefined | string[] | string[][])[]>} Returns
+   * each column as an array of strings,
+   * ordered the same as the paths.
+   */
   loadVarColumns(paths) {
     return this._loadColumns(paths);
   }
@@ -264745,8 +264779,10 @@ class AnnDataSource extends ZarrDataSource {
    * Class method for loading obs variables.
    * Takes the location as an argument because this is shared across objects,
    * which have different ways of specifying location.
-   * @param {string[]} paths An array of strings like "obs/leiden" or "obs/bulk_labels."
-   * @returns {Promise} A promise for an array of ids with one per cell.
+   * @param {string[] | string[][]} paths An array of strings like
+   * "obs/leiden" or "obs/bulk_labels."
+   * @returns {Promise<(undefined | string[] | string[][])[]>} A promise
+   * for an array of ids with one per cell.
    */
   _loadColumns(paths) {
     const promises = paths.map((path2) => {
@@ -264758,7 +264794,10 @@ class AnnDataSource extends ZarrDataSource {
           });
           this.promises.set(col, obsPromise);
         }
-        return this.promises.get(col);
+        return (
+          /** @type {Promise<string[]>} */
+          this.promises.get(col)
+        );
       };
       if (!path2) {
         return Promise.resolve(void 0);
@@ -264770,30 +264809,35 @@ class AnnDataSource extends ZarrDataSource {
     });
     return Promise.all(promises);
   }
+  /**
+   *
+   * @param {string} path
+   * @returns
+   */
   async _loadColumn(path2) {
     const { storeRoot } = this;
     const prefix2 = dirname(path2);
     const { categories, "encoding-type": encodingType } = await this.getJson(`${path2}/.zattrs`);
     let categoriesValues;
-    let codes;
+    let codesPath;
     if (categories) {
-      const { dtype } = await open(storeRoot.resolve(`/${prefix2}/${categories}`));
+      const { dtype } = await open(storeRoot.resolve(`/${prefix2}/${categories}`), { kind: "array" });
       if (dtype === "v2:object") {
         categoriesValues = await this.getFlatArrDecompressed(`/${prefix2}/${categories}`);
       }
     } else if (encodingType === "categorical") {
-      const { dtype } = await open(storeRoot.resolve(`/${path2}/categories`));
+      const { dtype } = await open(storeRoot.resolve(`/${path2}/categories`), { kind: "array" });
       if (dtype === "v2:object") {
         categoriesValues = await this.getFlatArrDecompressed(`/${path2}/categories`);
       }
-      codes = `/${path2}/codes`;
+      codesPath = `/${path2}/codes`;
     } else {
-      const { dtype } = await open(storeRoot.resolve(`/${path2}`));
+      const { dtype } = await open(storeRoot.resolve(`/${path2}`), { kind: "array" });
       if (dtype === "v2:object") {
         return this.getFlatArrDecompressed(path2);
       }
     }
-    const arr = await open(storeRoot.resolve(codes || path2), { kind: "array" });
+    const arr = await open(storeRoot.resolve(codesPath || path2), { kind: "array" });
     const values3 = await get$6(arr, [null]);
     const { data: data2 } = values3;
     const mappedValues = Array.from(data2).map((i2) => !categoriesValues ? String(i2) : categoriesValues[i2]);
@@ -264802,7 +264846,7 @@ class AnnDataSource extends ZarrDataSource {
   /**
    * Class method for loading general numeric arrays.
    * @param {string} path A string like obsm.X_pca.
-   * @returns {Promise} A promise for a zarr array containing the data.
+   * @returns {Promise<Chunk<any>>} A promise for a zarr array containing the data.
    */
   loadNumeric(path2) {
     const { storeRoot } = this;
@@ -264811,14 +264855,20 @@ class AnnDataSource extends ZarrDataSource {
   /**
    * Class method for loading specific columns of numeric arrays.
    * @param {string} path A string like obsm.X_pca.
-   * @param {number[]} dims The column indices to load.
-   * @returns {Promise} A promise for a zarr array containing the data.
+   * @param {[number, number]} dims The column indices to load.
+   * @returns {Promise<{
+   *  data: [ZarrTypedArray<any>, ZarrTypedArray<any>],
+   *  shape: [number, number],
+   * }>} A promise for a zarr array containing the data.
    */
   loadNumericForDims(path2, dims) {
     const { storeRoot } = this;
     const arr = open(storeRoot.resolve(path2), { kind: "array" });
     return Promise.all(dims.map((dim) => arr.then((loadedArr) => get$6(loadedArr, [null, dim])))).then((cols) => ({
-      data: cols.map((col) => col.data),
+      data: (
+        /** @type {[ZarrTypedArray<any>, ZarrTypedArray<any>]} */
+        cols.map((col) => col.data)
+      ),
       shape: [dims.length, cols[0].shape[0]]
     }));
   }
@@ -264826,7 +264876,7 @@ class AnnDataSource extends ZarrDataSource {
    * A common method for loading flattened data
    * i.e that which has shape [n] where n is a natural number.
    * @param {string} path A path to a flat array location, like obs/_index
-   * @returns {Array} The data from the zarr array.
+   * @returns {Promise<string[]>} The data from the zarr array.
    */
   async getFlatArrDecompressed(path2) {
     var _a3;
@@ -264836,13 +264886,18 @@ class AnnDataSource extends ZarrDataSource {
     if ((_a3 = data2.data) == null ? void 0 : _a3[Symbol.iterator]) {
       return Array.from(data2.data);
     }
-    return data2.data;
+    return (
+      /** @type {string[]} */
+      data2.data
+    );
   }
   /**
    * Class method for loading the obs index.
-   * @returns {Promise} An promise for a zarr array containing the indices.
+   * @param {string|undefined} path Used by subclasses.
+   * @returns {Promise<string[]>} An promise for a zarr array
+   * containing the indices.
    */
-  loadObsIndex() {
+  loadObsIndex(path2 = void 0) {
     if (this.obsIndex) {
       return this.obsIndex;
     }
@@ -264851,9 +264906,10 @@ class AnnDataSource extends ZarrDataSource {
   }
   /**
    * Class method for loading the var index.
-   * @returns {Promise} An promise for a zarr array containing the indices.
+   * @param {string|undefined} path Used by subclasses.
+   * @returns {Promise<string[]>} An promise for a zarr array containing the indices.
    */
-  loadVarIndex() {
+  loadVarIndex(path2 = void 0) {
     if (this.varIndex) {
       return this.varIndex;
     }
@@ -264862,58 +264918,107 @@ class AnnDataSource extends ZarrDataSource {
   }
   /**
    * Class method for loading the var alias.
-   * @returns {Promise} An promise for a zarr array containing the aliased names.
+   * @param {string} varPath
+   * @param {string|undefined} matrixPath
+   * @returns {Promise<string[]>} An promise for a zarr array containing the aliased names.
    */
-  async loadVarAlias(varPath) {
+  async loadVarAlias(varPath, matrixPath = void 0) {
     if (this.varAlias) {
       return this.varAlias;
     }
     [this.varAlias] = await this.loadVarColumns([varPath]);
     const index2 = await this.loadVarIndex();
-    this.varAlias = this.varAlias.map((val, ind) => val ? val.concat(` (${index2[ind]})`) : index2[ind]);
+    this.varAlias = this.varAlias.map(
+      /** @type {(val: string, ind: number) => string} */
+      (val, ind) => val ? val.concat(` (${index2[ind]})`) : index2[ind]
+    );
     return this.varAlias;
   }
+  /**
+   *
+   * @param {string} path
+   * @returns {Promise<object>}
+   */
   async _loadAttrs(path2) {
     return this.getJson(`${path2}/.zattrs`);
   }
+  /**
+   *
+   * @param {string} path
+   * @returns {Promise<string>}
+   */
   async _loadString(path2) {
     const { storeRoot } = this;
-    const { "encoding-type": encodingType, "encoding-version": encodingVersion } = await this._loadAttrs(path2);
-    if (encodingType === "string" && encodingVersion === "0.2.0") {
-      const arr = await open(storeRoot.resolve(path2), { kind: "array" });
-      const { data: data2 } = await arr.getChunk([]);
-      return data2.get(0);
+    const zattrs = await this._loadAttrs(path2);
+    if ("encoding-type" in zattrs && "encoding-version" in zattrs) {
+      const { "encoding-type": encodingType, "encoding-version": encodingVersion } = zattrs;
+      if (encodingType === "string" && encodingVersion === "0.2.0") {
+        const arr = await open(storeRoot.resolve(path2), { kind: "array" });
+        const { data: data2 } = (
+          /** @type {{ data: ByteStringArray }} */
+          await arr.getChunk([])
+        );
+        return data2.get(0);
+      }
+      throw new Error(`Unsupported encoding type ${encodingType} and version ${encodingVersion} in AnnDataSource._loadString`);
     }
-    throw new Error(`Unsupported encoding type ${encodingType} and version ${encodingVersion} in AnnDataSource._loadString`);
+    throw new Error("Keys for encoding-type or encoding-version not found in AnnDataSource._loadString");
   }
+  /**
+   *
+   * @param {string} path
+   * @returns {Promise<string[]>}
+   */
   async _loadStringArray(path2) {
-    const { "encoding-type": encodingType, "encoding-version": encodingVersion } = await this._loadAttrs(path2);
-    if (encodingType === "string-array" && encodingVersion === "0.2.0") {
-      return this.getFlatArrDecompressed(path2);
+    const zattrs = await this._loadAttrs(path2);
+    if ("encoding-type" in zattrs && "encoding-version" in zattrs) {
+      const { "encoding-type": encodingType, "encoding-version": encodingVersion } = zattrs;
+      if (encodingType === "string-array" && encodingVersion === "0.2.0") {
+        return this.getFlatArrDecompressed(path2);
+      }
+      throw new Error(`Unsupported encoding type ${encodingType} and version ${encodingVersion} in AnnDataSource._loadStringArray`);
     }
-    throw new Error(`Unsupported encoding type ${encodingType} and version ${encodingVersion} in AnnDataSource._loadStringArray`);
+    throw new Error("Keys for encoding-type or encoding-version not found in AnnDataSource._loadString");
   }
+  /**
+   *
+   * @param {string} path
+   * @returns
+   */
   async _loadElement(path2) {
-    const { "encoding-type": encodingType } = await this._loadAttrs(path2);
-    if (encodingType === "string") {
-      return this._loadString(path2);
-    }
-    if (encodingType === "string-array") {
-      return this._loadStringArray(path2);
+    const zattrs = await this._loadAttrs(path2);
+    if ("encoding-type" in zattrs) {
+      const { "encoding-type": encodingType } = zattrs;
+      if (encodingType === "string") {
+        return this._loadString(path2);
+      }
+      if (encodingType === "string-array") {
+        return this._loadStringArray(path2);
+      }
     }
     return null;
   }
+  /**
+   *
+   * @param {string} path
+   * @param {string[]} keys
+   * @returns
+   */
   async _loadDict(path2, keys4) {
-    const { "encoding-type": encodingType, "encoding-version": encodingVersion } = await this._loadAttrs(path2);
-    if (encodingType === "dict" && encodingVersion === "0.1.0") {
-      const result = {};
-      await Promise.all(keys4.map(async (key2) => {
-        const val = await this._loadElement(`${path2}/${key2}`);
-        result[key2] = val;
-      }));
-      return result;
+    const zattrs = await this._loadAttrs(path2);
+    if ("encoding-type" in zattrs && "encoding-version" in zattrs) {
+      const { "encoding-type": encodingType, "encoding-version": encodingVersion } = zattrs;
+      if (encodingType === "dict" && encodingVersion === "0.1.0") {
+        const result = {};
+        await Promise.all(keys4.map(async (key2) => {
+          const val = await this._loadElement(`${path2}/${key2}`);
+          result[key2] = val;
+        }));
+        return result;
+      }
+      throw new Error(`Unsupported encoding type ${encodingType} and version ${encodingVersion} in AnnDataSource._loadDict`);
     }
-    throw new Error(`Unsupported encoding type ${encodingType} and version ${encodingVersion} in AnnDataSource._loadDict`);
+    throw new Error("Keys for encoding-type or encoding-version not found in AnnDataSource._loadString");
   }
 }
 const regex$2 = /^mod\/([^/]*)\/(.*)$/;
@@ -264998,17 +265103,30 @@ function getVarPath$1(arrPath) {
   return `${getTablePrefix(arrPath)}var`;
 }
 class SpatialDataTableSource extends AnnDataSource {
+  /**
+   *
+   * @param {DataSourceParams} params
+   */
+  constructor(params2) {
+    super(params2);
+    this.obsIndices = {};
+    this.varIndices = {};
+    this.varAliases = {};
+  }
+  /**
+   *
+   * @param {string} tablePath
+   * @returns
+   */
   async loadSpatialDataAttrs(tablePath) {
     return this._loadDict(`${tablePath}uns/spatialdata_attrs`, ["instance_key", "region", "region_key"]);
   }
   /**
    * Class method for loading the obs index.
-   * @returns {Promise} An promise for a zarr array containing the indices.
+   * @param {string|undefined} path
+   * @returns {Promise<string[]>} An promise for a zarr array containing the indices.
    */
-  async loadObsIndex(path2 = null) {
-    if (!this.obsIndex) {
-      this.obsIndex = {};
-    }
+  async loadObsIndex(path2 = void 0) {
     const obsPath = getObsPath(path2);
     const { _index } = await this.getJson(`${obsPath}/.zattrs`);
     let indexPath = `${obsPath}/${_index}`;
@@ -265019,43 +265137,41 @@ class SpatialDataTableSource extends AnnDataSource {
       // region,
     } = await this.loadSpatialDataAttrs(getTablePrefix(path2));
     indexPath = `${obsPath}/${instanceKey}`;
-    if (this.obsIndex[indexPath]) {
-      return this.obsIndex[indexPath];
+    if (indexPath in this.obsIndices) {
+      return this.obsIndices[indexPath];
     }
-    this.obsIndex[indexPath] = this._loadColumn(indexPath);
-    return this.obsIndex[indexPath];
+    this.obsIndices[indexPath] = this._loadColumn(indexPath);
+    return this.obsIndices[indexPath];
   }
   /**
    * Class method for loading the var index.
-   * @returns {Promise} An promise for a zarr array containing the indices.
+   * @param {string|undefined} path
+   * @returns {Promise<string[]>} An promise for a zarr array containing the indices.
    */
-  loadVarIndex(path2 = null) {
-    if (!this.varIndex) {
-      this.varIndex = {};
-    }
+  loadVarIndex(path2 = void 0) {
     const varPath = getVarPath$1(path2);
-    if (this.varIndex[varPath]) {
-      return this.varIndex[varPath];
+    if (varPath in this.varIndices) {
+      return this.varIndices[varPath];
     }
-    this.varIndex[varPath] = this.getJson(`${varPath}/.zattrs`).then(({ _index }) => this.getFlatArrDecompressed(`${varPath}/${_index}`));
-    return this.varIndex[varPath];
+    this.varIndices[varPath] = this.getJson(`${varPath}/.zattrs`).then(({ _index }) => this.getFlatArrDecompressed(`${varPath}/${_index}`));
+    return this.varIndices[varPath];
   }
   /**
    * Class method for loading the var alias.
-   * @returns {Promise} An promise for a zarr array containing the aliased names.
+   * @param {string} varPath
+   * @param {string} matrixPath
+   * @returns {Promise<string[]>} An promise for a zarr array containing the aliased names.
    */
   async loadVarAlias(varPath, matrixPath) {
-    if (!this.varAlias) {
-      this.varAlias = {};
-    }
-    if (this.varAlias[varPath]) {
-      return this.varAlias[varPath];
+    if (varPath in this.varAliases) {
+      return this.varAliases[varPath];
     }
     const [varAliasData] = await this.loadVarColumns([varPath]);
-    this.varAlias[varPath] = varAliasData;
+    this.varAliases[varPath] = /** @type {string[]} */
+    varAliasData;
     const index2 = await this.loadVarIndex(matrixPath);
-    this.varAlias[varPath] = this.varAlias[varPath].map((val, ind) => val ? val.concat(` (${index2[ind]})`) : index2[ind]);
-    return this.varAlias[varPath];
+    this.varAliases[varPath] = this.varAliases[varPath].map((val, ind) => val ? val.concat(` (${index2[ind]})`) : index2[ind]);
+    return this.varAliases[varPath];
   }
 }
 const regex = /^shapes\/([^/]*)\/(.*)$/;
@@ -265075,17 +265191,31 @@ function getVarPath(arrPath) {
   return `${getShapesPrefix(arrPath)}var`;
 }
 class SpatialDataShapesSource extends AnnDataSource {
+  /**
+   *
+   * @param {DataSourceParams} params
+   */
+  constructor(params2) {
+    super(params2);
+    this.obsIndices = {};
+    this.varIndices = {};
+    this.varAliases = {};
+  }
+  /**
+   *
+   * @param {string} tablePath
+   * @returns
+   */
   async loadSpatialDataAttrs(tablePath) {
     return this._loadDict(`${tablePath}/uns/spatialdata_attrs`, ["instance_key", "region", "region_key"]);
   }
   /**
    * Class method for loading the obs index.
-   * @returns {Promise} An promise for a zarr array containing the indices.
+   * @param {string|undefined} path
+   * @param {string|undefined} tablePath
+   * @returns {Promise<string[]>} An promise for a zarr array containing the indices.
    */
-  async loadObsIndex(path2 = null, tablePath = null) {
-    if (!this.obsIndex) {
-      this.obsIndex = {};
-    }
+  async loadObsIndex(path2 = void 0, tablePath = void 0) {
     let indexPath = getIndexPath(path2);
     if (tablePath) {
       const obsPath = `${tablePath}/obs`;
@@ -265099,43 +265229,41 @@ class SpatialDataShapesSource extends AnnDataSource {
       } = await this.loadSpatialDataAttrs(tablePath);
       indexPath = `${obsPath}/${instanceKey}`;
     }
-    if (this.obsIndex[indexPath]) {
-      return this.obsIndex[indexPath];
+    if (indexPath in this.obsIndices) {
+      return this.obsIndices[indexPath];
     }
-    this.obsIndex[indexPath] = this._loadColumn(indexPath);
-    return this.obsIndex[indexPath];
+    this.obsIndices[indexPath] = this._loadColumn(indexPath);
+    return this.obsIndices[indexPath];
   }
   /**
    * Class method for loading the var index.
-   * @returns {Promise} An promise for a zarr array containing the indices.
+   * @param {string|undefined} path
+   * @returns {Promise<string[]>} An promise for a zarr array containing the indices.
    */
-  loadVarIndex(path2 = null) {
-    if (!this.varIndex) {
-      this.varIndex = {};
-    }
+  loadVarIndex(path2 = void 0) {
     const varPath = getVarPath(path2);
-    if (this.varIndex[varPath]) {
-      return this.varIndex[varPath];
+    if (varPath in this.varIndices) {
+      return this.varIndices[varPath];
     }
-    this.varIndex[varPath] = this.getJson(`${varPath}/.zattrs`).then(({ _index }) => this.getFlatArrDecompressed(`${varPath}/${_index}`));
-    return this.varIndex[varPath];
+    this.varIndices[varPath] = this.getJson(`${varPath}/.zattrs`).then(({ _index }) => this.getFlatArrDecompressed(`${varPath}/${_index}`));
+    return this.varIndices[varPath];
   }
   /**
    * Class method for loading the var alias.
-   * @returns {Promise} An promise for a zarr array containing the aliased names.
+   * @param {string} varPath
+   * @param {string} matrixPath
+   * @returns {Promise<string[]>} An promise for a zarr array containing the aliased names.
    */
   async loadVarAlias(varPath, matrixPath) {
-    if (!this.varAlias) {
-      this.varAlias = {};
-    }
-    if (this.varAlias[varPath]) {
-      return this.varAlias[varPath];
+    if (varPath in this.varAliases) {
+      return this.varAliases[varPath];
     }
     const [varAliasData] = await this.loadVarColumns([varPath]);
-    this.varAlias[varPath] = varAliasData;
+    this.varAliases[varPath] = /** @type {string[]} */
+    varAliasData;
     const index2 = await this.loadVarIndex(matrixPath);
-    this.varAlias[varPath] = this.varAlias[varPath].map((val, ind) => val ? val.concat(` (${index2[ind]})`) : index2[ind]);
-    return this.varAlias[varPath];
+    this.varAliases[varPath] = this.varAliases[varPath].map((val, ind) => val ? val.concat(` (${index2[ind]})`) : index2[ind]);
+    return this.varAliases[varPath];
   }
 }
 class MatrixZarrAsObsFeatureMatrixLoader extends AbstractTwoStepLoader {
@@ -265481,20 +265609,29 @@ class ObsFeatureMatrixAnndataLoader extends AbstractTwoStepLoader {
 class ObsEmbeddingAnndataLoader extends AbstractTwoStepLoader {
   /**
    * Class method for loading embedding coordinates, such as those from UMAP or t-SNE.
-   * @returns {Promise} A promise for an array of columns.
+   * @returns {Promise<MatrixResult>} A promise for an array of columns.
    */
-  loadEmbedding() {
+  async loadEmbedding() {
     const { path: path2, dims = [0, 1] } = this.options;
     if (this.embedding) {
-      return this.embedding;
+      return (
+        /** @type {Promise<MatrixResult>} */
+        this.embedding
+      );
     }
     if (!this.embedding) {
       this.embedding = this.dataSource.loadNumericForDims(path2, dims);
-      return this.embedding;
+      return (
+        /** @type {Promise<MatrixResult>} */
+        this.embedding
+      );
     }
-    this.embedding = Promise.resolve(null);
     return this.embedding;
   }
+  /**
+   *
+   * @returns {Promise<LoaderResult<ObsEmbeddingData>>}
+   */
   async load() {
     const { path: path2 } = this.options;
     const superResult = await super.load().catch((reason) => Promise.resolve(reason));
@@ -265796,9 +265933,9 @@ class ObsLabelsAnndataLoader extends AbstractTwoStepLoader {
 class FeatureLabelsAnndataLoader extends AbstractTwoStepLoader {
   /**
    * Class method for loading feature string labels.
-   * @returns {Promise} A promise for the array.
+   * @returns {Promise<string[]>} A promise for the array.
    */
-  loadLabels() {
+  async loadLabels() {
     const { path: path2 } = this.options;
     if (this.labels) {
       return this.labels;
@@ -265807,9 +265944,12 @@ class FeatureLabelsAnndataLoader extends AbstractTwoStepLoader {
       this.labels = this.dataSource._loadColumn(path2);
       return this.labels;
     }
-    this.labels = Promise.resolve(null);
     return this.labels;
   }
+  /**
+   *
+   * @returns {Promise<LoaderResult<FeatureLabelsData>>}
+   */
   async load() {
     const { path: path2 } = this.options;
     const superResult = await super.load().catch((reason) => Promise.resolve(reason));
@@ -265825,7 +265965,7 @@ class FeatureLabelsAnndataLoader extends AbstractTwoStepLoader {
     ]).then(([featureIndex, featureLabels]) => Promise.resolve(new LoaderResult({
       featureIndex,
       featureLabels,
-      featureLabelsMap: new Map(featureIndex.map((key2, i2) => [key2, featureLabels[i2]]))
+      featureLabelsMap: new Map(featureIndex.map((key2, i2) => [key2, featureLabels == null ? void 0 : featureLabels[i2]]))
     }, null)));
   }
 }
@@ -266047,6 +266187,7 @@ class ImageWrapper {
         name: channel.Name || `Channel ${i2}`,
         defaultColor: channel.Color ? channel.Color : void 0,
         defaultWindow: void 0,
+        // TODO: does OME-TIFF support this?
         autoDefaultColor: VIEWER_PALETTE[i2 % VIEWER_PALETTE.length]
       }));
     }
@@ -266285,7 +266426,9 @@ class OmeZarrLoader extends AbstractTwoStepLoader {
     return Promise.resolve(new LoaderResult({
       image: {
         loaders: imageLayerLoaders,
+        // TODO: replace with imageWrapper
         meta: imageLayerMeta,
+        // TODO: replace with imageWrapper
         instance: imageWrapper
         // TODO: make this the root value of LoaderResult.image.
       },
@@ -266556,7 +266699,9 @@ class OmeTiffLoader extends AbstractTwoStepLoader {
       return new LoaderResult({
         image: {
           loaders: imageLayerLoaders,
+          // TODO: replace with imageWrapper
           meta: imageLayerMeta,
+          // TODO: replace with imageWrapper
           instance: imageWrapper
           // TODO: make this the root value of LoaderResult.image.
         },
@@ -266640,7 +266785,9 @@ class OmeTiffAsObsSegmentationsLoader extends OmeTiffLoader {
         obsSegmentationsType: "bitmask",
         obsSegmentations: {
           loaders: imageLayerLoaders,
+          // TODO: replace with imageWrapper
           meta: imageLayerMeta,
+          // TODO: replace with imageWrapper
           instance: imageWrapper
           // TODO: make this the root value of LoaderResult.image.
         }