@vitessce/vega 3.8.9 → 3.8.10

package/dist/index.js

@@ -1377,40 +1377,51 @@ function compareDefined(compare2 = ascending$2) {
 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(start, stop3, count2) {
+  const step = (stop3 - start) / 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(start * inc);
+    i2 = Math.round(stop3 * inc);
+    if (i1 / inc < start) ++i1;
+    if (i2 / inc > stop3) --i2;
+    inc = -inc;
+  } else {
+    inc = Math.pow(10, power) * factor;
+    i1 = Math.round(start / inc);
+    i2 = Math.round(stop3 / inc);
+    if (i1 * inc < start) ++i1;
+    if (i2 * inc > stop3) --i2;
+  }
+  if (i2 < i1 && 0.5 <= count2 && count2 < 2) return tickSpec(start, stop3, count2 * 2);
+  return [i1, i2, inc];
+}
 function ticks(start, stop3, count2) {
-  var reverse2, i = -1, n, ticks2, step;
   stop3 = +stop3, start = +start, count2 = +count2;
-  if (start === stop3 && count2 > 0) return [start];
-  if (reverse2 = stop3 < start) n = start, start = stop3, stop3 = n;
-  if ((step = tickIncrement(start, stop3, count2)) === 0 || !isFinite(step)) return [];
-  if (step > 0) {
-    let r0 = Math.round(start / step), r1 = Math.round(stop3 / step);
-    if (r0 * step < start) ++r0;
-    if (r1 * step > stop3) --r1;
-    ticks2 = new Array(n = r1 - r0 + 1);
-    while (++i < n) ticks2[i] = (r0 + i) * step;
+  if (!(count2 > 0)) return [];
+  if (start === stop3) return [start];
+  const reverse2 = stop3 < start, [i1, i2, inc] = reverse2 ? tickSpec(stop3, start, count2) : tickSpec(start, stop3, count2);
+  if (!(i2 >= i1)) return [];
+  const n = i2 - i1 + 1, ticks2 = new Array(n);
+  if (reverse2) {
+    if (inc < 0) for (let i = 0; i < n; ++i) ticks2[i] = (i2 - i) / -inc;
+    else for (let i = 0; i < n; ++i) ticks2[i] = (i2 - i) * inc;
   } else {
-    step = -step;
-    let r0 = Math.round(start * step), r1 = Math.round(stop3 * step);
-    if (r0 / step < start) ++r0;
-    if (r1 / step > stop3) --r1;
-    ticks2 = new Array(n = r1 - r0 + 1);
-    while (++i < n) ticks2[i] = (r0 + i) / step;
-  }
-  if (reverse2) ticks2.reverse();
+    if (inc < 0) for (let i = 0; i < n; ++i) ticks2[i] = (i1 + i) / -inc;
+    else for (let i = 0; i < n; ++i) ticks2[i] = (i1 + i) * inc;
+  }
   return ticks2;
 }
 function tickIncrement(start, stop3, count2) {
-  var step = (stop3 - start) / 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, start = +start, count2 = +count2;
+  return tickSpec(start, stop3, count2)[2];
 }
 function tickStep(start, stop3, count2) {
-  var step0 = Math.abs(stop3 - start) / 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 < start ? -step1 : step1;
+  stop3 = +stop3, start = +start, count2 = +count2;
+  const reverse2 = stop3 < start, inc = reverse2 ? tickIncrement(stop3, start, count2) : tickIncrement(start, stop3, count2);
+  return (reverse2 ? -1 : 1) * (inc < 0 ? 1 / -inc : inc);
 }
 function max$2(values2, valueof) {
   let max2;
@@ -1448,7 +1459,11 @@ function min$2(values2, valueof) {
   }
   return min2;
 }
-function quickselect(array2, k, left = 0, right = array2.length - 1, compare2) {
+function quickselect(array2, k, left = 0, right = Infinity, compare2) {
+  k = Math.floor(k);
+  left = Math.floor(Math.max(0, left));
+  right = Math.floor(Math.min(array2.length - 1, right));
+  if (!(left <= k && k <= right)) return array2;
   compare2 = compare2 === void 0 ? ascendingDefined : compareDefined(compare2);
   while (right > left) {
     if (right - left > 600) {
@@ -1485,15 +1500,15 @@ function swap$1(array2, i, j) {
 }
 function quantile$1(values2, p, valueof) {
   values2 = Float64Array.from(numbers$2(values2, valueof));
-  if (!(n = values2.length)) return;
-  if ((p = +p) <= 0 || n < 2) return min$2(values2);
+  if (!(n = values2.length) || isNaN(p = +p)) return;
+  if (p <= 0 || n < 2) return min$2(values2);
   if (p >= 1) return max$2(values2);
   var n, i = (n - 1) * p, i0 = Math.floor(i), value0 = max$2(quickselect(values2, i0).subarray(0, i0 + 1)), value1 = min$2(values2.subarray(i0 + 1));
   return value0 + (value1 - value0) * (i - i0);
 }
 function quantileSorted(values2, p, valueof = number$6) {
-  if (!(n = values2.length)) return;
-  if ((p = +p) <= 0 || n < 2) return +valueof(values2[0], 0, values2);
+  if (!(n = values2.length) || isNaN(p = +p)) return;
+  if (p <= 0 || n < 2) return +valueof(values2[0], 0, values2);
   if (p >= 1) return +valueof(values2[n - 1], n - 1, values2);
   var n, i = (n - 1) * p, i0 = Math.floor(i), value0 = +valueof(values2[i0], i0, values2), value1 = +valueof(values2[i0 + 1], i0 + 1, values2);
   return value0 + (value1 - value0) * (i - i0);
@@ -43386,6 +43401,8 @@ function getInterpolateFunction(cmap) {
 }
 makeStyles()(() => ({
   legend: {
+    position: "relative",
+    // Needed for absolute positioning of slider overlay
     top: "2px",
     right: "2px",
     fontSize: "10px !important",
@@ -43417,6 +43434,74 @@ 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"
   }
 }));
 makeStyles()(() => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/vega",
-  "version": "3.8.9",
+  "version": "3.8.10",
   "author": "HIDIVE Lab at HMS",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -21,9 +21,9 @@
     "vega": "^5.21.0",
     "vega-lite": "^5.1.1",
     "vega-tooltip": "^0.27.0",
-    "@vitessce/styles": "3.8.9",
-    "@vitessce/tooltip": "3.8.9",
-    "@vitessce/legend": "3.8.9"
+    "@vitessce/styles": "3.8.10",
+    "@vitessce/tooltip": "3.8.10",
+    "@vitessce/legend": "3.8.10"
   },
   "devDependencies": {
     "react": "18.3.1",