@vitessce/statistical-plots 3.5.5 → 3.5.7

package/dist/{index-00d0a4a2.js → index-1f1b6355.js}

@@ -959,7 +959,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",
@@ -1013,6 +1015,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",
@@ -1025,6 +1028,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",
@@ -1037,6 +1041,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",
@@ -1138,15 +1143,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",
@@ -1213,14 +1226,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).",
@@ -1237,7 +1258,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]: [
@@ -1262,6 +1284,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,
@@ -1273,6 +1296,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,
@@ -1339,6 +1406,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,
@@ -1375,6 +1443,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,
@@ -1434,6 +1503,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,
@@ -1449,6 +1519,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,
@@ -1460,6 +1531,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,
@@ -1492,6 +1564,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,
@@ -1508,7 +1581,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,
@@ -1623,11 +1697,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: [
@@ -1658,8 +1734,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
   ]
 };
 function commonjsRequire(path2) {
@@ -2019,6 +2124,10 @@ var pluralizeExports = pluralize$1.exports;
 const plur = /* @__PURE__ */ getDefaultExportFromCjs(pluralizeExports);
 plur.addPluralRule("glomerulus", "glomeruli");
 plur.addPluralRule("interstitium", "interstitia");
+function commaNumber(n2) {
+  const nf = new Intl.NumberFormat("en-US");
+  return nf.format(n2);
+}
 function capitalize$2(word) {
   return word ? word.charAt(0).toUpperCase() + word.slice(1) : "";
 }
@@ -2060,6 +2169,279 @@ function getNextScope(prevScopes) {
   } while (prevScopes.includes(nextScope));
   return nextScope;
 }
