@vitessce/all 3.8.9 → 3.8.10

package/dist/{index-BmH3S4VU.js → index-NBOfpK3S.js}

@@ -5598,7 +5598,7 @@ function createRange(fromRight) {
     return baseRange(start2, end2, step);
   };
 }
-var range$f = createRange();
+var range$e = createRange();
 function sum$7(array2) {
   return array2 && array2.length ? baseSum(array2, identity$h) : 0;
 }
@@ -7679,10 +7679,10 @@ function requireLrucache() {
   lrucache = LRUCache3;
   return lrucache;
 }
-var range$e;
+var range$d;
 var hasRequiredRange$1;
 function requireRange$1() {
-  if (hasRequiredRange$1) return range$e;
+  if (hasRequiredRange$1) return range$d;
   hasRequiredRange$1 = 1;
   const SPACE_CHARACTERS = /\s+/g;
   class Range2 {
@@ -7823,7 +7823,7 @@ function requireRange$1() {
       return false;
     }
   }
-  range$e = Range2;
+  range$d = Range2;
   const LRU = requireLrucache();
   const cache2 = new LRU();
   const parseOptions2 = requireParseOptions();
@@ -8053,7 +8053,7 @@ function requireRange$1() {
     }
     return true;
   };
-  return range$e;
+  return range$d;
 }
 var comparator$2;
 var hasRequiredComparator$1;
@@ -46931,7 +46931,7 @@ function escapeRegExp(value2) {
   return value2.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
 }
 const clamp$6 = (value2, min2, max2) => Math.max(min2, Math.min(max2, value2));
