@vitessce/scatterplot-embedding 3.5.5 → 3.5.7

package/dist/{deflate-5287db37.js → deflate-7ff395f6.js}

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

package/dist/{index-e8cfd624.js → index-6931089e.js}

@@ -4369,6 +4369,258 @@ function getNextScope(prevScopes) {
   } while (prevScopes.includes(nextScope));
   return nextScope;
 }
+var loglevel = { exports: {} };
+(function(module2) {
+  (function(root2, definition) {
+    if (module2.exports) {
+      module2.exports = definition();
+    } else {
+      root2.log = definition();
+    }
+  })(commonjsGlobal, function() {
+    var noop2 = function() {
+    };
+    var undefinedType2 = "undefined";
+    var isIE2 = typeof window !== undefinedType2 && typeof window.navigator !== undefinedType2 && /Trident\/|MSIE /.test(window.navigator.userAgent);
+    var logMethods = [
+      "trace",
+      "debug",
+      "info",
+      "warn",
+      "error"
+    ];
+    var _loggersByName = {};
+    var defaultLogger = null;
+    function bindMethod(obj, methodName) {
+      var method = obj[methodName];
+      if (typeof method.bind === "function") {
+        return method.bind(obj);
+      } else {
+        try {
+          return Function.prototype.bind.call(method, obj);
+        } catch (e3) {
+          return function() {
+            return Function.prototype.apply.apply(method, [obj, arguments]);
+          };
+        }
+      }
+    }
+    function traceForIE() {
+      if (console.log) {
+        if (console.log.apply) {
+          console.log.apply(console, arguments);
+        } else {
+          Function.prototype.apply.apply(console.log, [console, arguments]);
+        }
+      }
+      if (console.trace)
+        console.trace();
+    }
+    function realMethod(methodName) {
+      if (methodName === "debug") {
+        methodName = "log";
+      }
+      if (typeof console === undefinedType2) {
+        return false;
+      } else if (methodName === "trace" && isIE2) {
+        return traceForIE;
+      } else if (console[methodName] !== void 0) {
+        return bindMethod(console, methodName);
+      } else if (console.log !== void 0) {
+        return bindMethod(console, "log");
+      } else {
+        return noop2;
+      }
+    }
+    function replaceLoggingMethods() {
+      var level = this.getLevel();
+      for (var i2 = 0; i2 < logMethods.length; i2++) {
+        var methodName = logMethods[i2];
+        this[methodName] = i2 < level ? noop2 : this.methodFactory(methodName, level, this.name);
+      }
+      this.log = this.debug;
+      if (typeof console === undefinedType2 && level < this.levels.SILENT) {
+        return "No console available for logging";
+      }
+    }
+    function enableLoggingWhenConsoleArrives(methodName) {
+      return function() {
+        if (typeof console !== undefinedType2) {
+          replaceLoggingMethods.call(this);
+          this[methodName].apply(this, arguments);
+        }
+      };
+    }
+    function defaultMethodFactory(methodName, _level, _loggerName) {
+      return realMethod(methodName) || enableLoggingWhenConsoleArrives.apply(this, arguments);
+    }
+    function Logger(name2, factory) {
+      var self2 = this;
+      var inheritedLevel;
+      var defaultLevel;
+      var userLevel;
+      var storageKey = "loglevel";
+      if (typeof name2 === "string") {
+        storageKey += ":" + name2;
+      } else if (typeof name2 === "symbol") {
+        storageKey = void 0;
+      }
+      function persistLevelIfPossible(levelNum) {
+        var levelName = (logMethods[levelNum] || "silent").toUpperCase();
+        if (typeof window === undefinedType2 || !storageKey)
+          return;
+        try {
+          window.localStorage[storageKey] = levelName;
+          return;
+        } catch (ignore) {
+        }
+        try {
+          window.document.cookie = encodeURIComponent(storageKey) + "=" + levelName + ";";
+        } catch (ignore) {
+        }
+      }
+      function getPersistedLevel() {
+        var storedLevel;
+        if (typeof window === undefinedType2 || !storageKey)
+          return;
+        try {
+          storedLevel = window.localStorage[storageKey];
+        } catch (ignore) {
+        }
+        if (typeof storedLevel === undefinedType2) {
+          try {
+            var cookie = window.document.cookie;
+            var cookieName = encodeURIComponent(storageKey);
+            var location = cookie.indexOf(cookieName + "=");
+            if (location !== -1) {
+              storedLevel = /^([^;]+)/.exec(
+                cookie.slice(location + cookieName.length + 1)
+              )[1];
+            }
+          } catch (ignore) {
+          }
+        }
+        if (self2.levels[storedLevel] === void 0) {
+          storedLevel = void 0;
+        }
+        return storedLevel;
+      }
+      function clearPersistedLevel() {
+        if (typeof window === undefinedType2 || !storageKey)
+          return;
+        try {
+          window.localStorage.removeItem(storageKey);
+        } catch (ignore) {
+        }
+        try {
+          window.document.cookie = encodeURIComponent(storageKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+        } catch (ignore) {
+        }
+      }
+      function normalizeLevel(input) {
+        var level = input;
+        if (typeof level === "string" && self2.levels[level.toUpperCase()] !== void 0) {
+          level = self2.levels[level.toUpperCase()];
+        }
+        if (typeof level === "number" && level >= 0 && level <= self2.levels.SILENT) {
+          return level;
+        } else {
+          throw new TypeError("log.setLevel() called with invalid level: " + input);
+        }
+      }
+      self2.name = name2;
+      self2.levels = {
+        "TRACE": 0,
+        "DEBUG": 1,
+        "INFO": 2,
+        "WARN": 3,
+        "ERROR": 4,
+        "SILENT": 5
+      };
+      self2.methodFactory = factory || defaultMethodFactory;
+      self2.getLevel = function() {
+        if (userLevel != null) {
+          return userLevel;
+        } else if (defaultLevel != null) {
+          return defaultLevel;
+        } else {
+          return inheritedLevel;
+        }
+      };
+      self2.setLevel = function(level, persist) {
+        userLevel = normalizeLevel(level);
+        if (persist !== false) {
+          persistLevelIfPossible(userLevel);
+        }
+        return replaceLoggingMethods.call(self2);
+      };
+      self2.setDefaultLevel = function(level) {
+        defaultLevel = normalizeLevel(level);
+        if (!getPersistedLevel()) {
+          self2.setLevel(level, false);
+        }
+      };
+      self2.resetLevel = function() {
+        userLevel = null;
+        clearPersistedLevel();
+        replaceLoggingMethods.call(self2);
+      };
+      self2.enableAll = function(persist) {
+        self2.setLevel(self2.levels.TRACE, persist);
+      };
+      self2.disableAll = function(persist) {
+        self2.setLevel(self2.levels.SILENT, persist);
+      };
+      self2.rebuild = function() {
+        if (defaultLogger !== self2) {
+          inheritedLevel = normalizeLevel(defaultLogger.getLevel());
+        }
+        replaceLoggingMethods.call(self2);
+        if (defaultLogger === self2) {
+          for (var childName in _loggersByName) {
+            _loggersByName[childName].rebuild();
+          }
+        }
+      };
+      inheritedLevel = normalizeLevel(
+        defaultLogger ? defaultLogger.getLevel() : "WARN"
+      );
+      var initialLevel = getPersistedLevel();
+      if (initialLevel != null) {
+        userLevel = normalizeLevel(initialLevel);
+      }
+      replaceLoggingMethods.call(self2);
+    }
+    defaultLogger = new Logger();
+    defaultLogger.getLogger = function getLogger(name2) {
+      if (typeof name2 !== "symbol" && typeof name2 !== "string" || name2 === "") {
+        throw new TypeError("You must supply a name when creating a logger.");
+      }
+      var logger = _loggersByName[name2];
+      if (!logger) {
+        logger = _loggersByName[name2] = new Logger(
+          name2,
+          defaultLogger.methodFactory
+        );
+      }
+      return logger;
+    };
+    var _log = typeof window !== undefinedType2 ? window.log : void 0;
+    defaultLogger.noConflict = function() {
+      if (typeof window !== undefinedType2 && window.log === defaultLogger) {
+        window.log = _log;
+      }
+      return defaultLogger;
+    };
+    defaultLogger.getLoggers = function getLoggers2() {
+      return _loggersByName;
+    };
+    defaultLogger["default"] = defaultLogger;
+    return defaultLogger;
+  });
+})(loglevel);
+var loglevelExports = loglevel.exports;
+const log$5 = /* @__PURE__ */ getDefaultExportFromCjs(loglevelExports);
 const DEFAULT_DARK_COLOR = [50, 50, 50];
 const DEFAULT_LIGHT_COLOR$3 = [200, 200, 200];
 const DEFAULT_LIGHT2_COLOR = [235, 235, 235];
@@ -8783,7 +9035,7 @@ function upgradeFrom1_0_14(config2) {
     Object.entries(propAnalogies).forEach(([oldProp, newType]) => {
       var _a2;
       if ((_a2 = viewDef.props) == null ? void 0 : _a2[oldProp]) {
-        console.warn(`Warning: the '${oldProp}' prop on the ${viewDef.component} view is deprecated. Please use the '${newType}' coordination type instead.`);
+        log$5.warn(`Warning: the '${oldProp}' prop on the ${viewDef.component} view is deprecated. Please use the '${newType}' coordination type instead.`);
       }
     });
   });
