@vitessce/scatterplot-embedding 3.3.2 → 3.3.4

package/dist/{deflate-99ed3e4b.js → deflate-143b7b76.js}

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

package/dist/{index-e7cfe3df.js → index-82a0ed1f.js}

@@ -999,18 +999,18 @@ bisector$1(number$2).center;
 const bisect = bisectRight;
 function extent$1(values2, valueof) {
   let min;
-  let max;
+  let max2;
   if (valueof === void 0) {
     for (const value of values2) {
       if (value != null) {
         if (min === void 0) {
           if (value >= value)
-            min = max = value;
+            min = max2 = value;
         } else {
           if (min > value)
             min = value;
-          if (max < value)
-            max = value;
+          if (max2 < value)
+            max2 = value;
         }
       }
     }
@@ -1020,17 +1020,17 @@ function extent$1(values2, valueof) {
       if ((value = valueof(value, ++index2, values2)) != null) {
         if (min === void 0) {
           if (value >= value)
-            min = max = value;
+            min = max2 = value;
         } else {
           if (min > value)
             min = value;
-          if (max < value)
-            max = value;
+          if (max2 < value)
+            max2 = value;
         }
       }
     }
   }
-  return [min, max];
+  return [min, max2];
 }
 var e10 = Math.sqrt(50), e5 = Math.sqrt(10), e2 = Math.sqrt(2);
 function ticks(start, stop, count2) {
@@ -1080,6 +1080,24 @@ function tickStep(start, stop, count2) {
     step1 *= 2;
   return stop < start ? -step1 : step1;
 }
+function max(values2, valueof) {
+  let max2;
+  if (valueof === void 0) {
+    for (const value of values2) {
+      if (value != null && (max2 < value || max2 === void 0 && value >= value)) {
+        max2 = value;
+      }
+    }
+  } else {
+    let index2 = -1;
+    for (let value of values2) {
+      if ((value = valueof(value, ++index2, values2)) != null && (max2 < value || max2 === void 0 && value >= value)) {
+        max2 = value;
+      }
+    }
+  }
+  return max2;
+}
 var freeGlobal$1 = typeof global == "object" && global && global.Object === Object && global;
 const freeGlobal$2 = freeGlobal$1;
 var freeSelf$1 = typeof self == "object" && self && self.Object === Object && self;
@@ -4457,61 +4475,6 @@ const PALETTE = [
   [136, 34, 85],
   [170, 68, 153]
 ];
-const schemeRdBu = [[103, 0, 31], [178, 24, 43], [214, 96, 77], [244, 165, 130], [253, 219, 199], [247, 247, 247], [209, 229, 240], [146, 197, 222], [67, 147, 195], [33, 102, 172], [5, 48, 97]];
-const schemePlasma = [[13, 8, 135], [16, 7, 136], [19, 7, 137], [22, 7, 138], [25, 6, 140], [27, 6, 141], [29, 6, 142], [32, 6, 143], [34, 6, 144], [36, 6, 145], [38, 5, 145], [40, 5, 146], [42, 5, 147], [44, 5, 148], [46, 5, 149], [47, 5, 150], [49, 5, 151], [51, 5, 151], [53, 4, 152], [55, 4, 153], [56, 4, 154], [58, 4, 154], [60, 4, 155], [62, 4, 156], [63, 4, 156], [65, 4, 157], [67, 3, 158], [68, 3, 158], [70, 3, 159], [72, 3, 159], [73, 3, 160], [75, 3, 161], [76, 2, 161], [78, 2, 162], [80, 2, 162], [81, 2, 163], [83, 2, 163], [85, 2, 164], [86, 1, 164], [88, 1, 164], [89, 1, 165], [91, 1, 165], [92, 1, 166], [94, 1, 166], [96, 1, 166], [97, 0, 167], [99, 0, 167], [100, 0, 167], [102, 0, 167], [103, 0, 168], [105, 0, 168], [106, 0, 168], [108, 0, 168], [110, 0, 168], [111, 0, 168], [113, 0, 168], [114, 1, 168], [116, 1, 168], [117, 1, 168], [119, 1, 168], [120, 1, 168], [122, 2, 168], [123, 2, 168], [125, 3, 168], [126, 3, 168], [128, 4, 168], [129, 4, 167], [131, 5, 167], [132, 5, 167], [134, 6, 166], [135, 7, 166], [136, 8, 166], [138, 9, 165], [139, 10, 165], [141, 11, 165], [142, 12, 164], [143, 13, 164], [145, 14, 163], [146, 15, 163], [148, 16, 162], [149, 17, 161], [150, 19, 161], [152, 20, 160], [153, 21, 159], [154, 22, 159], [156, 23, 158], [157, 24, 157], [158, 25, 157], [160, 26, 156], [161, 27, 155], [162, 29, 154], [163, 30, 154], [165, 31, 153], [166, 32, 152], [167, 33, 151], [168, 34, 150], [170, 35, 149], [171, 36, 148], [172, 38, 148], [173, 39, 147], [174, 40, 146], [176, 41, 145], [177, 42, 144], [178, 43, 143], [179, 44, 142], [180, 46, 141], [181, 47, 140], [182, 48, 139], [183, 49, 138], [184, 50, 137], [186, 51, 136], [187, 52, 136], [188, 53, 135], [189, 55, 134], [190, 56, 133], [191, 57, 132], [192, 58, 131], [193, 59, 130], [194, 60, 129], [195, 61, 128], [196, 62, 127], [197, 64, 126], [198, 65, 125], [199, 66, 124], [200, 67, 123], [201, 68, 122], [202, 69, 122], [203, 70, 121], [204, 71, 120], [204, 73, 119], [205, 74, 118], [206, 75, 117], [207, 76, 116], [208, 77, 115], [209, 78, 114], [210, 79, 113], [211, 81, 113], [212, 82, 112], [213, 83, 111], [213, 84, 110], [214, 85, 109], [215, 86, 108], [216, 87, 107], [217, 88, 106], [218, 90, 106], [218, 91, 105], [219, 92, 104], [220, 93, 103], [221, 94, 102], [222, 95, 101], [222, 97, 100], [223, 98, 99], [224, 99, 99], [225, 100, 98], [226, 101, 97], [226, 102, 96], [227, 104, 95], [228, 105, 94], [229, 106, 93], [229, 107, 93], [230, 108, 92], [231, 110, 91], [231, 111, 90], [232, 112, 89], [233, 113, 88], [233, 114, 87], [234, 116, 87], [235, 117, 86], [235, 118, 85], [236, 119, 84], [237, 121, 83], [237, 122, 82], [238, 123, 81], [239, 124, 81], [239, 126, 80], [240, 127, 79], [240, 128, 78], [241, 129, 77], [241, 131, 76], [242, 132, 75], [243, 133, 75], [243, 135, 74], [244, 136, 73], [244, 137, 72], [245, 139, 71], [245, 140, 70], [246, 141, 69], [246, 143, 68], [247, 144, 68], [247, 145, 67], [247, 147, 66], [248, 148, 65], [248, 149, 64], [249, 151, 63], [249, 152, 62], [249, 154, 62], [250, 155, 61], [250, 156, 60], [250, 158, 59], [251, 159, 58], [251, 161, 57], [251, 162, 56], [252, 163, 56], [252, 165, 55], [252, 166, 54], [252, 168, 53], [252, 169, 52], [253, 171, 51], [253, 172, 51], [253, 174, 50], [253, 175, 49], [253, 177, 48], [253, 178, 47], [253, 180, 47], [253, 181, 46], [254, 183, 45], [254, 184, 44], [254, 186, 44], [254, 187, 43], [254, 189, 42], [254, 190, 42], [254, 192, 41], [253, 194, 41], [253, 195, 40], [253, 197, 39], [253, 198, 39], [253, 200, 39], [253, 202, 38], [253, 203, 38], [252, 205, 37], [252, 206, 37], [252, 208, 37], [252, 210, 37], [251, 211, 36], [251, 213, 36], [251, 215, 36], [250, 216, 36], [250, 218, 36], [249, 220, 36], [249, 221, 37], [248, 223, 37], [248, 225, 37], [247, 226, 37], [247, 228, 37], [246, 230, 38], [246, 232, 38], [245, 233, 38], [245, 235, 39], [244, 237, 39], [243, 238, 39], [243, 240, 39], [242, 242, 39], [241, 244, 38], [241, 245, 37], [240, 247, 36], [240, 249, 33]];
-function rgbSpline(spline) {
-  return (colors) => {
-    const n2 = colors.length;
-    const r2 = new Array(n2);
-    const g2 = new Array(n2);
-    const b = new Array(n2);
-    let i2;
-    let color2;
-    for (i2 = 0; i2 < n2; ++i2) {
-      color2 = [colors[i2][0], colors[i2][1], colors[i2][2]];
-      r2[i2] = color2[0] || 0;
-      g2[i2] = color2[1] || 0;
-      b[i2] = color2[2] || 0;
-    }
-    const rFunc = spline(r2);
-    const gFunc = spline(g2);
-    const bFunc = spline(b);
-    return (t2) => [rFunc(t2), gFunc(t2), bFunc(t2)];
-  };
-}
-function basis(values2) {
-  function innerBasis(t1, v0, v12, v2, v32) {
-    const t2 = t1 * t1;
-    const t3 = t2 * t1;
-    return ((1 - 3 * t1 + 3 * t2 - t3) * v0 + (4 - 6 * t2 + 3 * t3) * v12 + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2 + t3 * v32) / 6;
-  }
-  const n2 = values2.length - 1;
-  return (t2) => {
-    const i2 = t2 <= 0 ? t2 = 0 : t2 >= 1 ? (t2 = 1, n2 - 1) : Math.floor(t2 * n2);
-    const v12 = values2[i2];
-    const v2 = values2[i2 + 1];
-    const v0 = i2 > 0 ? values2[i2 - 1] : 2 * v12 - v2;
-    const v32 = i2 < n2 - 1 ? values2[i2 + 2] : 2 * v2 - v12;
-    return innerBasis((t2 - i2 / n2) * n2, v0, v12, v2, v32);
-  };
-}
-const interpolateRgbBasis = rgbSpline(basis);
-function interpolateSequentialMulti(range2) {
-  const n2 = range2.length;
-  return (t2) => range2[Math.max(0, Math.min(n2 - 1, Math.floor(t2 * n2)))];
-}
-interpolateRgbBasis(schemeRdBu);
-interpolateSequentialMulti(schemePlasma);
-function getCellColors(params) {
-  const { cellSets, cellSetSelection, cellSetColor, obsIndex, theme } = params;
-  if (cellSetSelection && cellSets) {
-    return treeToCellColorsBySetNames(cellSets, cellSetSelection, cellSetColor, theme);
-  }
-  if (obsIndex && theme) {
-    return new Map(obsIndex.map((o2) => [o2, getDefaultColor(theme)]));
-  }
-  return /* @__PURE__ */ new Map();
-}
 var util$4;
 (function(util2) {
   util2.assertEqual = (val) => val;
@@ -5669,14 +5632,14 @@ class ZodString extends ZodType {
     return min;
   }
   get maxLength() {
-    let max = null;
+    let max2 = null;
     for (const ch of this._def.checks) {
       if (ch.kind === "max") {
-        if (max === null || ch.value < max)
-          max = ch.value;
+        if (max2 === null || ch.value < max2)
+          max2 = ch.value;
       }
     }
-    return max;
+    return max2;
   }
 }
 ZodString.create = (params) => {
@@ -5891,20 +5854,20 @@ class ZodNumber extends ZodType {
     return min;
   }
   get maxValue() {
-    let max = null;
+    let max2 = null;
     for (const ch of this._def.checks) {
       if (ch.kind === "max") {
-        if (max === null || ch.value < max)
-          max = ch.value;
+        if (max2 === null || ch.value < max2)
+          max2 = ch.value;
       }
     }
-    return max;
+    return max2;
   }
   get isInt() {
     return !!this._def.checks.find((ch) => ch.kind === "int" || ch.kind === "multipleOf" && util$4.isInteger(ch.value));
   }
   get isFinite() {
-    let max = null, min = null;
+    let max2 = null, min = null;
     for (const ch of this._def.checks) {
       if (ch.kind === "finite" || ch.kind === "int" || ch.kind === "multipleOf") {
         return true;
@@ -5912,11 +5875,11 @@ class ZodNumber extends ZodType {
         if (min === null || ch.value > min)
           min = ch.value;
       } else if (ch.kind === "max") {
-        if (max === null || ch.value < max)
-          max = ch.value;
+        if (max2 === null || ch.value < max2)
+          max2 = ch.value;
       }
     }
-    return Number.isFinite(min) && Number.isFinite(max);
+    return Number.isFinite(min) && Number.isFinite(max2);
   }
 }
 ZodNumber.create = (params) => {
@@ -6074,14 +6037,14 @@ class ZodBigInt extends ZodType {
     return min;
   }
   get maxValue() {
-    let max = null;
+    let max2 = null;
     for (const ch of this._def.checks) {
       if (ch.kind === "max") {
-        if (max === null || ch.value < max)
-          max = ch.value;
+        if (max2 === null || ch.value < max2)
+          max2 = ch.value;
       }
     }
-    return max;
+    return max2;
   }
 }
 ZodBigInt.create = (params) => {
@@ -6209,14 +6172,14 @@ class ZodDate extends ZodType {
     return min != null ? new Date(min) : null;
   }
   get maxDate() {
-    let max = null;
+    let max2 = null;
     for (const ch of this._def.checks) {
       if (ch.kind === "max") {
-        if (max === null || ch.value < max)
-          max = ch.value;
+        if (max2 === null || ch.value < max2)
+          max2 = ch.value;
       }
     }
-    return max != null ? new Date(max) : null;
+    return max2 != null ? new Date(max2) : null;
   }
 }
 ZodDate.create = (params) => {
@@ -10575,7 +10538,7 @@ var toComparators_1 = toComparators$1;
 const SemVer$4 = semver;
 const Range$7 = requireRange();
 const maxSatisfying$1 = (versions, range2, options) => {
-  let max = null;
+  let max2 = null;
   let maxSV = null;
   let rangeObj = null;
   try {
@@ -10585,13 +10548,13 @@ const maxSatisfying$1 = (versions, range2, options) => {
   }
   versions.forEach((v) => {
     if (rangeObj.test(v)) {
-      if (!max || maxSV.compare(v) === -1) {
-        max = v;
-        maxSV = new SemVer$4(max, options);
+      if (!max2 || maxSV.compare(v) === -1) {
+        max2 = v;
+        maxSV = new SemVer$4(max2, options);
       }
     }
   });
-  return max;
+  return max2;
 };
 var maxSatisfying_1 = maxSatisfying$1;
 const SemVer$3 = semver;
@@ -10776,17 +10739,17 @@ var simplify = (versions, range2, options) => {
     set3.push([first, null]);
   }
   const ranges2 = [];
-  for (const [min, max] of set3) {
-    if (min === max) {
+  for (const [min, max2] of set3) {
+    if (min === max2) {
       ranges2.push(min);
-    } else if (!max && min === v[0]) {
+    } else if (!max2 && min === v[0]) {
       ranges2.push("*");
-    } else if (!max) {
+    } else if (!max2) {
       ranges2.push(`>=${min}`);
     } else if (min === v[0]) {
-      ranges2.push(`<=${max}`);
+      ranges2.push(`<=${max2}`);
     } else {
-      ranges2.push(`${min} - ${max}`);
+      ranges2.push(`${min} - ${max2}`);
     }
   }
   const simplified = ranges2.join(" || ");
@@ -11080,7 +11043,9 @@ const FileType$1 = {
   OBS_SEGMENTATIONS_JSON: "obsSegmentations.json",
   OBS_SETS_CSV: "obsSets.csv",
   OBS_SETS_JSON: "obsSets.json",
+  // OME-Zarr
   IMAGE_OME_ZARR: "image.ome-zarr",
+  OBS_SEGMENTATIONS_OME_ZARR: "obsSegmentations.ome-zarr",
   // AnnData
   OBS_FEATURE_MATRIX_ANNDATA_ZARR: "obsFeatureMatrix.anndata.zarr",
   OBS_SETS_ANNDATA_ZARR: "obsSets.anndata.zarr",
@@ -11564,7 +11529,9 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.SPATIAL_SEGMENTATION_FILLED,
     CoordinationType$1.SPATIAL_SEGMENTATION_STROKE_WIDTH,
     CoordinationType$1.IMAGE_CHANNEL,
+    CoordinationType$1.IMAGE_LAYER,
     CoordinationType$1.SEGMENTATION_CHANNEL,
+    CoordinationType$1.SEGMENTATION_LAYER,
     CoordinationType$1.SPATIAL_CHANNEL_VISIBLE,
     CoordinationType$1.SPATIAL_CHANNEL_OPACITY,
     CoordinationType$1.SPATIAL_CHANNEL_WINDOW,
@@ -11582,6 +11549,9 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.SPATIAL_SPOT_STROKE_WIDTH,
     CoordinationType$1.SPATIAL_LAYER_COLOR,
     CoordinationType$1.OBS_COLOR_ENCODING,
+    CoordinationType$1.FEATURE_VALUE_COLORMAP,
+    CoordinationType$1.FEATURE_VALUE_COLORMAP_RANGE,
+    CoordinationType$1.FEATURE_SELECTION,
     CoordinationType$1.TOOLTIPS_VISIBLE,
     CoordinationType$1.TOOLTIP_CROSSHAIRS_VISIBLE,
     CoordinationType$1.LEGEND_VISIBLE,
@@ -11898,30 +11868,39 @@ const omeCoordinateTransformations = z.array(z.union([
     scale: z.array(z.number())
   })
 ]));
-z.object({
+const imageOmeTiffSchema = z.object({
   offsetsUrl: z.string().optional(),
   coordinateTransformations: omeCoordinateTransformations.optional()
 });
+imageOmeTiffSchema.extend({
+  obsTypesFromChannelNames: z.boolean().optional()
+});
 const imageOmeZarrSchema = z.object({
   coordinateTransformations: omeCoordinateTransformations.optional()
 });
 imageOmeZarrSchema.extend({
+  obsTypesFromChannelNames: z.boolean().optional()
+});
+const imageSpatialdataSchema = imageOmeZarrSchema.extend({
   path: z.string()
 });
-z.object({
+const obsSegmentationsSpatialdataSchema = z.object({
+  // TODO: should this also extend the imageOmeZarrSchema?
+  // TODO: should this be renamed labelsSpatialdataSchema?
+  // TODO: support obsTypesFromChannelNames?
   path: z.string()
 });
 z.object({
   path: z.string()
 });
-z.object({
+const obsSpotsSpatialdataSchema = z.object({
   path: z.string(),
   tablePath: z.string().optional().describe("The path to a table which annotates the spots. If available but not specified, the spot identifiers may not be aligned with associated tabular data as expected.")
 });
-annDataObsFeatureMatrix.extend({
+const obsFeatureMatrixSpatialdataSchema = annDataObsFeatureMatrix.extend({
   region: z.string().describe("The name of a region to use to filter instances (i.e., rows) in the table").optional()
 });
-z.object({
+const obsSetsSpatialdataSchema = z.object({
   region: z.string().describe("The name of a region to use to filter instances (i.e., rows) in the table").optional(),
   tablePath: z.string().optional().describe("The path to a table which contains the index for the set values."),
   obsSets: annDataObsSets
@@ -11984,6 +11963,19 @@ z.object({
     z.array(annDataConvenienceObsEmbeddingItem)
   ])
 }).partial();
+z.object({
+  // TODO: should `image` be a special schema
+  // to allow specifying fileUid (like for embeddingType)?
+  image: imageSpatialdataSchema,
+  // TODO: should this be a special schema
+  // to allow specifying fileUid (like for embeddingType)?
+  labels: obsSegmentationsSpatialdataSchema,
+  obsFeatureMatrix: obsFeatureMatrixSpatialdataSchema,
+  obsSpots: obsSpotsSpatialdataSchema,
+  // TODO: obsPoints
+  // TODO: obsLocations
+  obsSets: obsSetsSpatialdataSchema
+}).partial();
 z.object({
   obsLabelsTypes: z.array(z.string()).optional(),
   embeddingTypes: z.array(z.string()).optional()
@@ -12357,14 +12349,14 @@ var tinycolor = { exports: {} };
       r2 = bound01(r2, 255);
       g2 = bound01(g2, 255);
       b = bound01(b, 255);
-      var max = mathMax(r2, g2, b), min = mathMin(r2, g2, b);
-      var h, s2, l2 = (max + min) / 2;
-      if (max == min) {
+      var max2 = mathMax(r2, g2, b), min = mathMin(r2, g2, b);
+      var h, s2, l2 = (max2 + min) / 2;
+      if (max2 == min) {
         h = s2 = 0;
       } else {
-        var d = max - min;
-        s2 = l2 > 0.5 ? d / (2 - max - min) : d / (max + min);
-        switch (max) {
+        var d = max2 - min;
+        s2 = l2 > 0.5 ? d / (2 - max2 - min) : d / (max2 + min);
+        switch (max2) {
           case r2:
             h = (g2 - b) / d + (g2 < b ? 6 : 0);
             break;
@@ -12412,14 +12404,14 @@ var tinycolor = { exports: {} };
       r2 = bound01(r2, 255);
       g2 = bound01(g2, 255);
       b = bound01(b, 255);
-      var max = mathMax(r2, g2, b), min = mathMin(r2, g2, b);
-      var h, s2, v = max;
-      var d = max - min;
-      s2 = max === 0 ? 0 : d / max;
-      if (max == min) {
+      var max2 = mathMax(r2, g2, b), min = mathMin(r2, g2, b);
+      var h, s2, v = max2;
+      var d = max2 - min;
+      s2 = max2 === 0 ? 0 : d / max2;
+      if (max2 == min) {
         h = 0;
       } else {
-        switch (max) {
+        switch (max2) {
           case r2:
             h = (g2 - b) / d + (g2 < b ? 6 : 0);
             break;
@@ -12816,19 +12808,19 @@ var tinycolor = { exports: {} };
       }
       return a2;
     }
-    function bound01(n2, max) {
+    function bound01(n2, max2) {
       if (isOnePointZero(n2)) {
         n2 = "100%";
       }
       var processPercent = isPercentage(n2);
-      n2 = mathMin(max, mathMax(0, parseFloat(n2)));
+      n2 = mathMin(max2, mathMax(0, parseFloat(n2)));
       if (processPercent) {
-        n2 = parseInt(n2 * max, 10) / 100;
+        n2 = parseInt(n2 * max2, 10) / 100;
       }
-      if (Math2.abs(n2 - max) < 1e-6) {
+      if (Math2.abs(n2 - max2) < 1e-6) {
         return 1;
       }
-      return n2 % max / parseFloat(max);
+      return n2 % max2 / parseFloat(max2);
     }
     function clamp01(val) {
       return mathMin(1, mathMax(0, val));
@@ -14044,10 +14036,10 @@ var json2csv_umd = { exports: {} };
     };
     Buffer3.prototype.inspect = function inspect2() {
       var str = "";
-      var max = INSPECT_MAX_BYTES;
+      var max2 = INSPECT_MAX_BYTES;
       if (this.length > 0) {
-        str = this.toString("hex", 0, max).match(/.{2}/g).join(" ");
-        if (this.length > max)
+        str = this.toString("hex", 0, max2).match(/.{2}/g).join(" ");
+        if (this.length > max2)
           str += " ... ";
       }
       return "<Buffer " + str + ">";
@@ -14613,10 +14605,10 @@ var json2csv_umd = { exports: {} };
         checkOffset(offset5, 8, this.length);
       return read(this, offset5, false, 52, 8);
     };
-    function checkInt(buf, value, offset5, ext, max, min) {
+    function checkInt(buf, value, offset5, ext, max2, min) {
       if (!internalIsBuffer(buf))
         throw new TypeError('"buffer" argument must be a Buffer instance');
-      if (value > max || value < min)
+      if (value > max2 || value < min)
         throw new RangeError('"value" argument is out of bounds');
       if (offset5 + ext > buf.length)
         throw new RangeError("Index out of range");
@@ -14841,7 +14833,7 @@ var json2csv_umd = { exports: {} };
       }
       return offset5 + 4;
     };
-    function checkIEEE754(buf, value, offset5, ext, max, min) {
+    function checkIEEE754(buf, value, offset5, ext, max2, min) {
       if (offset5 + ext > buf.length)
         throw new RangeError("Index out of range");
       if (offset5 < 0)
@@ -18640,6 +18632,67 @@ var json2csv_umd = { exports: {} };
     Object.defineProperty(exports3, "__esModule", { value: true });
   });
 })(json2csv_umd, json2csv_umd.exports);
+const schemeRdBu = [[103, 0, 31], [178, 24, 43], [214, 96, 77], [244, 165, 130], [253, 219, 199], [247, 247, 247], [209, 229, 240], [146, 197, 222], [67, 147, 195], [33, 102, 172], [5, 48, 97]];
+const schemePlasma = [[13, 8, 135], [16, 7, 136], [19, 7, 137], [22, 7, 138], [25, 6, 140], [27, 6, 141], [29, 6, 142], [32, 6, 143], [34, 6, 144], [36, 6, 145], [38, 5, 145], [40, 5, 146], [42, 5, 147], [44, 5, 148], [46, 5, 149], [47, 5, 150], [49, 5, 151], [51, 5, 151], [53, 4, 152], [55, 4, 153], [56, 4, 154], [58, 4, 154], [60, 4, 155], [62, 4, 156], [63, 4, 156], [65, 4, 157], [67, 3, 158], [68, 3, 158], [70, 3, 159], [72, 3, 159], [73, 3, 160], [75, 3, 161], [76, 2, 161], [78, 2, 162], [80, 2, 162], [81, 2, 163], [83, 2, 163], [85, 2, 164], [86, 1, 164], [88, 1, 164], [89, 1, 165], [91, 1, 165], [92, 1, 166], [94, 1, 166], [96, 1, 166], [97, 0, 167], [99, 0, 167], [100, 0, 167], [102, 0, 167], [103, 0, 168], [105, 0, 168], [106, 0, 168], [108, 0, 168], [110, 0, 168], [111, 0, 168], [113, 0, 168], [114, 1, 168], [116, 1, 168], [117, 1, 168], [119, 1, 168], [120, 1, 168], [122, 2, 168], [123, 2, 168], [125, 3, 168], [126, 3, 168], [128, 4, 168], [129, 4, 167], [131, 5, 167], [132, 5, 167], [134, 6, 166], [135, 7, 166], [136, 8, 166], [138, 9, 165], [139, 10, 165], [141, 11, 165], [142, 12, 164], [143, 13, 164], [145, 14, 163], [146, 15, 163], [148, 16, 162], [149, 17, 161], [150, 19, 161], [152, 20, 160], [153, 21, 159], [154, 22, 159], [156, 23, 158], [157, 24, 157], [158, 25, 157], [160, 26, 156], [161, 27, 155], [162, 29, 154], [163, 30, 154], [165, 31, 153], [166, 32, 152], [167, 33, 151], [168, 34, 150], [170, 35, 149], [171, 36, 148], [172, 38, 148], [173, 39, 147], [174, 40, 146], [176, 41, 145], [177, 42, 144], [178, 43, 143], [179, 44, 142], [180, 46, 141], [181, 47, 140], [182, 48, 139], [183, 49, 138], [184, 50, 137], [186, 51, 136], [187, 52, 136], [188, 53, 135], [189, 55, 134], [190, 56, 133], [191, 57, 132], [192, 58, 131], [193, 59, 130], [194, 60, 129], [195, 61, 128], [196, 62, 127], [197, 64, 126], [198, 65, 125], [199, 66, 124], [200, 67, 123], [201, 68, 122], [202, 69, 122], [203, 70, 121], [204, 71, 120], [204, 73, 119], [205, 74, 118], [206, 75, 117], [207, 76, 116], [208, 77, 115], [209, 78, 114], [210, 79, 113], [211, 81, 113], [212, 82, 112], [213, 83, 111], [213, 84, 110], [214, 85, 109], [215, 86, 108], [216, 87, 107], [217, 88, 106], [218, 90, 106], [218, 91, 105], [219, 92, 104], [220, 93, 103], [221, 94, 102], [222, 95, 101], [222, 97, 100], [223, 98, 99], [224, 99, 99], [225, 100, 98], [226, 101, 97], [226, 102, 96], [227, 104, 95], [228, 105, 94], [229, 106, 93], [229, 107, 93], [230, 108, 92], [231, 110, 91], [231, 111, 90], [232, 112, 89], [233, 113, 88], [233, 114, 87], [234, 116, 87], [235, 117, 86], [235, 118, 85], [236, 119, 84], [237, 121, 83], [237, 122, 82], [238, 123, 81], [239, 124, 81], [239, 126, 80], [240, 127, 79], [240, 128, 78], [241, 129, 77], [241, 131, 76], [242, 132, 75], [243, 133, 75], [243, 135, 74], [244, 136, 73], [244, 137, 72], [245, 139, 71], [245, 140, 70], [246, 141, 69], [246, 143, 68], [247, 144, 68], [247, 145, 67], [247, 147, 66], [248, 148, 65], [248, 149, 64], [249, 151, 63], [249, 152, 62], [249, 154, 62], [250, 155, 61], [250, 156, 60], [250, 158, 59], [251, 159, 58], [251, 161, 57], [251, 162, 56], [252, 163, 56], [252, 165, 55], [252, 166, 54], [252, 168, 53], [252, 169, 52], [253, 171, 51], [253, 172, 51], [253, 174, 50], [253, 175, 49], [253, 177, 48], [253, 178, 47], [253, 180, 47], [253, 181, 46], [254, 183, 45], [254, 184, 44], [254, 186, 44], [254, 187, 43], [254, 189, 42], [254, 190, 42], [254, 192, 41], [253, 194, 41], [253, 195, 40], [253, 197, 39], [253, 198, 39], [253, 200, 39], [253, 202, 38], [253, 203, 38], [252, 205, 37], [252, 206, 37], [252, 208, 37], [252, 210, 37], [251, 211, 36], [251, 213, 36], [251, 215, 36], [250, 216, 36], [250, 218, 36], [249, 220, 36], [249, 221, 37], [248, 223, 37], [248, 225, 37], [247, 226, 37], [247, 228, 37], [246, 230, 38], [246, 232, 38], [245, 233, 38], [245, 235, 39], [244, 237, 39], [243, 238, 39], [243, 240, 39], [242, 242, 39], [241, 244, 38], [241, 245, 37], [240, 247, 36], [240, 249, 33]];
+function rgbSpline(spline) {
+  return (colors) => {
+    const n2 = colors.length;
+    const r2 = new Array(n2);
+    const g2 = new Array(n2);
+    const b = new Array(n2);
+    let i2;
+    let color2;
+    for (i2 = 0; i2 < n2; ++i2) {
+      color2 = [colors[i2][0], colors[i2][1], colors[i2][2]];
+      r2[i2] = color2[0] || 0;
+      g2[i2] = color2[1] || 0;
+      b[i2] = color2[2] || 0;
+    }
+    const rFunc = spline(r2);
+    const gFunc = spline(g2);
+    const bFunc = spline(b);
+    return (t2) => [rFunc(t2), gFunc(t2), bFunc(t2)];
+  };
+}
+function basis(values2) {
+  function innerBasis(t1, v0, v12, v2, v32) {
+    const t2 = t1 * t1;
+    const t3 = t2 * t1;
+    return ((1 - 3 * t1 + 3 * t2 - t3) * v0 + (4 - 6 * t2 + 3 * t3) * v12 + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2 + t3 * v32) / 6;
+  }
+  const n2 = values2.length - 1;
+  return (t2) => {
+    const i2 = t2 <= 0 ? t2 = 0 : t2 >= 1 ? (t2 = 1, n2 - 1) : Math.floor(t2 * n2);
+    const v12 = values2[i2];
+    const v2 = values2[i2 + 1];
+    const v0 = i2 > 0 ? values2[i2 - 1] : 2 * v12 - v2;
+    const v32 = i2 < n2 - 1 ? values2[i2 + 2] : 2 * v2 - v12;
+    return innerBasis((t2 - i2 / n2) * n2, v0, v12, v2, v32);
+  };
+}
+const interpolateRgbBasis = rgbSpline(basis);
+function interpolateSequentialMulti(range2) {
+  const n2 = range2.length;
+  return (t2) => range2[Math.max(0, Math.min(n2 - 1, Math.floor(t2 * n2)))];
+}
+interpolateRgbBasis(schemeRdBu);
+interpolateSequentialMulti(schemePlasma);
+function getCellColors(params) {
+  const { cellSets, cellSetSelection, cellSetColor, obsIndex, theme } = params;
+  if (cellSetSelection && cellSets) {
+    return treeToCellColorsBySetNames(
+      cellSets,
+      cellSetSelection,
+      cellSetColor,
+      theme
+      /* as string */
+    );
+  }
+  if (obsIndex && theme) {
+    return new Map(obsIndex.map((o2) => [o2, getDefaultColor(theme)]));
+  }
+  return /* @__PURE__ */ new Map();
+}
 function tree_add(d) {
   var x2 = +this._x.call(null, d), y2 = +this._y.call(null, d);
   return add$6(this.cover(x2, y2), x2, y2, d);
@@ -30017,8 +30070,8 @@ function acos$1(radians2, result) {
 function atan$1(radians2, result) {
   return map$1(radians2, (angle2) => Math.atan(angle2), result);
 }
-function clamp$3(value, min, max) {
-  return map$1(value, (value2) => Math.max(min, Math.min(max, value2)));
+function clamp$3(value, min, max2) {
+  return map$1(value, (value2) => Math.max(min, Math.min(max2, value2)));
 }
 function lerp$5(a2, b, t2) {
   if (isArray$1(a2)) {
@@ -30305,9 +30358,9 @@ class MathArray extends _extendableBuiltin(Array) {
   divideScalar(a2) {
     return this.multiplyByScalar(1 / a2);
   }
-  clampScalar(min, max) {
+  clampScalar(min, max2) {
     for (let i2 = 0; i2 < this.ELEMENTS; ++i2) {
-      this[i2] = Math.min(Math.max(this[i2], min), max);
+      this[i2] = Math.min(Math.max(this[i2], min), max2);
     }
     return this.check();
   }
@@ -36440,8 +36493,8 @@ function mod$1(value, divisor) {
 function lerp(start, end, step) {
   return step * end + (1 - step) * start;
 }
-function clamp$2(x2, min, max) {
-  return x2 < min ? min : x2 > max ? max : x2;
+function clamp$2(x2, min, max2) {
+  return x2 < min ? min : x2 > max2 ? max2 : x2;
 }
 function ieLog2(x2) {
   return Math.log(x2) * Math.LOG2E;
@@ -46162,17 +46215,17 @@ class DataColumn {
       const len2 = numInstances * size;
       if (value && len2 && value.length >= len2) {
         const min = new Array(size).fill(Infinity);
-        const max = new Array(size).fill(-Infinity);
+        const max2 = new Array(size).fill(-Infinity);
         for (let i2 = 0; i2 < len2; ) {
           for (let j = 0; j < size; j++) {
             const v = value[i2++];
             if (v < min[j])
               min[j] = v;
-            if (v > max[j])
-              max[j] = v;
+            if (v > max2[j])
+              max2[j] = v;
           }
         }
-        result = [min, max];
+        result = [min, max2];
       }
     }
     this.state.bounds = result;
@@ -72253,10 +72306,10 @@ class GroupNode extends ScenegraphNode {
       if (!bounds2) {
         return;
       }
-      const [min, max] = bounds2;
-      const center2 = new Vector3(min).add(max).divide([2, 2, 2]);
+      const [min, max2] = bounds2;
+      const center2 = new Vector3(min).add(max2).divide([2, 2, 2]);
       worldMatrix.transformAsPoint(center2, center2);
-      const halfSize = new Vector3(max).subtract(min).divide([2, 2, 2]);
+      const halfSize = new Vector3(max2).subtract(min).divide([2, 2, 2]);
       worldMatrix.transformAsVector(halfSize, halfSize);
       for (let v = 0; v < 8; v++) {
         const position = new Vector3(v & 1 ? -1 : 1, v & 2 ? -1 : 1, v & 4 ? -1 : 1).multiply(halfSize).add(center2);
@@ -81205,7 +81258,7 @@ class Tile {
     const { errors } = this;
     let numVertices = 0;
     let numTriangles = 0;
-    const max = size - 1;
+    const max2 = size - 1;
     indices.fill(0);
     function countElements(ax, ay, bx, by, cx, cy) {
       const mx = ax + bx >> 1;
@@ -81220,8 +81273,8 @@ class Tile {
         numTriangles++;
       }
     }
-    countElements(0, 0, max, max, max, 0);
-    countElements(max, max, 0, 0, 0, max);
+    countElements(0, 0, max2, max2, max2, 0);
+    countElements(max2, max2, 0, 0, 0, max2);
     const vertices = new Uint16Array(numVertices * 2);
     const triangles = new Uint32Array(numTriangles * 3);
     let triIndex = 0;
@@ -81246,8 +81299,8 @@ class Tile {
         triangles[triIndex++] = c2;
       }
     }
-    processTriangle(0, 0, max, max, max, 0);
-    processTriangle(max, max, 0, 0, 0, max);
+    processTriangle(0, 0, max2, max2, max2, 0);
+    processTriangle(max2, max2, 0, 0, 0, max2);
     return { vertices, triangles };
   }
 }
@@ -121261,16 +121314,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-2f6386b1.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-feb8dc70.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-e09dceaf.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-5ee876a5.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-59b4a15e.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-99ed3e4b.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-c190d867.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-ce83e5c1.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-0ef01b51.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-bf9fd2bf.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-143b7b76.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-11e46ecd.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-fd829a7c.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-9fafb50a.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -124819,9 +124872,9 @@ const buf2binstring = (buf, len2) => {
   }
   return result;
 };
-var buf2string = (buf, max) => {
+var buf2string = (buf, max2) => {
   let i2, out;
-  const len2 = max || buf.length;
+  const len2 = max2 || buf.length;
   const utf16buf = new Array(len2 * 2);
   for (out = 0, i2 = 0; i2 < len2; ) {
     let c2 = buf[i2++];
@@ -124854,22 +124907,22 @@ var buf2string = (buf, max) => {
   }
   return buf2binstring(utf16buf, out);
 };
-var utf8border = (buf, max) => {
-  max = max || buf.length;
-  if (max > buf.length) {
-    max = buf.length;
+var utf8border = (buf, max2) => {
+  max2 = max2 || buf.length;
+  if (max2 > buf.length) {
+    max2 = buf.length;
   }
-  let pos = max - 1;
+  let pos = max2 - 1;
   while (pos >= 0 && (buf[pos] & 192) === 128) {
     pos--;
   }
   if (pos < 0) {
-    return max;
+    return max2;
   }
   if (pos === 0) {
-    return max;
+    return max2;
   }
-  return pos + _utf8len[buf[pos]] > max ? pos : max;
+  return pos + _utf8len[buf[pos]] > max2 ? pos : max2;
 };
 var strings = {
   string2buf,
@@ -125419,7 +125472,7 @@ const inflate_table = (type, lens2, lens_index, codes, table, table_index, work,
   const bits = opts2.bits;
   let len2 = 0;
   let sym = 0;
-  let min = 0, max = 0;
+  let min = 0, max2 = 0;
   let root2 = 0;
   let curr = 0;
   let drop = 0;
@@ -125446,21 +125499,21 @@ const inflate_table = (type, lens2, lens_index, codes, table, table_index, work,
     count2[lens2[lens_index + sym]]++;
   }
   root2 = bits;
-  for (max = MAXBITS; max >= 1; max--) {
-    if (count2[max] !== 0) {
+  for (max2 = MAXBITS; max2 >= 1; max2--) {
+    if (count2[max2] !== 0) {
       break;
     }
   }
-  if (root2 > max) {
-    root2 = max;
+  if (root2 > max2) {
+    root2 = max2;
   }
-  if (max === 0) {
+  if (max2 === 0) {
     table[table_index++] = 1 << 24 | 64 << 16 | 0;
     table[table_index++] = 1 << 24 | 64 << 16 | 0;
     opts2.bits = 1;
     return 0;
   }
-  for (min = 1; min < max; min++) {
+  for (min = 1; min < max2; min++) {
     if (count2[min] !== 0) {
       break;
     }
@@ -125476,7 +125529,7 @@ const inflate_table = (type, lens2, lens_index, codes, table, table_index, work,
       return -1;
     }
   }
-  if (left2 > 0 && (type === CODES || max !== 1)) {
+  if (left2 > 0 && (type === CODES || max2 !== 1)) {
     return -1;
   }
   offs[1] = 0;
@@ -125545,7 +125598,7 @@ const inflate_table = (type, lens2, lens_index, codes, table, table_index, work,
     }
     sym++;
     if (--count2[len2] === 0) {
-      if (len2 === max) {
+      if (len2 === max2) {
         break;
       }
       len2 = lens2[lens_index + work[sym]];
@@ -125557,7 +125610,7 @@ const inflate_table = (type, lens2, lens_index, codes, table, table_index, work,
       next += min;
       curr = len2 - drop;
       left2 = 1 << curr;
-      while (curr + drop < max) {
+      while (curr + drop < max2) {
         left2 -= count2[curr + drop];
         if (left2 <= 0) {
           break;
@@ -132291,21 +132344,21 @@ void main() {
 }
 `;
 function normalize$1(arr) {
-  const [min, max] = extent$1(arr);
-  const ratio = 255 / (max - min);
+  const [min, max2] = extent$1(arr);
+  const ratio = 255 / (max2 - min);
   const data = new Uint8Array(arr.map((i2) => Math.floor((i2 - min) * ratio)));
   return data;
 }
-function multiSetsToTextureData(multiFeatureValues, setColorValues, channelIsSetColorMode, texSize) {
+function multiSetsToTextureData(multiFeatureValues, multiMatrixObsIndex, setColorValues, channelIsSetColorMode, texSize) {
   let totalValuesLength = 0;
   let totalColorsLength = 0;
   channelIsSetColorMode.forEach((isSetColorMode, channelIndex) => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c, _d;
     if (isSetColorMode) {
-      totalValuesLength += ((_b = (_a2 = setColorValues[channelIndex]) == null ? void 0 : _a2.obsIndex) == null ? void 0 : _b.length) || 0;
-      totalColorsLength += (((_d = (_c = setColorValues[channelIndex]) == null ? void 0 : _c.setColors) == null ? void 0 : _d.length) || 0) * 3;
+      totalColorsLength += (((_b = (_a2 = setColorValues[channelIndex]) == null ? void 0 : _a2.setColors) == null ? void 0 : _b.length) || 0) * 3;
+      totalValuesLength += ((_c = setColorValues[channelIndex]) == null ? void 0 : _c.obsIndex) ? max(setColorValues[channelIndex].obsIndex.map((d) => parseInt(d))) : 0;
     } else {
-      totalValuesLength += ((_e = multiFeatureValues[channelIndex]) == null ? void 0 : _e.length) || 0;
+      totalValuesLength += multiMatrixObsIndex[channelIndex] ? max(multiMatrixObsIndex[channelIndex].map((d) => parseInt(d))) : ((_d = multiFeatureValues[channelIndex]) == null ? void 0 : _d.length) || 0;
     }
   });
   const valueTexHeight = Math.max(2, Math.ceil(totalValuesLength / texSize));
@@ -132323,12 +132376,20 @@ function multiSetsToTextureData(multiFeatureValues, setColorValues, channelIsSet
   let indexOffset = 0;
   let colorOffset = 0;
   channelIsSetColorMode.forEach((isSetColorMode, channelIndex) => {
+    const matrixObsIndex = multiMatrixObsIndex[channelIndex];
+    const bitmaskValueIsIndex = matrixObsIndex === null;
     if (isSetColorMode) {
       const { setColorIndices, setColors, obsIndex } = setColorValues[channelIndex] || {};
       if (setColorIndices && setColors && obsIndex) {
         for (let i2 = 0; i2 < obsIndex.length; i2++) {
-          const colorIndex = setColorIndices.get(String(i2 + 1));
-          totalData[indexOffset + i2] = colorIndex === void 0 ? 0 : colorIndex + 1;
+          let obsId = String(i2 + 1);
+          let obsI = i2;
+          if (!bitmaskValueIsIndex) {
+            obsId = obsIndex[i2];
+            obsI = parseInt(obsId) - 1;
+          }
+          const colorIndex = setColorIndices.get(obsId);
+          totalData[indexOffset + obsI] = colorIndex === void 0 ? 0 : colorIndex + 1;
         }
         for (let i2 = 0; i2 < setColors.length; i2++) {
           const { color: [r2, g2, b] } = setColors[i2];
@@ -132343,7 +132404,16 @@ function multiSetsToTextureData(multiFeatureValues, setColorValues, channelIsSet
       colorOffset += (setColors == null ? void 0 : setColors.length) || 0;
     } else {
       const featureArr = multiFeatureValues[channelIndex];
-      totalData.set(normalize$1(featureArr), indexOffset);
+      const normalizedFeatureArr = normalize$1(featureArr);
+      if (!bitmaskValueIsIndex && matrixObsIndex) {
+        for (let i2 = 0; i2 < matrixObsIndex.length; i2++) {
+          const obsId = matrixObsIndex[i2];
+          const obsI = parseInt(obsId) - 1;
+          totalData[indexOffset + obsI] = normalizedFeatureArr[i2];
+        }
+      } else {
+        totalData.set(normalizedFeatureArr, indexOffset);
+      }
       indicesOffsets.push(indexOffset);
       indexOffset += featureArr.length;
       colorsOffsets.push(colorOffset);
@@ -132370,6 +132440,17 @@ function padWithDefault(arr, defaultValue2, padWidth) {
 function getColor(arr) {
   return arr ? arr.map((v) => v / 255) : [0, 0, 0];
 }
+function isEqualShallow(prevArr, nextArr) {
+  if (prevArr === nextArr) {
+    return true;
+  }
+  if (Array.isArray(prevArr) && Array.isArray(nextArr)) {
+    if (prevArr.length === nextArr.length) {
+      return !prevArr.some((v, i2) => v !== nextArr[i2] && (!Array.isArray(v) && !Array.isArray(nextArr[i2]) || (v.length > 0 || nextArr[i2].length > 0)));
+    }
+  }
+  return prevArr === nextArr;
+}
 const defaultProps$1 = {
   channelStrokeWidths: { type: "array", value: null, compare: true },
   channelsFilled: { type: "array", value: null, compare: true },
@@ -132379,6 +132460,7 @@ const defaultProps$1 = {
   colormap: { type: "string", value: GLSL_COLORMAP_DEFAULT, compare: true },
   expressionData: { type: "object", value: null, compare: true },
   multiFeatureValues: { type: "array", value: null, compare: true },
+  multiMatrixObsIndex: { type: "array", value: null, compare: true },
   setColorValues: { type: "array", value: null, compare: true },
   channelFeatureValueColormaps: { type: "array", value: null, compare: true },
   channelFeatureValueColormapRanges: { type: "array", value: null, compare: true },
@@ -132425,9 +132507,9 @@ class BitmaskLayer2 extends XRLayer {
   }
   updateState({ props: props2, oldProps, changeFlags }) {
     super.updateState({ props: props2, oldProps, changeFlags });
-    if (props2.multiFeatureValues !== oldProps.multiFeatureValues || props2.setColorValues !== oldProps.setColorValues || props2.channelIsSetColorMode !== oldProps.channelIsSetColorMode) {
-      const { multiFeatureValues, setColorValues, channelIsSetColorMode } = this.props;
-      const [valueTex, colorTex, valueTexOffsets, colorTexOffsets, valueTexHeight, colorTexHeight] = this.multiSetsToTexture(multiFeatureValues, setColorValues, channelIsSetColorMode);
+    if (!isEqualShallow(props2.multiFeatureValues, oldProps.multiFeatureValues) || !isEqualShallow(props2.multiMatrixObsIndex, oldProps.multiMatrixObsIndex) || !isEqualShallow(props2.setColorValues, oldProps.setColorValues) || !isEqualShallow(props2.channelIsSetColorMode, oldProps.channelIsSetColorMode)) {
+      const { multiFeatureValues, multiMatrixObsIndex, setColorValues, channelIsSetColorMode } = this.props;
+      const [valueTex, colorTex, valueTexOffsets, colorTexOffsets, valueTexHeight, colorTexHeight] = this.multiSetsToTexture(multiFeatureValues, multiMatrixObsIndex, setColorValues, channelIsSetColorMode);
       this.setState({
         valueTex,
         colorTex,
@@ -132579,9 +132661,9 @@ class BitmaskLayer2 extends XRLayer {
       type: GL$1.FLOAT
     });
   }
-  multiSetsToTexture(multiFeatureValues, setColorValues, channelIsSetColorMode) {
+  multiSetsToTexture(multiFeatureValues, multiMatrixObsIndex, setColorValues, channelIsSetColorMode) {
     const isWebGL2On = isWebGL2$1(this.context.gl);
-    const [totalData, valueTexHeight, indicesOffsets, totalColors, colorTexHeight, colorsOffsets] = multiSetsToTextureData(multiFeatureValues, setColorValues, channelIsSetColorMode, MULTI_FEATURE_TEX_SIZE);
+    const [totalData, valueTexHeight, indicesOffsets, totalColors, colorTexHeight, colorsOffsets] = multiSetsToTextureData(multiFeatureValues, multiMatrixObsIndex, setColorValues, channelIsSetColorMode, MULTI_FEATURE_TEX_SIZE);
     return [
       // Color indices texture
       new Texture2D(this.context.gl, {
@@ -133833,13 +133915,13 @@ var refType = PropTypes.oneOfType([PropTypes.func, PropTypes.object]);
 const refType$1 = refType;
 function clamp$1(value) {
   var min = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-  var max = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
+  var max2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
   {
-    if (value < min || value > max) {
-      console.error("Material-UI: The value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
+    if (value < min || value > max2) {
+      console.error("Material-UI: The value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max2, "]."));
     }
   }
-  return Math.min(Math.max(min, value), max);
+  return Math.min(Math.max(min, value), max2);
 }
 function hexToRgb(color2) {
   color2 = color2.substr(1);
@@ -141494,8 +141576,8 @@ const ValueLabel$1 = withStyles2(styles$4, {
 function asc(a2, b) {
   return a2 - b;
 }
-function clamp(value, min, max) {
-  return Math.min(Math.max(min, value), max);
+function clamp(value, min, max2) {
+  return Math.min(Math.max(min, value), max2);
 }
 function findClosest(values2, currentValue) {
   var _values$reduce = values2.reduce(function(acc, value, index2) {
@@ -141528,11 +141610,11 @@ function trackFinger(event, touchId) {
     y: event.clientY
   };
 }
-function valueToPercent(value, min, max) {
-  return (value - min) * 100 / (max - min);
+function valueToPercent(value, min, max2) {
+  return (value - min) * 100 / (max2 - min);
 }
-function percentToValue(percent2, min, max) {
-  return (max - min) * percent2 + min;
+function percentToValue(percent2, min, max2) {
+  return (max2 - min) * percent2 + min;
 }
 function getDecimalPrecision(num) {
   if (Math.abs(num) < 1) {
@@ -141820,7 +141902,7 @@ var styles$3 = function styles7(theme) {
   };
 };
 var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
-  var ariaLabel = props2["aria-label"], ariaLabelledby = props2["aria-labelledby"], ariaValuetext = props2["aria-valuetext"], classes = props2.classes, className = props2.className, _props$color = props2.color, color2 = _props$color === void 0 ? "primary" : _props$color, _props$component = props2.component, Component2 = _props$component === void 0 ? "span" : _props$component, defaultValue2 = props2.defaultValue, _props$disabled = props2.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, getAriaLabel = props2.getAriaLabel, getAriaValueText = props2.getAriaValueText, _props$marks = props2.marks, marksProp = _props$marks === void 0 ? false : _props$marks, _props$max = props2.max, max = _props$max === void 0 ? 100 : _props$max, _props$min = props2.min, min = _props$min === void 0 ? 0 : _props$min, name2 = props2.name, onChange = props2.onChange, onChangeCommitted = props2.onChangeCommitted, onMouseDown = props2.onMouseDown, _props$orientation = props2.orientation, orientation = _props$orientation === void 0 ? "horizontal" : _props$orientation, _props$scale = props2.scale, scale2 = _props$scale === void 0 ? Identity : _props$scale, _props$step = props2.step, step = _props$step === void 0 ? 1 : _props$step, _props$ThumbComponent = props2.ThumbComponent, ThumbComponent = _props$ThumbComponent === void 0 ? "span" : _props$ThumbComponent, _props$track = props2.track, track = _props$track === void 0 ? "normal" : _props$track, valueProp = props2.value, _props$ValueLabelComp = props2.ValueLabelComponent, ValueLabelComponent = _props$ValueLabelComp === void 0 ? ValueLabel$1 : _props$ValueLabelComp, _props$valueLabelDisp = props2.valueLabelDisplay, valueLabelDisplay = _props$valueLabelDisp === void 0 ? "off" : _props$valueLabelDisp, _props$valueLabelForm = props2.valueLabelFormat, valueLabelFormat = _props$valueLabelForm === void 0 ? Identity : _props$valueLabelForm, other = _objectWithoutProperties(props2, ["aria-label", "aria-labelledby", "aria-valuetext", "classes", "className", "color", "component", "defaultValue", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "onMouseDown", "orientation", "scale", "step", "ThumbComponent", "track", "value", "ValueLabelComponent", "valueLabelDisplay", "valueLabelFormat"]);
+  var ariaLabel = props2["aria-label"], ariaLabelledby = props2["aria-labelledby"], ariaValuetext = props2["aria-valuetext"], classes = props2.classes, className = props2.className, _props$color = props2.color, color2 = _props$color === void 0 ? "primary" : _props$color, _props$component = props2.component, Component2 = _props$component === void 0 ? "span" : _props$component, defaultValue2 = props2.defaultValue, _props$disabled = props2.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, getAriaLabel = props2.getAriaLabel, getAriaValueText = props2.getAriaValueText, _props$marks = props2.marks, marksProp = _props$marks === void 0 ? false : _props$marks, _props$max = props2.max, max2 = _props$max === void 0 ? 100 : _props$max, _props$min = props2.min, min = _props$min === void 0 ? 0 : _props$min, name2 = props2.name, onChange = props2.onChange, onChangeCommitted = props2.onChangeCommitted, onMouseDown = props2.onMouseDown, _props$orientation = props2.orientation, orientation = _props$orientation === void 0 ? "horizontal" : _props$orientation, _props$scale = props2.scale, scale2 = _props$scale === void 0 ? Identity : _props$scale, _props$step = props2.step, step = _props$step === void 0 ? 1 : _props$step, _props$ThumbComponent = props2.ThumbComponent, ThumbComponent = _props$ThumbComponent === void 0 ? "span" : _props$ThumbComponent, _props$track = props2.track, track = _props$track === void 0 ? "normal" : _props$track, valueProp = props2.value, _props$ValueLabelComp = props2.ValueLabelComponent, ValueLabelComponent = _props$ValueLabelComp === void 0 ? ValueLabel$1 : _props$ValueLabelComp, _props$valueLabelDisp = props2.valueLabelDisplay, valueLabelDisplay = _props$valueLabelDisp === void 0 ? "off" : _props$valueLabelDisp, _props$valueLabelForm = props2.valueLabelFormat, valueLabelFormat = _props$valueLabelForm === void 0 ? Identity : _props$valueLabelForm, other = _objectWithoutProperties(props2, ["aria-label", "aria-labelledby", "aria-valuetext", "classes", "className", "color", "component", "defaultValue", "disabled", "getAriaLabel", "getAriaValueText", "marks", "max", "min", "name", "onChange", "onChangeCommitted", "onMouseDown", "orientation", "scale", "step", "ThumbComponent", "track", "value", "ValueLabelComponent", "valueLabelDisplay", "valueLabelFormat"]);
   var theme = useTheme();
   var touchId = React.useRef();
   var _React$useState = React.useState(-1), active = _React$useState[0], setActive = _React$useState[1];
@@ -141833,9 +141915,9 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
   var range2 = Array.isArray(valueDerived);
   var values2 = range2 ? valueDerived.slice().sort(asc) : [valueDerived];
   values2 = values2.map(function(value) {
-    return clamp(value, min, max);
+    return clamp(value, min, max2);
   });
-  var marks = marksProp === true && step !== null ? _toConsumableArray$1(Array(Math.floor((max - min) / step) + 1)).map(function(_, index2) {
+  var marks = marksProp === true && step !== null ? _toConsumableArray$1(Array(Math.floor((max2 - min) / step) + 1)).map(function(_, index2) {
     return {
       value: min + step * index2
     };
@@ -141870,7 +141952,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
   var handleKeyDown2 = useEventCallback(function(event) {
     var index2 = Number(event.currentTarget.getAttribute("data-index"));
     var value = values2[index2];
-    var tenPercents = (max - min) / 10;
+    var tenPercents = (max2 - min) / 10;
     var marksValues = marks.map(function(mark) {
       return mark.value;
     });
@@ -141883,7 +141965,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
         newValue = min;
         break;
       case "End":
-        newValue = max;
+        newValue = max2;
         break;
       case "PageUp":
         if (step) {
@@ -141918,7 +142000,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
     if (step) {
       newValue = roundValueToStep(newValue, step, min);
     }
-    newValue = clamp(newValue, min, max);
+    newValue = clamp(newValue, min, max2);
     if (range2) {
       var previousValue = newValue;
       newValue = setValueIndex({
@@ -141960,7 +142042,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
       percent2 = 1 - percent2;
     }
     var newValue;
-    newValue = percentToValue(percent2, min, max);
+    newValue = percentToValue(percent2, min, max2);
     if (step) {
       newValue = roundValueToStep(newValue, step, min);
     } else {
@@ -141970,7 +142052,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
       var closestIndex = findClosest(marksValues, newValue);
       newValue = marksValues[closestIndex];
     }
-    newValue = clamp(newValue, min, max);
+    newValue = clamp(newValue, min, max2);
     var activeIndex = 0;
     if (range2) {
       if (!move) {
@@ -142099,8 +142181,8 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
     doc.addEventListener("mousemove", handleTouchMove);
     doc.addEventListener("mouseup", handleTouchEnd);
   });
-  var trackOffset = valueToPercent(range2 ? values2[0] : min, min, max);
-  var trackLeap = valueToPercent(values2[values2.length - 1], min, max) - trackOffset;
+  var trackOffset = valueToPercent(range2 ? values2[0] : min, min, max2);
+  var trackLeap = valueToPercent(values2[values2.length - 1], min, max2) - trackOffset;
   var trackStyle = _extends$1({}, axisProps[axis2].offset(trackOffset), axisProps[axis2].leap(trackLeap));
   return /* @__PURE__ */ React.createElement(Component2, _extends$1({
     ref: handleRef,
@@ -142118,7 +142200,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
     name: name2,
     type: "hidden"
   }), marks.map(function(mark, index2) {
-    var percent2 = valueToPercent(mark.value, min, max);
+    var percent2 = valueToPercent(mark.value, min, max2);
     var style = axisProps[axis2].offset(percent2);
     var markActive;
     if (track === false) {
@@ -142139,7 +142221,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
       className: clsx(classes.markLabel, markActive && classes.markLabelActive)
     }, mark.label) : null);
   }), values2.map(function(value, index2) {
-    var percent2 = valueToPercent(value, min, max);
+    var percent2 = valueToPercent(value, min, max2);
     var style = axisProps[axis2].offset(percent2);
     return /* @__PURE__ */ React.createElement(ValueLabelComponent, {
       key: index2,
@@ -142159,7 +142241,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
       "aria-label": getAriaLabel ? getAriaLabel(index2) : ariaLabel,
       "aria-labelledby": ariaLabelledby,
       "aria-orientation": orientation,
-      "aria-valuemax": scale2(max),
+      "aria-valuemax": scale2(max2),
       "aria-valuemin": scale2(min),
       "aria-valuenow": scale2(value),
       "aria-valuetext": getAriaValueText ? getAriaValueText(scale2(value), index2) : ariaValuetext,
@@ -144657,15 +144739,15 @@ function hslConvert(o2) {
   if (o2 instanceof Hsl)
     return o2;
   o2 = o2.rgb();
-  var r2 = o2.r / 255, g2 = o2.g / 255, b = o2.b / 255, min = Math.min(r2, g2, b), max = Math.max(r2, g2, b), h = NaN, s2 = max - min, l2 = (max + min) / 2;
+  var r2 = o2.r / 255, g2 = o2.g / 255, b = o2.b / 255, min = Math.min(r2, g2, b), max2 = Math.max(r2, g2, b), h = NaN, s2 = max2 - min, l2 = (max2 + min) / 2;
   if (s2) {
-    if (r2 === max)
+    if (r2 === max2)
       h = (g2 - b) / s2 + (g2 < b) * 6;
-    else if (g2 === max)
+    else if (g2 === max2)
       h = (b - r2) / s2 + 2;
     else
       h = (r2 - g2) / s2 + 4;
-    s2 /= l2 < 0.5 ? max + min : 2 - max - min;
+    s2 /= l2 < 0.5 ? max2 + min : 2 - max2 - min;
     h *= 60;
   } else {
     s2 = l2 > 0 && l2 < 1 ? 0 : h;
@@ -145213,9 +145295,9 @@ function precisionFixed(step) {
 function precisionPrefix(step, value) {
   return Math.max(0, Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3 - exponent(Math.abs(step)));
 }
-function precisionRound(step, max) {
-  step = Math.abs(step), max = Math.abs(max) - step;
-  return Math.max(0, exponent(max) - exponent(step)) + 1;
+function precisionRound(step, max2) {
+  step = Math.abs(step), max2 = Math.abs(max2) - step;
+  return Math.max(0, exponent(max2) - exponent(step)) + 1;
 }
 function tickFormat(start, stop, count2, specifier) {
   var step = tickStep(start, stop, count2), precision;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { E } from "./index-e7cfe3df.js";
+import { E } from "./index-82a0ed1f.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{jpeg-59b4a15e.js → jpeg-bf9fd2bf.js}

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

package/dist/{lerc-ce83e5c1.js → lerc-fd829a7c.js}

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

package/dist/{lzw-feb8dc70.js → lzw-5ee876a5.js}

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

package/dist/{packbits-c190d867.js → packbits-11e46ecd.js}

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

package/dist/{raw-2f6386b1.js → raw-e09dceaf.js}

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

package/dist/{webimage-0ef01b51.js → webimage-9fafb50a.js}

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

package/dist-tsc/EmbeddingScatterplotSubscriber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;GAYG;AACH;IAVyB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;gBA8WhB"}
+{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AAoCA;;;;;;;;;;;;GAYG;AACH;IAVyB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;gBA8WhB"}

package/dist-tsc/EmbeddingScatterplotSubscriber.js

@@ -3,8 +3,8 @@ import React, { useState, useEffect, useCallback, useMemo, } from 'react';
 import { extent } from 'd3-array';
 import { isEqual } from 'lodash-es';
 import { TitleInfo, useReady, useUrls, useDeckCanvasSize, useUint8FeatureSelection, useExpressionValueGetter, useGetObsInfo, useObsEmbeddingData, useObsSetsData, useFeatureSelection, useObsFeatureMatrixIndices, useFeatureLabelsData, useMultiObsLabels, useCoordination, useLoaders, useSetComponentHover, useSetComponentViewInfo, useInitialCoordination, } from '@vitessce/vit-s';
-import { setObsSelection, mergeObsSets, getCellSetPolygons } from '@vitessce/sets-utils';
-import { pluralize as plur, getCellColors, commaNumber } from '@vitessce/utils';
+import { setObsSelection, mergeObsSets, getCellSetPolygons, getCellColors, } from '@vitessce/sets-utils';
+import { pluralize as plur, commaNumber } from '@vitessce/utils';
 import { Scatterplot, ScatterplotTooltipSubscriber, ScatterplotOptions, getPointSizeDevicePixels, getPointOpacity, } from '@vitessce/scatterplot';
 import { Legend } from '@vitessce/legend';
 import { ViewType, COMPONENT_COORDINATION_TYPES } from '@vitessce/constants-internal';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-embedding",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,12 +20,12 @@
     "d3-array": "^2.4.0",
     "lodash-es": "^4.17.21",
     "react-aria": "^3.28.0",
-    "@vitessce/legend": "3.3.2",
-    "@vitessce/constants-internal": "3.3.2",
-    "@vitessce/scatterplot": "3.3.2",
-    "@vitessce/sets-utils": "3.3.2",
-    "@vitessce/utils": "3.3.2",
-    "@vitessce/vit-s": "3.3.2"
+    "@vitessce/scatterplot": "3.3.4",
+    "@vitessce/sets-utils": "3.3.4",
+    "@vitessce/utils": "3.3.4",
+    "@vitessce/vit-s": "3.3.4",
+    "@vitessce/legend": "3.3.4",
+    "@vitessce/constants-internal": "3.3.4"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/EmbeddingScatterplotSubscriber.js

@@ -22,8 +22,10 @@ import {
   useSetComponentViewInfo,
   useInitialCoordination,
 } from '@vitessce/vit-s';
-import { setObsSelection, mergeObsSets, getCellSetPolygons } from '@vitessce/sets-utils';
-import { pluralize as plur, getCellColors, commaNumber } from '@vitessce/utils';
+import {
+  setObsSelection, mergeObsSets, getCellSetPolygons, getCellColors,
+} from '@vitessce/sets-utils';
+import { pluralize as plur, commaNumber } from '@vitessce/utils';
 import {
   Scatterplot, ScatterplotTooltipSubscriber, ScatterplotOptions,
   getPointSizeDevicePixels,