-function range$d(from2, to) {
+function range$c(from2, to) {
   return Array.from({
     length: to - from2
   }).map((_, i2) => from2 + i2);
@@ -51329,7 +51329,7 @@ const useGridVirtualScroller = () => {
     const rowModels = params2.rows ?? currentPage.rows;
     const firstRowToRender = baseRenderContext.firstRowIndex;
     const lastRowToRender = Math.min(baseRenderContext.lastRowIndex, rowModels.length);
-    const rowIndexes = params2.rows ? range$d(0, params2.rows.length) : range$d(firstRowToRender, lastRowToRender);
+    const rowIndexes = params2.rows ? range$c(0, params2.rows.length) : range$c(firstRowToRender, lastRowToRender);
     let virtualRowIndex = -1;
     if (!isPinnedSection && focusedVirtualCell) {
       if (focusedVirtualCell.rowIndex < firstRowToRender) {
@@ -72816,7 +72816,7 @@ let powers = 0;
 const boolean = increment$1();
 const booleanish = increment$1();
 const overloadedBoolean = increment$1();
-const number$b = increment$1();
+const number$a = increment$1();
 const spaceSeparated = increment$1();
 const commaSeparated = increment$1();
 const commaOrSpaceSeparated = increment$1();
@@ -72829,7 +72829,7 @@ const types = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   booleanish,
   commaOrSpaceSeparated,
   commaSeparated,
-  number: number$b,
+  number: number$a,
   overloadedBoolean,
   spaceSeparated
 }, Symbol.toStringTag, { value: "Module" }));
@@ -72928,9 +72928,9 @@ const aria$1 = create$c({
     ariaAutoComplete: null,
     ariaBusy: booleanish,
     ariaChecked: booleanish,
-    ariaColCount: number$b,
-    ariaColIndex: number$b,
-    ariaColSpan: number$b,
+    ariaColCount: number$a,
+    ariaColIndex: number$a,
+    ariaColSpan: number$a,
     ariaControls: spaceSeparated,
     ariaCurrent: null,
     ariaDescribedBy: spaceSeparated,
@@ -72947,7 +72947,7 @@ const aria$1 = create$c({
     ariaKeyShortcuts: null,
     ariaLabel: null,
     ariaLabelledBy: spaceSeparated,
-    ariaLevel: number$b,
+    ariaLevel: number$a,
     ariaLive: null,
     ariaModal: booleanish,
     ariaMultiLine: booleanish,
@@ -72955,21 +72955,21 @@ const aria$1 = create$c({
     ariaOrientation: null,
     ariaOwns: spaceSeparated,
     ariaPlaceholder: null,
-    ariaPosInSet: number$b,
+    ariaPosInSet: number$a,
     ariaPressed: booleanish,
     ariaReadOnly: booleanish,
     ariaRelevant: null,
     ariaRequired: booleanish,
     ariaRoleDescription: spaceSeparated,
-    ariaRowCount: number$b,
-    ariaRowIndex: number$b,
-    ariaRowSpan: number$b,
+    ariaRowCount: number$a,
+    ariaRowIndex: number$a,
+    ariaRowSpan: number$a,
     ariaSelected: booleanish,
-    ariaSetSize: number$b,
+    ariaSetSize: number$a,
     ariaSort: null,
-    ariaValueMax: number$b,
-    ariaValueMin: number$b,
-    ariaValueNow: number$b,
+    ariaValueMax: number$a,
+    ariaValueMin: number$a,
+    ariaValueNow: number$a,
     ariaValueText: null,
     role: null
   }
@@ -73008,13 +73008,13 @@ const html$2 = create$c({
     checked: boolean,
     cite: null,
     className: spaceSeparated,
-    cols: number$b,
+    cols: number$a,
     colSpan: null,
     content: null,
     contentEditable: booleanish,
     controls: boolean,
     controlsList: spaceSeparated,
-    coords: number$b | commaSeparated,
+    coords: number$a | commaSeparated,
     crossOrigin: null,
     data: null,
     dateTime: null,
@@ -73036,9 +73036,9 @@ const html$2 = create$c({
     formNoValidate: boolean,
     formTarget: null,
     headers: spaceSeparated,
-    height: number$b,
+    height: number$a,
     hidden: boolean,
-    high: number$b,
+    high: number$a,
     href: null,
     hrefLang: null,
     htmlFor: spaceSeparated,
@@ -73063,14 +73063,14 @@ const html$2 = create$c({
     list: null,
     loading: null,
     loop: boolean,
-    low: number$b,
+    low: number$a,
     manifest: null,
     max: null,
-    maxLength: number$b,
+    maxLength: number$a,
     media: null,
     method: null,
     min: null,
-    minLength: number$b,
+    minLength: number$a,
     multiple: boolean,
     muted: boolean,
     name: null,
@@ -73166,7 +73166,7 @@ const html$2 = create$c({
     onWaiting: null,
     onWheel: null,
     open: boolean,
-    optimum: number$b,
+    optimum: number$a,
     pattern: null,
     ping: spaceSeparated,
     placeholder: null,
@@ -73181,8 +73181,8 @@ const html$2 = create$c({
     rel: spaceSeparated,
     required: boolean,
     reversed: boolean,
-    rows: number$b,
-    rowSpan: number$b,
+    rows: number$a,
+    rowSpan: number$a,
     sandbox: spaceSeparated,
     scope: null,
     scoped: boolean,
@@ -73192,19 +73192,19 @@ const html$2 = create$c({
     shadowRootDelegatesFocus: boolean,
     shadowRootMode: null,
     shape: null,
-    size: number$b,
+    size: number$a,
     sizes: null,
     slot: null,
-    span: number$b,
+    span: number$a,
     spellCheck: booleanish,
     src: null,
     srcDoc: null,
     srcLang: null,
     srcSet: null,
-    start: number$b,
+    start: number$a,
     step: null,
     style: null,
-    tabIndex: number$b,
+    tabIndex: number$a,
     target: null,
     title: null,
     translate: null,
@@ -73212,7 +73212,7 @@ const html$2 = create$c({
     typeMustMatch: boolean,
     useMap: null,
     value: booleanish,
-    width: number$b,
+    width: number$a,
     wrap: null,
     writingSuggestions: null,
     // Legacy.
@@ -73229,11 +73229,11 @@ const html$2 = create$c({
     // `<body>`. Use CSS `background-image` instead
     bgColor: null,
     // `<body>` and table elements. Use CSS `background-color` instead
-    border: number$b,
+    border: number$a,
     // `<table>`. Use CSS `border-width` instead,
     borderColor: null,
     // `<table>`. Use CSS `border-color` instead,
-    bottomMargin: number$b,
+    bottomMargin: number$a,
     // `<body>`
     cellPadding: null,
     // `<table>`
@@ -73267,9 +73267,9 @@ const html$2 = create$c({
     // `<table>`
     frameBorder: null,
     // `<iframe>`. Use CSS `border` instead
-    hSpace: number$b,
+    hSpace: number$a,
     // `<img>` and `<object>`
-    leftMargin: number$b,
+    leftMargin: number$a,
     // `<body>`
     link: null,
     // `<body>`. Use CSS `a:link {color: *}` instead
@@ -73277,9 +73277,9 @@ const html$2 = create$c({
     // `<frame>`, `<iframe>`, and `<img>`. Use an `<a>`
     lowSrc: null,
     // `<img>`. Use a `<picture>`
-    marginHeight: number$b,
+    marginHeight: number$a,
     // `<body>`
-    marginWidth: number$b,
+    marginWidth: number$a,
     // `<body>`
     noResize: boolean,
     // `<frame>`
@@ -73297,7 +73297,7 @@ const html$2 = create$c({
     // `<isindex>`
     rev: null,
     // `<link>`
-    rightMargin: number$b,
+    rightMargin: number$a,
     // `<body>`
     rules: null,
     // `<table>`
@@ -73311,7 +73311,7 @@ const html$2 = create$c({
     // `<table>`
     text: null,
     // `<body>`. Use CSS `color` instead
-    topMargin: number$b,
+    topMargin: number$a,
     // `<body>`
     valueType: null,
     // `<param>`
@@ -73321,7 +73321,7 @@ const html$2 = create$c({
     // Several. Use CSS `vertical-align` instead
     vLink: null,
     // `<body>`. Use CSS `a:visited {color}` instead
-    vSpace: number$b,
+    vSpace: number$a,
     // `<img>` and `<object>`
     // Non-standard Properties.
     allowTransparency: null,
@@ -73331,7 +73331,7 @@ const html$2 = create$c({
     disableRemotePlayback: boolean,
     prefix: null,
     property: null,
-    results: number$b,
+    results: number$a,
     security: null,
     unselectable: null
   }
@@ -73516,27 +73516,27 @@ const svg$1 = create$c({
   transform: caseSensitiveTransform,
   properties: {
     about: commaOrSpaceSeparated,
-    accentHeight: number$b,
+    accentHeight: number$a,
     accumulate: null,
     additive: null,
     alignmentBaseline: null,
-    alphabetic: number$b,
-    amplitude: number$b,
+    alphabetic: number$a,
+    amplitude: number$a,
     arabicForm: null,
-    ascent: number$b,
+    ascent: number$a,
     attributeName: null,
     attributeType: null,
-    azimuth: number$b,
+    azimuth: number$a,
     bandwidth: null,
     baselineShift: null,
     baseFrequency: null,
     baseProfile: null,
     bbox: null,
     begin: null,
-    bias: number$b,
+    bias: number$a,
     by: null,
     calcMode: null,
-    capHeight: number$b,
+    capHeight: number$a,
     className: spaceSeparated,
     clip: null,
     clipPath: null,
@@ -73557,26 +73557,26 @@ const svg$1 = create$c({
     d: null,
     dataType: null,
     defaultAction: null,
-    descent: number$b,
-    diffuseConstant: number$b,
+    descent: number$a,
+    diffuseConstant: number$a,
     direction: null,
     display: null,
     dur: null,
-    divisor: number$b,
+    divisor: number$a,
     dominantBaseline: null,
     download: boolean,
     dx: null,
     dy: null,
     edgeMode: null,
     editable: null,
-    elevation: number$b,
+    elevation: number$a,
     enableBackground: null,
     end: null,
     event: null,
-    exponent: number$b,
+    exponent: number$a,
     externalResourcesRequired: null,
     fill: null,
-    fillOpacity: number$b,
+    fillOpacity: number$a,
     fillRule: null,
     filter: null,
     filterRes: null,
@@ -73606,27 +73606,27 @@ const svg$1 = create$c({
     gradientTransform: null,
     gradientUnits: null,
     handler: null,
-    hanging: number$b,
+    hanging: number$a,
     hatchContentUnits: null,
     hatchUnits: null,
     height: null,
     href: null,
     hrefLang: null,
-    horizAdvX: number$b,
-    horizOriginX: number$b,
-    horizOriginY: number$b,
+    horizAdvX: number$a,
+    horizOriginX: number$a,
+    horizOriginY: number$a,
     id: null,
-    ideographic: number$b,
+    ideographic: number$a,
     imageRendering: null,
     initialVisibility: null,
     in: null,
     in2: null,
-    intercept: number$b,
-    k: number$b,
-    k1: number$b,
-    k2: number$b,
-    k3: number$b,
-    k4: number$b,
+    intercept: number$a,
+    k: number$a,
+    k1: number$a,
+    k2: number$a,
+    k3: number$a,
+    k4: number$a,
     kernelMatrix: commaOrSpaceSeparated,
     kernelUnitLength: null,
     keyPoints: null,
@@ -73640,7 +73640,7 @@ const svg$1 = create$c({
     lengthAdjust: null,
     letterSpacing: null,
     lightingColor: null,
-    limitingConeAngle: number$b,
+    limitingConeAngle: number$a,
     local: null,
     markerEnd: null,
     markerMid: null,
@@ -73656,7 +73656,7 @@ const svg$1 = create$c({
     media: null,
     mediaCharacterEncoding: null,
     mediaContentEncodings: null,
-    mediaSize: number$b,
+    mediaSize: number$a,
     mediaTime: null,
     method: null,
     min: null,
@@ -73762,12 +73762,12 @@ const svg$1 = create$c({
     origin: null,
     overflow: null,
     overlay: null,
-    overlinePosition: number$b,
-    overlineThickness: number$b,
+    overlinePosition: number$a,
+    overlineThickness: number$a,
     paintOrder: null,
     panose1: null,
     path: null,
-    pathLength: number$b,
+    pathLength: number$a,
     patternContentUnits: null,
     patternTransform: null,
     patternUnits: null,
@@ -73777,9 +73777,9 @@ const svg$1 = create$c({
     playbackOrder: null,
     pointerEvents: null,
     points: null,
-    pointsAtX: number$b,
-    pointsAtY: number$b,
-    pointsAtZ: number$b,
+    pointsAtX: number$a,
+    pointsAtY: number$a,
+    pointsAtZ: number$a,
     preserveAlpha: null,
     preserveAspectRatio: null,
     primitiveUnits: null,
@@ -73811,8 +73811,8 @@ const svg$1 = create$c({
     side: null,
     slope: null,
     snapshotTime: null,
-    specularConstant: number$b,
-    specularExponent: number$b,
+    specularConstant: number$a,
+    specularExponent: number$a,
     spreadMethod: null,
     spacing: null,
     startOffset: null,
@@ -73822,30 +73822,30 @@ const svg$1 = create$c({
     stitchTiles: null,
     stopColor: null,
     stopOpacity: null,
-    strikethroughPosition: number$b,
-    strikethroughThickness: number$b,
+    strikethroughPosition: number$a,
+    strikethroughThickness: number$a,
     string: null,
     stroke: null,
     strokeDashArray: commaOrSpaceSeparated,
     strokeDashOffset: null,
     strokeLineCap: null,
     strokeLineJoin: null,
-    strokeMiterLimit: number$b,
-    strokeOpacity: number$b,
+    strokeMiterLimit: number$a,
+    strokeOpacity: number$a,
     strokeWidth: null,
     style: null,
-    surfaceScale: number$b,
+    surfaceScale: number$a,
     syncBehavior: null,
     syncBehaviorDefault: null,
     syncMaster: null,
     syncTolerance: null,
     syncToleranceDefault: null,
     systemLanguage: commaOrSpaceSeparated,
-    tabIndex: number$b,
+    tabIndex: number$a,
     tableValues: null,
     target: null,
-    targetX: number$b,
-    targetY: number$b,
+    targetX: number$a,
+    targetY: number$a,
     textAnchor: null,
     textDecoration: null,
     textRendering: null,
@@ -73860,22 +73860,22 @@ const svg$1 = create$c({
     transformOrigin: null,
     u1: null,
     u2: null,
-    underlinePosition: number$b,
-    underlineThickness: number$b,
+    underlinePosition: number$a,
+    underlineThickness: number$a,
     unicode: null,
     unicodeBidi: null,
     unicodeRange: null,
-    unitsPerEm: number$b,
+    unitsPerEm: number$a,
     values: null,
-    vAlphabetic: number$b,
-    vMathematical: number$b,
+    vAlphabetic: number$a,
+    vMathematical: number$a,
     vectorEffect: null,
-    vHanging: number$b,
-    vIdeographic: number$b,
+    vHanging: number$a,
+    vIdeographic: number$a,
     version: null,
-    vertAdvY: number$b,
-    vertOriginX: number$b,
-    vertOriginY: number$b,
+    vertAdvY: number$a,
+    vertOriginX: number$a,
+    vertOriginY: number$a,
     viewBox: null,
     viewTarget: null,
     visibility: null,
@@ -73887,7 +73887,7 @@ const svg$1 = create$c({
     x1: null,
     x2: null,
     xChannelSelector: null,
-    xHeight: number$b,
+    xHeight: number$a,
     y: null,
     y1: null,
     y2: null,
@@ -84828,7 +84828,7 @@ function treeToExpectedCheckedLevel(currTree, checkedPaths) {
     currTree.tree.forEach((lzn) => {
       const levelZeroPath = [lzn.name];
       const height2 = nodeToHeight(lzn);
-      range$f(height2).forEach((i2) => {
+      range$e(height2).forEach((i2) => {
         const levelIndex = i2 + 1;
         const levelNodePaths = nodeToLevelDescendantNamePaths(lzn, levelIndex, [], true);
         if (isEqual$3(levelNodePaths, checkedPaths)) {
@@ -84901,7 +84901,7 @@ function treeToMembershipMap(currTree) {
   if (currTree) {
     currTree.tree.forEach((lzn) => {
       const height2 = nodeToHeight(lzn);
-      range$f(height2).forEach((i2) => {
+      range$e(height2).forEach((i2) => {
         const levelIndex = i2 + 1;
         const levelNodePaths = nodeToLevelDescendantNamePaths(lzn, levelIndex, [], true);
         levelNodePaths.forEach((setNamePath) => {
@@ -102607,7 +102607,7 @@ function LevelsButtons(props) {
     }
   }
   const { classes: classes2 } = useStyles$t();
-  return jsxRuntimeExports.jsx("div", { className: classes2.levelButtonsContainer, children: range$f(1, height2 + 1).map((i2) => {
+  return jsxRuntimeExports.jsx("div", { className: classes2.levelButtonsContainer, children: range$e(1, height2 + 1).map((i2) => {
     const isChecked = isEqual$3(path2, checkedLevelPath) && i2 === checkedLevelIndex;
     return jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx(HelpTooltip, { title: getLevelTooltipText(i2), children: jsxRuntimeExports.jsx("input", { className: clsx(classes2.levelRadioButton, { [classes2.levelRadioButtonChecked]: isChecked && !hasColorEncoding }), type: "checkbox", value: i2, checked: isChecked && hasColorEncoding, onChange: onCheck }) }) }, i2);
   }) });
@@ -103213,10 +103213,10 @@ function ObsSetsManagerSubscriber(props) {
   ]);
   return jsxRuntimeExports.jsx(TitleInfo, { title: title2, isScroll: true, closeButtonVisible, downloadButtonVisible, removeGridComponent, urls: urls2, theme, isReady, helpText, errors, children: manager2 });
 }
-function ascending$9(a2, b2) {
+function ascending$8(a2, b2) {
   return a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 }
-function bisector$4(f2) {
+function bisector$3(f2) {
   let delta = f2;
   let compare2 = f2;
   if (f2.length === 1) {
@@ -103252,14 +103252,14 @@ function bisector$4(f2) {
   return { left: left2, center: center2, right: right2 };
 }
 function ascendingComparator$1(f2) {
-  return (d, x2) => ascending$9(f2(d), x2);
+  return (d, x2) => ascending$8(f2(d), x2);
 }
-function number$a(x2) {
+function number$9(x2) {
   return x2 === null ? NaN : +x2;
 }
-const ascendingBisect$2 = bisector$4(ascending$9);
-const bisectRight$3 = ascendingBisect$2.right;
-bisector$4(number$a).center;
+const ascendingBisect$1 = bisector$3(ascending$8);
+const bisectRight$2 = ascendingBisect$1.right;
+bisector$3(number$9).center;
 function count$2(values3, valueof) {
   let count2 = 0;
   {
@@ -103478,7 +103478,7 @@ function bin$2() {
     for (i2 = 0; i2 < n3; ++i2) {
       x2 = values3[i2];
       if (x02 <= x2 && x2 <= x12) {
-        bins2[bisectRight$3(tz, x2, 0, m2)].push(data2[i2]);
+        bins2[bisectRight$2(tz, x2, 0, m2)].push(data2[i2]);
       }
     }
     return bins2;
@@ -103516,7 +103516,7 @@ function min$4(values3, valueof) {
   }
   return min2;
 }
-function quantileSorted$1(values3, p, valueof = number$a) {
+function quantileSorted$1(values3, p, valueof = number$9) {
   if (!(n3 = values3.length)) return;
   if ((p = +p) <= 0 || n3 < 2) return +valueof(values3[0], 0, values3);
   if (p >= 1) return +valueof(values3[n3 - 1], n3 - 1, values3);
@@ -142711,7 +142711,7 @@ const defaultGetValue = (points2) => points2.length;
 const MAX_32_BIT_FLOAT = 3402823466e29;
 const defaultGetPoints = (bin2) => bin2.points;
 const defaultGetIndex = (bin2) => bin2.index;
-const ascending$8 = (a2, b2) => a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
+const ascending$7 = (a2, b2) => a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 const defaultProps$w = {
   getValue: defaultGetValue,
   getPoints: defaultGetPoints,
@@ -142795,7 +142795,7 @@ class BinSorter {
   }
   getValueRange(percentileRange) {
     if (!this.sortedBins) {
-      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$8(a2.value, b2.value));
+      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$7(a2.value, b2.value));
     }
     if (!this.sortedBins.length) {
       return [];
@@ -142811,7 +142811,7 @@ class BinSorter {
   }
   getValueDomainByScale(scale2, [lower2 = 0, upper = 100] = []) {
     if (!this.sortedBins) {
-      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$8(a2.value, b2.value));
+      this.sortedBins = this.aggregatedBins.sort((a2, b2) => ascending$7(a2.value, b2.value));
     }
     if (!this.sortedBins.length) {
       return [];
@@ -182586,7 +182586,7 @@ function cartesianNormalizeInPlace$1(d) {
   var l2 = sqrt$5(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]);
   d[0] /= l2, d[1] /= l2, d[2] /= l2;
 }
-var lambda0$3, phi0$1, lambda1$1, phi1$1, lambda2$1, lambda00$4, phi00$4, p0$1, deltaSum$1 = adder(), ranges$1, range$c;
+var lambda0$3, phi0$1, lambda1$1, phi1$1, lambda2$1, lambda00$4, phi00$4, p0$1, deltaSum$1 = adder(), ranges$1, range$b;
 var boundsStream$3 = {
   point: boundsPoint$3,
   lineStart: boundsLineStart$1,
@@ -182606,11 +182606,11 @@ var boundsStream$3 = {
     if (areaRingSum$3 < 0) lambda0$3 = -(lambda1$1 = 180), phi0$1 = -(phi1$1 = 90);
     else if (deltaSum$1 > epsilon$8) phi1$1 = 90;
     else if (deltaSum$1 < -epsilon$8) phi0$1 = -90;
-    range$c[0] = lambda0$3, range$c[1] = lambda1$1;
+    range$b[0] = lambda0$3, range$b[1] = lambda1$1;
   }
 };
 function boundsPoint$3(lambda, phi2) {
-  ranges$1.push(range$c = [lambda0$3 = lambda, lambda1$1 = lambda]);
+  ranges$1.push(range$b = [lambda0$3 = lambda, lambda1$1 = lambda]);
   if (phi2 < phi0$1) phi0$1 = phi2;
   if (phi2 > phi1$1) phi1$1 = phi2;
 }
@@ -182650,7 +182650,7 @@ function linePoint$1(lambda, phi2) {
       }
     }
   } else {
-    ranges$1.push(range$c = [lambda0$3 = lambda, lambda1$1 = lambda]);
+    ranges$1.push(range$b = [lambda0$3 = lambda, lambda1$1 = lambda]);
   }
   if (phi2 < phi0$1) phi0$1 = phi2;
   if (phi2 > phi1$1) phi1$1 = phi2;
@@ -182660,7 +182660,7 @@ function boundsLineStart$1() {
   boundsStream$3.point = linePoint$1;
 }
 function boundsLineEnd$1() {
-  range$c[0] = lambda0$3, range$c[1] = lambda1$1;
+  range$b[0] = lambda0$3, range$b[1] = lambda1$1;
   boundsStream$3.point = boundsPoint$3;
   p0$1 = null;
 }
@@ -182681,7 +182681,7 @@ function boundsRingEnd$1() {
   boundsRingPoint$1(lambda00$4, phi00$4);
   areaStream$3.lineEnd();
   if (abs$5(deltaSum$1) > epsilon$8) lambda0$3 = -(lambda1$1 = 180);
-  range$c[0] = lambda0$3, range$c[1] = lambda1$1;
+  range$b[0] = lambda0$3, range$b[1] = lambda1$1;
   p0$1 = null;
 }
 function angle$1(lambda02, lambda12) {
@@ -182714,7 +182714,7 @@ function bounds$2(feature2) {
       if ((delta = angle$1(a2[1], b2[0])) > deltaMax) deltaMax = delta, lambda0$3 = b2[0], lambda1$1 = a2[1];
     }
   }
-  ranges$1 = range$c = null;
+  ranges$1 = range$b = null;
   return lambda0$3 === Infinity || phi0$1 === Infinity ? [[NaN, NaN], [NaN, NaN]] : [[lambda0$3, phi0$1], [lambda1$1, phi1$1]];
 }
 var W0$1, W1$1, X0$3, Y0$3, Z0$3, X1$3, Y1$3, Z1$3, X2$4, Y2$4, Z2$3, lambda00$3, phi00$3, x0$9, y0$9, z0$1;
@@ -183060,10 +183060,10 @@ function link$1(array2) {
   a2.n = b2 = array2[0];
   b2.p = a2;
 }
-function ascending$7(a2, b2) {
+function ascending$6(a2, b2) {
   return a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 }
-function bisector$3(compare2) {
+function bisector$2(compare2) {
   if (compare2.length === 1) compare2 = ascendingComparator(compare2);
   return {
     left: function(a2, x2, lo, hi) {
@@ -183090,11 +183090,11 @@ function bisector$3(compare2) {
 }
 function ascendingComparator(f2) {
   return function(d, x2) {
-    return ascending$7(f2(d), x2);
+    return ascending$6(f2(d), x2);
   };
 }
-bisector$3(ascending$7);
-function range$b(start2, stop3, step) {
+bisector$2(ascending$6);
+function range$a(start2, stop3, step) {
   start2 = +start2, stop3 = +stop3, step = (n3 = arguments.length) < 2 ? (stop3 = start2, start2 = 0, 1) : n3 < 3 ? 1 : +step;
   var i2 = -1, n3 = Math.max(0, Math.ceil((stop3 - start2) / step)) | 0, range2 = new Array(n3);
   while (++i2 < n3) {
@@ -183376,7 +183376,7 @@ function contains$2(object2, point2) {
   return (object2 && containsObjectType.hasOwnProperty(object2.type) ? containsObjectType[object2.type] : containsGeometry)(object2, point2);
 }
 function graticuleX$1(y02, y12, dy) {
-  var y2 = range$b(y02, y12 - epsilon$8, dy).concat(y12);
+  var y2 = range$a(y02, y12 - epsilon$8, dy).concat(y12);
   return function(x2) {
     return y2.map(function(y22) {
       return [x2, y22];
@@ -183384,7 +183384,7 @@ function graticuleX$1(y02, y12, dy) {
   };
 }
 function graticuleY$1(x02, x12, dx) {
-  var x2 = range$b(x02, x12 - epsilon$8, dx).concat(x12);
+  var x2 = range$a(x02, x12 - epsilon$8, dx).concat(x12);
   return function(y2) {
     return x2.map(function(x22) {
       return [x22, y2];
@@ -183397,9 +183397,9 @@ function graticule$1() {
     return { type: "MultiLineString", coordinates: lines() };
   }
   function lines() {
-    return range$b(ceil$3(X02 / DX) * DX, X12, DX).map(X3).concat(range$b(ceil$3(Y02 / DY) * DY, Y12, DY).map(Y3)).concat(range$b(ceil$3(x02 / dx) * dx, x12, dx).filter(function(x22) {
+    return range$a(ceil$3(X02 / DX) * DX, X12, DX).map(X3).concat(range$a(ceil$3(Y02 / DY) * DY, Y12, DY).map(Y3)).concat(range$a(ceil$3(x02 / dx) * dx, x12, dx).filter(function(x22) {
       return abs$5(x22 % DX) > epsilon$8;
-    }).map(x2)).concat(range$b(ceil$3(y02 / dy) * dy, y12, dy).filter(function(y22) {
+    }).map(x2)).concat(range$a(ceil$3(y02 / dy) * dy, y12, dy).filter(function(y22) {
       return abs$5(y22 % DY) > epsilon$8;
     }).map(y2));
   }
@@ -209105,22 +209105,22 @@ async function getDecoder(fileDirectory) {
   const Decoder = await importFn();
   return new Decoder(fileDirectory);
 }
-addDecoder([void 0, 1], () => import("./raw-CCF7Hnlb.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-Dq9ewDsx.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-DP5Af32W.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-D4L-VfX8.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-DnYEHHlA.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-Yy00XXjl.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-DUvZwRme.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-Bz6F-bB0.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-BHuVu6ka.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-CLckyTrz.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-xK3UlYuK.js").then(async (m2) => {
+  () => import("./lerc-C0S_lxM2.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-mUI4EmOE.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-Y7ICR65G.js").then((m2) => m2.default));
 function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
   return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
 }
@@ -212161,7 +212161,7 @@ const Z_FIXED = 4;
 const Z_BINARY = 0;
 const Z_TEXT = 1;
 const Z_UNKNOWN = 2;
-function zero$6(buf) {
+function zero$5(buf) {
   let len2 = buf.length;
   while (--len2 >= 0) {
     buf[len2] = 0;
@@ -212200,17 +212200,17 @@ const extra_blbits = (
 const bl_order = new Uint8Array([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]);
 const DIST_CODE_LEN = 512;
 const static_ltree = new Array((L_CODES + 2) * 2);
-zero$6(static_ltree);
+zero$5(static_ltree);
 const static_dtree = new Array(D_CODES * 2);
-zero$6(static_dtree);
+zero$5(static_dtree);
 const _dist_code = new Array(DIST_CODE_LEN);
-zero$6(_dist_code);
+zero$5(_dist_code);
 const _length_code = new Array(MAX_MATCH - MIN_MATCH + 1);
-zero$6(_length_code);
+zero$5(_length_code);
 const base_length = new Array(LENGTH_CODES);
-zero$6(base_length);
+zero$5(base_length);
 const base_dist = new Array(D_CODES);
-zero$6(base_dist);
+zero$5(base_dist);
 function StaticTreeDesc(static_tree, extra_bits, extra_base, elems, max_length) {
   this.static_tree = static_tree;
   this.extra_bits = extra_bits;
@@ -220076,7 +220076,7 @@ const channels = {
   },
   fs: fs$2
 };
-function range$a(len2) {
+function range$9(len2) {
   return [...Array(len2).keys()];
 }
 function padWithDefault$2(arr, defaultValue2, padWidth) {
@@ -221176,7 +221176,7 @@ const ScaleBarLayer = class extends CompositeLayer {
       sizeScale: 2 ** -zoom2,
       characterSet: [
         ...displayUnit.split(""),
-        ...range$a(10).map((i2) => String(i2)),
+        ...range$9(10).map((i2) => String(i2)),
         ".",
         "e",
         "+"
@@ -222615,7 +222615,7 @@ class BitmaskLayer2 extends XRLayer {
     } = this.state;
     if (textures && model) {
       const scaleFactor = 1 / 2 ** (maxZoom - zoom2);
-      const colors2 = Object.fromEntries(range$f(MAX_CHANNELS).map((i2) => [`color${i2}`, getColor(channelColors[i2])]));
+      const colors2 = Object.fromEntries(range$e(MAX_CHANNELS).map((i2) => [`color${i2}`, getColor(channelColors[i2])]));
       model.setUniforms(Object.assign({}, uniforms, {
         ...colors2,
         // Bitmask image channel data textures
@@ -225804,7 +225804,7 @@ class ContourLayerWithText extends ContourLayer {
       let minCirclePointI;
       let minPolygonPoint;
       const numVertices = maxAreaPolygon.geometry.coordinates[0].length;
-      const polygonVertices = numVertices > MAX_NUM_VERTICES ? range$f(MAX_NUM_VERTICES).map((i2) => maxAreaPolygon.geometry.coordinates[0][Math.floor(i2 * numVertices / MAX_NUM_VERTICES)]) : [...maxAreaPolygon.geometry.coordinates[0]];
+      const polygonVertices = numVertices > MAX_NUM_VERTICES ? range$e(MAX_NUM_VERTICES).map((i2) => maxAreaPolygon.geometry.coordinates[0][Math.floor(i2 * numVertices / MAX_NUM_VERTICES)]) : [...maxAreaPolygon.geometry.coordinates[0]];
       circlePolygon.geometry.coordinates[0].forEach((circleCoord, circlePointI) => {
         const circlePoint = point$9(circleCoord);
         polygonVertices.forEach((polyCoord) => {
@@ -226224,7 +226224,7 @@ function createQuadTree(obsEmbedding, getCellCoords) {
   if (!obsEmbedding) {
     return null;
   }
-  const tree2 = quadtree$1().x((i2) => getCellCoords(i2)[0]).y((i2) => getCellCoords(i2)[1]).addAll(range$f(obsEmbedding.shape[1]));
+  const tree2 = quadtree$1().x((i2) => getCellCoords(i2)[0]).y((i2) => getCellCoords(i2)[1]).addAll(range$e(obsEmbedding.shape[1]));
   return tree2;
 }
 function constant$6(v) {
@@ -226332,8 +226332,14 @@ function forceCollideRects() {
   };
   return force2;
 }
-function getPointSizeDevicePixels(devicePixelRatio2, zoom2, xRange, yRange, width2, height2) {
-  const pointSize = 5e-4;
+const BASE_POINT_SIZE = 5;
+const LARGE_DATASET_CELL_COUNT = 1e4;
+const SMALL_DATASET_CELL_COUNT = 100;
+function getInitialPointSize(numCells = LARGE_DATASET_CELL_COUNT) {
+  return BASE_POINT_SIZE / clamp$8(numCells, SMALL_DATASET_CELL_COUNT, LARGE_DATASET_CELL_COUNT);
+}
+function getPointSizeDevicePixels(devicePixelRatio2, zoom2, xRange, yRange, width2, height2, numCells) {
+  const pointSize = getInitialPointSize(numCells);
   const pointScreenSizeMax = 10;
   const pointScreenSizeMin = 1 / devicePixelRatio2;
   const scaleFactor = 2 ** zoom2;
@@ -227529,7 +227535,7 @@ function selection_order() {
   return this;
 }
 function selection_sort(compare2) {
-  if (!compare2) compare2 = ascending$6;
+  if (!compare2) compare2 = ascending$5;
   function compareNode(a2, b2) {
     return a2 && b2 ? compare2(a2.__data__, b2.__data__) : !a2 - !b2;
   }
@@ -227543,7 +227549,7 @@ function selection_sort(compare2) {
   }
   return new Selection(sortgroups, this._parents).order();
 }
-function ascending$6(a2, b2) {
+function ascending$5(a2, b2) {
   return a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 }
 function selection_call() {
@@ -227952,20 +227958,20 @@ Selection.prototype = {
 function select$1(selector2) {
   return typeof selector2 === "string" ? new Selection([[document.querySelector(selector2)]], [document.documentElement]) : new Selection([[selector2]], root$2);
 }
-function ascending$5(a2, b2) {
+function ascending$4(a2, b2) {
   return a2 == null || b2 == null ? NaN : a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 }
-function descending$2(a2, b2) {
+function descending$1(a2, b2) {
   return a2 == null || b2 == null ? NaN : b2 < a2 ? -1 : b2 > a2 ? 1 : b2 >= a2 ? 0 : NaN;
 }
-function bisector$2(f2) {
+function bisector$1(f2) {
   let compare12, compare2, delta;
   if (f2.length !== 2) {
-    compare12 = ascending$5;
-    compare2 = (d, x2) => ascending$5(f2(d), x2);
+    compare12 = ascending$4;
+    compare2 = (d, x2) => ascending$4(f2(d), x2);
     delta = (d, x2) => f2(d) - x2;
   } else {
-    compare12 = f2 === ascending$5 || f2 === descending$2 ? f2 : zero$5;
+    compare12 = f2 === ascending$4 || f2 === descending$1 ? f2 : zero$4;
     compare2 = f2;
     delta = f2;
   }
@@ -227997,10 +228003,10 @@ function bisector$2(f2) {
   }
   return { left: left2, center: center2, right: right2 };
 }
-function zero$5() {
+function zero$4() {
   return 0;
 }
-function number$9(x2) {
+function number$8(x2) {
   return x2 === null ? NaN : +x2;
 }
 function* numbers$4(values3, valueof) {
@@ -228019,10 +228025,10 @@ function* numbers$4(values3, valueof) {
     }
   }
 }
-const ascendingBisect$1 = bisector$2(ascending$5);
-const bisectRight$2 = ascendingBisect$1.right;
-const bisectLeft$1 = ascendingBisect$1.left;
-bisector$2(number$9).center;
+const ascendingBisect = bisector$1(ascending$4);
+const bisectRight$1 = ascendingBisect.right;
+const bisectLeft$1 = ascendingBisect.left;
+bisector$1(number$8).center;
 function variance(values3, valueof) {
   let count2 = 0;
   let delta;
@@ -228093,8 +228099,8 @@ class Adder {
 function permute(source2, keys2) {
   return Array.from(keys2, (key2) => source2[key2]);
 }
-function compareDefined(compare2 = ascending$5) {
-  if (compare2 === ascending$5) return ascendingDefined;
+function compareDefined(compare2 = ascending$4) {
+  if (compare2 === ascending$4) return ascendingDefined;
   if (typeof compare2 !== "function") throw new TypeError("compare is not a function");
   return (a2, b2) => {
     const x2 = compare2(a2, b2);
@@ -228105,40 +228111,51 @@ function compareDefined(compare2 = ascending$5) {
 function ascendingDefined(a2, b2) {
   return (a2 == null || !(a2 >= a2)) - (b2 == null || !(b2 >= b2)) || (a2 < b2 ? -1 : a2 > b2 ? 1 : 0);
 }
-var e10 = Math.sqrt(50), e5 = Math.sqrt(10), e2 = Math.sqrt(2);
+const e10 = Math.sqrt(50), e5 = Math.sqrt(10), e2 = Math.sqrt(2);
+function tickSpec(start2, stop3, count2) {
+  const step = (stop3 - start2) / Math.max(0, count2), power = Math.floor(Math.log10(step)), error2 = step / Math.pow(10, power), factor = error2 >= e10 ? 10 : error2 >= e5 ? 5 : error2 >= e2 ? 2 : 1;
+  let i1, i2, inc;
+  if (power < 0) {
+    inc = Math.pow(10, -power) / factor;
+    i1 = Math.round(start2 * inc);
+    i2 = Math.round(stop3 * inc);
+    if (i1 / inc < start2) ++i1;
+    if (i2 / inc > stop3) --i2;
+    inc = -inc;
+  } else {
+    inc = Math.pow(10, power) * factor;
+    i1 = Math.round(start2 / inc);
+    i2 = Math.round(stop3 / inc);
+    if (i1 * inc < start2) ++i1;
+    if (i2 * inc > stop3) --i2;
+  }
+  if (i2 < i1 && 0.5 <= count2 && count2 < 2) return tickSpec(start2, stop3, count2 * 2);
+  return [i1, i2, inc];
+}
 function ticks(start2, stop3, count2) {
-  var reverse2, i2 = -1, n3, ticks2, step;
   stop3 = +stop3, start2 = +start2, count2 = +count2;
-  if (start2 === stop3 && count2 > 0) return [start2];
-  if (reverse2 = stop3 < start2) n3 = start2, start2 = stop3, stop3 = n3;
-  if ((step = tickIncrement(start2, stop3, count2)) === 0 || !isFinite(step)) return [];
-  if (step > 0) {
-    let r0 = Math.round(start2 / step), r1 = Math.round(stop3 / step);
-    if (r0 * step < start2) ++r0;
-    if (r1 * step > stop3) --r1;
-    ticks2 = new Array(n3 = r1 - r0 + 1);
-    while (++i2 < n3) ticks2[i2] = (r0 + i2) * step;
+  if (!(count2 > 0)) return [];
+  if (start2 === stop3) return [start2];
+  const reverse2 = stop3 < start2, [i1, i2, inc] = reverse2 ? tickSpec(stop3, start2, count2) : tickSpec(start2, stop3, count2);
+  if (!(i2 >= i1)) return [];
+  const n3 = i2 - i1 + 1, ticks2 = new Array(n3);
+  if (reverse2) {
+    if (inc < 0) for (let i3 = 0; i3 < n3; ++i3) ticks2[i3] = (i2 - i3) / -inc;
+    else for (let i3 = 0; i3 < n3; ++i3) ticks2[i3] = (i2 - i3) * inc;
   } else {
-    step = -step;
-    let r0 = Math.round(start2 * step), r1 = Math.round(stop3 * step);
-    if (r0 / step < start2) ++r0;
-    if (r1 / step > stop3) --r1;
-    ticks2 = new Array(n3 = r1 - r0 + 1);
-    while (++i2 < n3) ticks2[i2] = (r0 + i2) / step;
+    if (inc < 0) for (let i3 = 0; i3 < n3; ++i3) ticks2[i3] = (i1 + i3) / -inc;
+    else for (let i3 = 0; i3 < n3; ++i3) ticks2[i3] = (i1 + i3) * inc;
   }
-  if (reverse2) ticks2.reverse();
   return ticks2;
 }
 function tickIncrement(start2, stop3, count2) {
-  var step = (stop3 - start2) / Math.max(0, count2), power = Math.floor(Math.log(step) / Math.LN10), error2 = step / Math.pow(10, power);
-  return power >= 0 ? (error2 >= e10 ? 10 : error2 >= e5 ? 5 : error2 >= e2 ? 2 : 1) * Math.pow(10, power) : -Math.pow(10, -power) / (error2 >= e10 ? 10 : error2 >= e5 ? 5 : error2 >= e2 ? 2 : 1);
+  stop3 = +stop3, start2 = +start2, count2 = +count2;
+  return tickSpec(start2, stop3, count2)[2];
 }
 function tickStep(start2, stop3, count2) {
-  var step0 = Math.abs(stop3 - start2) / Math.max(0, count2), step1 = Math.pow(10, Math.floor(Math.log(step0) / Math.LN10)), error2 = step0 / step1;
-  if (error2 >= e10) step1 *= 10;
-  else if (error2 >= e5) step1 *= 5;
-  else if (error2 >= e2) step1 *= 2;
-  return stop3 < start2 ? -step1 : step1;
+  stop3 = +stop3, start2 = +start2, count2 = +count2;
+  const reverse2 = stop3 < start2, inc = reverse2 ? tickIncrement(stop3, start2, count2) : tickIncrement(start2, stop3, count2);
+  return (reverse2 ? -1 : 1) * (inc < 0 ? 1 / -inc : inc);
 }
 function max$3(values3, valueof) {
   let max2;
@@ -228176,7 +228193,11 @@ function min$3(values3, valueof) {
   }
   return min2;
 }
-function quickselect(array2, k, left2 = 0, right2 = array2.length - 1, compare2) {
+function quickselect(array2, k, left2 = 0, right2 = Infinity, compare2) {
+  k = Math.floor(k);
+  left2 = Math.floor(Math.max(0, left2));
+  right2 = Math.floor(Math.min(array2.length - 1, right2));
+  if (!(left2 <= k && k <= right2)) return array2;
   compare2 = compare2 === void 0 ? ascendingDefined : compareDefined(compare2);
   while (right2 > left2) {
     if (right2 - left2 > 600) {
@@ -228213,15 +228234,15 @@ function swap$1(array2, i2, j) {
 }
 function quantile$1(values3, p, valueof) {
   values3 = Float64Array.from(numbers$4(values3, valueof));
-  if (!(n3 = values3.length)) return;
-  if ((p = +p) <= 0 || n3 < 2) return min$3(values3);
+  if (!(n3 = values3.length) || isNaN(p = +p)) return;
+  if (p <= 0 || n3 < 2) return min$3(values3);
   if (p >= 1) return max$3(values3);
   var n3, i2 = (n3 - 1) * p, i0 = Math.floor(i2), value0 = max$3(quickselect(values3, i0).subarray(0, i0 + 1)), value1 = min$3(values3.subarray(i0 + 1));
   return value0 + (value1 - value0) * (i2 - i0);
 }
-function quantileSorted(values3, p, valueof = number$9) {
-  if (!(n3 = values3.length)) return;
-  if ((p = +p) <= 0 || n3 < 2) return +valueof(values3[0], 0, values3);
+function quantileSorted(values3, p, valueof = number$8) {
+  if (!(n3 = values3.length) || isNaN(p = +p)) return;
+  if (p <= 0 || n3 < 2) return +valueof(values3[0], 0, values3);
   if (p >= 1) return +valueof(values3[n3 - 1], n3 - 1, values3);
   var n3, i2 = (n3 - 1) * p, i0 = Math.floor(i2), value0 = +valueof(values3[i0], i0, values3), value1 = +valueof(values3[i0 + 1], i0 + 1, values3);
   return value0 + (value1 - value0) * (i2 - i0);
@@ -228256,7 +228277,7 @@ function* flatten$2(arrays) {
 function merge$3(arrays) {
   return Array.from(flatten$2(arrays));
 }
-function range$9(start2, stop3, step) {
+function range$8(start2, stop3, step) {
   start2 = +start2, stop3 = +stop3, step = (n3 = arguments.length) < 2 ? (stop3 = start2, start2 = 0, 1) : n3 < 3 ? 1 : +step;
   var i2 = -1, n3 = Math.max(0, Math.ceil((stop3 - start2) / step)) | 0, range2 = new Array(n3);
   while (++i2 < n3) {
@@ -228927,7 +228948,7 @@ function object$1(a2, b2) {
   };
 }
 var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, reB = new RegExp(reA.source, "g");
-function zero$4(b2) {
+function zero$3(b2) {
   return function() {
     return b2;
   };
@@ -228960,7 +228981,7 @@ function string(a2, b2) {
     if (s2[i2]) s2[i2] += bs;
     else s2[++i2] = bs;
   }
-  return s2.length < 2 ? q[0] ? one$2(q[0].x) : zero$4(b2) : (b2 = q.length, function(t4) {
+  return s2.length < 2 ? q[0] ? one$2(q[0].x) : zero$3(b2) : (b2 = q.length, function(t4) {
     for (var i22 = 0, o2; i22 < b2; ++i22) s2[(o2 = q[i22]).i] = o2.x(t4);
     return s2.join("");
   });
@@ -229226,7 +229247,7 @@ function constants$1(x2) {
     return x2;
   };
 }
-function number$8(x2) {
+function number$7(x2) {
   return +x2;
 }
 var unit$1 = [0, 1];
@@ -229264,7 +229285,7 @@ function polymap(domain2, range2, interpolate2) {
     r3[i2] = interpolate2(range2[i2], range2[i2 + 1]);
   }
   return function(x2) {
-    var i22 = bisectRight$2(domain2, x2, 1, j) - 1;
+    var i22 = bisectRight$1(domain2, x2, 1, j) - 1;
     return r3[i22](d[i22](x2));
   };
 }
@@ -229287,7 +229308,7 @@ function transformer$3() {
     return clamp2(untransform((input || (input = piecewise2(range2, domain2.map(transform3), interpolateNumber)))(y2)));
   };
   scale2.domain = function(_) {
-    return arguments.length ? (domain2 = Array.from(_, number$8), rescale()) : domain2.slice();
+    return arguments.length ? (domain2 = Array.from(_, number$7), rescale()) : domain2.slice();
   };
   scale2.range = function(_) {
     return arguments.length ? (range2 = Array.from(_), rescale()) : range2.slice();
@@ -229607,7 +229628,7 @@ function identity$6(domain2) {
   }
   scale2.invert = scale2;
   scale2.domain = scale2.range = function(_) {
-    return arguments.length ? (domain2 = Array.from(_, number$8), scale2) : domain2.slice();
+    return arguments.length ? (domain2 = Array.from(_, number$7), scale2) : domain2.slice();
   };
   scale2.unknown = function(_) {
     return arguments.length ? (unknown = _, scale2) : unknown;
@@ -229615,7 +229636,7 @@ function identity$6(domain2) {
   scale2.copy = function() {
     return identity$6(domain2).unknown(unknown);
   };
-  domain2 = arguments.length ? Array.from(domain2, number$8) : [0, 1];
+  domain2 = arguments.length ? Array.from(domain2, number$7) : [0, 1];
   return linearish(scale2);
 }
 function nice$1(domain2, interval2) {
@@ -229805,7 +229826,7 @@ function quantile() {
     return scale2;
   }
   function scale2(x2) {
-    return x2 == null || isNaN(x2 = +x2) ? unknown : range2[bisectRight$2(thresholds, x2)];
+    return x2 == null || isNaN(x2 = +x2) ? unknown : range2[bisectRight$1(thresholds, x2)];
   }
   scale2.invertExtent = function(y2) {
     var i2 = range2.indexOf(y2);
@@ -229818,7 +229839,7 @@ function quantile() {
     if (!arguments.length) return domain2.slice();
     domain2 = [];
     for (let d of _) if (d != null && !isNaN(d = +d)) domain2.push(d);
-    domain2.sort(ascending$5);
+    domain2.sort(ascending$4);
     return rescale();
   };
   scale2.range = function(_) {
@@ -229838,7 +229859,7 @@ function quantile() {
 function quantize$2() {
   var x02 = 0, x12 = 1, n3 = 1, domain2 = [0.5], range2 = [0, 1], unknown;
   function scale2(x2) {
-    return x2 != null && x2 <= x2 ? range2[bisectRight$2(domain2, x2, 0, n3)] : unknown;
+    return x2 != null && x2 <= x2 ? range2[bisectRight$1(domain2, x2, 0, n3)] : unknown;
   }
   function rescale() {
     var i2 = -1;
@@ -229870,7 +229891,7 @@ function quantize$2() {
 function threshold() {
   var domain2 = [0.5], range2 = [0, 1], unknown, n3 = 1;
   function scale2(x2) {
-    return x2 != null && x2 <= x2 ? range2[bisectRight$2(domain2, x2, 0, n3)] : unknown;
+    return x2 != null && x2 <= x2 ? range2[bisectRight$1(domain2, x2, 0, n3)] : unknown;
   }
   scale2.domain = function(_) {
     return arguments.length ? (domain2 = Array.from(_), n3 = Math.min(domain2.length, range2.length - 1), scale2) : domain2.slice();
@@ -230184,7 +230205,7 @@ function ticker(year2, month2, week2, day2, hour2, minute2) {
   }
   function tickInterval(start2, stop3, count2) {
     const target2 = Math.abs(stop3 - start2) / count2;
-    const i2 = bisector$2(([, , step2]) => step2).right(tickIntervals, target2);
+    const i2 = bisector$1(([, , step2]) => step2).right(tickIntervals, target2);
     if (i2 === tickIntervals.length) return year2.every(tickStep(start2 / durationYear$1, stop3 / durationYear$1, count2));
     if (i2 === 0) return millisecond.every(Math.max(tickStep(start2, stop3, count2), 1));
     const [t4, step] = tickIntervals[target2 / tickIntervals[i2 - 1][2] < tickIntervals[i2][2] / target2 ? i2 - 1 : i2];
@@ -230756,7 +230777,7 @@ function defaultLocale$1(definition2) {
 function date(t4) {
   return new Date(t4);
 }
-function number$7(t4) {
+function number$6(t4) {
   return t4 instanceof Date ? +t4 : +/* @__PURE__ */ new Date(+t4);
 }
 function calendar(ticks2, tickInterval, year2, month2, week2, day2, hour2, minute2, second2, format2) {
@@ -230769,7 +230790,7 @@ function calendar(ticks2, tickInterval, year2, month2, week2, day2, hour2, minut
     return new Date(invert2(y2));
   };
   scale2.domain = function(_) {
-    return arguments.length ? domain2(Array.from(_, number$7)) : domain2().map(date);
+    return arguments.length ? domain2(Array.from(_, number$6)) : domain2().map(date);
   };
   scale2.ticks = function(interval2) {
     var d = domain2();
@@ -230929,7 +230950,7 @@ function translateX(x2) {
 function translateY(y2) {
   return "translate(0," + y2 + ")";
 }
-function number$6(scale2) {
+function number$5(scale2) {
   return (d) => +scale2(d);
 }
 function center(scale2, offset2) {
@@ -230943,7 +230964,7 @@ function entering() {
 function axis(orient2, scale2) {
   var tickArguments = [], tickValues2 = null, tickFormat2 = null, tickSizeInner = 6, tickSizeOuter = 6, tickPadding = 3, offset2 = typeof window !== "undefined" && window.devicePixelRatio > 1 ? 0 : 0.5, k = orient2 === top || orient2 === left ? -1 : 1, x2 = orient2 === left || orient2 === right ? "x" : "y", transform3 = orient2 === top || orient2 === bottom ? translateX : translateY;
   function axis2(context2) {
-    var values3 = tickValues2 == null ? scale2.ticks ? scale2.ticks.apply(scale2, tickArguments) : scale2.domain() : tickValues2, format2 = tickFormat2 == null ? scale2.tickFormat ? scale2.tickFormat.apply(scale2, tickArguments) : identity$5 : tickFormat2, spacing2 = Math.max(tickSizeInner, 0) + tickPadding, range2 = scale2.range(), range0 = +range2[0] + offset2, range1 = +range2[range2.length - 1] + offset2, position2 = (scale2.bandwidth ? center : number$6)(scale2.copy(), offset2), selection = context2.selection ? context2.selection() : context2, path2 = selection.selectAll(".domain").data([null]), tick2 = selection.selectAll(".tick").data(values3, scale2).order(), tickExit = tick2.exit(), tickEnter = tick2.enter().append("g").attr("class", "tick"), line2 = tick2.select("line"), text2 = tick2.select("text");
+    var values3 = tickValues2 == null ? scale2.ticks ? scale2.ticks.apply(scale2, tickArguments) : scale2.domain() : tickValues2, format2 = tickFormat2 == null ? scale2.tickFormat ? scale2.tickFormat.apply(scale2, tickArguments) : identity$5 : tickFormat2, spacing2 = Math.max(tickSizeInner, 0) + tickPadding, range2 = scale2.range(), range0 = +range2[0] + offset2, range1 = +range2[range2.length - 1] + offset2, position2 = (scale2.bandwidth ? center : number$5)(scale2.copy(), offset2), selection = context2.selection ? context2.selection() : context2, path2 = selection.selectAll(".domain").data([null]), tick2 = selection.selectAll(".tick").data(values3, scale2).order(), tickExit = tick2.exit(), tickEnter = tick2.enter().append("g").attr("class", "tick"), line2 = tick2.select("line"), text2 = tick2.select("text");
     path2 = path2.merge(path2.enter().insert("path", ".tick").attr("class", "domain").attr("stroke", "currentColor"));
     tick2 = tick2.merge(tickEnter);
     line2 = line2.merge(tickEnter.append("line").attr("stroke", "currentColor").attr(x2 + "2", k * tickSizeInner));
@@ -231076,6 +231097,9 @@ function ramp(color2, n3 = 256) {
   canvas.width = n3;
   canvas.height = 1;
   const context2 = canvas.getContext("2d");
+  if (!context2) {
+    throw new Error("Could not get 2d context from canvas");
+  }
   for (let i2 = 0; i2 < n3; ++i2) {
     context2.fillStyle = color2(i2 / (n3 - 1));
     context2.fillRect(i2, 0, 1, 1);
@@ -231094,6 +231118,8 @@ function getXlinkHref(cmap) {
 }
 const useStyles$p = makeStyles()(() => ({
   legend: {
+    position: "relative",
+    // Needed for absolute positioning of slider overlay
     top: "2px",
     right: "2px",
     fontSize: "10px !important",
@@ -231125,6 +231151,74 @@ const useStyles$p = makeStyles()(() => ({
   },
   legendInvisible: {
     display: "none"
+  },
+  sliderContainer: {
+    position: "absolute",
+    // Position at the colormap location: top offset = titleHeight
+    top: "10px",
+    // titleHeight
+    left: "2px",
+    // Account for parent padding
+    width: "calc(100% - 4px)",
+    // Account for left and right padding
+    height: "8px",
+    // rectHeight
+    "&:hover $sliderThumb": {
+      opacity: 1
+    }
+  },
+  sliderRoot: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "8px",
+    // rectHeight
+    padding: 0,
+    "& .MuiSlider-rail": {
+      display: "none"
+    },
+    "& .MuiSlider-track": {
+      display: "none"
+    },
+    "& .MuiSlider-valueLabel": {
+      fontSize: "9px",
+      padding: "2px 4px",
+      backgroundColor: "rgb(0, 0, 0)",
+      borderRadius: "2px"
+    }
+  },
+  sliderThumb: {
+    width: "4px",
+    height: "12px",
+    borderRadius: "2px",
+    backgroundColor: "white",
+    border: "1px solid black",
+    opacity: 0,
+    transition: "opacity 0.15s ease-in-out",
+    "&:hover, &.Mui-focusVisible": {
+      boxShadow: "0 0 0 4px rgba(0, 0, 0, 0.16)",
+      opacity: 1
+    },
+    "&.Mui-active": {
+      boxShadow: "0 0 0 6px rgba(0, 0, 0, 0.16)",
+      opacity: 1
+    }
+  },
+  colormapImage: {
+    position: "absolute",
+    top: "2px",
+    height: "6px",
+    // rectHeight
+    pointerEvents: "none"
+  },
+  grayTrack: {
+    position: "absolute",
+    top: "2px",
+    height: "6px",
+    // rectHeight
+    backgroundColor: "rgba(128, 128, 128, 0.5)",
+    pointerEvents: "none"
   }
 }));
 const titleHeight = 10;
@@ -231134,21 +231228,23 @@ const rectMarginX = 2;
 function combineExtents(extents, featureAggregationStrategy) {
   if (Array.isArray(extents)) {
     if (Array.isArray(extents?.[0])) {
+      const extentsArray = extents;
       if (featureAggregationStrategy === "first") {
-        return extents[0];
+        return extentsArray[0];
       }
       if (featureAggregationStrategy === "last") {
-        return extents.at(-1);
+        return extentsArray.at(-1) || null;
       }
       if (typeof featureAggregationStrategy === "number") {
         const i2 = featureAggregationStrategy;
-        return extents[i2];
+        return extentsArray[i2];
       }
       if (featureAggregationStrategy === "sum") {
-        return extents.reduce((a2, h2) => [a2[0] + h2[0], a2[1] + h2[1]]);
+        return extentsArray.reduce((a2, h2) => [a2[0] + h2[0], a2[1] + h2[1]]);
       }
       if (featureAggregationStrategy === "mean") {
-        return extents.reduce((a2, h2) => [a2[0] + h2[0], a2[1] + h2[1]]).map((v) => v / extents.length);
+        const sum2 = extentsArray.reduce((a2, h2) => [a2[0] + h2[0], a2[1] + h2[1]]);
+        return [sum2[0] / extentsArray.length, sum2[1] / extentsArray.length];
       }
     } else {
       return extents;
@@ -231162,7 +231258,7 @@ function combineMissings(missings, featureAggregationStrategy) {
       return missings[0];
     }
     if (featureAggregationStrategy === "last") {
-      return missings.at(-1);
+      return missings.at(-1) || null;
     }
     if (typeof featureAggregationStrategy === "number") {
       const i2 = featureAggregationStrategy;
@@ -231178,52 +231274,127 @@ function combineMissings(missings, featureAggregationStrategy) {
   return null;
 }
 function Legend(props) {
-  const { visible: visibleProp, positionRelative = false, highContrast = false, obsType, featureValueType, considerSelections = true, obsColorEncoding, featureSelection, featureLabelsMap, featureValueColormap, featureValueColormapRange, spatialChannelColor, spatialLayerColor, obsSetSelection, obsSetColor, featureAggregationStrategy, extent: extent2, missing, width: width2 = 100, height: height2 = 36, maxHeight: maxHeight2 = null, theme, showObsLabel = false, pointsVisible = true, contoursVisible = false, contoursFilled, contourPercentiles, contourThresholds } = props;
-  const svgRef = useRef();
+  const {
+    visible: visibleProp,
+    positionRelative = false,
+    highContrast = false,
+    obsType,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    featureType: _featureType = void 0,
+    // Unused but accepted for API compatibility
+    featureValueType,
+    considerSelections = true,
+    obsColorEncoding,
+    featureSelection,
+    featureLabelsMap,
+    featureValueColormap,
+    featureValueColormapRange,
+    setFeatureValueColormapRange,
+    spatialChannelColor,
+    spatialLayerColor,
+    obsSetSelection,
+    obsSetColor,
+    featureAggregationStrategy,
+    extent: extent2,
+    missing,
+    width: width2 = 100,
+    height: height2 = 36,
+    maxHeight: maxHeight2 = null,
+    theme,
+    showObsLabel = false,
+    pointsVisible = true,
+    contoursVisible = false,
+    contoursFilled,
+    contourPercentiles,
+    contourThresholds
+  } = props;
+  const svgRef = useRef(null);
   const { classes: classes2 } = useStyles$p();
+  const [localRange, setLocalRange] = useState(featureValueColormapRange);
+  useEffect(() => {
+    setLocalRange(featureValueColormapRange);
+  }, [featureValueColormapRange]);
+  const debouncedSetRange = useMemo$1(() => setFeatureValueColormapRange ? debounce$5((value2) => {
+    setFeatureValueColormapRange(value2);
+  }, 5, { leading: false, trailing: true }) : null, [setFeatureValueColormapRange]);
+  useEffect(() => () => {
+    if (debouncedSetRange) {
+      debouncedSetRange.cancel();
+    }
+  }, [debouncedSetRange]);
+  const handleSliderChange = useCallback((_event, newValue) => {
+    const rangeValue = newValue;
+    setLocalRange(rangeValue);
+    if (debouncedSetRange) {
+      debouncedSetRange(rangeValue);
+    }
+  }, [debouncedSetRange]);
   const isDarkTheme = theme === "dark";
   const isStaticColor = obsColorEncoding === "spatialChannelColor" || obsColorEncoding === "spatialLayerColor";
   const isSetColor = obsColorEncoding === "cellSetSelection";
-  const layerColor = Array.isArray(spatialLayerColor) && spatialLayerColor.length === 3 ? spatialLayerColor : getDefaultColor(theme);
-  const channelColor = Array.isArray(spatialChannelColor) && spatialChannelColor.length === 3 ? spatialChannelColor : getDefaultColor(theme);
+  const layerColor = Array.isArray(spatialLayerColor) && spatialLayerColor.length === 3 ? spatialLayerColor : getDefaultColor(theme ?? "light");
+  const channelColor = Array.isArray(spatialChannelColor) && spatialChannelColor.length === 3 ? spatialChannelColor : getDefaultColor(theme ?? "light");
   const staticColor = obsColorEncoding === "spatialChannelColor" ? channelColor : layerColor;
-  const visible = visibleProp && (!considerSelections || obsColorEncoding === "geneSelection" && featureSelection && Array.isArray(featureSelection) && featureSelection.length >= 1 || isSetColor && obsSetSelection?.length > 0 && obsSetColor?.length > 0 || isStaticColor);
+  const visible = visibleProp && (!considerSelections || ["geneSelection", "geneExpression"].includes(obsColorEncoding ?? "") && featureSelection && Array.isArray(featureSelection) && featureSelection.length >= 1 || isSetColor && (obsSetSelection?.length ?? 0) > 0 && (obsSetColor?.length ?? 0) > 0 || isStaticColor);
   const levelZeroNames = useMemo$1(() => Array.from(new Set(obsSetSelection?.map((setPath) => setPath[0]) || [])), [obsSetSelection]);
-  const dynamicHeight = isSetColor && obsSetSelection ? levelZeroNames.length * titleHeight + obsSetSelection?.length * (rectHeight + rectMarginY) : height2 + (!pointsVisible && contoursVisible ? 25 : 0);
+  const dynamicHeight = isSetColor && obsSetSelection ? levelZeroNames.length * titleHeight + (obsSetSelection?.length ?? 0) * (rectHeight + rectMarginY) : height2 + (!pointsVisible && contoursVisible ? 25 : 0);
   const availHeight = maxHeight2 !== null ? Math.max(0, maxHeight2 - 4) : Infinity;
   const needsScroll = Number.isFinite(availHeight) && dynamicHeight > availHeight + 1;
   useEffect(() => {
     const domElement = svgRef.current;
+    if (!domElement)
+      return;
     const foregroundColor = highContrast ? "black" : isDarkTheme ? "white" : "black";
     const svg2 = select$1(domElement);
     svg2.selectAll("g").remove();
     svg2.attr("width", width2).attr("height", dynamicHeight);
     const g2 = svg2.append("g").attr("width", width2).attr("height", dynamicHeight);
-    if (!considerSelections || obsColorEncoding === "geneSelection") {
-      const [xMin, xMax] = combineExtents(extent2, featureAggregationStrategy) || [0, 1];
+    const showInteractiveSlider2 = setFeatureValueColormapRange && ["geneSelection", "geneExpression"].includes(obsColorEncoding ?? "") && pointsVisible && featureValueColormap;
+    if (!considerSelections || ["geneSelection", "geneExpression"].includes(obsColorEncoding ?? "")) {
+      const combinedExtent = combineExtents(extent2 ?? null, featureAggregationStrategy ?? null) || [0, 1];
+      const [xMin, xMax] = combinedExtent;
       if (featureValueColormap && pointsVisible) {
-        const xlinkHref = getXlinkHref(featureValueColormap);
-        g2.append("image").attr("x", 0).attr("y", titleHeight).attr("width", width2).attr("height", rectHeight).attr("preserveAspectRatio", "none").attr("href", xlinkHref);
-        const [rMin, rMax] = featureValueColormapRange;
+        const xlinkHref2 = getXlinkHref(featureValueColormap);
+        const currentRange = showInteractiveSlider2 ? localRange : featureValueColormapRange;
+        const [rMin, rMax] = currentRange || [0, 1];
+        if (showInteractiveSlider2) ;
+        else if (setFeatureValueColormapRange) {
+          g2.append("image").attr("x", rMin * width2).attr("y", titleHeight).attr("width", (rMax - rMin) * width2).attr("height", rectHeight).attr("preserveAspectRatio", "none").attr("href", xlinkHref2);
+        } else {
+          g2.append("image").attr("x", 0).attr("y", titleHeight).attr("width", width2).attr("height", rectHeight).attr("preserveAspectRatio", "none").attr("href", xlinkHref2);
+        }
         const scaledDataExtent = [
           xMin + (xMax - xMin) * rMin,
           xMax - (xMax - xMin) * (1 - rMax)
         ];
-        const x2 = linear$1().domain(scaledDataExtent).range([0.5, width2 - 0.5]);
-        const axisTicks2 = g2.append("g").attr("transform", `translate(0,${titleHeight + rectHeight})`).style("font-size", "10px").call(axisBottom(x2).tickValues(scaledDataExtent));
-        axisTicks2.selectAll("line,path").style("stroke", foregroundColor);
-        axisTicks2.selectAll("text").style("fill", foregroundColor);
-        axisTicks2.selectAll("text").attr("text-anchor", (d, i2) => i2 === 0 ? "start" : "end");
-      } else if (contoursVisible) {
+        let x2;
+        if (setFeatureValueColormapRange || showInteractiveSlider2) {
+          x2 = linear$1().domain(scaledDataExtent).range([rMin * width2, rMax * width2]);
+        } else {
+          x2 = linear$1().domain(scaledDataExtent).range([0, width2]);
+        }
+        if (showInteractiveSlider2) {
+          const xGlobal = linear$1().domain([xMin, xMax]).range([0, width2 - 4]);
+          const axisTicks2 = g2.append("g").attr("transform", `translate(0,${titleHeight + rectHeight})`).style("font-size", "10px").call(axisBottom(xGlobal).tickValues([xMin, xMax]));
+          axisTicks2.selectAll("line,path").style("stroke", foregroundColor);
+          axisTicks2.selectAll("text").style("fill", foregroundColor);
+          axisTicks2.selectAll("text").attr("text-anchor", (_d2, i2) => i2 === 0 ? "start" : "end");
+        } else {
+          const axisTicks2 = g2.append("g").attr("transform", `translate(0,${titleHeight + rectHeight})`).style("font-size", "10px").call(axisBottom(x2).tickValues(scaledDataExtent));
+          axisTicks2.selectAll("line,path").style("stroke", foregroundColor);
+          axisTicks2.selectAll("text").style("fill", foregroundColor);
+          axisTicks2.selectAll("text").attr("text-anchor", (_d2, i2) => i2 === 0 ? "start" : "end");
+        }
+      } else if (contoursVisible && contourPercentiles) {
         const tSize = 12;
         const xPercentile = linear$1().domain([0, 1]).range([tSize / 2, width2 - tSize / 2 - 2]);
-        const axisTicks2 = g2.append("g").attr("transform", `translate(0,${titleHeight + rectHeight + 15})`).style("font-size", "9px").call(axisBottom(xPercentile).tickValues(contourPercentiles).tickFormat(format$8(".0%")).tickSizeOuter(0));
+        const axisTicks2 = g2.append("g").attr("transform", `translate(0,${titleHeight + rectHeight + 15})`).style("font-size", "9px").call(axisBottom(xPercentile).tickValues(contourPercentiles).tickFormat((d) => format$8(".0%")(d)).tickSizeOuter(0));
         axisTicks2.selectAll("line,path").style("stroke", foregroundColor);
         axisTicks2.selectAll("text").style("fill", foregroundColor);
         const NEIGHBOR_THRESHOLD = 18;
-        const contourPercentages = contourPercentiles.map((x2) => x2 * 100);
+        const contourPercentages = contourPercentiles.map((p) => p * 100);
         if (contourPercentages?.[1] - contourPercentages?.[0] <= NEIGHBOR_THRESHOLD || contourPercentages?.[2] - contourPercentages?.[1] <= NEIGHBOR_THRESHOLD) {
-          axisTicks2.selectAll("text").attr("transform", (d, i2) => `translate(0,${i2 === 0 || i2 === contourPercentiles.length - 1 ? 0 : 10})`);
+          axisTicks2.selectAll("text").attr("transform", (_d2, i2) => `translate(0,${i2 === 0 || i2 === contourPercentiles.length - 1 ? 0 : 10})`);
         }
         const triangleGroupG = g2.append("g").attr("transform", `translate(0,${titleHeight + rectHeight + 4})`);
         contourPercentiles.forEach((p, i2) => {
@@ -231233,7 +231404,7 @@ function Legend(props) {
         const thresholdGroupG = g2.append("g").attr("transform", `translate(0,${titleHeight + rectHeight})`);
         const thresholdFormatter = format$8(".0f");
         contourPercentiles.forEach((p, i2) => {
-          const contourThreshold = xMin + (xMax - xMin) * (contourThresholds?.[i2] / 255);
+          const contourThreshold = xMin + (xMax - xMin) * ((contourThresholds?.[i2] ?? 0) / 255);
           const thresholdG = thresholdGroupG.append("g").attr("transform", `translate(${xPercentile(p)},0)`).style("font-size", "7px");
           thresholdG.append("text").text(thresholdFormatter(contourThreshold)).style("fill", foregroundColor).attr("text-anchor", "middle");
         });
@@ -231256,9 +231427,9 @@ function Legend(props) {
         g2.append("text").attr("text-anchor", "start").attr("dominant-baseline", "hanging").attr("x", 0).attr("y", y2).text(levelZeroName).style("font-size", "9px").style("fill", foregroundColor);
         y2 += titleHeight;
         setPaths.forEach((setPath) => {
-          const setColor2 = obsSetColor?.find((d) => isEqual$3(d.path, setPath))?.color || getDefaultColor(theme);
+          const setColor2 = obsSetColor?.find((d) => isEqual$3(d.path, setPath))?.color || getDefaultColor(theme ?? "light");
           g2.append("rect").attr("x", 0).attr("y", y2).attr("width", rectHeight).attr("height", rectHeight).attr("fill", `rgb(${setColor2[0]},${setColor2[1]},${setColor2[2]})`);
-          g2.append("text").attr("text-anchor", "start").attr("dominant-baseline", "hanging").attr("x", rectHeight + rectMarginX).attr("y", y2).text(setPath.at(-1)).style("font-size", "9px").style("fill", foregroundColor);
+          g2.append("text").attr("text-anchor", "start").attr("dominant-baseline", "hanging").attr("x", rectHeight + rectMarginX).attr("y", y2).text(setPath.at(-1) ?? "").style("font-size", "9px").style("fill", foregroundColor);
           y2 += rectHeight + rectMarginY;
         });
       });
@@ -231279,17 +231450,17 @@ function Legend(props) {
     } else {
       featureSelectionLabelRawStr = featureSelectionLabelRaw?.[0];
     }
-    const combinedMissing = combineMissings(missing, featureAggregationStrategy);
+    const combinedMissing = combineMissings(missing ?? null, featureAggregationStrategy ?? null);
     const featureSelectionLabel = combinedMissing ? `${featureSelectionLabelRawStr} (${Math.round(combinedMissing * 100)}% NaN)` : featureSelectionLabelRawStr;
-    const obsLabel = capitalize$3(obsType);
-    const featureLabel = considerSelections ? featureSelectionLabel || capitalize$3(featureValueType) : capitalize$3(featureValueType);
+    const obsLabel = capitalize$3(obsType ?? null);
+    const featureLabel = considerSelections ? featureSelectionLabel || capitalize$3(featureValueType ?? null) : capitalize$3(featureValueType ?? null);
     const mainLabel = showObsLabel ? obsLabel : featureLabel;
     const subLabel = showObsLabel ? featureLabel : null;
     const hasSubLabel = subLabel !== null;
     if (!isSetColor) {
-      g2.append("text").attr("text-anchor", hasSubLabel ? "start" : "end").attr("dominant-baseline", "hanging").attr("x", hasSubLabel ? 0 : width2).attr("y", 0).text(mainLabel).style("font-size", "10px").style("fill", foregroundColor);
+      g2.append("text").attr("text-anchor", hasSubLabel ? "start" : "end").attr("dominant-baseline", "hanging").attr("x", hasSubLabel ? 0 : width2 - 4).attr("y", 0).text(mainLabel ?? "").style("font-size", "10px").style("fill", foregroundColor);
       if (hasSubLabel) {
-        g2.append("text").attr("text-anchor", "end").attr("dominant-baseline", "hanging").attr("x", width2).attr("y", titleHeight).text(subLabel).style("font-size", "9px").style("fill", foregroundColor);
+        g2.append("text").attr("text-anchor", "end").attr("dominant-baseline", "hanging").attr("x", width2).attr("y", titleHeight + rectHeight).text(subLabel ?? "").style("font-size", "9px").style("fill", foregroundColor);
       }
     }
   }, [
@@ -231297,6 +231468,7 @@ function Legend(props) {
     height2,
     featureValueColormap,
     featureValueColormapRange,
+    localRange,
     considerSelections,
     obsType,
     obsColorEncoding,
@@ -231315,20 +231487,63 @@ function Legend(props) {
     contoursFilled,
     contoursVisible,
     pointsVisible,
-    featureAggregationStrategy
+    featureAggregationStrategy,
+    setFeatureValueColormapRange,
+    dynamicHeight,
+    highContrast,
+    isStaticColor,
+    missing,
+    showObsLabel,
+    staticColor
   ]);
-  return jsxRuntimeExports.jsx("div", { className: clsx(classes2.legend, {
+  const showInteractiveSlider = setFeatureValueColormapRange && ["geneSelection", "geneExpression"].includes(obsColorEncoding ?? "") && pointsVisible && featureValueColormap;
+  const globalExtent = useMemo$1(() => {
+    const combined = combineExtents(extent2 ?? null, featureAggregationStrategy ?? null);
+    return combined || [0, 1];
+  }, [extent2, featureAggregationStrategy]);
+  const formatSliderValue = useCallback((value2) => {
+    const [xMin, xMax] = globalExtent;
+    const dataValue = xMin + (xMax - xMin) * value2;
+    const range2 = xMax - xMin;
+    if (range2 < 0.01) {
+      return dataValue.toExponential(2);
+    }
+    if (range2 < 1) {
+      return dataValue.toFixed(3);
+    }
+    if (range2 < 100) {
+      return dataValue.toFixed(1);
+    }
+    return Math.round(dataValue).toString();
+  }, [globalExtent]);
+  const xlinkHref = featureValueColormap ? getXlinkHref(featureValueColormap) : null;
+  const currentLocalRange = localRange || [0, 1];
+  return jsxRuntimeExports.jsxs("div", { className: clsx(classes2.legend, {
     [classes2.legendRelative]: positionRelative,
     [classes2.legendAbsolute]: !positionRelative,
     [classes2.legendHighContrast]: highContrast,
     [classes2.legendLowContrast]: !highContrast,
     [classes2.legendInvisible]: !visible
   }), style: {
-    ...needsScroll ? { maxHeight: `${Math.floor(availHeight)}px`, overflowY: "auto" } : { maxHeight: void 0, overflowY: "visible" }
-  }, children: jsxRuntimeExports.jsx("svg", { ref: svgRef, style: {
+    ...needsScroll ? { maxHeight: `${Math.floor(availHeight)}px`, overflowY: "auto" } : { maxHeight: void 0, overflowY: "visible" },
+    width: `${width2}px`
+  }, children: [jsxRuntimeExports.jsx("svg", { ref: svgRef, style: {
     width: `${width2}px`,
     height: `${dynamicHeight}px`
-  } }) });
+  } }), showInteractiveSlider && xlinkHref && jsxRuntimeExports.jsxs("div", { className: classes2.sliderContainer, children: [currentLocalRange[0] > 0 && jsxRuntimeExports.jsx("div", { className: classes2.grayTrack, style: {
+    left: 0,
+    width: `${currentLocalRange[0] * 100}%`
+  } }), currentLocalRange[1] < 1 && jsxRuntimeExports.jsx("div", { className: classes2.grayTrack, style: {
+    left: `${currentLocalRange[1] * 100}%`,
+    width: `${(1 - currentLocalRange[1]) * 100}%`
+  } }), jsxRuntimeExports.jsx("img", { src: xlinkHref, alt: "Colormap gradient", className: classes2.colormapImage, style: {
+    left: `${currentLocalRange[0] * 100}%`,
+    width: `${(currentLocalRange[1] - currentLocalRange[0]) * 100}%`
+  } }), jsxRuntimeExports.jsx(Slider, { className: classes2.sliderRoot, value: currentLocalRange, onChange: handleSliderChange, min: 0, max: 1, step: 0.01, disableSwap: true, valueLabelDisplay: "auto", valueLabelFormat: formatSliderValue, "aria-label": "Colormap range", getAriaLabel: (index2) => index2 === 0 ? "Colormap minimum" : "Colormap maximum", getAriaValueText: (value2) => formatSliderValue(value2), slotProps: {
+    thumb: {
+      className: classes2.sliderThumb
+    }
+  } })] })] });
 }
 const useStyles$o = makeStyles()(() => ({
   multiLegend: {
@@ -231361,8 +231576,12 @@ function MultiLegend(props) {
   const reversedSpotLayerScopes = useMemo$1(() => [...spotLayerScopes || []].reverse(), [spotLayerScopes]);
   const reversedPointLayerScopes = useMemo$1(() => [...pointLayerScopes || []].reverse(), [pointLayerScopes]);
   return jsxRuntimeExports.jsxs("div", { className: classes2.multiLegend, children: [pointLayerScopes ? reversedPointLayerScopes.flatMap((layerScope) => {
-    const layerCoordination = pointLayerCoordination[0][layerScope];
-    const { spatialLayerVisible, obsColorEncoding, obsType, featureType, featureValueType, spatialLayerColor, legendVisible } = layerCoordination;
+    const layerCoordination = pointLayerCoordination?.[0]?.[layerScope];
+    const layerSetters = pointLayerCoordination?.[1]?.[layerScope];
+    if (!layerCoordination)
+      return null;
+    const { spatialLayerVisible, obsColorEncoding, obsType, featureType, featureValueType, featureSelection, featureValueColormap, featureValueColormapRange, spatialLayerColor, legendVisible } = layerCoordination;
+    const { setFeatureValueColormapRange } = layerSetters || {};
     const isStaticColor = obsColorEncoding === "spatialLayerColor";
     const height2 = isStaticColor ? 20 : 36;
     return spatialLayerVisible && legendVisible ? jsxRuntimeExports.jsx(Legend, {
@@ -231377,30 +231596,39 @@ function MultiLegend(props) {
       featureValueType,
       obsColorEncoding,
       spatialLayerColor,
-      featureSelection: null,
+      featureSelection,
       // featureLabelsMap={featureLabelsMap} // TODO
-      featureValueColormap: "viridis",
-      featureValueColormapRange: [0, 1],
+      featureValueColormap: featureValueColormap || "viridis",
+      featureValueColormapRange: featureValueColormapRange || [0, 1],
+      setFeatureValueColormapRange,
       extent: null,
       height: height2
     }, layerScope) : null;
   }) : null, spotLayerScopes ? reversedSpotLayerScopes.flatMap((layerScope) => {
-    const layerCoordination = spotLayerCoordination[0][layerScope];
+    const layerCoordination = spotLayerCoordination?.[0][layerScope];
+    const layerSetters = spotLayerCoordination?.[1]?.[layerScope];
+    if (!layerCoordination)
+      return null;
     const { spatialLayerVisible, obsColorEncoding, featureValueColormap, featureValueColormapRange, obsType, featureType, featureValueType, featureSelection, featureAggregationStrategy, spatialLayerColor, legendVisible, obsSetSelection, obsSetColor } = layerCoordination;
+    const { setFeatureValueColormapRange } = layerSetters || {};
     const expressionExtents = spotMultiExpressionExtents?.[layerScope];
     const firstExpressionExtent = expressionExtents?.[0];
     const isStaticColor = obsColorEncoding === "spatialLayerColor";
     const height2 = isStaticColor ? 20 : 36;
     const featureLabelsMap = spotMultiFeatureLabels?.[layerScope]?.featureLabelsMap;
-    return spatialLayerVisible && legendVisible ? jsxRuntimeExports.jsx(Legend, { maxHeight: maxHeight2, positionRelative: true, highContrast: true, showObsLabel: true, visible: spatialLayerVisible, theme, obsType, featureType, featureValueType, obsColorEncoding, spatialLayerColor, featureSelection, featureAggregationStrategy, featureLabelsMap, featureValueColormap, featureValueColormapRange, extent: firstExpressionExtent, height: height2, obsSetSelection, obsSetColor }, layerScope) : null;
+    return spatialLayerVisible && legendVisible ? jsxRuntimeExports.jsx(Legend, { maxHeight: maxHeight2, positionRelative: true, highContrast: true, showObsLabel: true, visible: spatialLayerVisible, theme, obsType, featureType, featureValueType, obsColorEncoding, spatialLayerColor, featureSelection, featureAggregationStrategy, featureLabelsMap, featureValueColormap, featureValueColormapRange, setFeatureValueColormapRange, extent: firstExpressionExtent, height: height2, obsSetSelection, obsSetColor }, layerScope) : null;
   }) : null, segmentationLayerScopes ? reversedSegmentationLayerScopes.flatMap((layerScope) => {
-    const layerCoordination = segmentationLayerCoordination[0][layerScope];
-    const channelScopes = segmentationChannelScopesByLayer[layerScope];
-    const channelCoordination = segmentationChannelCoordination[0][layerScope];
+    const layerCoordination = segmentationLayerCoordination?.[0][layerScope];
+    const channelScopes = segmentationChannelScopesByLayer?.[layerScope];
+    const channelCoordination = segmentationChannelCoordination?.[0][layerScope];
+    const channelSetters = segmentationChannelCoordination?.[1]?.[layerScope];
+    if (!layerCoordination)
+      return null;
     const { spatialLayerVisible } = layerCoordination;
     const reversedChannelScopes = [...channelScopes || []].reverse();
     return channelCoordination && channelScopes ? reversedChannelScopes.map((cScope) => {
       const { spatialChannelVisible, spatialChannelColor, obsColorEncoding, featureValueColormap, featureValueColormapRange, obsType, featureType, featureValueType, featureSelection, featureAggregationStrategy, legendVisible, obsSetSelection, obsSetColor } = channelCoordination[cScope];
+      const { setFeatureValueColormapRange } = channelSetters?.[cScope] || {};
       const expressionExtents = segmentationMultiExpressionExtents?.[layerScope]?.[cScope];
       const firstExpressionExtent = expressionExtents?.[0];
       const isStaticColor = obsColorEncoding === "spatialChannelColor";
@@ -231421,6 +231649,7 @@ function MultiLegend(props) {
         // featureLabelsMap={featureLabelsMap} // TODO
         featureValueColormap,
         featureValueColormapRange,
+        setFeatureValueColormapRange,
         extent: firstExpressionExtent,
         height: height2,
         spatialChannelColor,
@@ -231470,7 +231699,7 @@ function ChannelNamesLegend(props) {
       const imageWrapperInstance = images?.[layerScope]?.image?.instance;
       const channelNames = imageWrapperInstance?.getChannelNames();
       const channelIndex = imageWrapperInstance?.getChannelIndex(spatialTargetC);
-      const channelName = channelNames?.[channelIndex];
+      const channelName = channelIndex !== void 0 ? channelNames?.[channelIndex] : void 0;
       return spatialLayerVisible && spatialChannelVisible && spatialChannelLabelsVisible ? jsxRuntimeExports.jsx(Typography, { variant: "h6", className: classes2.channelNameText, style: {
         color: rgbColor,
         fontSize: `${spatialChannelLabelSize}px`
@@ -231629,7 +231858,7 @@ function EmbeddingScatterplotSubscriber(props) {
   }, [obsEmbedding]);
   useEffect(() => {
     if (xRange && yRange && width2 && height2) {
-      const pointSizeDevicePixels = getPointSizeDevicePixels(window.devicePixelRatio, zoom2, xRange, yRange, width2, height2);
+      const pointSizeDevicePixels = getPointSizeDevicePixels(window.devicePixelRatio, zoom2, xRange, yRange, width2, height2, numCells);
       setDynamicCellRadius(pointSizeDevicePixels);
       const nextCellOpacityScale = getPointOpacity(zoom2, xRange, yRange, width2, height2, numCells, averageFillDensity);
       setDynamicCellOpacity(nextCellOpacityScale);
@@ -231837,6 +232066,7 @@ function EmbeddingScatterplotSubscriber(props) {
     featureLabelsMap,
     featureValueColormap: geneExpressionColormap,
     featureValueColormapRange: geneExpressionColormapRange,
+    setFeatureValueColormapRange: setGeneExpressionColormapRange,
     obsSetSelection: cellSetSelection,
     extent: expressionExtents,
     missing: expressionMissing,
@@ -232064,7 +232294,7 @@ function GatingSubscriber(props) {
   }, [obsXY]);
   useEffect(() => {
     if (xRange && yRange) {
-      const pointSizeDevicePixels = getPointSizeDevicePixels(window.devicePixelRatio, zoom2, xRange, yRange, width2, height2);
+      const pointSizeDevicePixels = getPointSizeDevicePixels(window.devicePixelRatio, zoom2, xRange, yRange, width2, height2, numCells);
       setDynamicCellRadius(pointSizeDevicePixels);
       const nextCellOpacityScale = getPointOpacity(zoom2, xRange, yRange, width2, height2, numCells, averageFillDensity);
       setDynamicCellOpacity(nextCellOpacityScale);
@@ -246730,7 +246960,7 @@ var equalScalar = /* @__PURE__ */ createEqualScalar({
   config: config$2,
   typed
 });
-var number$5 = /* @__PURE__ */ createNumber({
+var number$4 = /* @__PURE__ */ createNumber({
   typed
 });
 var multiplyScalar = /* @__PURE__ */ createMultiplyScalar({
@@ -246847,7 +247077,7 @@ var pow$4 = /* @__PURE__ */ createPow({
   identity: identity$4,
   matrix,
   multiply,
-  number: number$5,
+  number: number$4,
   typed
 });
 var bignumber = /* @__PURE__ */ createBignumber({
@@ -246857,7 +247087,7 @@ var bignumber = /* @__PURE__ */ createBignumber({
 var numeric$1 = /* @__PURE__ */ createNumeric({
   bignumber,
   fraction,
-  number: number$5
+  number: number$4
 });
 var subtract = /* @__PURE__ */ createSubtract({
   DenseMatrix,
@@ -246951,7 +247181,7 @@ var Unit = /* @__PURE__ */ createUnitClass({
   format: format$4,
   isNumeric: isNumeric$1,
   multiplyScalar,
-  number: number$5,
+  number: number$4,
   pow: pow$4,
   round,
   subtract
@@ -248582,7 +248812,7 @@ let Array$2 = class Array2 extends (_a$5 = Location$1, _a$5) {
     return is_dtype$1(this.dtype, query);
   }
 };
-function* range$8(start2, stop3, step = 1) {
+function* range$7(start2, stop3, step = 1) {
   if (stop3 === void 0) {
     stop3 = start2;
     start2 = 0;
@@ -248726,7 +248956,7 @@ let SliceDimIndexer$1 = class SliceDimIndexer {
   *[Symbol.iterator]() {
     const dim_chunk_ix_from = Math.floor(this.start / this.dim_chunk_len);
     const dim_chunk_ix_to = Math.ceil(this.stop / this.dim_chunk_len);
-    for (const dim_chunk_ix of range$8(dim_chunk_ix_from, dim_chunk_ix_to)) {
+    for (const dim_chunk_ix of range$7(dim_chunk_ix_from, dim_chunk_ix_to)) {
       const dim_offset = dim_chunk_ix * this.dim_chunk_len;
       const dim_limit = Math.min(this.dim_len, (dim_chunk_ix + 1) * this.dim_chunk_len);
       const dim_chunk_len = dim_limit - dim_offset;
@@ -250091,7 +250321,7 @@ function parseV1(spec, renderString) {
 function* iterDims(dimensions) {
   const keys2 = Object.keys(dimensions);
   const iterables = Object.values(dimensions).map(
-    (i2) => Array.isArray(i2) ? i2 : [...range$7(i2)]
+    (i2) => Array.isArray(i2) ? i2 : [...range$6(i2)]
   );
   for (const values3 of product$1(...iterables)) {
     yield Object.fromEntries(keys2.map((key2, i2) => [key2, values3[i2]]));
@@ -250120,7 +250350,7 @@ function* product$1(...iterables) {
     results[i2] = iterators[i2].next();
   }
 }
-function* range$7({ stop: stop3, start: start2 = 0, step = 1 }) {
+function* range$6({ stop: stop3, start: start2 = 0, step = 1 }) {
   for (let i2 = start2; i2 < stop3; i2 += step) {
     yield i2;
   }
@@ -251558,6 +251788,7 @@ function SpatialSubscriber$1(props) {
     featureLabelsMap,
     featureValueColormap: geneExpressionColormap,
     featureValueColormapRange: geneExpressionColormapRange,
+    setFeatureValueColormapRange: setGeneExpressionColormapRange,
     extent: expressionExtents?.[0]
   })] });
 }
@@ -252936,12 +253167,12 @@ class ErrorBoundary extends React__default.Component {
   }
 }
 const LazySpatialThree = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-DNRC-wrS.js");
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-C07z-9Ag.js");
   return { default: SpatialWrapper2 };
 });
 const SpatialThreeAdapter = React__default.forwardRef((props, ref2) => jsxRuntimeExports.jsx("div", { ref: ref2, style: { width: "100%", height: "100%" }, children: jsxRuntimeExports.jsx(ErrorBoundary, { children: jsxRuntimeExports.jsx(Suspense, { fallback: jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: jsxRuntimeExports.jsx(LazySpatialThree, { ...props }) }) }) }));
 const LazySpatialAccelerated = React__default.lazy(async () => {
-  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-BATko5ux.js");
+  const { SpatialWrapper: SpatialWrapper2 } = await import("./index-sdWGixZi.js");
   return { default: SpatialWrapper2 };
 });
 const SpatialAcceleratedAdapter = React__default.forwardRef((props, ref2) => jsxRuntimeExports.jsx("div", { ref: ref2, style: { width: "100%", height: "100%" }, children: jsxRuntimeExports.jsx(ErrorBoundary, { children: jsxRuntimeExports.jsx(Suspense, { fallback: jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: jsxRuntimeExports.jsx(LazySpatialAccelerated, { ...props }) }) }) }));
@@ -253819,7 +254050,7 @@ const Heatmap$1 = forwardRef$1((props, deckRef) => {
     }
     const curr = backlog[backlog.length - 1];
     if (dataRef.current && dataRef.current.buffer.byteLength && expressionRowLookUp.size > 0 && !shouldUsePaddedImplementation(dataRef.current.length)) {
-      const promises = range$f(yTiles).map((i2) => range$f(xTiles).map(async (j) => workerPool.process({
+      const promises = range$e(yTiles).map((i2) => range$e(xTiles).map(async (j) => workerPool.process({
         curr,
         tileI: i2,
         tileJ: j,
@@ -253928,7 +254159,7 @@ const Heatmap$1 = forwardRef$1((props, deckRef) => {
         });
       };
       const cellOrdering = transpose2 ? axisTopLabels : axisLeftLabels;
-      const layers3 = range$f(yTiles * xTiles).map((index2) => getLayer2(Math.floor(index2 / xTiles), index2 % xTiles));
+      const layers3 = range$e(yTiles * xTiles).map((index2) => getLayer2(Math.floor(index2 / xTiles), index2 % xTiles));
       return layers3;
     }
     function getLayer(i2, j, tile) {
@@ -254080,10 +254311,10 @@ const Heatmap$1 = forwardRef$1((props, deckRef) => {
     const cellOrdering = transpose2 ? axisTopLabels : axisLeftLabels;
     const colorBarTileWidthPx = transpose2 ? TILE_SIZE : 1;
     const colorBarTileHeightPx = transpose2 ? 1 : TILE_SIZE;
-    const result = range$f(numCellColorTracks).map((track) => {
-      const trackResult = range$f(transpose2 ? xTiles : yTiles).map((i2) => {
+    const result = range$e(numCellColorTracks).map((track) => {
+      const trackResult = range$e(transpose2 ? xTiles : yTiles).map((i2) => {
         const tileData = new Uint8ClampedArray(TILE_SIZE * 1 * 4);
-        range$f(TILE_SIZE).forEach((tileY) => {
+        range$e(TILE_SIZE).forEach((tileY) => {
           rowI = i2 * TILE_SIZE + tileY;
           if (rowI < cellOrdering.length) {
             cellId = cellOrdering[rowI];
@@ -254213,7 +254444,7 @@ const Heatmap$1 = forwardRef$1((props, deckRef) => {
     }
   }
   const cellColorsViews = useMemo$1(() => {
-    const result = range$f(numCellColorTracks).map((track) => {
+    const result = range$e(numCellColorTracks).map((track) => {
       let view;
       if (transpose2) {
         view = new OrthographicView({
@@ -254439,7 +254670,7 @@ function HeatmapSubscriber(props) {
     setTargetY(target2[1]);
   }, colormapRange: geneExpressionColormapRange, setColormapRange: setGeneExpressionColormapRange, height: height2, width: width2, theme, uuid: uuid2, uint8ObsFeatureMatrix: uint8ObsFeatureMatrix?.data, cellColors, colormap: geneExpressionColormap, setIsRendering, setCellHighlight, setGeneHighlight, featureLabelsMap, obsIndex, featureIndex, setTrackHighlight, setComponentHover: () => {
     setComponentHover(uuid2);
-  }, updateViewInfo: setComponentViewInfo, observationsTitle, variablesTitle, variablesDashes: false, observationsDashes: false, cellColorLabels, useDevicePixels: true, onHeatmapClick, setColorEncoding: setHoveredColorEncoding }), tooltipsVisible && jsxRuntimeExports.jsx(HeatmapTooltipSubscriber, { parentUuid: uuid2, width: width2, height: height2, transpose: transpose2, getObsInfo: getObsInfo2, getFeatureInfo, obsHighlight: cellHighlight, featureHighlight: geneHighlight, featureType, featureLabelsMap }), jsxRuntimeExports.jsx(Legend, { visible: true, theme, featureType, featureValueType, obsColorEncoding: "geneExpression", considerSelections: false, featureSelection: geneSelection, obsSetSelection: cellSetSelection, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, extent: obsFeatureMatrixExtent })] });
+  }, updateViewInfo: setComponentViewInfo, observationsTitle, variablesTitle, variablesDashes: false, observationsDashes: false, cellColorLabels, useDevicePixels: true, onHeatmapClick, setColorEncoding: setHoveredColorEncoding }), tooltipsVisible && jsxRuntimeExports.jsx(HeatmapTooltipSubscriber, { parentUuid: uuid2, width: width2, height: height2, transpose: transpose2, getObsInfo: getObsInfo2, getFeatureInfo, obsHighlight: cellHighlight, featureHighlight: geneHighlight, featureType, featureLabelsMap }), jsxRuntimeExports.jsx(Legend, { visible: true, theme, featureType, featureValueType, obsColorEncoding: "geneExpression", considerSelections: false, featureSelection: geneSelection, obsSetSelection: cellSetSelection, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, setFeatureValueColormapRange: setGeneExpressionColormapRange, extent: obsFeatureMatrixExtent })] });
 }
 function _classCallCheck(a2, n3) {
   if (!(a2 instanceof n3)) throw new TypeError("Cannot call a class as a function");
@@ -261631,7 +261862,7 @@ function LayerOptions({ colormap, opacity: opacity2, handleColormapChange, handl
   const domainSelectorId = $bdb11010cef70236$export$f680877a34711e37();
   const opacitySliderId = $bdb11010cef70236$export$f680877a34711e37();
   const zeroTransparentId = $bdb11010cef70236$export$f680877a34711e37();
-  return jsxRuntimeExports.jsxs(Grid$1, { container: true, direction: "column", sx: { width: "100%" }, children: [hasZStack && !disable3d && hasViewableResolutions && jsxRuntimeExports.jsx(VolumeDropdown, { loader: loader2, handleSliderChange, handleDomainChange, channels: channels2, handleMultiPropertyChange, resolution, disable3d, setRasterLayerCallback, setAreAllChannelsLoading, setViewState, spatialHeight, spatialWidth, use3d, modelMatrix: modelMatrix2 }), hasDimensionsAndChannels && !use3d && globalControlLabels.map((field2) => shape2[labels2.indexOf(field2)] > 1 && jsxRuntimeExports.jsx(LayerOption, { name: field2, inputId: `${field2}-${globalSelectionSliderId}`, children: jsxRuntimeExports.jsx(GlobalSelectionSlider, { field: field2, inputId: `${field2}-${globalSelectionSliderId}`, value: globalLabelValues[field2], handleChange: handleGlobalChannelsSelectionChange, possibleValues: range$f(shape2[labels2.indexOf(field2)]) }) }, field2)), !disableChannelsIfRgbDetected ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [shouldShowColormap && jsxRuntimeExports.jsx(Grid$1, { children: jsxRuntimeExports.jsx(LayerOption, { name: "Colormap", inputId: colormapSelectId, children: jsxRuntimeExports.jsx(ColormapSelect, { value: colormap || "", inputId: colormapSelectId, handleChange: handleColormapChange }) }) }), shouldShowDomain && jsxRuntimeExports.jsx(Grid$1, { children: jsxRuntimeExports.jsx(LayerOption, { name: "Domain", inputId: domainSelectorId, children: jsxRuntimeExports.jsx(SliderDomainSelector, { value: domainType || DEFAULT_RASTER_DOMAIN_TYPE, inputId: domainSelectorId, handleChange: (value2) => {
+  return jsxRuntimeExports.jsxs(Grid$1, { container: true, direction: "column", sx: { width: "100%" }, children: [hasZStack && !disable3d && hasViewableResolutions && jsxRuntimeExports.jsx(VolumeDropdown, { loader: loader2, handleSliderChange, handleDomainChange, channels: channels2, handleMultiPropertyChange, resolution, disable3d, setRasterLayerCallback, setAreAllChannelsLoading, setViewState, spatialHeight, spatialWidth, use3d, modelMatrix: modelMatrix2 }), hasDimensionsAndChannels && !use3d && globalControlLabels.map((field2) => shape2[labels2.indexOf(field2)] > 1 && jsxRuntimeExports.jsx(LayerOption, { name: field2, inputId: `${field2}-${globalSelectionSliderId}`, children: jsxRuntimeExports.jsx(GlobalSelectionSlider, { field: field2, inputId: `${field2}-${globalSelectionSliderId}`, value: globalLabelValues[field2], handleChange: handleGlobalChannelsSelectionChange, possibleValues: range$e(shape2[labels2.indexOf(field2)]) }) }, field2)), !disableChannelsIfRgbDetected ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [shouldShowColormap && jsxRuntimeExports.jsx(Grid$1, { children: jsxRuntimeExports.jsx(LayerOption, { name: "Colormap", inputId: colormapSelectId, children: jsxRuntimeExports.jsx(ColormapSelect, { value: colormap || "", inputId: colormapSelectId, handleChange: handleColormapChange }) }) }), shouldShowDomain && jsxRuntimeExports.jsx(Grid$1, { children: jsxRuntimeExports.jsx(LayerOption, { name: "Domain", inputId: domainSelectorId, children: jsxRuntimeExports.jsx(SliderDomainSelector, { value: domainType || DEFAULT_RASTER_DOMAIN_TYPE, inputId: domainSelectorId, handleChange: (value2) => {
     handleDomainChange(value2);
   } }) }) })] }) : null, !use3d && jsxRuntimeExports.jsx(Grid$1, { children: jsxRuntimeExports.jsx(LayerOption, { name: "Opacity", inputId: opacitySliderId, children: jsxRuntimeExports.jsx(OpacitySlider, { value: opacity2, handleChange: handleOpacityChange, inputId: opacitySliderId }) }) }), shouldShowTransparentColor && !use3d && jsxRuntimeExports.jsx(Grid$1, { children: jsxRuntimeExports.jsx(LayerOption, { name: "Zero Transparent", inputId: zeroTransparentId, children: jsxRuntimeExports.jsx(TransparentColorCheckbox, { value: transparentColor, handleChange: handleTransparentColorChange, inputId: zeroTransparentId }) }) })] });
 }
@@ -265477,7 +265708,7 @@ async function open(location, options = {}) {
 }
 open.v2 = open_v2;
 open.v3 = open_v3;
-function* range$6(start2, stop3, step = 1) {
+function* range$5(start2, stop3, step = 1) {
   if (stop3 === void 0) {
     stop3 = start2;
     start2 = 0;
@@ -265621,7 +265852,7 @@ class SliceDimIndexer2 {
   *[Symbol.iterator]() {
     const dim_chunk_ix_from = Math.floor(this.start / this.dim_chunk_len);
     const dim_chunk_ix_to = Math.ceil(this.stop / this.dim_chunk_len);
-    for (const dim_chunk_ix of range$6(dim_chunk_ix_from, dim_chunk_ix_to)) {
+    for (const dim_chunk_ix of range$5(dim_chunk_ix_from, dim_chunk_ix_to)) {
       const dim_offset = dim_chunk_ix * this.dim_chunk_len;
       const dim_limit = Math.min(this.dim_len, (dim_chunk_ix + 1) * this.dim_chunk_len);
       const dim_chunk_len = dim_limit - dim_offset;
@@ -266077,7 +266308,7 @@ function HiglassGlobalStyles(props) {
 }
 register({ dataFetcher: ZarrMultivecDataFetcher_default, config: ZarrMultivecDataFetcher_default.config }, { pluginType: "dataFetcher" });
 const LazyHiGlassComponent = React__default.lazy(async () => {
-  const { HiGlassComponent } = await import("./higlass-Dfzm4Aif.js");
+  const { HiGlassComponent } = await import("./higlass-BWjoRZ_l.js");
   return { default: HiGlassComponent };
 });
 const HG_SIZE = 800;
@@ -269024,7 +269255,7 @@ function NeuroglancerGlobalStyles(props) {
   const { classes: classes2 } = props;
   return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(GlobalStyles$3, { styles: globalNeuroglancerCss }), jsxRuntimeExports.jsx(ScopedGlobalStyles, { styles: globalNeuroglancerStyles, parentClassName: classes2.neuroglancerWrapper })] });
 }
-const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-Bn39ATeL.js"));
+const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-D662gKgy.js"));
 function createWorker() {
   return new WorkerFactory();
 }
@@ -299293,68 +299524,6 @@ function toSet$1(_) {
   for (let i2 = 0; i2 < n3; ++i2) s2[_[i2]] = true;
   return s2;
 }
-function ascending$4(a2, b2) {
-  return a2 == null || b2 == null ? NaN : a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
-}
-function descending$1(a2, b2) {
-  return a2 == null || b2 == null ? NaN : b2 < a2 ? -1 : b2 > a2 ? 1 : b2 >= a2 ? 0 : NaN;
-}
-function bisector$1(f2) {
-  let compare12, compare2, delta;
-  if (f2.length !== 2) {
-    compare12 = ascending$4;
-    compare2 = (d, x2) => ascending$4(f2(d), x2);
-    delta = (d, x2) => f2(d) - x2;
-  } else {
-    compare12 = f2 === ascending$4 || f2 === descending$1 ? f2 : zero$3;
-    compare2 = f2;
-    delta = f2;
-  }
-  function left2(a2, x2, lo = 0, hi = a2.length) {
-    if (lo < hi) {
-      if (compare12(x2, x2) !== 0) return hi;
-      do {
-        const mid = lo + hi >>> 1;
-        if (compare2(a2[mid], x2) < 0) lo = mid + 1;
-        else hi = mid;
-      } while (lo < hi);
-    }
-    return lo;
-  }
-  function right2(a2, x2, lo = 0, hi = a2.length) {
-    if (lo < hi) {
-      if (compare12(x2, x2) !== 0) return hi;
-      do {
-        const mid = lo + hi >>> 1;
-        if (compare2(a2[mid], x2) <= 0) lo = mid + 1;
-        else hi = mid;
-      } while (lo < hi);
-    }
-    return lo;
-  }
-  function center2(a2, x2, lo = 0, hi = a2.length) {
-    const i2 = left2(a2, x2, lo, hi - 1);
-    return i2 > lo && delta(a2[i2 - 1], x2) > -delta(a2[i2], x2) ? i2 - 1 : i2;
-  }
-  return { left: left2, center: center2, right: right2 };
-}
-function zero$3() {
-  return 0;
-}
-function number$4(x2) {
-  return x2 === null ? NaN : +x2;
-}
-const ascendingBisect = bisector$1(ascending$4);
-const bisectRight$1 = ascendingBisect.right;
-bisector$1(number$4).center;
-function range$5(start2, stop3, step) {
-  start2 = +start2, stop3 = +stop3, step = (n3 = arguments.length) < 2 ? (stop3 = start2, start2 = 0, 1) : n3 < 3 ? 1 : +step;
-  var i2 = -1, n3 = Math.max(0, Math.ceil((stop3 - start2) / step)) | 0, range2 = new Array(n3);
-  while (++i2 < n3) {
-    range2[i2] = start2 + i2 * step;
-  }
-  return range2;
-}
 function colors$2(specifier) {
   var n3 = specifier.length / 6 | 0, colors2 = new Array(n3), i2 = 0;
   while (i2 < n3) colors2[i2] = "#" + specifier.slice(i2 * 6, ++i2 * 6);
@@ -299544,7 +299713,7 @@ function band$1() {
       start2 = Math.round(start2);
       bandwidth2 = Math.round(bandwidth2);
     }
-    const values3 = range$5(n3).map((i2) => start2 + step * i2);
+    const values3 = range$8(n3).map((i2) => start2 + step * i2);
     return ordinalRange(reverse2 ? values3.reverse() : values3);
   }
   scale2.domain = function(_) {
@@ -301308,7 +301477,7 @@ const useStyles$3 = makeStyles()(() => ({
   }
 }));
 function summarize(iterable, keepZeros) {
-  const values3 = iterable.filter((d) => keepZeros).sort(ascending$9);
+  const values3 = iterable.filter((d) => keepZeros).sort(ascending$8);
   const minVal = values3[0];
   const maxVal = values3[values3.length - 1];
   const q1 = quantileSorted$1(values3, 0.25);
@@ -302919,7 +303088,7 @@ const Milli = [YEAR, MONTH, DATE, HOURS, MINUTES, SECONDS, MILLISECONDS], Second
 const intervals = [[Seconds, 1, durationSecond], [Seconds, 5, 5 * durationSecond], [Seconds, 15, 15 * durationSecond], [Seconds, 30, 30 * durationSecond], [Minutes, 1, durationMinute], [Minutes, 5, 5 * durationMinute], [Minutes, 15, 15 * durationMinute], [Minutes, 30, 30 * durationMinute], [Hours, 1, durationHour], [Hours, 3, 3 * durationHour], [Hours, 6, 6 * durationHour], [Hours, 12, 12 * durationHour], [Day, 1, durationDay], [Week, 1, durationWeek], [Month, 1, durationMonth], [Month, 3, 3 * durationMonth], [Year, 1, durationYear]];
 function bin$1(opt) {
   const ext = opt.extent, max2 = opt.maxbins || 40, target2 = Math.abs(span(ext)) / max2;
-  let i2 = bisector$2((i3) => i3[2]).right(intervals, target2), units, step;
+  let i2 = bisector$1((i3) => i3[2]).right(intervals, target2), units, step;
   if (i2 === intervals.length) {
     units = Year, step = tickStep(ext[0] / durationYear, ext[1] / durationYear, max2);
   } else if (i2) {
@@ -304857,7 +305026,7 @@ function* numbers$1(values3, valueof) {
 }
 function quantiles(array2, p, f2) {
   const values3 = Float64Array.from(numbers$1(array2, f2));
-  values3.sort(ascending$5);
+  values3.sort(ascending$4);
   return p.map((_) => quantileSorted(values3, _));
 }
 function quartiles(array2, f2) {
@@ -304916,7 +305085,7 @@ function bootstrapCI(array2, samples, alpha2, f2) {
     }
     mu[j] = a2 / n3;
   }
-  mu.sort(ascending$5);
+  mu.sort(ascending$4);
   return [quantile$1(mu, alpha2 / 2), quantile$1(mu, 1 - alpha2 / 2)];
 }
 function dotbin(array2, step, smooth, f2) {
@@ -307889,7 +308058,7 @@ inherits(Quantile$1, Transform2, {
       out.source = this.value;
       return out;
     }
-    const source2 = pulse2.materialize(pulse2.SOURCE).source, groups = partition$1$1(source2, _.groupby, _.field), names = (_.groupby || []).map(accessorName), values3 = [], step = _.step || 0.01, p = _.probs || range$9(step / 2, 1 - EPSILON$2, step), n3 = p.length;
+    const source2 = pulse2.materialize(pulse2.SOURCE).source, groups = partition$1$1(source2, _.groupby, _.field), names = (_.groupby || []).map(accessorName), values3 = [], step = _.step || 0.01, p = _.probs || range$8(step / 2, 1 - EPSILON$2, step), n3 = p.length;
     groups.forEach((g2) => {
       const q = quantiles(g2, p);
       for (let i2 = 0; i2 < n3; ++i2) {
@@ -308048,7 +308217,7 @@ inherits(Sequence, Transform2, {
     if (this.value && !_.modified()) return;
     const out = pulse2.materialize().fork(pulse2.MOD), as = _.as || "data";
     out.rem = this.value ? pulse2.rem.concat(this.value) : pulse2.rem;
-    this.value = range$9(_.start, _.stop, _.step || 1).map((v) => {
+    this.value = range$8(_.start, _.stop, _.step || 1).map((v) => {
       const t4 = {};
       t4[as] = v;
       return ingest$1(t4);
@@ -308508,7 +308677,7 @@ inherits(Window, Transform2, {
   }
 });
 function processPartition(list2, state, cmp2, _) {
-  const sort2 = _.sort, range2 = sort2 && !_.ignorePeers, frame2 = _.frame || [null, 0], data2 = list2.data(cmp2), n3 = data2.length, b2 = range2 ? bisector$2(sort2) : null, w2 = {
+  const sort2 = _.sort, range2 = sort2 && !_.ignorePeers, frame2 = _.frame || [null, 0], data2 = list2.data(cmp2), n3 = data2.length, b2 = range2 ? bisector$1(sort2) : null, w2 = {
     i0: 0,
     i1: 0,
     p0: 0,
@@ -308666,7 +308835,7 @@ function band() {
       start2 = Math.round(start2);
       bandwidth2 = Math.round(bandwidth2);
     }
-    const values3 = range$9(n3).map((i2) => start2 + step * i2);
+    const values3 = range$8(n3).map((i2) => start2 + step * i2);
     return ordinalRange(reverse2 ? values3.reverse() : values3);
   }
   scale2.domain = function(_) {
@@ -308748,8 +308917,8 @@ function band() {
       hi = t4;
     }
     if (hi < values3[0] || lo > range$12[1 - reverse2]) return;
-    a2 = Math.max(0, bisectRight$2(values3, lo) - 1);
-    b2 = lo === hi ? a2 : bisectRight$2(values3, hi) - 1;
+    a2 = Math.max(0, bisectRight$1(values3, lo) - 1);
+    b2 = lo === hi ? a2 : bisectRight$1(values3, hi) - 1;
     if (lo - values3[a2] > bandwidth2 + 1e-10) ++a2;
     if (reverse2) {
       t4 = a2;
@@ -308787,7 +308956,7 @@ const slice$2 = Array.prototype.slice;
 function scaleBinOrdinal() {
   let domain2 = [], range2 = [];
   function scale2(x2) {
-    return x2 == null || x2 !== x2 ? void 0 : range2[(bisectRight$2(domain2, x2) - 1) % range2.length];
+    return x2 == null || x2 !== x2 ? void 0 : range2[(bisectRight$1(domain2, x2) - 1) % range2.length];
   }
   scale2.domain = function(_) {
     if (arguments.length) {
@@ -314510,7 +314679,7 @@ Pie.Definition = {
 };
 inherits(Pie, Transform2, {
   transform(_, pulse2) {
-    var as = _.as || ["startAngle", "endAngle"], startAngle = as[0], endAngle = as[1], field2 = _.field || one$1, start2 = _.startAngle || 0, stop3 = _.endAngle != null ? _.endAngle : 2 * Math.PI, data2 = pulse2.source, values3 = data2.map(field2), n3 = values3.length, a2 = start2, k = (stop3 - start2) / sum$2(values3), index2 = range$9(n3), i2, t4, v;
+    var as = _.as || ["startAngle", "endAngle"], startAngle = as[0], endAngle = as[1], field2 = _.field || one$1, start2 = _.startAngle || 0, stop3 = _.endAngle != null ? _.endAngle : 2 * Math.PI, data2 = pulse2.source, values3 = data2.map(field2), n3 = values3.length, a2 = start2, k = (stop3 - start2) / sum$2(values3), index2 = range$8(n3), i2, t4, v;
     if (_.sort) {
       index2.sort((a3, b2) => values3[a3] - values3[b2]);
     }
@@ -314628,7 +314797,7 @@ function configureBins(scale2, _, count2) {
     if (!step) error("Scale bins parameter missing step property.");
     if (start2 < lo) start2 = step * Math.ceil(lo / step);
     if (stop3 > hi) stop3 = step * Math.floor(hi / step);
-    bins2 = range$9(start2, stop3 + step / 2, step);
+    bins2 = range$8(start2, stop3 + step / 2, step);
   }
   if (bins2) {
     scale2.bins = bins2;
@@ -315849,7 +316018,7 @@ function clipRectangle(x02, y02, x12, y12) {
   };
 }
 function graticuleX(y02, y12, dy) {
-  var y2 = range$9(y02, y12 - epsilon$3, dy).concat(y12);
+  var y2 = range$8(y02, y12 - epsilon$3, dy).concat(y12);
   return function(x2) {
     return y2.map(function(y22) {
       return [x2, y22];
@@ -315857,7 +316026,7 @@ function graticuleX(y02, y12, dy) {
   };
 }
 function graticuleY(x02, x12, dx) {
-  var x2 = range$9(x02, x12 - epsilon$3, dx).concat(x12);
+  var x2 = range$8(x02, x12 - epsilon$3, dx).concat(x12);
   return function(y2) {
     return x2.map(function(x22) {
       return [x22, y2];
@@ -315870,9 +316039,9 @@ function graticule() {
     return { type: "MultiLineString", coordinates: lines() };
   }
   function lines() {
-    return range$9(ceil(X02 / DX) * DX, X12, DX).map(X3).concat(range$9(ceil(Y02 / DY) * DY, Y12, DY).map(Y3)).concat(range$9(ceil(x02 / dx) * dx, x12, dx).filter(function(x22) {
+    return range$8(ceil(X02 / DX) * DX, X12, DX).map(X3).concat(range$8(ceil(Y02 / DY) * DY, Y12, DY).map(Y3)).concat(range$8(ceil(x02 / dx) * dx, x12, dx).filter(function(x22) {
       return abs$1(x22 % DX) > epsilon$3;
-    }).map(x2)).concat(range$9(ceil(y02 / dy) * dy, y12, dy).filter(function(y22) {
+    }).map(x2)).concat(range$8(ceil(y02 / dy) * dy, y12, dy).filter(function(y22) {
       return abs$1(y22 % DY) > epsilon$3;
     }).map(y2));
   }
@@ -317147,7 +317316,7 @@ function within(p, q, r3) {
 function quantize$1(k, nice2, zero2) {
   return function(values3) {
     var ex = extent(values3), start2 = zero2 ? Math.min(ex[0], 0) : ex[0], stop3 = ex[1], span2 = stop3 - start2, step = nice2 ? tickStep(start2, stop3, k) : span2 / (k + 1);
-    return range$9(start2 + step, stop3, step);
+    return range$8(start2 + step, stop3, step);
   };
 }
 function Isocontour(params2) {
@@ -323087,7 +323256,7 @@ function SortedIndex() {
       array2 = value2;
       n3 = size2;
     }
-    return [bisectLeft$1(array2, range2[0], 0, n3), bisectRight$2(array2, range2[1], 0, n3)];
+    return [bisectLeft$1(array2, range2[0], 0, n3), bisectRight$1(array2, range2[1], 0, n3)];
   }
   return {
     insert: insert2,
@@ -325452,7 +325621,7 @@ const functionContext = {
   hsl: hsl$2,
   luminance,
   contrast,
-  sequence: range$9,
+  sequence: range$8,
   format: format$1,
   utcFormat,
   utcParse,
@@ -352722,7 +352891,7 @@ function FeatureBarPlot(props) {
     const xTitle = `${capitalize$3(obsType)}`;
     const autoMarginBottom = marginBottom || 30 + Math.sqrt(maxCharactersForLabel / 2) * 30;
     const foregroundColor = theme === "dark" ? "lightgray" : "black";
-    data2.sort((a2, b2) => ascending$9(a2[FEATURE_KEY], b2[FEATURE_KEY]));
+    data2.sort((a2, b2) => ascending$8(a2[FEATURE_KEY], b2[FEATURE_KEY]));
     const svg2 = select$1(domElement);
     svg2.selectAll("g").remove();
     svg2.attr("width", width2).attr("height", height2);
@@ -354066,13 +354235,7 @@ class SpatialDataAutoConfig extends AbstractAutoConfig {
         };
       }
       if (relPath.match(/^(shapes)\/([^/]*)$/)) {
-        options.obsSpots = {
-          path: relPath,
-          coordinateSystem: firstCoordinateSystem
-        };
-      }
-      if (relPath.match(/^(points)\/([^/]*)$/)) {
-        options.obsPoints = {
+        options.obsSegmentations = {
           path: relPath,
           coordinateSystem: firstCoordinateSystem
         };
@@ -354086,21 +354249,6 @@ class SpatialDataAutoConfig extends AbstractAutoConfig {
             // region: null,
           };
         }
-        const hasObs = tableEls.find((el) => el.path === `${path2}/obs`);
-        if (hasObs) {
-          const columnOrder = hasObs.attrs?.["column-order"];
-          options.obsSets = {
-            // region: null,
-            tablePath: relPath,
-            obsSets: columnOrder.map((c2) => ({
-              // TODO: determine whether this column is string/categorical.
-              // TODO: determine whether this column contains too many
-              // categories to make sense to consider a cell set.
-              path: `${hasObs.path.substring(1)}/${c2}`,
-              name: c2
-            }))
-          };
-        }
       }
     });
     return options;
@@ -354663,7 +354811,7 @@ class ClustersJsonAsObsFeatureMatrixLoader extends JsonLoader {
       const normalize2 = (d) => Math.floor((d - min2) / (max2 - min2) * 255);
       return col.map(normalize2);
     });
-    const tNormalizedMatrix = range$f(shape2[0]).map((i2) => range$f(shape2[1]).map((j) => normalizedMatrix[j][i2]));
+    const tNormalizedMatrix = range$e(shape2[0]).map((i2) => range$e(shape2[1]).map((j) => normalizedMatrix[j][i2]));
     const normalizedFlatMatrix = tNormalizedMatrix.flat();
     const obsFeatureMatrix = { data: Uint8Array.from(normalizedFlatMatrix) };
     this.cachedResult = { obsIndex, featureIndex, obsFeatureMatrix };
@@ -354714,12 +354862,12 @@ class MoleculesJsonAsObsLabelsLoader extends JsonLoader {
     if (this.cachedResult) {
       return this.cachedResult;
     }
-    const obsIndex = range$f(sum$7(Object.values(data2).map((v) => v.length))).map((i2) => String(i2));
+    const obsIndex = range$e(sum$7(Object.values(data2).map((v) => v.length))).map((i2) => String(i2));
     let obsLabels = [];
     Object.entries(data2).forEach(([gene, locations]) => {
       obsLabels = [
         ...obsLabels,
-        ...range$f(locations.length).map(() => gene)
+        ...range$e(locations.length).map(() => gene)
       ];
     });
     this.cachedResult = { obsIndex, obsLabels };
@@ -354742,7 +354890,7 @@ class MoleculesJsonAsObsLocationsLoader extends JsonLoader {
       return this.cachedResult;
     }
     const moleculesValues = Object.values(data2);
-    const obsIndex = range$f(sum$7(moleculesValues.map((v) => v.length))).map((i2) => String(i2));
+    const obsIndex = range$e(sum$7(moleculesValues.map((v) => v.length))).map((i2) => String(i2));
     const obsLocationsX = new Float32Array(obsIndex.length);
     const obsLocationsY = new Float32Array(obsIndex.length);
     let startAt = 0;