@vitessce/heatmap 3.3.2 → 3.3.4

package/dist/{deflate-75a89dc6.js → deflate-05e3ee40.js}

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

package/dist/{index-b879347c.js → index-edc6cc12.js}

@@ -1371,6 +1371,55 @@ function copyUint8Array(arr) {
   newArr.set(arr);
   return newArr;
 }
+const defaultPoolSize = typeof navigator !== "undefined" ? navigator.hardwareConcurrency || 4 : 1;
+class Pool {
+  /**
+   * @constructor
+   * @param {object} Worker The worker class to be used for processing.
+   */
+  constructor(createWorker2) {
+    __publicField(this, "workers");
+    __publicField(this, "idleWorkers");
+    __publicField(this, "waitQueue");
+    this.workers = [];
+    this.idleWorkers = [];
+    this.waitQueue = [];
+    for (let i2 = 0; i2 < defaultPoolSize; ++i2) {
+      const w2 = createWorker2();
+      this.workers.push(w2);
+      this.idleWorkers.push(w2);
+    }
+  }
+  // eslint-disable-next-line class-methods-use-this
+  async process() {
+    throw new Error('Pool needs to implement "process" method');
+  }
+  async waitForWorker() {
+    const idleWorker = this.idleWorkers.pop();
+    if (idleWorker) {
+      return idleWorker;
+    }
+    const waiter = {};
+    const promise = new Promise((resolve) => {
+      waiter.resolve = resolve;
+    });
+    this.waitQueue.push(waiter);
+    return promise;
+  }
+  async finishTask(currentWorker) {
+    const waiter = this.waitQueue.pop();
+    if (waiter && waiter.resolve) {
+      waiter.resolve(currentWorker);
+    } else {
+      this.idleWorkers.push(currentWorker);
+    }
+  }
+  destroy() {
+    for (let i2 = 0; i2 < this.workers.length; ++i2) {
+      this.workers[i2].terminate();
+    }
+  }
+}
 let getRandomValues$1;
 const rnds8$1 = new Uint8Array(16);
 function rng$1() {
@@ -5474,14 +5523,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) => {
@@ -5696,20 +5745,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;
@@ -5717,11 +5766,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) => {
@@ -5879,14 +5928,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) => {
@@ -6014,14 +6063,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) => {
@@ -10380,7 +10429,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 {
@@ -10390,13 +10439,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;
@@ -10581,17 +10630,17 @@ var simplify = (versions, range2, options) => {
     set2.push([first, null]);
   }
   const ranges2 = [];
-  for (const [min, max] of set2) {
-    if (min === max) {
+  for (const [min, max2] of set2) {
+    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(" || ");
@@ -10885,7 +10934,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",
@@ -11369,7 +11420,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,
@@ -11387,6 +11440,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,
@@ -11703,30 +11759,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
@@ -11789,6 +11854,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()
@@ -12162,14 +12240,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;
@@ -12217,14 +12295,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;
@@ -12621,19 +12699,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));
@@ -13791,10 +13869,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 + ">";
@@ -14360,10 +14438,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");
@@ -14588,7 +14666,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)
@@ -18435,62 +18513,19 @@ interpolateSequentialMulti(schemePlasma);
 function getCellColors(params) {
   const { cellSets, cellSetSelection, cellSetColor, obsIndex, theme } = params;
   if (cellSetSelection && cellSets) {
-    return treeToCellColorsBySetNames(cellSets, cellSetSelection, cellSetColor, theme);
+    return treeToCellColorsBySetNames(
+      cellSets,
+      cellSetSelection,
+      cellSetColor,
+      theme
+      /* as string */
+    );
   }
   if (obsIndex && theme) {
     return new Map(obsIndex.map((o2) => [o2, getDefaultColor(theme)]));
   }
   return /* @__PURE__ */ new Map();
 }
-const defaultPoolSize = typeof navigator !== "undefined" ? navigator.hardwareConcurrency || 4 : 1;
-class Pool {
-  /**
-   * @constructor
-   * @param {object} Worker The worker class to be used for processing.
-   */
-  constructor(createWorker2) {
-    __publicField(this, "workers");
-    __publicField(this, "idleWorkers");
-    __publicField(this, "waitQueue");
-    this.workers = [];
-    this.idleWorkers = [];
-    this.waitQueue = [];
-    for (let i2 = 0; i2 < defaultPoolSize; ++i2) {
-      const w2 = createWorker2();
-      this.workers.push(w2);
-      this.idleWorkers.push(w2);
-    }
-  }
-  // eslint-disable-next-line class-methods-use-this
-  async process() {
-    throw new Error('Pool needs to implement "process" method');
-  }
-  async waitForWorker() {
-    const idleWorker = this.idleWorkers.pop();
-    if (idleWorker) {
-      return idleWorker;
-    }
-    const waiter = {};
-    const promise = new Promise((resolve) => {
-      waiter.resolve = resolve;
-    });
-    this.waitQueue.push(waiter);
-    return promise;
-  }
-  async finishTask(currentWorker) {
-    const waiter = this.waitQueue.pop();
-    if (waiter && waiter.resolve) {
-      waiter.resolve(currentWorker);
-    } else {
-      this.idleWorkers.push(currentWorker);
-    }
-  }
-  destroy() {
-    for (let i2 = 0; i2 < this.workers.length; ++i2) {
-      this.workers[i2].terminate();
-    }
-  }
-}
 function r$1(e3) {
   var t2, f2, n2 = "";
   if ("string" == typeof e3 || "number" == typeof e3)
@@ -19724,13 +19759,13 @@ var refType = PropTypes.oneOfType([PropTypes.func, PropTypes.object]);
 const refType$1 = refType;
 function clamp$3(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);
@@ -27398,8 +27433,8 @@ const ValueLabel$1 = withStyles2(styles$4, {
 function asc(a2, b) {
   return a2 - b;
 }
-function clamp$2(value, min, max) {
-  return Math.min(Math.max(min, value), max);
+function clamp$2(value, min, max2) {
+  return Math.min(Math.max(min, value), max2);
 }
 function findClosest(values2, currentValue) {
   var _values$reduce = values2.reduce(function(acc, value, index2) {
@@ -27432,11 +27467,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) {
@@ -27724,7 +27759,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];
@@ -27737,9 +27772,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$2(value, min, max);
+    return clamp$2(value, min, max2);
   });
-  var marks = marksProp === true && step !== null ? _toConsumableArray$j(Array(Math.floor((max - min) / step) + 1)).map(function(_, index2) {
+  var marks = marksProp === true && step !== null ? _toConsumableArray$j(Array(Math.floor((max2 - min) / step) + 1)).map(function(_, index2) {
     return {
       value: min + step * index2
     };
@@ -27774,7 +27809,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;
     });
@@ -27787,7 +27822,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
         newValue = min;
         break;
       case "End":
-        newValue = max;
+        newValue = max2;
         break;
       case "PageUp":
         if (step) {
@@ -27822,7 +27857,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
     if (step) {
       newValue = roundValueToStep(newValue, step, min);
     }
-    newValue = clamp$2(newValue, min, max);
+    newValue = clamp$2(newValue, min, max2);
     if (range2) {
       var previousValue = newValue;
       newValue = setValueIndex({
@@ -27864,7 +27899,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 {
@@ -27874,7 +27909,7 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref) {
       var closestIndex = findClosest(marksValues, newValue);
       newValue = marksValues[closestIndex];
     }
-    newValue = clamp$2(newValue, min, max);
+    newValue = clamp$2(newValue, min, max2);
     var activeIndex = 0;
     if (range2) {
       if (!move) {
@@ -28003,8 +28038,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,
@@ -28022,7 +28057,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 style2 = axisProps[axis2].offset(percent2);
     var markActive;
     if (track === false) {
@@ -28043,7 +28078,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 style2 = axisProps[axis2].offset(percent2);
     return /* @__PURE__ */ React.createElement(ValueLabelComponent, {
       key: index2,
@@ -28063,7 +28098,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,
@@ -29297,18 +29332,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;
         }
       }
     }
@@ -29318,17 +29353,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) {
@@ -29378,6 +29413,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;
+}
 function initRange(domain, range2) {
   switch (arguments.length) {
     case 0:
@@ -29683,15 +29736,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;
@@ -30239,9 +30292,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;
@@ -41395,8 +41448,8 @@ function acos$1(radians2, result) {
 function atan$1(radians2, result) {
   return map(radians2, (angle2) => Math.atan(angle2), result);
 }
-function clamp$1(value, min, max) {
-  return map(value, (value2) => Math.max(min, Math.min(max, value2)));
+function clamp$1(value, min, max2) {
+  return map(value, (value2) => Math.max(min, Math.min(max2, value2)));
 }
 function lerp$5(a2, b, t2) {
   if (isArray$1(a2)) {
@@ -41683,9 +41736,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();
   }
@@ -47818,8 +47871,8 @@ function mod$1(value, divisor) {
 function lerp(start, end, step) {
   return step * end + (1 - step) * start;
 }
-function clamp(x2, min, max) {
-  return x2 < min ? min : x2 > max ? max : x2;
+function clamp(x2, min, max2) {
+  return x2 < min ? min : x2 > max2 ? max2 : x2;
 }
 function ieLog2(x2) {
   return Math.log(x2) * Math.LOG2E;
@@ -57540,17 +57593,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;
@@ -83631,10 +83684,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);
@@ -92583,7 +92636,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;
@@ -92598,8 +92651,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;
@@ -92624,8 +92677,8 @@ class Tile {
         triangles[triIndex++] = c;
       }
     }
-    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 };
   }
 }
@@ -132610,16 +132663,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c) => registry$1.set(c, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-486d710b.js").then((m) => m.default));
-addDecoder(5, () => import("./lzw-4bad7337.js").then((m) => m.default));
+addDecoder([void 0, 1], () => import("./raw-1b039310.js").then((m) => m.default));
+addDecoder(5, () => import("./lzw-5206f32d.js").then((m) => m.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-f4efd5d2.js").then((m) => m.default));
-addDecoder([8, 32946], () => import("./deflate-75a89dc6.js").then((m) => m.default));
-addDecoder(32773, () => import("./packbits-2b4a014a.js").then((m) => m.default));
-addDecoder(34887, () => import("./lerc-24acd19a.js").then((m) => m.default));
-addDecoder(50001, () => import("./webimage-5effa8da.js").then((m) => m.default));
+addDecoder(7, () => import("./jpeg-a2f977d0.js").then((m) => m.default));
+addDecoder([8, 32946], () => import("./deflate-05e3ee40.js").then((m) => m.default));
+addDecoder(32773, () => import("./packbits-5812e06c.js").then((m) => m.default));
+addDecoder(34887, () => import("./lerc-0d65f0a5.js").then((m) => m.default));
+addDecoder(50001, () => import("./webimage-199d4de9.js").then((m) => m.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -136168,9 +136221,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 c = buf[i2++];
@@ -136203,22 +136256,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,
@@ -136768,7 +136821,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;
@@ -136795,21 +136848,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;
     }
@@ -136825,7 +136878,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;
@@ -136894,7 +136947,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]];
@@ -136906,7 +136959,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;
@@ -143640,21 +143693,21 @@ void main() {
 }
 `;
 function normalize(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));
@@ -143672,12 +143725,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];
@@ -143692,7 +143753,16 @@ function multiSetsToTextureData(multiFeatureValues, setColorValues, channelIsSet
       colorOffset += (setColors == null ? void 0 : setColors.length) || 0;
     } else {
       const featureArr = multiFeatureValues[channelIndex];
-      totalData.set(normalize(featureArr), indexOffset);
+      const normalizedFeatureArr = normalize(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);
@@ -143719,6 +143789,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 = {
   channelStrokeWidths: { type: "array", value: null, compare: true },
   channelsFilled: { type: "array", value: null, compare: true },
@@ -143728,6 +143809,7 @@ const defaultProps = {
   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 },
@@ -143774,9 +143856,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,
@@ -143928,9 +144010,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, {

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a, H } from "./index-b879347c.js";
+import { a, H } from "./index-edc6cc12.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{jpeg-f4efd5d2.js → jpeg-a2f977d0.js}

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

package/dist/{lerc-24acd19a.js → lerc-0d65f0a5.js}

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

package/dist/{lzw-4bad7337.js → lzw-5206f32d.js}

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

package/dist/{packbits-2b4a014a.js → packbits-5812e06c.js}

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

package/dist/{raw-486d710b.js → raw-1b039310.js}

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

package/dist/{webimage-5effa8da.js → webimage-199d4de9.js}

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

package/dist-tsc/HeatmapSubscriber.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useCallback, useMemo, } from 'react';
 import { TitleInfo, useDeckCanvasSize, useGetObsMembership, useGetObsInfo, useReady, useUrls, useObsSetsData, useObsFeatureMatrixData, useUint8ObsFeatureMatrix, useMultiObsLabels, useFeatureLabelsData, useCoordination, useLoaders, useSetComponentHover, useSetComponentViewInfo, } from '@vitessce/vit-s';
-import { pluralize as plur, capitalize, commaNumber, getCellColors } from '@vitessce/utils';
-import { mergeObsSets, findLongestCommonPath } from '@vitessce/sets-utils';
+import { pluralize as plur, capitalize, commaNumber } from '@vitessce/utils';
+import { mergeObsSets, findLongestCommonPath, getCellColors } from '@vitessce/sets-utils';
 import { COMPONENT_COORDINATION_TYPES, ViewType } from '@vitessce/constants-internal';
 import { Legend } from '@vitessce/legend';
 import Heatmap from './Heatmap.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/heatmap",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,14 +20,14 @@
     "lodash-es": "^4.17.21",
     "uuid": "^9.0.0",
     "react-aria": "^3.28.0",
-    "@vitessce/gl": "3.3.2",
-    "@vitessce/sets-utils": "3.3.2",
-    "@vitessce/legend": "3.3.2",
-    "@vitessce/tooltip": "3.3.2",
-    "@vitessce/vit-s": "3.3.2",
-    "@vitessce/utils": "3.3.2",
-    "@vitessce/workers": "3.3.2",
-    "@vitessce/constants-internal": "3.3.2"
+    "@vitessce/constants-internal": "3.3.4",
+    "@vitessce/gl": "3.3.4",
+    "@vitessce/legend": "3.3.4",
+    "@vitessce/tooltip": "3.3.4",
+    "@vitessce/sets-utils": "3.3.4",
+    "@vitessce/utils": "3.3.4",
+    "@vitessce/vit-s": "3.3.4",
+    "@vitessce/workers": "3.3.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",

package/src/HeatmapSubscriber.js

@@ -16,8 +16,8 @@ import {
   useCoordination, useLoaders,
   useSetComponentHover, useSetComponentViewInfo,
 } from '@vitessce/vit-s';
-import { pluralize as plur, capitalize, commaNumber, getCellColors } from '@vitessce/utils';
-import { mergeObsSets, findLongestCommonPath } from '@vitessce/sets-utils';
+import { pluralize as plur, capitalize, commaNumber } from '@vitessce/utils';
+import { mergeObsSets, findLongestCommonPath, getCellColors } from '@vitessce/sets-utils';
 import { COMPONENT_COORDINATION_TYPES, ViewType } from '@vitessce/constants-internal';
 import { Legend } from '@vitessce/legend';
 import Heatmap from './Heatmap.js';