@@ -8806,7 +9058,7 @@ function upgradeFrom1_0_15(config2) {
       Object.entries(coordinationScopes).forEach(([coordinationType, coordinationScope]) => {
         if (!Array.isArray(coordinationScope) && typeof coordinationScope === "object") {
           if (coordinationType === "dataset") {
-            console.error("Expected coordinationScopes.dataset value to be either string or string[], but got object.");
+            log$5.error("Expected coordinationScopes.dataset value to be either string or string[], but got object.");
           }
           coordinationScopesBy.dataset[coordinationType] = coordinationScope;
         } else if (Array.isArray(coordinationScope) || typeof coordinationScope === "string") {
@@ -11018,7 +11270,9 @@ const ViewType$1 = {
   DOT_PLOT: "dotPlot",
   FEATURE_BAR_PLOT: "featureBarPlot",
   BIOMARKER_SELECT: "biomarkerSelect",
-  LINK_CONTROLLER: "linkController"
+  LINK_CONTROLLER: "linkController",
+  DUAL_SCATTERPLOT: "dualScatterplot",
+  TREEMAP: "treemap"
 };
 const DataType$2 = {
   OBS_LABELS: "obsLabels",
@@ -11072,6 +11326,7 @@ const FileType$1 = {
   OBS_LABELS_ANNDATA_ZARR: "obsLabels.anndata.zarr",
   FEATURE_LABELS_ANNDATA_ZARR: "featureLabels.anndata.zarr",
   SAMPLE_EDGES_ANNDATA_ZARR: "sampleEdges.anndata.zarr",
+  SAMPLE_SETS_ANNDATA_ZARR: "sampleSets.anndata.zarr",
   // AnnData - zipped
   OBS_FEATURE_MATRIX_ANNDATA_ZARR_ZIP: "obsFeatureMatrix.anndata.zarr.zip",
   OBS_FEATURE_COLUMNS_ANNDATA_ZARR_ZIP: "obsFeatureColumns.anndata.zarr.zip",
@@ -11084,6 +11339,7 @@ const FileType$1 = {
   OBS_LABELS_ANNDATA_ZARR_ZIP: "obsLabels.anndata.zarr.zip",
   FEATURE_LABELS_ANNDATA_ZARR_ZIP: "featureLabels.anndata.zarr.zip",
   SAMPLE_EDGES_ANNDATA_ZARR_ZIP: "sampleEdges.anndata.zarr.zip",
+  SAMPLE_SETS_ANNDATA_ZARR_ZIP: "sampleSets.anndata.zarr.zip",
   // AnnData - h5ad via reference spec
   OBS_FEATURE_MATRIX_ANNDATA_H5AD: "obsFeatureMatrix.anndata.h5ad",
   OBS_FEATURE_COLUMNS_ANNDATA_H5AD: "obsFeatureColumns.anndata.h5ad",
@@ -11096,6 +11352,7 @@ const FileType$1 = {
   OBS_LABELS_ANNDATA_H5AD: "obsLabels.anndata.h5ad",
   FEATURE_LABELS_ANNDATA_H5AD: "featureLabels.anndata.h5ad",
   SAMPLE_EDGES_ANNDATA_H5AD: "sampleEdges.anndata.h5ad",
+  SAMPLE_SETS_ANNDATA_H5AD: "sampleSets.anndata.h5ad",
   // SpatialData
   IMAGE_SPATIALDATA_ZARR: "image.spatialdata.zarr",
   LABELS_SPATIALDATA_ZARR: "labels.spatialdata.zarr",
@@ -11197,15 +11454,23 @@ const CoordinationType$1 = {
   HEATMAP_ZOOM_Y: "heatmapZoomY",
   HEATMAP_TARGET_X: "heatmapTargetX",
   HEATMAP_TARGET_Y: "heatmapTargetY",
-  OBS_FILTER: "obsFilter",
   OBS_HIGHLIGHT: "obsHighlight",
+  OBS_SELECTION: "obsSelection",
   OBS_SET_SELECTION: "obsSetSelection",
+  OBS_SELECTION_MODE: "obsSelectionMode",
+  OBS_FILTER: "obsFilter",
+  OBS_SET_FILTER: "obsSetFilter",
+  OBS_FILTER_MODE: "obsFilterMode",
   OBS_SET_HIGHLIGHT: "obsSetHighlight",
   OBS_SET_EXPANSION: "obsSetExpansion",
   OBS_SET_COLOR: "obsSetColor",
-  FEATURE_FILTER: "featureFilter",
   FEATURE_HIGHLIGHT: "featureHighlight",
   FEATURE_SELECTION: "featureSelection",
+  FEATURE_SET_SELECTION: "featureSetSelection",
+  FEATURE_SELECTION_MODE: "featureSelectionMode",
+  FEATURE_FILTER: "featureFilter",
+  FEATURE_SET_FILTER: "featureSetFilter",
+  FEATURE_FILTER_MODE: "featureFilterMode",
   FEATURE_VALUE_COLORMAP: "featureValueColormap",
   FEATURE_VALUE_TRANSFORM: "featureValueTransform",
   FEATURE_VALUE_COLORMAP_RANGE: "featureValueColormapRange",
@@ -11272,14 +11537,22 @@ const CoordinationType$1 = {
   SPATIAL_CHANNEL_LABEL_SIZE: "spatialChannelLabelSize",
   // Multi-sample / comparative
   SAMPLE_TYPE: "sampleType",
+  SAMPLE_SELECTION: "sampleSelection",
   SAMPLE_SET_SELECTION: "sampleSetSelection",
+  SAMPLE_SELECTION_MODE: "sampleSelectionMode",
+  SAMPLE_FILTER: "sampleFilter",
+  SAMPLE_SET_FILTER: "sampleSetFilter",
+  SAMPLE_FILTER_MODE: "sampleFilterMode",
   SAMPLE_SET_COLOR: "sampleSetColor",
+  SAMPLE_HIGHLIGHT: "sampleHighlight",
   EMBEDDING_POINTS_VISIBLE: "embeddingPointsVisible",
   EMBEDDING_CONTOURS_VISIBLE: "embeddingContoursVisible",
   EMBEDDING_CONTOURS_FILLED: "embeddingContoursFilled",
   EMBEDDING_CONTOUR_PERCENTILES: "embeddingContourPercentiles",
   CONTOUR_COLOR_ENCODING: "contourColorEncoding",
-  CONTOUR_COLOR: "contourColor"
+  CONTOUR_COLOR: "contourColor",
+  // Treemap
+  HIERARCHY_LEVELS: "hierarchyLevels"
 };
 const ViewHelpMapping = {
   SCATTERPLOT: "The scatterplot displays two-dimensional (pre-computed) dimensionality reduction results (such as from t-SNE or UMAP). Each point on the scatterplot represents an observation (e.g., cell).",
@@ -11296,7 +11569,8 @@ const ViewHelpMapping = {
   OBS_SET_FEATURE_VALUE_DISTRIBUTION: "The observation set feature value distribution view displays a violin plot with values (e.g., expression values) per set (e.g., cell type) for the selected feature (e.g., gene).",
   FEATURE_VALUE_HISTOGRAM: "The feature value histogram displays the distribution of values (e.g., expression) for the selected feature (e.g., gene).",
   DOT_PLOT: "The dot plot displays summary information about expression of the selected features (e.g., genes) for each selected observation set (e.g., cell type).",
-  FEATURE_BAR_PLOT: "The feature bar plot displays one bar per observation (e.g., cell) along the x-axis, where the value of a selected feature (e.g., gene) is encoded along the y-axis."
+  FEATURE_BAR_PLOT: "The feature bar plot displays one bar per observation (e.g., cell) along the x-axis, where the value of a selected feature (e.g., gene) is encoded along the y-axis.",
+  TREEMAP: "The treemap provides an overview of the current state of sample-level or cell-level selection and filtering."
 };
 const COMPONENT_COORDINATION_TYPES = {
   [ViewType$1.SCATTERPLOT]: [
@@ -11321,6 +11595,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_HIGHLIGHT,
@@ -11332,6 +11607,50 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.TOOLTIPS_VISIBLE,
     CoordinationType$1.SAMPLE_TYPE,
     CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
+    CoordinationType$1.SAMPLE_SET_COLOR,
+    CoordinationType$1.EMBEDDING_POINTS_VISIBLE,
+    CoordinationType$1.EMBEDDING_CONTOURS_VISIBLE,
+    CoordinationType$1.EMBEDDING_CONTOURS_FILLED,
+    CoordinationType$1.EMBEDDING_CONTOUR_PERCENTILES,
+    CoordinationType$1.CONTOUR_COLOR_ENCODING,
+    CoordinationType$1.CONTOUR_COLOR
+  ],
+  [ViewType$1.DUAL_SCATTERPLOT]: [
+    CoordinationType$1.DATASET,
+    CoordinationType$1.OBS_TYPE,
+    CoordinationType$1.FEATURE_TYPE,
+    CoordinationType$1.FEATURE_VALUE_TYPE,
+    CoordinationType$1.OBS_LABELS_TYPE,
+    CoordinationType$1.EMBEDDING_TYPE,
+    CoordinationType$1.EMBEDDING_ZOOM,
+    CoordinationType$1.EMBEDDING_ROTATION,
+    CoordinationType$1.EMBEDDING_TARGET_X,
+    CoordinationType$1.EMBEDDING_TARGET_Y,
+    CoordinationType$1.EMBEDDING_TARGET_Z,
+    CoordinationType$1.EMBEDDING_OBS_SET_POLYGONS_VISIBLE,
+    CoordinationType$1.EMBEDDING_OBS_SET_LABELS_VISIBLE,
+    CoordinationType$1.EMBEDDING_OBS_SET_LABEL_SIZE,
+    CoordinationType$1.EMBEDDING_OBS_RADIUS,
+    CoordinationType$1.EMBEDDING_OBS_RADIUS_MODE,
+    CoordinationType$1.EMBEDDING_OBS_OPACITY,
+    CoordinationType$1.EMBEDDING_OBS_OPACITY_MODE,
+    CoordinationType$1.OBS_FILTER,
+    CoordinationType$1.OBS_HIGHLIGHT,
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
+    CoordinationType$1.OBS_SET_HIGHLIGHT,
+    CoordinationType$1.OBS_SET_COLOR,
+    CoordinationType$1.FEATURE_HIGHLIGHT,
+    CoordinationType$1.FEATURE_SELECTION,
+    CoordinationType$1.FEATURE_VALUE_COLORMAP,
+    CoordinationType$1.FEATURE_VALUE_COLORMAP_RANGE,
+    CoordinationType$1.OBS_COLOR_ENCODING,
+    CoordinationType$1.ADDITIONAL_OBS_SETS,
+    CoordinationType$1.TOOLTIPS_VISIBLE,
+    CoordinationType$1.SAMPLE_TYPE,
+    CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
     CoordinationType$1.SAMPLE_SET_COLOR,
     CoordinationType$1.EMBEDDING_POINTS_VISIBLE,
     CoordinationType$1.EMBEDDING_CONTOURS_VISIBLE,
@@ -11398,6 +11717,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_HIGHLIGHT,
@@ -11434,6 +11754,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_HIGHLIGHT,
@@ -11493,6 +11814,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_FILTER,
     CoordinationType$1.OBS_HIGHLIGHT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.FEATURE_FILTER,
@@ -11508,6 +11830,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.DATASET,
     CoordinationType$1.OBS_TYPE,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_EXPANSION,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
@@ -11519,6 +11842,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.DATASET,
     CoordinationType$1.OBS_TYPE,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_EXPANSION,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
@@ -11551,6 +11875,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.FEATURE_VALUE_TRANSFORM,
     CoordinationType$1.FEATURE_VALUE_TRANSFORM_COEFFICIENT,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.ADDITIONAL_OBS_SETS,
@@ -11567,7 +11892,8 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.OBS_COLOR_ENCODING,
-    CoordinationType$1.OBS_SET_SELECTION
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER
   ],
   [ViewType$1.LAYER_CONTROLLER]: [
     CoordinationType$1.DATASET,
@@ -11682,11 +12008,13 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.FEATURE_VALUE_POSITIVITY_THRESHOLD,
     CoordinationType$1.FEATURE_VALUE_COLORMAP,
     CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.SAMPLE_TYPE,
     CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
     CoordinationType$1.SAMPLE_SET_COLOR
   ],
   higlass: [
@@ -11717,8 +12045,37 @@ const COMPONENT_COORDINATION_TYPES = {
   [ViewType$1.LINK_CONTROLLER]: [],
   [ViewType$1.BIOMARKER_SELECT]: [
     CoordinationType$1.FEATURE_SELECTION,
-    CoordinationType$1.SAMPLE_SET_SELECTION
+    CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER
     // TODO: create coordination types for internal state of the biomarker selection view?
+  ],
+  [ViewType$1.TREEMAP]: [
+    CoordinationType$1.DATASET,
+    CoordinationType$1.OBS_TYPE,
+    CoordinationType$1.FEATURE_TYPE,
+    CoordinationType$1.FEATURE_VALUE_TYPE,
+    CoordinationType$1.OBS_FILTER,
+    CoordinationType$1.OBS_HIGHLIGHT,
+    CoordinationType$1.OBS_SET_SELECTION,
+    CoordinationType$1.OBS_SET_FILTER,
+    CoordinationType$1.OBS_SELECTION,
+    CoordinationType$1.OBS_SELECTION_MODE,
+    CoordinationType$1.OBS_SET_HIGHLIGHT,
+    CoordinationType$1.OBS_SET_COLOR,
+    CoordinationType$1.OBS_COLOR_ENCODING,
+    CoordinationType$1.ADDITIONAL_OBS_SETS,
+    CoordinationType$1.SAMPLE_TYPE,
+    CoordinationType$1.SAMPLE_SET_SELECTION,
+    CoordinationType$1.SAMPLE_SET_FILTER,
+    CoordinationType$1.SAMPLE_SET_COLOR,
+    CoordinationType$1.SAMPLE_SELECTION,
+    CoordinationType$1.SAMPLE_SELECTION_MODE,
+    CoordinationType$1.SAMPLE_FILTER,
+    CoordinationType$1.SAMPLE_FILTER_MODE,
+    CoordinationType$1.SAMPLE_HIGHLIGHT,
+    CoordinationType$1.HIERARCHY_LEVELS
   ]
 };
 const ViewType = {
@@ -11887,7 +12244,7 @@ function makeConstantWithDeprecationMessage(currObj, oldObj) {
       const oldKeys = Object.keys(oldObj);
       const propKey = String(prop);
       if (oldKeys.includes(propKey)) {
-        console.warn(`Notice about the constant mapping ${propKey}: '${oldObj[propKey][0]}':
+        log$5.warn(`Notice about the constant mapping ${propKey}: '${oldObj[propKey][0]}':
 ${oldObj[propKey][1]}`);
         return oldObj[propKey];
       }
@@ -11985,6 +12342,9 @@ const annDataObsSetsArr = z.array(z.object({
 z.object({
   obsSets: annDataObsSetsArr
 });
+z.object({
+  sampleSets: annDataObsSetsArr
+});
 const annDataObsFeatureColumnsArr = z.array(z.object({
   path: z.string()
 }));
@@ -19025,7 +19385,7 @@ function stratifyArrays(sampleEdges, sampleIdToObsIdsMap, sampleSets, sampleSetS
     sampleSetKeys.forEach((sampleSetKey) => {
       const finalInsertionIndex = result.get(cellSetKey).get(sampleSetKey).get("i");
       if (finalInsertionIndex !== result.get(cellSetKey).get(sampleSetKey).get("obsIndex").length) {
-        console.warn("The final insertion index is lower than expected.");
+        log$5.warn("The final insertion index is lower than expected.");
       }
       result.get(cellSetKey).get(sampleSetKey).delete("i");
     });
@@ -123983,16 +124343,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-55d1ddac.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-24b336d4.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-3928687d.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-4b6e12be.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-17a85e73.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-5287db37.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-44cebc8c.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-c362fa1c.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-6f2a65d0.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-db1f9adb.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-7ff395f6.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-61eb655b.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-9859e1c5.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-62020543.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -134049,10 +134409,10 @@ function multiSetsToTextureData(multiFeatureValues, multiMatrixObsIndex, setColo
   const valueTexHeight = Math.max(2, Math.ceil(totalValuesLength / texSize));
   const colorTexHeight = Math.max(2, Math.ceil(totalColorsLength / texSize));
   if (valueTexHeight > texSize) {
-    console.error("Error: length of concatenated quantitative feature values larger than maximum texture size");
+    log$5.error("Error: length of concatenated quantitative feature values larger than maximum texture size");
   }
   if (colorTexHeight > texSize) {
-    console.error("Error: length of concatenated quantitative feature values larger than maximum texture size");
+    log$5.error("Error: length of concatenated quantitative feature values larger than maximum texture size");
   }
   const totalData = new Uint8Array(texSize * valueTexHeight);
   const totalColors = new Uint8Array(texSize * colorTexHeight);
@@ -148134,7 +148494,9 @@ function EmbeddingScatterplotSubscriber(props) {
     title: titleOverride,
     helpText = ViewHelpMapping.SCATTERPLOT,
     // Average fill density for dynamic opacity calculation.
-    averageFillDensity
+    averageFillDensity,
+    // For the dual scatterplot:
+    sampleSetSelection: sampleSetSelectionFromProps
   } = props;
   const loaders = useLoaders();
   const setComponentHover = useSetComponentHover();
@@ -148167,7 +148529,7 @@ function EmbeddingScatterplotSubscriber(props) {
     featureValueColormap: geneExpressionColormap,
     featureValueColormapRange: geneExpressionColormapRange,
     tooltipsVisible,
-    sampleSetSelection,
+    sampleSetSelection: sampleSetSelectionFromCoordination,
     sampleSetColor,
     embeddingPointsVisible,
     embeddingContoursVisible,
@@ -148211,6 +148573,7 @@ function EmbeddingScatterplotSubscriber(props) {
     coordinationScopes
   );
   const observationsLabel = observationsLabelOverride || obsType;
+  const sampleSetSelection = sampleSetSelectionFromProps || sampleSetSelectionFromCoordination;
   const [width, height, deckRef] = useDeckCanvasSize();
   const title = titleOverride || `Scatterplot (${mapping})`;
   const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(
@@ -148677,8 +149040,38 @@ function EmbeddingScatterplotSubscriber(props) {
     }
   );
 }
+function DualEmbeddingScatterplotSubscriber(props) {
+  const {
+    uuid,
+    coordinationScopes
+  } = props;
+  const [{
+    sampleSetSelection
+  }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.DUAL_SCATTERPLOT], coordinationScopes);
+  const caseSampleSetSelection = useMemo(() => (sampleSetSelection == null ? void 0 : sampleSetSelection[0]) ? [sampleSetSelection[0]] : null, [sampleSetSelection]);
+  const ctrlSampleSetSelection = useMemo(() => (sampleSetSelection == null ? void 0 : sampleSetSelection[1]) ? [sampleSetSelection[1]] : null, [sampleSetSelection]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "row" }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "50%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EmbeddingScatterplotSubscriber,
+      {
+        ...props,
+        uuid: `${uuid}-case`,
+        sampleSetSelection: caseSampleSetSelection
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { width: "50%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EmbeddingScatterplotSubscriber,
+      {
+        ...props,
+        uuid: `${uuid}-ctrl`,
+        sampleSetSelection: ctrlSampleSetSelection
+      }
+    ) })
+  ] });
+}
 export {
   BaseDecoder as B,
+  DualEmbeddingScatterplotSubscriber as D,
   EmbeddingScatterplotSubscriber as E,
   getDefaultExportFromCjs as g
 };

package/dist/index.js

@@ -1,7 +1,8 @@
-import { E } from "./index-e8cfd624.js";
+import { D, E } from "./index-6931089e.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";
 export {
+  D as DualEmbeddingScatterplotSubscriber,
   E as EmbeddingScatterplotSubscriber
 };

package/dist/{jpeg-17a85e73.js → jpeg-db1f9adb.js}

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

package/dist/{lerc-c362fa1c.js → lerc-9859e1c5.js}

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

package/dist/{lzw-24b336d4.js → lzw-4b6e12be.js}

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

package/dist/{packbits-44cebc8c.js → packbits-61eb655b.js}

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

package/dist/{raw-55d1ddac.js → raw-3928687d.js}

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

package/dist/{webimage-6f2a65d0.js → webimage-62020543.js}

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

package/dist-tsc/DualEmbeddingScatterplotSubscriber.d.ts

@@ -0,0 +1,25 @@
+/**
+ * A subscriber component for a pair of embedding scatterplots.
+ * This dual implementation
+ * interprets a user specification of a pair of CoordinationType.SAMPLE_SET_FILTER
+ * coordination types to stratify of the data.
+ * @param {object} props
+ * @param {number} props.uuid The unique identifier for this component.
+ * @param {string} props.theme The current theme name.
+ * @param {object} props.coordinationScopes The mapping from coordination types to coordination
+ * scopes.
+ * @param {function} props.removeGridComponent The callback function to pass to TitleInfo,
+ * to call when the component has been removed from the grid.
+ * @param {string} props.title An override value for the component title.
+ * @param {number} props.averageFillDensity Override the average fill density calculation
+ * when using dynamic opacity mode.
+ */
+export function DualEmbeddingScatterplotSubscriber(props: {
+    uuid: number;
+    theme: string;
+    coordinationScopes: object;
+    removeGridComponent: Function;
+    title: string;
+    averageFillDensity: number;
+}): JSX.Element;
+//# sourceMappingURL=DualEmbeddingScatterplotSubscriber.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DualEmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/DualEmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;GAeG;AACH,0DAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eAyCA"}

package/dist-tsc/DualEmbeddingScatterplotSubscriber.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useCoordination, } from '@vitessce/vit-s';
+import { ViewType, COMPONENT_COORDINATION_TYPES } from '@vitessce/constants-internal';
+import { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+/**
+ * A subscriber component for a pair of embedding scatterplots.
+ * This dual implementation
+ * interprets a user specification of a pair of CoordinationType.SAMPLE_SET_FILTER
+ * coordination types to stratify of the data.
+ * @param {object} props
+ * @param {number} props.uuid The unique identifier for this component.
+ * @param {string} props.theme The current theme name.
+ * @param {object} props.coordinationScopes The mapping from coordination types to coordination
+ * scopes.
+ * @param {function} props.removeGridComponent The callback function to pass to TitleInfo,
+ * to call when the component has been removed from the grid.
+ * @param {string} props.title An override value for the component title.
+ * @param {number} props.averageFillDensity Override the average fill density calculation
+ * when using dynamic opacity mode.
+ */
+export function DualEmbeddingScatterplotSubscriber(props) {
+    const { uuid, coordinationScopes, } = props;
+    // Get "props" from the coordination space.
+    const [{ sampleSetSelection, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.DUAL_SCATTERPLOT], coordinationScopes);
+    const caseSampleSetSelection = useMemo(() => (sampleSetSelection?.[0]
+        ? [sampleSetSelection[0]]
+        : null), [sampleSetSelection]);
+    const ctrlSampleSetSelection = useMemo(() => (sampleSetSelection?.[1]
+        ? [sampleSetSelection[1]]
+        : null), [sampleSetSelection]);
+    return (_jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'row' }, children: [_jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid}-case`, sampleSetSelection: caseSampleSetSelection }) }), _jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid}-ctrl`, sampleSetSelection: ctrlSampleSetSelection }) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;GAYG;AACH,sDAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eAihBA"}
+{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;GAYG;AACH,sDAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eAwhBA"}

package/dist-tsc/EmbeddingScatterplotSubscriber.js

@@ -25,14 +25,18 @@ import { DEFAULT_CONTOUR_PERCENTILES } from './constants.js';
 export function EmbeddingScatterplotSubscriber(props) {
     const { uuid, coordinationScopes, closeButtonVisible, downloadButtonVisible, removeGridComponent, theme, observationsLabelOverride, title: titleOverride, helpText = ViewHelpMapping.SCATTERPLOT, 
     // Average fill density for dynamic opacity calculation.
-    averageFillDensity, } = props;
+    averageFillDensity, 
+    // For the dual scatterplot:
+    sampleSetSelection: sampleSetSelectionFromProps, } = props;
     const loaders = useLoaders();
     const setComponentHover = useSetComponentHover();
     const setComponentViewInfo = useSetComponentViewInfo(uuid);
     // Get "props" from the coordination space.
-    const [{ dataset, obsType, featureType, featureValueType, sampleType, embeddingZoom: zoom, embeddingTargetX: targetX, embeddingTargetY: targetY, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, sampleSetSelection, sampleSetColor, embeddingPointsVisible, embeddingContoursVisible, embeddingContoursFilled, embeddingContourPercentiles: contourPercentiles, contourColorEncoding, contourColor, }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setEmbeddingPointsVisible, setEmbeddingContoursVisible, setEmbeddingContoursFilled, setEmbeddingContourPercentiles: setContourPercentiles, setContourColorEncoding, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
+    const [{ dataset, obsType, featureType, featureValueType, sampleType, embeddingZoom: zoom, embeddingTargetX: targetX, embeddingTargetY: targetY, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, sampleSetSelection: sampleSetSelectionFromCoordination, sampleSetColor, embeddingPointsVisible, embeddingContoursVisible, embeddingContoursFilled, embeddingContourPercentiles: contourPercentiles, contourColorEncoding, contourColor, }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setEmbeddingPointsVisible, setEmbeddingContoursVisible, setEmbeddingContoursFilled, setEmbeddingContourPercentiles: setContourPercentiles, setContourColorEncoding, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
     const { embeddingZoom: initialZoom, embeddingTargetX: initialTargetX, embeddingTargetY: initialTargetY, } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
     const observationsLabel = observationsLabelOverride || obsType;
+    const sampleSetSelection = (sampleSetSelectionFromProps
+        || sampleSetSelectionFromCoordination);
     const [width, height, deckRef] = useDeckCanvasSize();
     const title = titleOverride || `Scatterplot (${mapping})`;
     const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);

package/dist-tsc/index.d.ts

@@ -1,2 +1,3 @@
 export { EmbeddingScatterplotSubscriber } from "./EmbeddingScatterplotSubscriber.js";
+export { DualEmbeddingScatterplotSubscriber } from "./DualEmbeddingScatterplotSubscriber.js";
 //# sourceMappingURL=index.d.ts.map

package/dist-tsc/index.js

@@ -1 +1,2 @@
 export { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+export { DualEmbeddingScatterplotSubscriber } from './DualEmbeddingScatterplotSubscriber.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-embedding",
-  "version": "3.5.5",
+  "version": "3.5.7",
   "author": "HIDIVE Lab at HMS",
   "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/constants-internal": "3.5.5",
-    "@vitessce/legend": "3.5.5",
-    "@vitessce/scatterplot": "3.5.5",
-    "@vitessce/sets-utils": "3.5.5",
-    "@vitessce/utils": "3.5.5",
-    "@vitessce/vit-s": "3.5.5"
+    "@vitessce/constants-internal": "3.5.7",
+    "@vitessce/legend": "3.5.7",
+    "@vitessce/scatterplot": "3.5.7",
+    "@vitessce/sets-utils": "3.5.7",
+    "@vitessce/utils": "3.5.7",
+    "@vitessce/vit-s": "3.5.7"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/DualEmbeddingScatterplotSubscriber.js

@@ -0,0 +1,65 @@
+import React, { useMemo } from 'react';
+import {
+  useCoordination,
+} from '@vitessce/vit-s';
+import { ViewType, COMPONENT_COORDINATION_TYPES } from '@vitessce/constants-internal';
+import { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+
+
+/**
+ * A subscriber component for a pair of embedding scatterplots.
+ * This dual implementation
+ * interprets a user specification of a pair of CoordinationType.SAMPLE_SET_FILTER
+ * coordination types to stratify of the data.
+ * @param {object} props
+ * @param {number} props.uuid The unique identifier for this component.
+ * @param {string} props.theme The current theme name.
+ * @param {object} props.coordinationScopes The mapping from coordination types to coordination
+ * scopes.
+ * @param {function} props.removeGridComponent The callback function to pass to TitleInfo,
+ * to call when the component has been removed from the grid.
+ * @param {string} props.title An override value for the component title.
+ * @param {number} props.averageFillDensity Override the average fill density calculation
+ * when using dynamic opacity mode.
+ */
+export function DualEmbeddingScatterplotSubscriber(props) {
+  const {
+    uuid,
+    coordinationScopes,
+  } = props;
+
+  // Get "props" from the coordination space.
+  const [{
+    sampleSetSelection,
+  }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.DUAL_SCATTERPLOT], coordinationScopes);
+
+  const caseSampleSetSelection = useMemo(() => (
+    sampleSetSelection?.[0]
+      ? [sampleSetSelection[0]]
+      : null
+  ), [sampleSetSelection]);
+  const ctrlSampleSetSelection = useMemo(() => (
+    sampleSetSelection?.[1]
+      ? [sampleSetSelection[1]]
+      : null
+  ), [sampleSetSelection]);
+
+  return (
+    <div style={{ width: '100%', height: '100%', display: 'flex', flexDirection: 'row' }}>
+      <div style={{ width: '50%', display: 'flex', flexDirection: 'column' }}>
+        <EmbeddingScatterplotSubscriber
+          {...props}
+          uuid={`${uuid}-case`}
+          sampleSetSelection={caseSampleSetSelection}
+        />
+      </div>
+      <div style={{ width: '50%', display: 'flex', flexDirection: 'column' }}>
+        <EmbeddingScatterplotSubscriber
+          {...props}
+          uuid={`${uuid}-ctrl`}
+          sampleSetSelection={ctrlSampleSetSelection}
+        />
+      </div>
+    </div>
+  );
+}

package/src/EmbeddingScatterplotSubscriber.js

@@ -66,6 +66,9 @@ export function EmbeddingScatterplotSubscriber(props) {
     helpText = ViewHelpMapping.SCATTERPLOT,
     // Average fill density for dynamic opacity calculation.
     averageFillDensity,
+
+    // For the dual scatterplot:
+    sampleSetSelection: sampleSetSelectionFromProps,
   } = props;
 
   const loaders = useLoaders();
@@ -101,7 +104,7 @@ export function EmbeddingScatterplotSubscriber(props) {
     featureValueColormap: geneExpressionColormap,
     featureValueColormapRange: geneExpressionColormapRange,
     tooltipsVisible,
-    sampleSetSelection,
+    sampleSetSelection: sampleSetSelectionFromCoordination,
     sampleSetColor,
     embeddingPointsVisible,
     embeddingContoursVisible,
@@ -146,6 +149,10 @@ export function EmbeddingScatterplotSubscriber(props) {
   );
 
   const observationsLabel = observationsLabelOverride || obsType;
+  const sampleSetSelection = (
+    sampleSetSelectionFromProps
+    || sampleSetSelectionFromCoordination
+  );
 
   const [width, height, deckRef] = useDeckCanvasSize();
 

package/src/index.js

@@ -1 +1,2 @@
 export { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber.js';
+export { DualEmbeddingScatterplotSubscriber } from './DualEmbeddingScatterplotSubscriber.js';