@vitessce/scatterplot-embedding 3.6.9 → 3.6.11

package/dist/{deflate-DQOZf0tG.js → deflate-D8XXpIHo.js}

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

package/dist/{index-B4Ggb1ZC.js → index-BWwrctZk.js}

@@ -122215,7 +122215,8 @@ const PIXELATED_TEXTURE_PARAMETERS = {
 const GLSL_COLORMAPS = [
   "plasma",
   "viridis",
-  "jet"
+  "jet",
+  "greys"
 ];
 const GLSL_COLORMAP_DEFAULT = "plasma";
 const COLORMAP_SHADER_PLACEHOLDER = "COLORMAP_FUNC";
@@ -123305,22 +123306,22 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-BqckyMzs.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-3prZR1De.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-C_kh447x.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-BUQlEYLS.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-CIYA5vLI.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-DQOZf0tG.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-Dn-nd6sC.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-Cr4SB03o.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-D8XXpIHo.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-BdoLIRfv.js").then((m2) => m2.default));
 addDecoder(
   34887,
-  () => import("./lerc-DTPsduDc.js").then(async (m2) => {
+  () => import("./lerc-DPVW-T-N.js").then(async (m2) => {
     await m2.zstd.init();
     return m2;
   }).then((m2) => m2.default)
 );
-addDecoder(50001, () => import("./webimage-Cd8IIoXB.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-CjiYMJXR.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset2 = 0;
@@ -153218,6 +153219,9 @@ function Legend(props) {
       featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw[0];
     } else if (featureAggregationStrategy === "last") {
       featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw.at(-1);
+    } else if (typeof featureAggregationStrategy === "number") {
+      const i2 = featureAggregationStrategy;
+      featureSelectionLabelRawStr = featureSelectionLabelRaw == null ? void 0 : featureSelectionLabelRaw[i2];
     } else if (featureAggregationStrategy === "sum") {
       featureSelectionLabelRawStr = "Sum of features";
     } else if (featureAggregationStrategy === "mean") {
@@ -153693,7 +153697,7 @@ function EmbeddingScatterplotSubscriber(props) {
     return [1, 10, 100];
   }, [contourPercentiles, sortedWeights]);
   const circleInfo = useMemo(() => {
-    if (!originalViewState || !width2 || !height2) {
+    if (!originalViewState || !width2 || !height2 || !xRange || !yRange) {
       return null;
     }
     const center2 = [
@@ -153704,7 +153708,8 @@ function EmbeddingScatterplotSubscriber(props) {
     if (!(typeof scaleFactor === "number" && typeof center2[0] === "number" && typeof center2[1] === "number") || Number.isNaN(scaleFactor)) {
       return null;
     }
-    const radius = Math.min(width2, height2) / 2 / scaleFactor;
+    const size = Math.max(xRange, yRange);
+    const radius = size * Math.sqrt(2) / 2 * 0.8;
     const numPoints = 96;
     const options = { steps: numPoints, units: "degrees" };
     const circlePolygon = circle$2(center2, radius, options);
@@ -153714,7 +153719,7 @@ function EmbeddingScatterplotSubscriber(props) {
       polygon: circlePolygon,
       steps: numPoints
     };
-  }, [originalViewState, width2, height2]);
+  }, [originalViewState, width2, height2, xRange, yRange]);
   const [alignedEmbeddingIndex, alignedEmbeddingData] = useMemo(() => {
     if ((obsEmbedding == null ? void 0 : obsEmbedding.data) && obsEmbeddingIndex && matrixObsIndex) {
       const matrixIndexMap = new Map(matrixObsIndex.map((key, i2) => [key, i2]));

package/dist/index.js

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

package/dist/{jpeg-CIYA5vLI.js → jpeg-Cr4SB03o.js}

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

package/dist/{lerc-DTPsduDc.js → lerc-DPVW-T-N.js}

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

package/dist/{lzw-3prZR1De.js → lzw-BUQlEYLS.js}

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

package/dist/{packbits-Dn-nd6sC.js → packbits-BdoLIRfv.js}

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

package/dist/{raw-BqckyMzs.js → raw-C_kh447x.js}

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

package/dist/{webimage-Cd8IIoXB.js → webimage-CjiYMJXR.js}

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

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

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

package/dist-tsc/EmbeddingScatterplotSubscriber.js

@@ -211,7 +211,7 @@ export function EmbeddingScatterplotSubscriber(props) {
     // which surrounds all points in the scatterplot,
     // which we can use to position text labels along.
     const circleInfo = useMemo(() => {
-        if (!originalViewState || !width || !height) {
+        if (!originalViewState || !width || !height || !xRange || !yRange) {
             return null;
         }
         const center = [
@@ -222,7 +222,10 @@ export function EmbeddingScatterplotSubscriber(props) {
         if (!(typeof scaleFactor === 'number' && typeof center[0] === 'number' && typeof center[1] === 'number') || Number.isNaN(scaleFactor)) {
             return null;
         }
-        const radius = Math.min(width, height) / 2 / scaleFactor;
+        const size = Math.max(xRange, yRange);
+        // TODO: figure out a better solution than
+        // scaling the radius by the arbitrary 0.8?
+        const radius = ((size * Math.sqrt(2)) / 2) * 0.8;
         const numPoints = 96;
         const options = { steps: numPoints, units: 'degrees' };
         const circlePolygon = circle(center, radius, options);
@@ -232,7 +235,7 @@ export function EmbeddingScatterplotSubscriber(props) {
             polygon: circlePolygon,
             steps: numPoints,
         };
-    }, [originalViewState, width, height]);
+    }, [originalViewState, width, height, xRange, yRange]);
     // It is possible for the embedding index+data to be out of order
     // with respect to the matrix index+data. Here, we align the embedding
     // data so that the rows are ordered the same as the matrix rows.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-embedding",
-  "version": "3.6.9",
+  "version": "3.6.11",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,13 +20,13 @@
     "lodash-es": "^4.17.21",
     "react-aria": "^3.28.0",
     "@turf/circle": "^7.2.0",
-    "@vitessce/styles": "3.6.9",
-    "@vitessce/constants-internal": "3.6.9",
-    "@vitessce/legend": "3.6.9",
-    "@vitessce/scatterplot": "3.6.9",
-    "@vitessce/sets-utils": "3.6.9",
-    "@vitessce/utils": "3.6.9",
-    "@vitessce/vit-s": "3.6.9"
+    "@vitessce/styles": "3.6.11",
+    "@vitessce/constants-internal": "3.6.11",
+    "@vitessce/legend": "3.6.11",
+    "@vitessce/scatterplot": "3.6.11",
+    "@vitessce/sets-utils": "3.6.11",
+    "@vitessce/utils": "3.6.11",
+    "@vitessce/vit-s": "3.6.11"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/EmbeddingScatterplotSubscriber.js

@@ -418,7 +418,7 @@ export function EmbeddingScatterplotSubscriber(props) {
   // which surrounds all points in the scatterplot,
   // which we can use to position text labels along.
   const circleInfo = useMemo(() => {
-    if (!originalViewState || !width || !height) {
+    if (!originalViewState || !width || !height || !xRange || !yRange) {
       return null;
     }
     const center = [
@@ -429,7 +429,10 @@ export function EmbeddingScatterplotSubscriber(props) {
     if (!(typeof scaleFactor === 'number' && typeof center[0] === 'number' && typeof center[1] === 'number') || Number.isNaN(scaleFactor)) {
       return null;
     }
-    const radius = Math.min(width, height) / 2 / scaleFactor;
+    const size = Math.max(xRange, yRange);
+    // TODO: figure out a better solution than
+    // scaling the radius by the arbitrary 0.8?
+    const radius = ((size * Math.sqrt(2)) / 2) * 0.8;
     const numPoints = 96;
     const options = { steps: numPoints, units: 'degrees' };
     const circlePolygon = circle(center, radius, options);
@@ -439,7 +442,7 @@ export function EmbeddingScatterplotSubscriber(props) {
       polygon: circlePolygon,
       steps: numPoints,
     };
-  }, [originalViewState, width, height]);
+  }, [originalViewState, width, height, xRange, yRange]);
 
   // It is possible for the embedding index+data to be out of order
   // with respect to the matrix index+data. Here, we align the embedding