@vitessce/scatterplot-embedding 3.6.18 → 3.7.1

package/dist/{deflate-Ccvs6Lib.js → deflate-BgSunY3u.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { B as BaseDecoder } from "./index-DiAoKAaO.js";
+import { B as BaseDecoder } from "./index-FjD__8Hd.js";
 class DeflateDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return inflate_1(new Uint8Array(buffer)).buffer;

package/dist/{index-DiAoKAaO.js → index-FjD__8Hd.js}

@@ -10167,6 +10167,7 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.SPATIAL_ROTATION_Y,
     CoordinationType$1.SPATIAL_ROTATION_Z,
     CoordinationType$1.SPATIAL_AXIS_FIXED,
+    CoordinationType$1.SPATIAL_ROTATION_ORBIT,
     CoordinationType$1.SPATIAL_ORBIT_AXIS,
     CoordinationType$1.SPATIAL_ZOOM,
     CoordinationType$1.OBS_FILTER,
@@ -10174,14 +10175,11 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.OBS_SET_SELECTION,
     CoordinationType$1.OBS_SET_FILTER,
     CoordinationType$1.OBS_SET_HIGHLIGHT,
-    CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.OBS_TYPE,
-    CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.OBS_SET_COLOR,
     CoordinationType$1.OBS_COLOR_ENCODING,
-    CoordinationType$1.OBS_SET_SELECTION,
     CoordinationType$1.EMBEDDING_TYPE,
-    CoordinationType$1.OBS_COLOR_ENCODING,
+    CoordinationType$1.ADDITIONAL_OBS_SETS,
     CoordinationType$1.TOOLTIPS_VISIBLE
   ],
   [ViewType$1.SCATTERPLOT]: [
@@ -122230,6 +122228,8 @@ const PIXELATED_TEXTURE_PARAMETERS = {
   [GL$1.TEXTURE_WRAP_T]: GL$1.CLAMP_TO_EDGE
 };
 const GLSL_COLORMAPS = [
+  // NOTE: the ordering of these is important,
+  // as the shader code in bitmask-layer-beta-shaders hardcodes their indices.
   "plasma",
   "viridis",
   "jet",
@@ -123323,22 +123323,22 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-HSp42GhA.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-BhXUNPHF.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-DY_w4Euo.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-BlBBDcB3.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-DUYY678x.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-Ccvs6Lib.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-D_7psHiO.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-YYASIY-4.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-BgSunY3u.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-uyBfUErz.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-C2z5Ot31.js").then(async (m2) => {
+  () => import("./lerc-DNPCSfFo.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-CaeLt8Sq.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-Prgh99Ac.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset2 = 0;
@@ -133121,7 +133121,7 @@ uniform float channelOpacities[7];
 uniform bool channelIsStaticColorMode[7]; // TODO: should this be a single float?
 uniform bool channelIsSetColorMode[7]; // TODO: should this be a single float?
 
-// TODO: can array of tuples/vec2 be used?
+uniform int channelColormapFuncIndices[7];
 uniform float channelColormapRangeStarts[7];
 uniform float channelColormapRangeEnds[7];
 
@@ -133187,7 +133187,30 @@ vec3 sampleAndGetData(sampler2D dataTex, vec2 coord, bool isFilled, float stroke
   return vec3(clampedSampledData * float(isOn), sampledData, float(isEdge));
 }
 
-vec4 dataToColor(vec3 sampledDataAndIsEdge, bool isStaticColorMode, vec3 channelColor, float channelOpacity, float valueOffset, float rangeStart, float rangeEnd, bool isSetColorMode, float setColorOffset) {
+vec3 colormapFunc(float clampedScaledExpressionValue, int colormapIndex) {
+  // Map indices of GLSL_COLORMAPS array to their function calls.
+  // GLSL_COLORMAPS is defined in ./constants.js and needs to stay manually synced.
+  // 0: 'plasma',
+  // 1: 'viridis',
+  // 2: 'jet',
+  // 3: 'greys',
+
+  if (colormapIndex <= 0) {
+    // This should also match -1, to account for a failed Array.indexOf lookup.
+    return plasma(clampedScaledExpressionValue).rgb;
+  }
+  if (colormapIndex == 1) {
+    return viridis(clampedScaledExpressionValue).rgb;
+  }
+  if (colormapIndex == 2) {
+    return jet(clampedScaledExpressionValue).rgb;
+  }
+  if (colormapIndex == 3) {
+    return greys(clampedScaledExpressionValue).rgb;
+  }
+}
+
+vec4 dataToColor(vec3 sampledDataAndIsEdge, bool isStaticColorMode, vec3 channelColor, float channelOpacity, float valueOffset, int colormapFuncIndex, float rangeStart, float rangeEnd, bool isSetColorMode, float setColorOffset) {
   float clampedSampledDataAndIsOn = sampledDataAndIsEdge.x;
   float sampledData = sampledDataAndIsEdge.y;
   float isEdge = sampledDataAndIsEdge.z;
@@ -133231,7 +133254,7 @@ vec4 dataToColor(vec3 sampledDataAndIsEdge, bool isStaticColorMode, vec3 channel
   }
 
   
-  vec4 sampledColor = (1. - (float(isStaticColorMode) + float(isSetColorMode))) * vec4(COLORMAP_FUNC(clamp(scaledExpressionValue, 0.0, 1.0)).rgb, channelOpacity) + float(isStaticColorMode) * vec4(channelColor.rgb, channelOpacity) + float(isSetColorMode) * vec4(setColor, channelOpacity);
+  vec4 sampledColor = (1. - (float(isStaticColorMode) + float(isSetColorMode))) * vec4(colormapFunc(clamp(scaledExpressionValue, 0.0, 1.0), colormapFuncIndex).rgb, channelOpacity) + float(isStaticColorMode) * vec4(channelColor.rgb, channelOpacity) + float(isSetColorMode) * vec4(setColor, channelOpacity);
   // Only return a color if the data is non-zero.
   
   return clampedSampledDataAndIsOn * isEdge * sampledColor;
@@ -133247,15 +133270,15 @@ void main() {
   vec3 dat4 = sampleAndGetData(channel4, vTexCoord, channelsFilled[4], channelStrokeWidths[4], channelsVisible[4]);
   vec3 dat5 = sampleAndGetData(channel5, vTexCoord, channelsFilled[5], channelStrokeWidths[5], channelsVisible[5]);
   vec3 dat6 = sampleAndGetData(channel6, vTexCoord, channelsFilled[6], channelStrokeWidths[6], channelsVisible[6]);
-  
-  vec4 val0 = dataToColor(dat0, channelIsStaticColorMode[0], color0, channelOpacities[0], valueTexOffsets[0], channelColormapRangeStarts[0], channelColormapRangeEnds[0], channelIsSetColorMode[0], colorTexOffsets[0]);
-  vec4 val1 = dataToColor(dat1, channelIsStaticColorMode[1], color1, channelOpacities[1], valueTexOffsets[1], channelColormapRangeStarts[1], channelColormapRangeEnds[1], channelIsSetColorMode[1], colorTexOffsets[1]);
-  vec4 val2 = dataToColor(dat2, channelIsStaticColorMode[2], color2, channelOpacities[2], valueTexOffsets[2], channelColormapRangeStarts[2], channelColormapRangeEnds[2], channelIsSetColorMode[2], colorTexOffsets[2]);
-  vec4 val3 = dataToColor(dat3, channelIsStaticColorMode[3], color3, channelOpacities[3], valueTexOffsets[3], channelColormapRangeStarts[3], channelColormapRangeEnds[3], channelIsSetColorMode[3], colorTexOffsets[3]);
-  vec4 val4 = dataToColor(dat4, channelIsStaticColorMode[4], color4, channelOpacities[4], valueTexOffsets[4], channelColormapRangeStarts[4], channelColormapRangeEnds[4], channelIsSetColorMode[4], colorTexOffsets[4]);
-  vec4 val5 = dataToColor(dat5, channelIsStaticColorMode[5], color5, channelOpacities[5], valueTexOffsets[5], channelColormapRangeStarts[5], channelColormapRangeEnds[5], channelIsSetColorMode[5], colorTexOffsets[5]);
-  vec4 val6 = dataToColor(dat6, channelIsStaticColorMode[6], color6, channelOpacities[6], valueTexOffsets[6], channelColormapRangeStarts[6], channelColormapRangeEnds[6], channelIsSetColorMode[6], colorTexOffsets[6]);
-  
+
+  vec4 val0 = dataToColor(dat0, channelIsStaticColorMode[0], color0, channelOpacities[0], valueTexOffsets[0], channelColormapFuncIndices[0], channelColormapRangeStarts[0], channelColormapRangeEnds[0], channelIsSetColorMode[0], colorTexOffsets[0]);
+  vec4 val1 = dataToColor(dat1, channelIsStaticColorMode[1], color1, channelOpacities[1], valueTexOffsets[1], channelColormapFuncIndices[1], channelColormapRangeStarts[1], channelColormapRangeEnds[1], channelIsSetColorMode[1], colorTexOffsets[1]);
+  vec4 val2 = dataToColor(dat2, channelIsStaticColorMode[2], color2, channelOpacities[2], valueTexOffsets[2], channelColormapFuncIndices[2], channelColormapRangeStarts[2], channelColormapRangeEnds[2], channelIsSetColorMode[2], colorTexOffsets[2]);
+  vec4 val3 = dataToColor(dat3, channelIsStaticColorMode[3], color3, channelOpacities[3], valueTexOffsets[3], channelColormapFuncIndices[3], channelColormapRangeStarts[3], channelColormapRangeEnds[3], channelIsSetColorMode[3], colorTexOffsets[3]);
+  vec4 val4 = dataToColor(dat4, channelIsStaticColorMode[4], color4, channelOpacities[4], valueTexOffsets[4], channelColormapFuncIndices[4], channelColormapRangeStarts[4], channelColormapRangeEnds[4], channelIsSetColorMode[4], colorTexOffsets[4]);
+  vec4 val5 = dataToColor(dat5, channelIsStaticColorMode[5], color5, channelOpacities[5], valueTexOffsets[5], channelColormapFuncIndices[5], channelColormapRangeStarts[5], channelColormapRangeEnds[5], channelIsSetColorMode[5], colorTexOffsets[5]);
+  vec4 val6 = dataToColor(dat6, channelIsStaticColorMode[6], color6, channelOpacities[6], valueTexOffsets[6], channelColormapFuncIndices[6], channelColormapRangeStarts[6], channelColormapRangeEnds[6], channelIsSetColorMode[6], colorTexOffsets[6]);
+
   // If all of the channels are "empty", then discard this pixel so that it is not considered during picking.
   float emptyDat = 0.;
   if(dat0.x == emptyDat && dat1.x == emptyDat && dat2.x == emptyDat && dat3.x == emptyDat && dat4.x == emptyDat && dat5.x == emptyDat && dat6.x == emptyDat) {
@@ -133411,14 +133434,10 @@ const defaultProps$2 = {
 class BitmaskLayer2 extends XRLayer {
   // eslint-disable-next-line class-methods-use-this
   getShaders() {
-    const { colormap } = this.props;
     return {
       fs,
       vs,
-      modules: [project32, picking],
-      defines: {
-        [COLORMAP_SHADER_PLACEHOLDER]: GLSL_COLORMAPS.includes(colormap) ? colormap : GLSL_COLORMAP_DEFAULT
-      }
+      modules: [project32, picking]
     };
   }
   /**
@@ -133477,8 +133496,6 @@ class BitmaskLayer2 extends XRLayer {
       channelOpacities,
       channelColors,
       channelsVisible,
-      // TODO: use `channelFeatureValueColormaps` in shader,
-      // figure out how to call multiple GLSL colormap functions
       channelFeatureValueColormaps,
       channelFeatureValueColormapRanges,
       channelIsStaticColorMode,
@@ -133539,6 +133556,12 @@ class BitmaskLayer2 extends XRLayer {
           // There are six texture entries on the shaders
           MAX_CHANNELS - channelStrokeWidths.length
         ),
+        channelColormapFuncIndices: padWithDefault(
+          channelFeatureValueColormaps.map((d) => GLSL_COLORMAPS.indexOf(d)),
+          0,
+          // There are six texture entries on the shaders
+          MAX_CHANNELS - channelFeatureValueColormaps.length
+        ),
         channelColormapRangeStarts: padWithDefault(
           channelFeatureValueColormapRanges.map((r2) => (r2 == null ? void 0 : r2[0]) || 0),
           0,
@@ -150046,6 +150069,9 @@ function getOnHoverCallback(obsIndex, setObsHighlight, setComponentHover) {
     }
   };
 }
+const ROTATION_THRESHOLD = 1;
+const ZOOM_THRESHOLD = 0.01;
+const TRANSLATION_THRESHOLD = 2;
 class AbstractSpatialOrScatterplot extends PureComponent {
   constructor(props) {
     super(props);
@@ -150053,6 +150079,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
       gl: null,
       tool: null
     };
+    this.lastApplied = null;
     this.viewport = null;
     this.onViewStateChange = this.onViewStateChange.bind(this);
     this.onInitializeViewInfo = this.onInitializeViewInfo.bind(this);
@@ -150072,6 +150099,23 @@ class AbstractSpatialOrScatterplot extends PureComponent {
   onViewStateChange({ viewState: nextViewState }) {
     const { setViewState, viewState, spatialAxisFixed } = this.props;
     const use3d = this.use3d();
+    let targetChanged = false;
+    if (nextViewState.target && viewState.target) {
+      const dx = Math.abs((nextViewState.target[0] ?? 0) - (viewState.target[0] ?? 0));
+      const dy = Math.abs((nextViewState.target[1] ?? 0) - (viewState.target[1] ?? 0));
+      const scale2 = 2 ** (nextViewState.zoom ?? 0);
+      const dxPx = Math.abs(dx) * scale2;
+      const dyPx = Math.abs(dy) * scale2;
+      targetChanged = dxPx > TRANSLATION_THRESHOLD || dyPx > TRANSLATION_THRESHOLD;
+    }
+    const prev2 = this.lastApplied || viewState;
+    const zoomChanged = Math.abs((nextViewState.zoom ?? 0) - (prev2.zoom ?? 0)) > ZOOM_THRESHOLD;
+    const orbitChanged = Math.abs((nextViewState.rotationOrbit ?? 0) - (prev2.rotationOrbit ?? 0)) > ROTATION_THRESHOLD;
+    const xChanged = Math.abs((nextViewState.rotationX ?? 0) - (prev2.rotationX ?? 0)) > ROTATION_THRESHOLD;
+    if (!(zoomChanged || orbitChanged || xChanged || targetChanged)) {
+      return;
+    }
+    this.lastApplied = nextViewState;
     setViewState({
       ...nextViewState,
       // If the axis is fixed, just use the current target in state i.e don't change target.
@@ -153146,7 +153190,7 @@ 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, theme, showObsLabel = false, pointsVisible = true, contoursVisible = false, contoursFilled, contourPercentiles, contourThresholds } = 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 { classes } = useStyles();
   const isDarkTheme = theme === "dark";
@@ -153158,6 +153202,8 @@ function Legend(props) {
   const visible = visibleProp && (!considerSelections || obsColorEncoding === "geneSelection" && featureSelection && Array.isArray(featureSelection) && featureSelection.length >= 1 || isSetColor && (obsSetSelection == null ? void 0 : obsSetSelection.length) > 0 && (obsSetColor == null ? void 0 : obsSetColor.length) > 0 || isStaticColor);
   const levelZeroNames = useMemo(() => Array.from(new Set((obsSetSelection == null ? void 0 : obsSetSelection.map((setPath) => setPath[0])) || [])), [obsSetSelection]);
   const dynamicHeight = isSetColor && obsSetSelection ? levelZeroNames.length * titleHeight + (obsSetSelection == null ? void 0 : obsSetSelection.length) * (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;
     const foregroundColor = highContrast ? "black" : isDarkTheme ? "white" : "black";
@@ -153290,7 +153336,9 @@ function Legend(props) {
     [classes.legendHighContrast]: highContrast,
     [classes.legendLowContrast]: !highContrast,
     [classes.legendInvisible]: !visible
-  }), children: jsxRuntimeExports.jsx("svg", { ref: svgRef, style: {
+  }), style: {
+    ...needsScroll ? { maxHeight: `${Math.floor(availHeight)}px`, overflowY: "auto" } : { maxHeight: void 0, overflowY: "visible" }
+  }, children: jsxRuntimeExports.jsx("svg", { ref: svgRef, style: {
     width: `${width2}px`,
     height: `${dynamicHeight}px`
   } }) });

package/dist/index.js

@@ -1,4 +1,4 @@
-import { D, E } from "./index-DiAoKAaO.js";
+import { D, E } from "./index-FjD__8Hd.js";
 export {
   D as DualEmbeddingScatterplotSubscriber,
   E as EmbeddingScatterplotSubscriber

package/dist/{jpeg-DUYY678x.js → jpeg-YYASIY-4.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-DiAoKAaO.js";
+import { B as BaseDecoder } from "./index-FjD__8Hd.js";
 const dctZigZag = new Int32Array([
   0,
   1,

package/dist/{lerc-C2z5Ot31.js → lerc-DNPCSfFo.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-SxljTded.js";
-import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-DiAoKAaO.js";
+import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-FjD__8Hd.js";
 const LercParameters = {
   AddCompression: 1
 };

package/dist/{lzw-BhXUNPHF.js → lzw-BlBBDcB3.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-DiAoKAaO.js";
+import { B as BaseDecoder } from "./index-FjD__8Hd.js";
 const MIN_BITS = 9;
 const CLEAR_CODE = 256;
 const EOI_CODE = 257;

package/dist/{packbits-D_7psHiO.js → packbits-uyBfUErz.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-DiAoKAaO.js";
+import { B as BaseDecoder } from "./index-FjD__8Hd.js";
 class PackbitsDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     const dataView = new DataView(buffer);

package/dist/{raw-HSp42GhA.js → raw-DY_w4Euo.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-DiAoKAaO.js";
+import { B as BaseDecoder } from "./index-FjD__8Hd.js";
 class RawDecoder extends BaseDecoder {
   decodeBlock(buffer) {
     return buffer;

package/dist/{webimage-CaeLt8Sq.js → webimage-Prgh99Ac.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-DiAoKAaO.js";
+import { B as BaseDecoder } from "./index-FjD__8Hd.js";
 class WebImageDecoder extends BaseDecoder {
   constructor() {
     super();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-embedding",
-  "version": "3.6.18",
+  "version": "3.7.1",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,25 +20,25 @@
     "lodash-es": "^4.17.21",
     "react-aria": "^3.28.0",
     "@turf/circle": "^7.2.0",
-    "@vitessce/styles": "3.6.18",
-    "@vitessce/constants-internal": "3.6.18",
-    "@vitessce/legend": "3.6.18",
-    "@vitessce/scatterplot": "3.6.18",
-    "@vitessce/sets-utils": "3.6.18",
-    "@vitessce/utils": "3.6.18",
-    "@vitessce/vit-s": "3.6.18"
+    "@vitessce/styles": "3.7.1",
+    "@vitessce/constants-internal": "3.7.1",
+    "@vitessce/legend": "3.7.1",
+    "@vitessce/scatterplot": "3.7.1",
+    "@vitessce/sets-utils": "3.7.1",
+    "@vitessce/utils": "3.7.1",
+    "@vitessce/vit-s": "3.7.1"
   },
   "devDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "vite": "^6.3.5",
+    "vite": "^7.0.0",
     "vitest": "^3.1.4"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "scripts": {
-    "bundle": "pnpm exec vite build -c ../../../scripts/vite.config.js",
+    "bundle": "pnpm exec vite build -c ../../../scripts/vite.config.mjs",
     "test": "pnpm exec vitest --run"
   },
   "module": "dist/index.js",