+const identityFunc = (d) => d;
+function unnestMap(map2, keys3, aggFunc) {
+  if (keys3.length < 2) {
+    throw new Error("Insufficient number of keys passed to flattenInternMap");
+  }
+  const aggFuncToUse = !aggFunc ? identityFunc : aggFunc;
+  return Array.from(map2.entries()).flatMap(([k, v]) => {
+    if (v instanceof Map) {
+      const keysWithoutFirst = [...keys3];
+      keysWithoutFirst.splice(0, 1);
+      return unnestMap(v, keysWithoutFirst, aggFuncToUse).map((childObj) => ({
+        [keys3[0]]: k,
+        ...childObj
+      }));
+    }
+    return {
+      [keys3[0]]: k,
+      [keys3[1]]: aggFuncToUse(v)
+    };
+  });
+}
+var loglevel = { exports: {} };
+(function(module2) {
+  (function(root2, definition2) {
+    if (module2.exports) {
+      module2.exports = definition2();
+    } else {
+      root2.log = definition2();
+    }
+  })(commonjsGlobal, function() {
+    var noop2 = function() {
+    };
+    var undefinedType2 = "undefined";
+    var isIE = 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 method2 = obj[methodName];
+      if (typeof method2.bind === "function") {
+        return method2.bind(obj);
+      } else {
+        try {
+          return Function.prototype.bind.call(method2, obj);
+        } catch (e3) {
+          return function() {
+            return Function.prototype.apply.apply(method2, [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" && isIE) {
+        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 logger2 = _loggersByName[name2];
+      if (!logger2) {
+        logger2 = _loggersByName[name2] = new Logger(
+          name2,
+          defaultLogger.methodFactory
+        );
+      }
+      return logger2;
+    };
+    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$b = /* @__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];
@@ -9436,7 +9818,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$b.warn(`Warning: the '${oldProp}' prop on the ${viewDef.component} view is deprecated. Please use the '${newType}' coordination type instead.`);
       }
     });
   });
@@ -9459,7 +9841,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$b.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") {
@@ -11818,7 +12200,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$b.warn(`Notice about the constant mapping ${propKey}: '${oldObj[propKey][0]}':
 ${oldObj[propKey][1]}`);
         return oldObj[propKey];
       }
@@ -11916,6 +12298,9 @@ const annDataObsSetsArr = z.array(z.object({
 z.object({
   obsSets: annDataObsSetsArr
 });
+z.object({
+  sampleSets: annDataObsSetsArr
+});
 const annDataObsFeatureColumnsArr = z.array(z.object({
   path: z.string()
 }));
@@ -18801,8 +19186,8 @@ var json2csv_umd = { exports: {} };
     Object.defineProperty(exports3, "__esModule", { value: true });
   });
 })(json2csv_umd, json2csv_umd.exports);
-class InternMap extends Map {
-  constructor(entries2, key2 = keyof) {
+let InternMap$1 = class InternMap extends Map {
+  constructor(entries2, key2 = keyof$1) {
     super();
     Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: key2 } });
     if (entries2 != null)
@@ -18810,20 +19195,20 @@ class InternMap extends Map {
         this.set(key22, value2);
   }
   get(key2) {
-    return super.get(intern_get(this, key2));
+    return super.get(intern_get$1(this, key2));
   }
   has(key2) {
-    return super.has(intern_get(this, key2));
+    return super.has(intern_get$1(this, key2));
   }
   set(key2, value2) {
-    return super.set(intern_set(this, key2), value2);
+    return super.set(intern_set$1(this, key2), value2);
   }
   delete(key2) {
-    return super.delete(intern_delete(this, key2));
+    return super.delete(intern_delete$1(this, key2));
   }
-}
+};
 class InternSet extends Set {
-  constructor(values2, key2 = keyof) {
+  constructor(values2, key2 = keyof$1) {
     super();
     Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: key2 } });
     if (values2 != null)
@@ -18831,27 +19216,27 @@ class InternSet extends Set {
         this.add(value2);
   }
   has(value2) {
-    return super.has(intern_get(this, value2));
+    return super.has(intern_get$1(this, value2));
   }
   add(value2) {
-    return super.add(intern_set(this, value2));
+    return super.add(intern_set$1(this, value2));
   }
   delete(value2) {
-    return super.delete(intern_delete(this, value2));
+    return super.delete(intern_delete$1(this, value2));
   }
 }
-function intern_get({ _intern, _key }, value2) {
+function intern_get$1({ _intern, _key }, value2) {
   const key2 = _key(value2);
   return _intern.has(key2) ? _intern.get(key2) : value2;
 }
-function intern_set({ _intern, _key }, value2) {
+function intern_set$1({ _intern, _key }, value2) {
   const key2 = _key(value2);
   if (_intern.has(key2))
     return _intern.get(key2);
   _intern.set(key2, value2);
   return value2;
 }
-function intern_delete({ _intern, _key }, value2) {
+function intern_delete$1({ _intern, _key }, value2) {
   const key2 = _key(value2);
   if (_intern.has(key2)) {
     value2 = _intern.get(key2);
@@ -18859,7 +19244,7 @@ function intern_delete({ _intern, _key }, value2) {
   }
   return value2;
 }
-function keyof(value2) {
+function keyof$1(value2) {
   return value2 !== null && typeof value2 === "object" ? value2.valueOf() : value2;
 }
 const schemeRdBu = [[103, 0, 31], [178, 24, 43], [214, 96, 77], [244, 165, 130], [253, 219, 199], [247, 247, 247], [209, 229, 240], [146, 197, 222], [67, 147, 195], [33, 102, 172], [5, 48, 97]];
@@ -18908,7 +19293,7 @@ function interpolateSequentialMulti(range2) {
 interpolateRgbBasis(schemeRdBu);
 interpolateSequentialMulti(schemePlasma);
 function stratifyExpressionData(sampleEdges, sampleSets, sampleSetSelection, expressionData, obsIndex, mergedCellSets, geneSelection, cellSetSelection, cellSetColor, featureValueTransform, featureValueTransformCoefficient) {
-  const result = new InternMap([], JSON.stringify);
+  const result = new InternMap$1([], JSON.stringify);
   const hasSampleSetSelection = Array.isArray(sampleSetSelection) && sampleSetSelection.length > 0;
   const hasCellSetSelection = Array.isArray(cellSetSelection) && cellSetSelection.length > 0;
   const hasGeneSelection = Array.isArray(geneSelection) && geneSelection.length > 0;
@@ -18916,9 +19301,9 @@ function stratifyExpressionData(sampleEdges, sampleSets, sampleSetSelection, exp
   const cellSetKeys = hasCellSetSelection ? cellSetSelection : [null];
   const geneKeys = hasGeneSelection ? geneSelection : [null];
   cellSetKeys.forEach((cellSetKey) => {
-    result.set(cellSetKey, new InternMap([], JSON.stringify));
+    result.set(cellSetKey, new InternMap$1([], JSON.stringify));
     sampleSetKeys.forEach((sampleSetKey) => {
-      result.get(cellSetKey).set(sampleSetKey, new InternMap([], JSON.stringify));
+      result.get(cellSetKey).set(sampleSetKey, new InternMap$1([], JSON.stringify));
       geneKeys.forEach((geneKey) => {
         result.get(cellSetKey).get(sampleSetKey).set(geneKey, []);
       });
@@ -18950,9 +19335,9 @@ function stratifyExpressionData(sampleEdges, sampleSets, sampleSetSelection, exp
   return [null, null];
 }
 function aggregateStratifiedExpressionData(stratifiedResult, geneSelection) {
-  const result = new InternMap([], JSON.stringify);
+  const result = new InternMap$1([], JSON.stringify);
   Array.from(stratifiedResult.entries()).forEach(([cellSetKey, firstLevelInternMap]) => {
-    result.set(cellSetKey, new InternMap([], JSON.stringify));
+    result.set(cellSetKey, new InternMap$1([], JSON.stringify));
     Array.from(firstLevelInternMap.entries()).forEach(([sampleSetKey, secondLevelInternMap]) => {
       const values2 = secondLevelInternMap.get(geneSelection[0]);
       result.get(cellSetKey).set(sampleSetKey, values2);
@@ -133122,16 +133507,16 @@ function addDecoder(cases2, importFn) {
   }
   cases2.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-1068ab16.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-202c1994.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-01dff90e.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-e60fb582.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-89e89436.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-69817aa2.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-4038eb16.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-f5f67eb4.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-e7e86b49.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-1b2c1d25.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-287e693d.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-a8bfe098.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-4f010cd7.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-6b926ce3.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -143347,9 +143732,76 @@ function extent$1(values2, valueof) {
   }
   return [min2, max2];
 }
+class InternMap2 extends Map {
+  constructor(entries2, key2 = keyof) {
+    super();
+    Object.defineProperties(this, { _intern: { value: /* @__PURE__ */ new Map() }, _key: { value: key2 } });
+    if (entries2 != null)
+      for (const [key22, value2] of entries2)
+        this.set(key22, value2);
+  }
+  get(key2) {
+    return super.get(intern_get(this, key2));
+  }
+  has(key2) {
+    return super.has(intern_get(this, key2));
+  }
+  set(key2, value2) {
+    return super.set(intern_set(this, key2), value2);
+  }
+  delete(key2) {
+    return super.delete(intern_delete(this, key2));
+  }
+}
+function intern_get({ _intern, _key }, value2) {
+  const key2 = _key(value2);
+  return _intern.has(key2) ? _intern.get(key2) : value2;
+}
+function intern_set({ _intern, _key }, value2) {
+  const key2 = _key(value2);
+  if (_intern.has(key2))
+    return _intern.get(key2);
+  _intern.set(key2, value2);
+  return value2;
+}
+function intern_delete({ _intern, _key }, value2) {
+  const key2 = _key(value2);
+  if (_intern.has(key2)) {
+    value2 = _intern.get(value2);
+    _intern.delete(key2);
+  }
+  return value2;
+}
+function keyof(value2) {
+  return value2 !== null && typeof value2 === "object" ? value2.valueOf() : value2;
+}
 function identity$c(x2) {
   return x2;
 }
+function rollup(values2, reduce2, ...keys3) {
+  return nest$1(values2, identity$c, reduce2, keys3);
+}
+function nest$1(values2, map2, reduce2, keys3) {
+  return function regroup(values22, i2) {
+    if (i2 >= keys3.length)
+      return reduce2(values22);
+    const groups2 = new InternMap2();
+    const keyof2 = keys3[i2++];
+    let index2 = -1;
+    for (const value2 of values22) {
+      const key2 = keyof2(value2, ++index2, values22);
+      const group2 = groups2.get(key2);
+      if (group2)
+        group2.push(value2);
+      else
+        groups2.set(key2, [value2]);
+    }
+    for (const [key2, values3] of groups2) {
+      groups2.set(key2, regroup(values3, i2));
+    }
+    return map2(groups2);
+  }(values2, 0);
+}
 var array$8 = Array.prototype;
 var slice$4 = array$8.slice;
 function constant$8(x2) {
@@ -143597,10 +144049,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$b.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$b.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);
@@ -144469,7 +144921,7 @@ function initInterpolator$1(domain2, interpolator) {
 }
 const implicit$1 = Symbol("implicit");
 function ordinal$1() {
-  var index2 = new InternMap(), domain2 = [], range2 = [], unknown = implicit$1;
+  var index2 = new InternMap$1(), domain2 = [], range2 = [], unknown = implicit$1;
   function scale2(d) {
     let i2 = index2.get(d);
     if (i2 === void 0) {
@@ -144482,7 +144934,7 @@ function ordinal$1() {
   scale2.domain = function(_) {
     if (!arguments.length)
       return domain2.slice();
-    domain2 = [], index2 = new InternMap();
+    domain2 = [], index2 = new InternMap$1();
     for (const value2 of _) {
       if (index2.has(value2))
         continue;
@@ -153542,7 +153994,10 @@ function CellSetExpressionPlot(props) {
       stratificationSide = ordinal$1().domain(sampleSetNames).range(["left", "right"]);
       stratificationColor = ordinal$1().domain(sampleSetNames).range(
         // TODO: check for full path equality here.
-        sampleSetNames.map((name2) => sampleSetColor == null ? void 0 : sampleSetColor.find((d) => d.path.at(-1) === name2).color).map(colorArrayToString)
+        sampleSetNames.map((name2) => {
+          var _a2;
+          return ((_a2 = sampleSetColor == null ? void 0 : sampleSetColor.find((d) => d.path.at(-1) === name2)) == null ? void 0 : _a2.color) || [125, 125, 125];
+        }).map(colorArrayToString)
       );
     }
     const {
@@ -153679,11 +154134,11 @@ function summarize(iterable, keepZeros) {
   };
 }
 function dotStratifiedExpressionData(stratifiedResult, posThreshold) {
-  const result = new InternMap([], JSON.stringify);
+  const result = new InternMap$1([], JSON.stringify);
   Array.from(stratifiedResult.entries()).forEach(([cellSetKey, firstLevelInternMap]) => {
-    result.set(cellSetKey, new InternMap([], JSON.stringify));
+    result.set(cellSetKey, new InternMap$1([], JSON.stringify));
     Array.from(firstLevelInternMap.entries()).forEach(([sampleSetKey, secondLevelInternMap]) => {
-      result.get(cellSetKey).set(sampleSetKey, new InternMap([], JSON.stringify));
+      result.get(cellSetKey).set(sampleSetKey, new InternMap$1([], JSON.stringify));
       Array.from(secondLevelInternMap.entries()).forEach(([geneKey, values2]) => {
         if (values2) {
           const exprMean = mean$1(values2);
@@ -153701,9 +154156,9 @@ function dotStratifiedExpressionData(stratifiedResult, posThreshold) {
   return result;
 }
 function summarizeStratifiedExpressionData(stratifiedResult, keepZeros) {
-  const summarizedResult = new InternMap([], JSON.stringify);
+  const summarizedResult = new InternMap$1([], JSON.stringify);
   Array.from(stratifiedResult.entries()).forEach(([cellSetKey, firstLevelInternMap]) => {
-    summarizedResult.set(cellSetKey, new InternMap([], JSON.stringify));
+    summarizedResult.set(cellSetKey, new InternMap$1([], JSON.stringify));
     Array.from(firstLevelInternMap.entries()).forEach(([sampleSetKey, secondLevelInternMap]) => {
       const values2 = secondLevelInternMap;
       const summary = summarize(values2, keepZeros);
@@ -173065,10 +173520,10 @@ const Tiles = {
   resquarify: treemapResquarify
 };
 const Output$4 = ["x0", "y0", "x1", "y1", "depth", "children"];
-function Treemap(params2) {
+function Treemap$1(params2) {
   HierarchyLayout.call(this, params2);
 }
-Treemap.Definition = {
+Treemap$1.Definition = {
   "type": "Treemap",
   "metadata": {
     "tree": true,
@@ -173134,7 +173589,7 @@ Treemap.Definition = {
     "default": Output$4
   }]
 };
-inherits(Treemap, HierarchyLayout, {
+inherits(Treemap$1, HierarchyLayout, {
   /**
    * Treemap layout generator. Adds 'method' and 'ratio' parameters
    * to configure the underlying tile method.
@@ -173165,7 +173620,7 @@ const tree = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   stratify: Stratify,
   tree: Tree,
   treelinks: TreeLinks,
-  treemap: Treemap
+  treemap: Treemap$1
 }, Symbol.toStringTag, { value: "Module" }));
 const ALPHA_MASK = 4278190080;
 function baseBitmaps($2, data2) {
@@ -206141,11 +206596,11 @@ function useExpressionSummaries(sampleEdges, sampleSets, sampleSetSelection, exp
         posThreshold
       );
       const geneToUuid = new Map(geneSelection == null ? void 0 : geneSelection.map((gene) => [gene, v4$1()]));
-      const cellSetToUuid = new InternMap(
+      const cellSetToUuid = new InternMap$1(
         cellSetSelection == null ? void 0 : cellSetSelection.map((sampleSet) => [sampleSet, v4$1()]),
         JSON.stringify
       );
-      const sampleSetToUuid = new InternMap(
+      const sampleSetToUuid = new InternMap$1(
         sampleSetSelection == null ? void 0 : sampleSetSelection.map((sampleSet) => [sampleSet, v4$1()]),
         JSON.stringify
       );
@@ -206647,12 +207102,460 @@ function FeatureBarPlotSubscriber(props) {
     }
   );
 }
+function uidGenerator(prefix2) {
+  let i2 = 0;
+  return () => {
+    i2 += 1;
+    return { id: `${prefix2}-${i2}`, href: `#${prefix2}-${i2}` };
+  };
+}
+function getColorScale(setSelectionArr, setColorArr, theme) {
+  var _a2;
+  return ordinal$1().domain(setSelectionArr || []).range(
+    ((_a2 = setSelectionArr == null ? void 0 : setSelectionArr.map((setNamePath) => {
+      var _a3;
+      return ((_a3 = setColorArr == null ? void 0 : setColorArr.find((d) => isEqual$2(d.path, setNamePath))) == null ? void 0 : _a3.color) || getDefaultColor(theme);
+    })) == null ? void 0 : _a2.map(colorArrayToString)) || []
+  );
+}
+function Treemap(props) {
+  const {
+    obsCounts,
+    obsColorEncoding,
+    hierarchyLevels,
+    theme,
+    width: width2,
+    height: height2,
+    obsType,
+    sampleType,
+    obsSetColor,
+    sampleSetColor,
+    obsSetSelection,
+    sampleSetSelection,
+    marginTop = 5,
+    marginRight = 5,
+    marginLeft = 80,
+    marginBottom
+  } = props;
+  const hierarchyData = useMemo(() => {
+    if (!obsCounts) {
+      return null;
+    }
+    let map2;
+    if (isEqual$2(hierarchyLevels, ["sampleSet", "obsSet"])) {
+      map2 = rollup(
+        obsCounts,
+        (D2) => D2[0].value,
+        (d) => d.sampleSetPath,
+        (d) => d.obsSetPath
+      );
+    } else if (isEqual$2(hierarchyLevels, ["obsSet", "sampleSet"])) {
+      map2 = rollup(
+        obsCounts,
+        (D2) => D2[0].value,
+        (d) => d.obsSetPath,
+        (d) => d.sampleSetPath
+      );
+    } else {
+      throw new Error("Unexpected levels value.");
+    }
+    return hierarchy(map2);
+  }, [obsCounts, hierarchyLevels]);
+  const [obsSetColorScale, sampleSetColorScale] = useMemo(() => [
+    getColorScale(obsSetSelection, obsSetColor, theme),
+    getColorScale(sampleSetSelection, sampleSetColor, theme)
+  ], [obsSetSelection, sampleSetSelection, sampleSetColor, obsSetColor, theme]);
+  const treemapLeaves = useMemo(() => {
+    const treemapFunc = treemap().tile(treemapBinary).size([width2, height2]).padding(1).round(true);
+    const treemapLayout = treemapFunc(hierarchyData.sum((d) => d[1]).sort((a2, b2) => b2[1] - a2[1]));
+    return treemapLayout.leaves();
+  }, [hierarchyData, width2, height2]);
+  const svgRef = useRef();
+  useEffect(() => {
+    const domElement = svgRef.current;
+    const svg = select$1(domElement);
+    svg.selectAll("g").remove();
+    svg.attr("width", width2).attr("height", height2).attr("viewBox", [0, 0, width2, height2]).attr("style", "font: 10px sans-serif");
+    if (!treemapLeaves || !obsSetSelection || !sampleSetSelection) {
+      return;
+    }
+    const leaf = svg.selectAll("g").data(treemapLeaves).join("g").attr("transform", (d) => `translate(${d.x0},${d.y0})`);
+    leaf.append("title").text((d) => {
+      var _a2;
+      const cellCount = (_a2 = d.data) == null ? void 0 : _a2[1];
+      const primaryPathString = JSON.stringify(d.data[0]);
+      const secondaryPathString = JSON.stringify(d.parent.data[0]);
+      return `${cellCount.toLocaleString()} ${pluralize(obsType, cellCount)} in ${primaryPathString} and ${secondaryPathString}`;
+    });
+    const getLeafUid = uidGenerator("leaf");
+    const getClipUid = uidGenerator("clip");
+    const colorScale2 = obsColorEncoding === "sampleSetSelection" ? sampleSetColorScale : obsSetColorScale;
+    const getPathForColoring = (d) => {
+      var _a2, _b, _c, _d, _e, _f;
+      return (
+        // eslint-disable-next-line no-nested-ternary
+        obsColorEncoding === "sampleSetSelection" ? hierarchyLevels[0] === "obsSet" ? (_a2 = d.data) == null ? void 0 : _a2[0] : (_c = (_b = d.parent) == null ? void 0 : _b.data) == null ? void 0 : _c[0] : hierarchyLevels[0] === "sampleSet" ? (_d = d.data) == null ? void 0 : _d[0] : (_f = (_e = d.parent) == null ? void 0 : _e.data) == null ? void 0 : _f[0]
+      );
+    };
+    leaf.append("rect").attr("id", (d) => {
+      d.leafUid = getLeafUid();
+      return d.leafUid.id;
+    }).attr("fill", (d) => colorScale2(getPathForColoring(d))).attr("fill-opacity", 0.8).attr("width", (d) => d.x1 - d.x0).attr("height", (d) => d.y1 - d.y0);
+    leaf.append("clipPath").attr("id", (d) => {
+      d.clipUid = getClipUid();
+      return d.clipUid.id;
+    }).append("use").attr("xlink:href", (d) => d.leafUid.href);
+    leaf.append("text").attr("clip-path", (d) => `url(${d.clipUid.href})`).selectAll("tspan").data((d) => {
+      var _a2, _b, _c, _d, _e, _f, _g;
+      return [
+        // Each element in this array corresponds to a line of text.
+        (_b = (_a2 = d.data) == null ? void 0 : _a2[0]) == null ? void 0 : _b.at(-1),
+        (_e = (_d = (_c = d.parent) == null ? void 0 : _c.data) == null ? void 0 : _d[0]) == null ? void 0 : _e.at(-1),
+        `${(_f = d.data) == null ? void 0 : _f[1].toLocaleString()} ${pluralize(obsType, (_g = d.data) == null ? void 0 : _g[1])}`
+      ];
+    }).join("tspan").attr("x", 3).attr("y", (d, i2, nodes) => `${(i2 === nodes.length - 1) * 0.3 + 1.1 + i2 * 0.9}em`).text((d) => d);
+  }, [
+    width2,
+    height2,
+    marginLeft,
+    marginBottom,
+    theme,
+    marginTop,
+    marginRight,
+    obsType,
+    sampleType,
+    treemapLeaves,
+    sampleSetColor,
+    sampleSetSelection,
+    obsSetSelection,
+    obsSetColor,
+    obsSetColorScale,
+    sampleSetColorScale,
+    obsColorEncoding,
+    hierarchyLevels
+  ]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "svg",
+    {
+      ref: svgRef,
+      style: {
+        top: 0,
+        left: 0,
+        width: `${width2}px`,
+        height: `${height2}px`,
+        position: "relative"
+      }
+    }
+  );
+}
+function TreemapOptions(props) {
+  const {
+    children: children2,
+    obsType,
+    sampleType,
+    hierarchyLevels,
+    setHierarchyLevels,
+    obsColorEncoding,
+    setObsColorEncoding
+  } = props;
+  const treemapOptionsId = $bdb11010cef70236$export$f680877a34711e37();
+  const classes = usePlotOptionsStyles();
+  function handleColorEncodingChange(event2) {
+    setObsColorEncoding(event2.target.value);
+  }
+  function handleHierarchyLevelsOrderingChange(event2) {
+    if (event2.target.value === "sampleSet") {
+      setHierarchyLevels(["sampleSet", "obsSet"]);
+    } else {
+      setHierarchyLevels(["obsSet", "sampleSet"]);
+    }
+  }
+  const primaryHierarchyLevel = isEqual$2(hierarchyLevels, ["sampleSet", "obsSet"]) ? "sampleSet" : "obsSet";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(OptionsContainer, { children: [
+    children2,
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow$1, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: `cell-color-encoding-select-${treemapOptionsId}`,
+          children: "Color Encoding"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        OptionSelect,
+        {
+          className: classes.select,
+          value: obsColorEncoding,
+          onChange: handleColorEncodingChange,
+          inputProps: {
+            id: `cell-color-encoding-select-${treemapOptionsId}`
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: "cellSetSelection", children: [
+              capitalize$2(obsType),
+              " Sets"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: "sampleSetSelection", children: [
+              capitalize$2(sampleType),
+              " Sets"
+            ] })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow$1, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: `treemap-set-hierarchy-levels-${treemapOptionsId}`,
+          children: "Primary Hierarchy Level"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        OptionSelect,
+        {
+          className: classes.select,
+          value: primaryHierarchyLevel,
+          onChange: handleHierarchyLevelsOrderingChange,
+          inputProps: {
+            id: `hierarchy-level-select-${treemapOptionsId}`
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: "obsSet", children: [
+              capitalize$2(obsType),
+              " Sets"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: "sampleSet", children: [
+              capitalize$2(sampleType),
+              " Sets"
+            ] })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+const DEFAULT_HIERARCHY_LEVELS = ["obsSet", "sampleSet"];
+function TreemapSubscriber(props) {
+  const {
+    coordinationScopes,
+    removeGridComponent,
+    theme,
+    helpText = ViewHelpMapping.TREEMAP
+  } = props;
+  const classes = useStyles$1();
+  const loaders = useLoaders();
+  const [{
+    dataset,
+    obsType,
+    featureType,
+    featureValueType,
+    obsFilter,
+    obsHighlight,
+    obsSetSelection,
+    obsSetFilter,
+    obsSelection,
+    obsSelectionMode,
+    obsSetHighlight,
+    obsSetColor,
+    obsColorEncoding,
+    additionalObsSets,
+    sampleType,
+    sampleSetSelection,
+    sampleSetFilter,
+    sampleSetColor,
+    sampleSelection,
+    sampleSelectionMode,
+    sampleFilter,
+    sampleFilterMode,
+    sampleHighlight,
+    hierarchyLevels
+  }, {
+    setObsFilter,
+    setObsSelection: setObsSelection2,
+    setObsSetFilter,
+    setObsSetSelection,
+    setObsSelectionMode,
+    setObsFilterMode,
+    setObsHighlight,
+    setObsSetColor,
+    setObsColorEncoding,
+    setAdditionalObsSets,
+    setSampleFilter,
+    setSampleSetFilter,
+    setSampleFilterMode,
+    setSampleSelection,
+    setSampleSetSelection,
+    setSampleSelectionMode,
+    setSampleHighlight,
+    setSampleSetColor,
+    setHierarchyLevels
+  }] = useCoordination(
+    COMPONENT_COORDINATION_TYPES[ViewType$1.TREEMAP],
+    coordinationScopes
+  );
+  const [width2, height2, containerRef] = useGridItemSize();
+  const [{ obsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(
+    loaders,
+    dataset,
+    false,
+    { obsType, featureType, featureValueType }
+  );
+  const [{ obsSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(
+    loaders,
+    dataset,
+    true,
+    {},
+    {},
+    { obsType }
+  );
+  const [{ sampleIndex, sampleSets }, sampleSetsStatus, sampleSetsUrls] = useSampleSetsData(
+    loaders,
+    dataset,
+    // TODO: support `false`, i.e., configurations in which
+    // there are no sampleSets
+    true,
+    { setSampleSetColor },
+    { sampleSetColor },
+    { sampleType }
+  );
+  const [{ sampleEdges }, sampleEdgesStatus, sampleEdgesUrls] = useSampleEdgesData(
+    loaders,
+    dataset,
+    // TODO: support `false`, i.e., configurations in which
+    // there are no sampleEdges
+    true,
+    {},
+    {},
+    { obsType, sampleType }
+  );
+  const isReady = useReady([
+    matrixIndicesStatus,
+    obsSetsStatus,
+    sampleSetsStatus,
+    sampleEdgesStatus
+  ]);
+  const urls = useUrls([
+    matrixIndicesUrls,
+    obsSetsUrls,
+    sampleSetsUrls,
+    sampleEdgesUrls
+  ]);
+  const mergedObsSets = useMemo(
+    () => mergeObsSets(obsSets, additionalObsSets),
+    [obsSets, additionalObsSets]
+  );
+  const mergedSampleSets = useMemo(
+    () => mergeObsSets(sampleSets, null),
+    [sampleSets]
+  );
+  const obsCount = (obsIndex == null ? void 0 : obsIndex.length) || 0;
+  const sampleCount = (sampleIndex == null ? void 0 : sampleIndex.length) || 0;
+  const [obsCounts, sampleCounts] = useMemo(() => {
+    var _a2, _b;
+    const obsResult = new InternMap$1([], JSON.stringify);
+    const sampleResult = new InternMap$1([], JSON.stringify);
+    const hasSampleSetSelection = Array.isArray(sampleSetSelection) && sampleSetSelection.length > 0;
+    const hasCellSetSelection = Array.isArray(obsSetSelection) && obsSetSelection.length > 0;
+    const sampleSetKeys = hasSampleSetSelection ? sampleSetSelection : [null];
+    const cellSetKeys = hasCellSetSelection ? obsSetSelection : [null];
+    cellSetKeys.forEach((cellSetKey) => {
+      obsResult.set(cellSetKey, new InternMap$1([], JSON.stringify));
+      sampleSetKeys.forEach((sampleSetKey) => {
+        obsResult.get(cellSetKey).set(sampleSetKey, 0);
+      });
+    });
+    const sampleSetSizes = treeToSetSizesBySetNames(
+      mergedSampleSets,
+      sampleSetSelection,
+      sampleSetSelection,
+      sampleSetColor,
+      theme
+    );
+    sampleSetKeys.forEach((sampleSetKey) => {
+      var _a3;
+      const sampleSetSize = (_a3 = sampleSetSizes.find((d) => isEqual$2(d.setNamePath, sampleSetKey))) == null ? void 0 : _a3.size;
+      sampleResult.set(sampleSetKey, sampleSetSize || 0);
+    });
+    if (mergedObsSets && obsSetSelection) {
+      const sampleIdToSetMap = sampleSets && sampleSetSelection ? treeToSelectedSetMap(sampleSets, sampleSetSelection) : null;
+      const cellIdToSetMap = treeToSelectedSetMap(mergedObsSets, obsSetSelection);
+      for (let i2 = 0; i2 < obsIndex.length; i2 += 1) {
+        const obsId = obsIndex[i2];
+        const cellSet = cellIdToSetMap == null ? void 0 : cellIdToSetMap.get(obsId);
+        const sampleId = sampleEdges == null ? void 0 : sampleEdges.get(obsId);
+        const sampleSet = sampleId ? sampleIdToSetMap == null ? void 0 : sampleIdToSetMap.get(sampleId) : null;
+        if (hasSampleSetSelection && !sampleSet) {
+          continue;
+        }
+        const prevObsCount = (_a2 = obsResult.get(cellSet)) == null ? void 0 : _a2.get(sampleSet);
+        (_b = obsResult.get(cellSet)) == null ? void 0 : _b.set(sampleSet, prevObsCount + 1);
+      }
+    }
+    return [
+      unnestMap(obsResult, ["obsSetPath", "sampleSetPath", "value"]),
+      unnestMap(sampleResult, ["sampleSetPath", "value"])
+    ];
+  }, [
+    obsIndex,
+    sampleEdges,
+    sampleSets,
+    obsSetColor,
+    sampleSetColor,
+    mergedObsSets,
+    obsSetSelection,
+    mergedSampleSets
+    // TODO: consider filtering-related coordination values
+  ]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    TitleInfo,
+    {
+      title: `Treemap of ${capitalize$2(pluralize(obsType, 2))}`,
+      info: `${commaNumber(obsCount)} ${pluralize(obsType, obsCount)} from ${commaNumber(sampleCount)} ${pluralize(sampleType, sampleCount)}`,
+      removeGridComponent,
+      urls,
+      theme,
+      isReady,
+      helpText,
+      options: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TreemapOptions,
+        {
+          obsType,
+          sampleType,
+          obsColorEncoding,
+          setObsColorEncoding,
+          hierarchyLevels: hierarchyLevels || DEFAULT_HIERARCHY_LEVELS,
+          setHierarchyLevels
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: classes.vegaContainer, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Treemap,
+        {
+          obsCounts,
+          sampleCounts,
+          obsColorEncoding,
+          hierarchyLevels: hierarchyLevels || DEFAULT_HIERARCHY_LEVELS,
+          theme,
+          width: width2,
+          height: height2,
+          obsType,
+          sampleType,
+          obsSetColor,
+          sampleSetColor,
+          obsSetSelection,
+          sampleSetSelection
+        }
+      ) })
+    }
+  );
+}
 export {
   BaseDecoder as B,
   CellSetExpressionPlotSubscriber as C,
   DotPlotSubscriber as D,
   ExpressionHistogramSubscriber as E,
   FeatureBarPlotSubscriber as F,
+  TreemapSubscriber as T,
   CellSetSizesPlotSubscriber as a,
   CellSetSizesPlot as b,
   CellSetExpressionPlot as c,