@vitessce/neuroglancer 3.6.18 → 3.7.1

package/dist/{index-BNCfoEHv.js → index-w8xI9TWU.js}

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import React__default, { useContext, forwardRef, useRef, useMemo, createContext, createElement, PureComponent, Suspense, useCallback } from "react";
+import React__default, { useContext, forwardRef, useRef, useMemo, createContext, createElement, PureComponent, Suspense, useCallback, useState, useEffect } from "react";
 import { useLoaders, useCoordinationScopes, useCoordination, useObsSetsData, useObsEmbeddingData, TitleInfo } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 const ViewType$1 = {
@@ -617,6 +617,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,
@@ -624,14 +625,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]: [
@@ -1325,39 +1323,11 @@ function baseGetTag(value) {
 function isObjectLike(value) {
   return value != null && typeof value == "object";
 }
-var symbolTag$3 = "[object Symbol]";
-function isSymbol(value) {
-  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$3;
-}
-function arrayMap(array, iteratee) {
-  var index = -1, length2 = array == null ? 0 : array.length, result = Array(length2);
-  while (++index < length2) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
 var isArray = Array.isArray;
-var symbolProto$2 = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
-function baseToString(value) {
-  if (typeof value == "string") {
-    return value;
-  }
-  if (isArray(value)) {
-    return arrayMap(value, baseToString) + "";
-  }
-  if (isSymbol(value)) {
-    return symbolToString ? symbolToString.call(value) : "";
-  }
-  var result = value + "";
-  return result == "0" && 1 / value == -Infinity ? "-0" : result;
-}
 function isObject(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
 }
-function identity(value) {
-  return value;
-}
 var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
 function isFunction$1(value) {
   if (!isObject(value)) {
@@ -1429,41 +1399,6 @@ var baseCreate = /* @__PURE__ */ function() {
     return result;
   };
 }();
-function apply(func, thisArg, args) {
-  switch (args.length) {
-    case 0:
-      return func.call(thisArg);
-    case 1:
-      return func.call(thisArg, args[0]);
-    case 2:
-      return func.call(thisArg, args[0], args[1]);
-    case 3:
-      return func.call(thisArg, args[0], args[1], args[2]);
-  }
-  return func.apply(thisArg, args);
-}
-var HOT_COUNT = 800, HOT_SPAN = 16;
-var nativeNow = Date.now;
-function shortOut(func) {
-  var count = 0, lastCalled = 0;
-  return function() {
-    var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
-    lastCalled = stamp;
-    if (remaining > 0) {
-      if (++count >= HOT_COUNT) {
-        return arguments[0];
-      }
-    } else {
-      count = 0;
-    }
-    return func.apply(void 0, arguments);
-  };
-}
-function constant(value) {
-  return function() {
-    return value;
-  };
-}
 var defineProperty$1 = function() {
   try {
     var func = getNative(Object, "defineProperty");
@@ -1472,15 +1407,6 @@ var defineProperty$1 = function() {
   } catch (e) {
   }
 }();
-var baseSetToString = !defineProperty$1 ? identity : function(func, string) {
-  return defineProperty$1(func, "toString", {
-    "configurable": true,
-    "enumerable": false,
-    "value": constant(string),
-    "writable": true
-  });
-};
-var setToString = shortOut(baseSetToString);
 function arrayEach(array, iteratee) {
   var index = -1, length2 = array == null ? 0 : array.length;
   while (++index < length2) {
@@ -1520,23 +1446,6 @@ function assignValue(object, key, value) {
     baseAssignValue(object, key, value);
   }
 }
-var nativeMax = Math.max;
-function overRest(func, start, transform) {
-  start = nativeMax(start === void 0 ? func.length - 1 : start, 0);
-  return function() {
-    var args = arguments, index = -1, length2 = nativeMax(args.length - start, 0), array = Array(length2);
-    while (++index < length2) {
-      array[index] = args[start + index];
-    }
-    index = -1;
-    var otherArgs = Array(start + 1);
-    while (++index < start) {
-      otherArgs[index] = args[index];
-    }
-    otherArgs[start] = transform(array);
-    return apply(func, this, otherArgs);
-  };
-}
 var MAX_SAFE_INTEGER = 9007199254740991;
 function isLength(value) {
   return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
@@ -1644,17 +1553,6 @@ function baseKeys(object) {
 function keys(object) {
   return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
 }
-var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
-function isKey(value, object) {
-  if (isArray(value)) {
-    return false;
-  }
-  var type = typeof value;
-  if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) {
-    return true;
-  }
-  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
-}
 var nativeCreate = getNative(Object, "create");
 function hashClear() {
   this.__data__ = nativeCreate ? nativeCreate(null) : {};
@@ -1808,71 +1706,6 @@ MapCache.prototype["delete"] = mapCacheDelete;
 MapCache.prototype.get = mapCacheGet;
 MapCache.prototype.has = mapCacheHas;
 MapCache.prototype.set = mapCacheSet;
-var FUNC_ERROR_TEXT = "Expected a function";
-function memoize$2(func, resolver) {
-  if (typeof func != "function" || resolver != null && typeof resolver != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  var memoized = function() {
-    var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    var result = func.apply(this, args);
-    memoized.cache = cache.set(key, result) || cache;
-    return result;
-  };
-  memoized.cache = new (memoize$2.Cache || MapCache)();
-  return memoized;
-}
-memoize$2.Cache = MapCache;
-var MAX_MEMOIZE_SIZE = 500;
-function memoizeCapped(func) {
-  var result = memoize$2(func, function(key) {
-    if (cache.size === MAX_MEMOIZE_SIZE) {
-      cache.clear();
-    }
-    return key;
-  });
-  var cache = result.cache;
-  return result;
-}
-var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-var reEscapeChar = /\\(\\)?/g;
-var stringToPath = memoizeCapped(function(string) {
-  var result = [];
-  if (string.charCodeAt(0) === 46) {
-    result.push("");
-  }
-  string.replace(rePropName, function(match2, number, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match2);
-  });
-  return result;
-});
-function toString(value) {
-  return value == null ? "" : baseToString(value);
-}
-function castPath(value, object) {
-  if (isArray(value)) {
-    return value;
-  }
-  return isKey(value, object) ? [value] : stringToPath(toString(value));
-}
-function toKey(value) {
-  if (typeof value == "string" || isSymbol(value)) {
-    return value;
-  }
-  var result = value + "";
-  return result == "0" && 1 / value == -Infinity ? "-0" : result;
-}
-function baseGet(object, path) {
-  path = castPath(path, object);
-  var index = 0, length2 = path.length;
-  while (object != null && index < length2) {
-    object = object[toKey(path[index++])];
-  }
-  return index && index == length2 ? object : void 0;
-}
 function arrayPush(array, values2) {
   var index = -1, length2 = values2.length, offset2 = array.length;
   while (++index < length2) {
@@ -1880,33 +1713,6 @@ function arrayPush(array, values2) {
   }
   return array;
 }
-var spreadableSymbol = Symbol$1 ? Symbol$1.isConcatSpreadable : void 0;
-function isFlattenable(value) {
-  return isArray(value) || isArguments(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
-}
-function baseFlatten(array, depth, predicate, isStrict, result) {
-  var index = -1, length2 = array.length;
-  predicate || (predicate = isFlattenable);
-  result || (result = []);
-  while (++index < length2) {
-    var value = array[index];
-    if (predicate(value)) {
-      {
-        arrayPush(result, value);
-      }
-    } else {
-      result[result.length] = value;
-    }
-  }
-  return result;
-}
-function flatten(array) {
-  var length2 = array == null ? 0 : array.length;
-  return length2 ? baseFlatten(array) : [];
-}
-function flatRest(func) {
-  return setToString(overRest(func, void 0, flatten), func + "");
-}
 var getPrototype = overArg(Object.getPrototypeOf, Object);
 function stackClear() {
   this.__data__ = new ListCache();
@@ -1990,14 +1796,14 @@ function baseGetAllKeys(object, keysFunc, symbolsFunc) {
 function getAllKeys(object) {
   return baseGetAllKeys(object, keys, getSymbols);
 }
-var DataView = getNative(root, "DataView");
+var DataView$1 = getNative(root, "DataView");
 var Promise$1 = getNative(root, "Promise");
 var Set$1 = getNative(root, "Set");
 var mapTag$4 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$4 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
 var dataViewTag$3 = "[object DataView]";
-var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
+var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
 var getTag = baseGetTag;
-if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$4 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$4 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
+if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$4 || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$4 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
   getTag = function(value) {
     var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
     if (ctorString) {
@@ -2106,7 +1912,7 @@ var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView
 var cloneableTags = {};
 cloneableTags[argsTag$1] = cloneableTags[arrayTag$1] = cloneableTags[arrayBufferTag$1] = cloneableTags[dataViewTag$1] = cloneableTags[boolTag$1] = cloneableTags[dateTag$1] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag$1] = cloneableTags[numberTag$1] = cloneableTags[objectTag$1] = cloneableTags[regexpTag$1] = cloneableTags[setTag$1] = cloneableTags[stringTag$1] = cloneableTags[symbolTag$1] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
 cloneableTags[errorTag$1] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
-function baseClone(value, bitmask, customizer2, key, object, stack) {
+function baseClone(value, bitmask, customizer, key, object, stack) {
   var result;
   if (result !== void 0) {
     return result;
@@ -2139,11 +1945,11 @@ function baseClone(value, bitmask, customizer2, key, object, stack) {
   stack.set(value, result);
   if (isSet(value)) {
     value.forEach(function(subValue) {
-      result.add(baseClone(subValue, bitmask, customizer2, subValue, value, stack));
+      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
     });
   } else if (isMap(value)) {
     value.forEach(function(subValue, key2) {
-      result.set(key2, baseClone(subValue, bitmask, customizer2, key2, value, stack));
+      result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
     });
   }
   var keysFunc = getAllKeys;
@@ -2153,7 +1959,7 @@ function baseClone(value, bitmask, customizer2, key, object, stack) {
       key2 = subValue;
       subValue = value[key2];
     }
-    assignValue(result, key2, baseClone(subValue, bitmask, customizer2, key2, value, stack));
+    assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
   });
   return result;
 }
@@ -2191,7 +1997,7 @@ function cacheHas(cache, key) {
   return cache.has(key);
 }
 var COMPARE_PARTIAL_FLAG$3 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
-function equalArrays(array, other, bitmask, customizer2, equalFunc, stack) {
+function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
   var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, arrLength = array.length, othLength = other.length;
   if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
     return false;
@@ -2206,8 +2012,8 @@ function equalArrays(array, other, bitmask, customizer2, equalFunc, stack) {
   stack.set(other, array);
   while (++index < arrLength) {
     var arrValue = array[index], othValue = other[index];
-    if (customizer2) {
-      var compared = isPartial ? customizer2(othValue, arrValue, index, other, array, stack) : customizer2(arrValue, othValue, index, array, other, stack);
+    if (customizer) {
+      var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack) : customizer(arrValue, othValue, index, array, other, stack);
     }
     if (compared !== void 0) {
       if (compared) {
@@ -2218,14 +2024,14 @@ function equalArrays(array, other, bitmask, customizer2, equalFunc, stack) {
     }
     if (seen) {
       if (!arraySome(other, function(othValue2, othIndex) {
-        if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer2, stack))) {
+        if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer, stack))) {
           return seen.push(othIndex);
         }
       })) {
         result = false;
         break;
       }
-    } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer2, stack))) {
+    } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
       result = false;
       break;
     }
@@ -2252,7 +2058,7 @@ var COMPARE_PARTIAL_FLAG$2 = 1, COMPARE_UNORDERED_FLAG = 2;
 var boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]";
 var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]";
 var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
-function equalByTag(object, other, tag, bitmask, customizer2, equalFunc, stack) {
+function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
   switch (tag) {
     case dataViewTag:
       if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) {
@@ -2288,7 +2094,7 @@ function equalByTag(object, other, tag, bitmask, customizer2, equalFunc, stack)
       }
       bitmask |= COMPARE_UNORDERED_FLAG;
       stack.set(object, other);
-      var result = equalArrays(convert(object), convert(other), bitmask, customizer2, equalFunc, stack);
+      var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
       stack["delete"](object);
       return result;
     case symbolTag:
@@ -2301,7 +2107,7 @@ function equalByTag(object, other, tag, bitmask, customizer2, equalFunc, stack)
 var COMPARE_PARTIAL_FLAG$1 = 1;
 var objectProto$1 = Object.prototype;
 var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-function equalObjects(object, other, bitmask, customizer2, equalFunc, stack) {
+function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
   var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
   if (objLength != othLength && !isPartial) {
     return false;
@@ -2325,10 +2131,10 @@ function equalObjects(object, other, bitmask, customizer2, equalFunc, stack) {
   while (++index < objLength) {
     key = objProps[index];
     var objValue = object[key], othValue = other[key];
-    if (customizer2) {
-      var compared = isPartial ? customizer2(othValue, objValue, key, other, object, stack) : customizer2(objValue, othValue, key, object, other, stack);
+    if (customizer) {
+      var compared = isPartial ? customizer(othValue, objValue, key, other, object, stack) : customizer(objValue, othValue, key, object, other, stack);
     }
-    if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer2, stack) : compared)) {
+    if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack) : compared)) {
       result = false;
       break;
     }
@@ -2348,7 +2154,7 @@ var COMPARE_PARTIAL_FLAG = 1;
 var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
-function baseIsEqualDeep(object, other, bitmask, customizer2, equalFunc, stack) {
+function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
   var objIsArr = isArray(object), othIsArr = isArray(other), objTag = objIsArr ? arrayTag : getTag(object), othTag = othIsArr ? arrayTag : getTag(other);
   objTag = objTag == argsTag ? objectTag : objTag;
   othTag = othTag == argsTag ? objectTag : othTag;
@@ -2362,105 +2168,37 @@ function baseIsEqualDeep(object, other, bitmask, customizer2, equalFunc, stack)
   }
   if (isSameTag && !objIsObj) {
     stack || (stack = new Stack());
-    return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer2, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer2, equalFunc, stack);
+    return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
   }
   if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
     var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
     if (objIsWrapped || othIsWrapped) {
       var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
       stack || (stack = new Stack());
-      return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer2, stack);
+      return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
     }
   }
   if (!isSameTag) {
     return false;
   }
   stack || (stack = new Stack());
-  return equalObjects(object, other, bitmask, customizer2, equalFunc, stack);
+  return equalObjects(object, other, bitmask, customizer, equalFunc, stack);
 }
-function baseIsEqual(value, other, bitmask, customizer2, stack) {
+function baseIsEqual(value, other, bitmask, customizer, stack) {
   if (value === other) {
     return true;
   }
   if (value == null || other == null || !isObjectLike(value) && !isObjectLike(other)) {
     return value !== value && other !== other;
   }
-  return baseIsEqualDeep(value, other, bitmask, customizer2, baseIsEqual, stack);
-}
-function baseHasIn(object, key) {
-  return object != null && key in Object(object);
-}
-function hasPath(object, path, hasFunc) {
-  path = castPath(path, object);
-  var index = -1, length2 = path.length, result = false;
-  while (++index < length2) {
-    var key = toKey(path[index]);
-    if (!(result = object != null && hasFunc(object, key))) {
-      break;
-    }
-    object = object[key];
-  }
-  if (result || ++index != length2) {
-    return result;
-  }
-  length2 = object == null ? 0 : object.length;
-  return !!length2 && isLength(length2) && isIndex(key, length2) && (isArray(object) || isArguments(object));
-}
-function hasIn(object, path) {
-  return object != null && hasPath(object, path, baseHasIn);
+  return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
 }
 function isEqual(value, other) {
   return baseIsEqual(value, other);
 }
-function isEqualWith(value, other, customizer2) {
-  customizer2 = typeof customizer2 == "function" ? customizer2 : void 0;
-  var result = customizer2 ? customizer2(value, other) : void 0;
-  return result === void 0 ? baseIsEqual(value, other, void 0, customizer2) : !!result;
-}
 function isNil(value) {
   return value == null;
 }
-function baseSet(object, path, value, customizer2) {
-  if (!isObject(object)) {
-    return object;
-  }
-  path = castPath(path, object);
-  var index = -1, length2 = path.length, lastIndex = length2 - 1, nested2 = object;
-  while (nested2 != null && ++index < length2) {
-    var key = toKey(path[index]), newValue = value;
-    if (key === "__proto__" || key === "constructor" || key === "prototype") {
-      return object;
-    }
-    if (index != lastIndex) {
-      var objValue = nested2[key];
-      newValue = void 0;
-      if (newValue === void 0) {
-        newValue = isObject(objValue) ? objValue : isIndex(path[index + 1]) ? [] : {};
-      }
-    }
-    assignValue(nested2, key, newValue);
-    nested2 = nested2[key];
-  }
-  return object;
-}
-function basePickBy(object, paths, predicate) {
-  var index = -1, length2 = paths.length, result = {};
-  while (++index < length2) {
-    var path = paths[index], value = baseGet(object, path);
-    if (predicate(value, path)) {
-      baseSet(result, castPath(path, object), value);
-    }
-  }
-  return result;
-}
-function basePick(object, paths) {
-  return basePickBy(object, paths, function(value, path) {
-    return hasIn(object, path);
-  });
-}
-var pick = flatRest(function(object, paths) {
-  return object == null ? {} : basePick(object, paths);
-});
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -3844,7 +3582,7 @@ var util;
   function assertIs(_arg) {
   }
   util2.assertIs = assertIs;
-  function assertNever(_x) {
+  function assertNever(_x2) {
     throw new Error();
   }
   util2.assertNever = assertNever;
@@ -10958,7 +10696,7 @@ function requireTinycolor() {
           return this._a == 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this._roundA + ")";
         },
         toHex: function(allow3Char) {
-          return rgbToHex(this._r, this._g, this._b, allow3Char);
+          return rgbToHex2(this._r, this._g, this._b, allow3Char);
         },
         toHexString: function(allow3Char) {
           return "#" + this.toHex(allow3Char);
@@ -10988,7 +10726,7 @@ function requireTinycolor() {
           if (this._a < 1) {
             return false;
           }
-          return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
+          return hexNames[rgbToHex2(this._r, this._g, this._b, true)] || false;
         },
         toFilter: function(secondColor) {
           var hex8String = "#" + rgbaToArgbHex(this._r, this._g, this._b, this._a);
@@ -11244,7 +10982,7 @@ function requireTinycolor() {
         var i = Math2.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod];
         return { r: r * 255, g: g * 255, b: b * 255 };
       }
-      function rgbToHex(r, g, b, allow3Char) {
+      function rgbToHex2(r, g, b, allow3Char) {
         var hex = [
           pad2(mathRound(r).toString(16)),
           pad2(mathRound(g).toString(16)),
@@ -12424,9 +12162,9 @@ function requireJson2csv_umd() {
         }
         buffer[offset2 + i - d] |= s * 128;
       }
-      var toString2 = {}.toString;
+      var toString = {}.toString;
       var isArray2 = Array.isArray || function(arr) {
-        return toString2.call(arr) == "[object Array]";
+        return toString.call(arr) == "[object Array]";
       };
       var INSPECT_MAX_BYTES = 50;
       Buffer2.TYPED_ARRAY_SUPPORT = global$1.TYPED_ARRAY_SUPPORT !== void 0 ? global$1.TYPED_ARRAY_SUPPORT : true;
@@ -12789,7 +12527,7 @@ function requireJson2csv_umd() {
         }
         return this;
       };
-      Buffer2.prototype.toString = function toString3() {
+      Buffer2.prototype.toString = function toString2() {
         var length2 = this.length | 0;
         if (length2 === 0) return "";
         if (arguments.length === 0) return utf8Slice(this, 0, length2);
@@ -13874,8 +13612,8 @@ function requireJson2csv_umd() {
       Item.prototype.run = function() {
         this.fun.apply(null, this.array);
       };
-      var performance = global$1.performance || {};
-      performance.now || performance.mozNow || performance.msNow || performance.oNow || performance.webkitNow || function() {
+      var performance2 = global$1.performance || {};
+      performance2.now || performance2.mozNow || performance2.msNow || performance2.oNow || performance2.webkitNow || function() {
         return (/* @__PURE__ */ new Date()).getTime();
       };
       var inherits;
@@ -15684,12 +15422,12 @@ function requireJson2csv_umd() {
         EOL
       };
       var commonjsGlobal$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof commonjsGlobal !== "undefined" ? commonjsGlobal : typeof self !== "undefined" ? self : {};
-      var FUNC_ERROR_TEXT2 = "Expected a function";
+      var FUNC_ERROR_TEXT = "Expected a function";
       var HASH_UNDEFINED2 = "__lodash_hash_undefined__";
       var funcTag2 = "[object Function]", genTag2 = "[object GeneratorFunction]", symbolTag2 = "[object Symbol]";
-      var reIsDeepProp2 = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp2 = /^\w*$/, reLeadingDot = /^\./, rePropName2 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+      var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/, reLeadingDot = /^\./, rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
       var reRegExpChar2 = /[\\^$.*+?()[\]{}|]/g;
-      var reEscapeChar2 = /\\(\\)?/g;
+      var reEscapeChar = /\\(\\)?/g;
       var reIsHostCtor2 = /^\[object .+?Constructor\]$/;
       var freeGlobal2 = typeof commonjsGlobal$1 == "object" && commonjsGlobal$1 && commonjsGlobal$1.Object === Object && commonjsGlobal$1;
       var freeSelf2 = typeof self == "object" && self && self.Object === Object && self;
@@ -15721,7 +15459,7 @@ function requireJson2csv_umd() {
       );
       var Symbol$12 = root2.Symbol, splice2 = arrayProto2.splice;
       var Map2 = getNative2(root2, "Map"), nativeCreate2 = getNative2(Object, "create");
-      var symbolProto2 = Symbol$12 ? Symbol$12.prototype : void 0, symbolToString2 = symbolProto2 ? symbolProto2.toString : void 0;
+      var symbolProto2 = Symbol$12 ? Symbol$12.prototype : void 0, symbolToString = symbolProto2 ? symbolProto2.toString : void 0;
       function Hash2(entries) {
         var index = -1, length2 = entries ? entries.length : 0;
         this.clear();
@@ -15845,11 +15583,11 @@ function requireJson2csv_umd() {
         }
         return -1;
       }
-      function baseGet2(object, path) {
-        path = isKey2(path, object) ? [path] : castPath2(path);
+      function baseGet(object, path) {
+        path = isKey(path, object) ? [path] : castPath(path);
         var index = 0, length2 = path.length;
         while (object != null && index < length2) {
-          object = object[toKey2(path[index++])];
+          object = object[toKey(path[index++])];
         }
         return index && index == length2 ? object : void 0;
       }
@@ -15860,18 +15598,18 @@ function requireJson2csv_umd() {
         var pattern = isFunction$12(value) || isHostObject(value) ? reIsNative2 : reIsHostCtor2;
         return pattern.test(toSource2(value));
       }
-      function baseToString2(value) {
+      function baseToString(value) {
         if (typeof value == "string") {
           return value;
         }
-        if (isSymbol2(value)) {
-          return symbolToString2 ? symbolToString2.call(value) : "";
+        if (isSymbol(value)) {
+          return symbolToString ? symbolToString.call(value) : "";
         }
         var result = value + "";
         return result == "0" && 1 / value == -Infinity ? "-0" : result;
       }
-      function castPath2(value) {
-        return isArray$2(value) ? value : stringToPath2(value);
+      function castPath(value) {
+        return isArray$2(value) ? value : stringToPath(value);
       }
       function getMapData2(map, key) {
         var data = map.__data__;
@@ -15881,15 +15619,15 @@ function requireJson2csv_umd() {
         var value = getValue2(object, key);
         return baseIsNative2(value) ? value : void 0;
       }
-      function isKey2(value, object) {
+      function isKey(value, object) {
         if (isArray$2(value)) {
           return false;
         }
         var type = typeof value;
-        if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol2(value)) {
+        if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) {
           return true;
         }
-        return reIsPlainProp2.test(value) || !reIsDeepProp2.test(value) || object != null && value in Object(object);
+        return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
       }
       function isKeyable2(value) {
         var type = typeof value;
@@ -15898,19 +15636,19 @@ function requireJson2csv_umd() {
       function isMasked2(func) {
         return !!maskSrcKey2 && maskSrcKey2 in func;
       }
-      var stringToPath2 = memoize2(function(string) {
+      var stringToPath = memoize2(function(string) {
         string = toString$1(string);
         var result = [];
         if (reLeadingDot.test(string)) {
           result.push("");
         }
-        string.replace(rePropName2, function(match2, number, quote, string2) {
-          result.push(quote ? string2.replace(reEscapeChar2, "$1") : number || match2);
+        string.replace(rePropName, function(match2, number, quote, string2) {
+          result.push(quote ? string2.replace(reEscapeChar, "$1") : number || match2);
         });
         return result;
       });
-      function toKey2(value) {
-        if (typeof value == "string" || isSymbol2(value)) {
+      function toKey(value) {
+        if (typeof value == "string" || isSymbol(value)) {
           return value;
         }
         var result = value + "";
@@ -15931,7 +15669,7 @@ function requireJson2csv_umd() {
       }
       function memoize2(func, resolver) {
         if (typeof func != "function" || resolver && typeof resolver != "function") {
-          throw new TypeError(FUNC_ERROR_TEXT2);
+          throw new TypeError(FUNC_ERROR_TEXT);
         }
         var memoized = function() {
           var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
@@ -15961,14 +15699,14 @@ function requireJson2csv_umd() {
       function isObjectLike2(value) {
         return !!value && typeof value == "object";
       }
-      function isSymbol2(value) {
+      function isSymbol(value) {
         return typeof value == "symbol" || isObjectLike2(value) && objectToString$1.call(value) == symbolTag2;
       }
       function toString$1(value) {
-        return value == null ? "" : baseToString2(value);
+        return value == null ? "" : baseToString(value);
       }
       function get(object, path, defaultValue) {
-        var result = object == null ? void 0 : baseGet2(object, path);
+        var result = object == null ? void 0 : baseGet(object, path);
         return result === void 0 ? defaultValue : result;
       }
       var lodash_get = get;
@@ -16992,7 +16730,7 @@ function requireJson2csv_umd() {
         return JSON2CSVAsyncParser2;
       }();
       var JSON2CSVAsyncParser_1 = JSON2CSVAsyncParser;
-      function flatten2() {
+      function flatten() {
         var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref$objects = _ref.objects, objects = _ref$objects === void 0 ? true : _ref$objects, _ref$arrays = _ref.arrays, arrays = _ref$arrays === void 0 ? false : _ref$arrays, _ref$separator = _ref.separator, separator = _ref$separator === void 0 ? "." : _ref$separator;
         function step(obj, flatDataRow, currentPath) {
           Object.keys(obj).forEach(function(key) {
@@ -17014,7 +16752,7 @@ function requireJson2csv_umd() {
           return step(dataRow, {});
         };
       }
-      var flatten_1 = flatten2;
+      var flatten_1 = flatten;
       var setProp$1 = utils.setProp, unsetProp$1 = utils.unsetProp, flattenReducer$3 = utils.flattenReducer;
       function getUnwindablePaths(obj, currentPath) {
         return Object.keys(obj).reduce(function(unwindablePaths, key) {
@@ -19916,7 +19654,7 @@ function requireFactoryWithTypeCheckers() {
           return false;
       }
     }
-    function isSymbol2(propType, propValue) {
+    function isSymbol(propType, propValue) {
       if (propType === "symbol") {
         return true;
       }
@@ -19939,7 +19677,7 @@ function requireFactoryWithTypeCheckers() {
       if (propValue instanceof RegExp) {
         return "object";
       }
-      if (isSymbol2(propType, propValue)) {
+      if (isSymbol(propType, propValue)) {
         return "symbol";
       }
       return propType;
@@ -22235,7 +21973,7 @@ function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
   return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator.generate(componentName)}-${slot}`;
 }
 const useEnhancedEffect$1 = typeof window !== "undefined" ? React$1.useLayoutEffect : React$1.useEffect;
-function clamp(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
+function clamp$1(val, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER) {
   return Math.max(min, Math.min(val, max));
 }
 function clampWrapper(value, min = 0, max = 1) {
@@ -22244,7 +21982,7 @@ function clampWrapper(value, min = 0, max = 1) {
       console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);
     }
   }
-  return clamp(value, min, max);
+  return clamp$1(value, min, max);
 }
 function hexToRgb(color2) {
   color2 = color2.slice(1);
@@ -23239,8 +22977,8 @@ function getAutoHeightDuration(height2) {
   if (!height2) {
     return 0;
   }
-  const constant2 = height2 / 36;
-  return Math.min(Math.round((4 + 15 * constant2 ** 0.25 + constant2 / 5) * 10), 3e3);
+  const constant = height2 / 36;
+  return Math.min(Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10), 3e3);
 }
 function createTransitions(inputTransitions) {
   const mergedEasing = {
@@ -25820,6 +25558,7 @@ const globalNeuroglancerCss = `
 .neuroglancer-viewer-top-row,
 .neuroglancer-layer-panel, 
 .neuroglancer-side-panel-column,
+.neuroglancer-display-dimensions-widget,
 .neuroglancer-data-panel-layout-controls button{
     display: none !important;
 }
@@ -27222,7 +26961,8 @@ const globalNeuroglancerStyles = {
     borderColor: "#000",
     borderWidth: "2px"
   },
-  ".neuroglancer-panel:focus-within": { borderColor: "#fff" },
+  // Hides the white border around NG view that shows the view is focused
+  // '.neuroglancer-panel:focus-within': { borderColor: '#fff' },
   ".neuroglancer-layer-group-viewer": { outline: "0px" },
   ".neuroglancer-layer-group-viewer-context-menu": {
     flexDirection: "column",
@@ -28428,35 +28168,15 @@ function NeuroglancerGlobalStyles(props) {
     }
   ));
 }
-const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-Crquekcy.js"));
+const LazyReactNeuroglancer = React__default.lazy(() => import("./ReactNeuroglancer-C0i-a6Cw.js"));
 function createWorker() {
   return new WorkerFactory();
 }
-function isValidState(viewerState) {
-  const { projectionScale, projectionOrientation, position: position2, dimensions } = viewerState || {};
-  return dimensions !== void 0 && typeof projectionScale === "number" && Array.isArray(projectionOrientation) && projectionOrientation.length === 4 && Array.isArray(position2) && position2.length === 3;
-}
-const EPSILON = 1e-7;
-const VIEWSTATE_KEYS = ["projectionScale", "projectionOrientation", "position"];
-function customizer(a, b) {
-  if (typeof a === "number" && typeof b === "number") {
-    return Math.abs(a - b) > EPSILON;
-  }
-  return void 0;
-}
-function compareViewerState(prevState, nextState) {
-  if (isValidState(nextState)) {
-    const prevSubset = pick(prevState, VIEWSTATE_KEYS);
-    const nextSubset = pick(nextState, VIEWSTATE_KEYS);
-    return isEqualWith(prevSubset, nextSubset, customizer);
-  }
-  return true;
-}
-class Neuroglancer extends PureComponent {
+class NeuroglancerComp extends PureComponent {
   constructor(props) {
     super(props);
     this.bundleRoot = createWorker();
-    this.viewerState = props.viewerState;
+    this.cellColorMapping = props.cellColorMapping;
     this.justReceivedExternalUpdate = false;
     this.prevElement = null;
     this.prevClickHandler = null;
@@ -28464,107 +28184,1945 @@ class Neuroglancer extends PureComponent {
     this.prevHoverHandler = null;
     this.onViewerStateChanged = this.onViewerStateChanged.bind(this);
     this.onRef = this.onRef.bind(this);
+    this.latestOnSegmentClick = props.onSegmentClick;
+    this.latestOnSelectHoveredCoords = props.onSelectHoveredCoords;
   }
   onRef(viewerRef) {
-    const {
-      onSegmentClick,
-      onSelectHoveredCoords
-    } = this.props;
     if (viewerRef) {
       const { viewer } = viewerRef;
       this.prevElement = viewer.element;
       this.prevMouseStateChanged = viewer.mouseState.changed;
+      viewer.inputEventBindings.sliceView.set("at:dblclick0", () => {
+      });
+      viewer.inputEventBindings.perspectiveView.set("at:dblclick0", () => {
+      });
       this.prevClickHandler = (event) => {
         if (event.button === 0) {
-          setTimeout(() => {
-            const { pickedValue } = viewer.mouseState;
-            if (pickedValue && (pickedValue == null ? void 0 : pickedValue.low)) {
-              onSegmentClick(pickedValue == null ? void 0 : pickedValue.low);
+          requestAnimationFrame(() => {
+            var _a;
+            const { pickedValue, pickedRenderLayer } = viewer.mouseState;
+            if (pickedValue && pickedValue.low !== void 0 && pickedRenderLayer) {
+              (_a = this.latestOnSegmentClick) == null ? void 0 : _a.call(this, pickedValue.low);
             }
-          }, 100);
+          });
         }
       };
-      viewer.element.addEventListener("mousedown", this.prevClickHandler);
       this.prevHoverHandler = () => {
+        var _a;
         if (viewer.mouseState.pickedValue !== void 0) {
           const pickedSegment = viewer.mouseState.pickedValue;
-          onSelectHoveredCoords(pickedSegment == null ? void 0 : pickedSegment.low);
+          (_a = this.latestOnSelectHoveredCoords) == null ? void 0 : _a.call(this, pickedSegment == null ? void 0 : pickedSegment.low);
         }
       };
+      viewer.element.addEventListener("mouseup", this.prevClickHandler);
       viewer.mouseState.changed.add(this.prevHoverHandler);
     } else {
       if (this.prevElement && this.prevClickHandler) {
-        this.prevElement.removeEventListener("mousedown", this.prevClickHandler);
+        this.prevElement.removeEventListener("mouseup", this.prevClickHandler);
+        this.prevClickHandler = null;
       }
       if (this.prevMouseStateChanged && this.prevHoverHandler) {
         this.prevMouseStateChanged.remove(this.prevHoverHandler);
+        this.prevHoverHandler = null;
       }
+      this.prevElement = null;
+      this.prevMouseStateChanged = null;
     }
   }
   onViewerStateChanged(nextState) {
     const { setViewerState } = this.props;
-    const { viewerState: prevState } = this;
-    if (!this.justReceivedExternalUpdate && !compareViewerState(prevState, nextState)) {
-      this.viewerState = nextState;
-      this.justReceivedExternalUpdate = false;
-      setViewerState(nextState);
-    }
+    setViewerState(nextState);
   }
-  UNSAFE_componentWillUpdate(prevProps) {
-    if (!compareViewerState(this.viewerState, prevProps.viewerState)) {
-      this.viewerState = prevProps.viewerState;
-      this.justReceivedExternalUpdate = true;
-      setTimeout(() => {
-        this.justReceivedExternalUpdate = false;
-      }, 100);
+  componentDidUpdate(prevProps) {
+    const { onSegmentClick, onSelectHoveredCoords } = this.props;
+    if (prevProps.onSegmentClick !== onSegmentClick) {
+      this.latestOnSegmentClick = onSegmentClick;
+    }
+    if (prevProps.onSelectHoveredCoords !== onSelectHoveredCoords) {
+      this.latestOnSelectHoveredCoords = onSelectHoveredCoords;
     }
   }
   render() {
-    const {
-      classes
-    } = this.props;
+    const { classes, viewerState, cellColorMapping } = this.props;
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(NeuroglancerGlobalStyles, { classes }), /* @__PURE__ */ React__default.createElement("div", { className: classes.neuroglancerWrapper }, /* @__PURE__ */ React__default.createElement(Suspense, { fallback: /* @__PURE__ */ React__default.createElement("div", null, "Loading...") }, /* @__PURE__ */ React__default.createElement(
       LazyReactNeuroglancer,
       {
         brainMapsClientId: "NOT_A_VALID_ID",
-        viewerState: this.viewerState,
+        viewerState,
         onViewerStateChanged: this.onViewerStateChanged,
         bundleRoot: this.bundleRoot,
+        cellColorMapping,
         ref: this.onRef
       }
     ))));
   }
 }
-const NEUROGLANCER_ZOOM_BASIS = 16;
-function mapVitessceToNeuroglancer(zoom) {
-  return NEUROGLANCER_ZOOM_BASIS * 2 ** -zoom;
-}
-function mapNeuroglancerToVitessce(projectionScale) {
-  return -Math.log2(projectionScale / NEUROGLANCER_ZOOM_BASIS);
+/**
+ * @license
+ * Copyright 2010-2023 Three.js Authors
+ * SPDX-License-Identifier: MIT
+ */
+const REVISION = "154";
+const WebGLCoordinateSystem = 2e3;
+const WebGPUCoordinateSystem = 2001;
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
+class Quaternion {
+  constructor(x = 0, y = 0, z2 = 0, w = 1) {
+    this.isQuaternion = true;
+    this._x = x;
+    this._y = y;
+    this._z = z2;
+    this._w = w;
+  }
+  static slerpFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1, t) {
+    let x0 = src0[srcOffset0 + 0], y0 = src0[srcOffset0 + 1], z0 = src0[srcOffset0 + 2], w0 = src0[srcOffset0 + 3];
+    const x1 = src1[srcOffset1 + 0], y1 = src1[srcOffset1 + 1], z1 = src1[srcOffset1 + 2], w1 = src1[srcOffset1 + 3];
+    if (t === 0) {
+      dst[dstOffset + 0] = x0;
+      dst[dstOffset + 1] = y0;
+      dst[dstOffset + 2] = z0;
+      dst[dstOffset + 3] = w0;
+      return;
+    }
+    if (t === 1) {
+      dst[dstOffset + 0] = x1;
+      dst[dstOffset + 1] = y1;
+      dst[dstOffset + 2] = z1;
+      dst[dstOffset + 3] = w1;
+      return;
+    }
+    if (w0 !== w1 || x0 !== x1 || y0 !== y1 || z0 !== z1) {
+      let s = 1 - t;
+      const cos = x0 * x1 + y0 * y1 + z0 * z1 + w0 * w1, dir = cos >= 0 ? 1 : -1, sqrSin = 1 - cos * cos;
+      if (sqrSin > Number.EPSILON) {
+        const sin = Math.sqrt(sqrSin), len = Math.atan2(sin, cos * dir);
+        s = Math.sin(s * len) / sin;
+        t = Math.sin(t * len) / sin;
+      }
+      const tDir = t * dir;
+      x0 = x0 * s + x1 * tDir;
+      y0 = y0 * s + y1 * tDir;
+      z0 = z0 * s + z1 * tDir;
+      w0 = w0 * s + w1 * tDir;
+      if (s === 1 - t) {
+        const f = 1 / Math.sqrt(x0 * x0 + y0 * y0 + z0 * z0 + w0 * w0);
+        x0 *= f;
+        y0 *= f;
+        z0 *= f;
+        w0 *= f;
+      }
+    }
+    dst[dstOffset] = x0;
+    dst[dstOffset + 1] = y0;
+    dst[dstOffset + 2] = z0;
+    dst[dstOffset + 3] = w0;
+  }
+  static multiplyQuaternionsFlat(dst, dstOffset, src0, srcOffset0, src1, srcOffset1) {
+    const x0 = src0[srcOffset0];
+    const y0 = src0[srcOffset0 + 1];
+    const z0 = src0[srcOffset0 + 2];
+    const w0 = src0[srcOffset0 + 3];
+    const x1 = src1[srcOffset1];
+    const y1 = src1[srcOffset1 + 1];
+    const z1 = src1[srcOffset1 + 2];
+    const w1 = src1[srcOffset1 + 3];
+    dst[dstOffset] = x0 * w1 + w0 * x1 + y0 * z1 - z0 * y1;
+    dst[dstOffset + 1] = y0 * w1 + w0 * y1 + z0 * x1 - x0 * z1;
+    dst[dstOffset + 2] = z0 * w1 + w0 * z1 + x0 * y1 - y0 * x1;
+    dst[dstOffset + 3] = w0 * w1 - x0 * x1 - y0 * y1 - z0 * z1;
+    return dst;
+  }
+  get x() {
+    return this._x;
+  }
+  set x(value) {
+    this._x = value;
+    this._onChangeCallback();
+  }
+  get y() {
+    return this._y;
+  }
+  set y(value) {
+    this._y = value;
+    this._onChangeCallback();
+  }
+  get z() {
+    return this._z;
+  }
+  set z(value) {
+    this._z = value;
+    this._onChangeCallback();
+  }
+  get w() {
+    return this._w;
+  }
+  set w(value) {
+    this._w = value;
+    this._onChangeCallback();
+  }
+  set(x, y, z2, w) {
+    this._x = x;
+    this._y = y;
+    this._z = z2;
+    this._w = w;
+    this._onChangeCallback();
+    return this;
+  }
+  clone() {
+    return new this.constructor(this._x, this._y, this._z, this._w);
+  }
+  copy(quaternion) {
+    this._x = quaternion.x;
+    this._y = quaternion.y;
+    this._z = quaternion.z;
+    this._w = quaternion.w;
+    this._onChangeCallback();
+    return this;
+  }
+  setFromEuler(euler, update2) {
+    const x = euler._x, y = euler._y, z2 = euler._z, order = euler._order;
+    const cos = Math.cos;
+    const sin = Math.sin;
+    const c1 = cos(x / 2);
+    const c2 = cos(y / 2);
+    const c3 = cos(z2 / 2);
+    const s1 = sin(x / 2);
+    const s2 = sin(y / 2);
+    const s3 = sin(z2 / 2);
+    switch (order) {
+      case "XYZ":
+        this._x = s1 * c2 * c3 + c1 * s2 * s3;
+        this._y = c1 * s2 * c3 - s1 * c2 * s3;
+        this._z = c1 * c2 * s3 + s1 * s2 * c3;
+        this._w = c1 * c2 * c3 - s1 * s2 * s3;
+        break;
+      case "YXZ":
+        this._x = s1 * c2 * c3 + c1 * s2 * s3;
+        this._y = c1 * s2 * c3 - s1 * c2 * s3;
+        this._z = c1 * c2 * s3 - s1 * s2 * c3;
+        this._w = c1 * c2 * c3 + s1 * s2 * s3;
+        break;
+      case "ZXY":
+        this._x = s1 * c2 * c3 - c1 * s2 * s3;
+        this._y = c1 * s2 * c3 + s1 * c2 * s3;
+        this._z = c1 * c2 * s3 + s1 * s2 * c3;
+        this._w = c1 * c2 * c3 - s1 * s2 * s3;
+        break;
+      case "ZYX":
+        this._x = s1 * c2 * c3 - c1 * s2 * s3;
+        this._y = c1 * s2 * c3 + s1 * c2 * s3;
+        this._z = c1 * c2 * s3 - s1 * s2 * c3;
+        this._w = c1 * c2 * c3 + s1 * s2 * s3;
+        break;
+      case "YZX":
+        this._x = s1 * c2 * c3 + c1 * s2 * s3;
+        this._y = c1 * s2 * c3 + s1 * c2 * s3;
+        this._z = c1 * c2 * s3 - s1 * s2 * c3;
+        this._w = c1 * c2 * c3 - s1 * s2 * s3;
+        break;
+      case "XZY":
+        this._x = s1 * c2 * c3 - c1 * s2 * s3;
+        this._y = c1 * s2 * c3 - s1 * c2 * s3;
+        this._z = c1 * c2 * s3 + s1 * s2 * c3;
+        this._w = c1 * c2 * c3 + s1 * s2 * s3;
+        break;
+      default:
+        console.warn("THREE.Quaternion: .setFromEuler() encountered an unknown order: " + order);
+    }
+    if (update2 !== false) this._onChangeCallback();
+    return this;
+  }
+  setFromAxisAngle(axis, angle) {
+    const halfAngle = angle / 2, s = Math.sin(halfAngle);
+    this._x = axis.x * s;
+    this._y = axis.y * s;
+    this._z = axis.z * s;
+    this._w = Math.cos(halfAngle);
+    this._onChangeCallback();
+    return this;
+  }
+  setFromRotationMatrix(m) {
+    const te = m.elements, m11 = te[0], m12 = te[4], m13 = te[8], m21 = te[1], m22 = te[5], m23 = te[9], m31 = te[2], m32 = te[6], m33 = te[10], trace = m11 + m22 + m33;
+    if (trace > 0) {
+      const s = 0.5 / Math.sqrt(trace + 1);
+      this._w = 0.25 / s;
+      this._x = (m32 - m23) * s;
+      this._y = (m13 - m31) * s;
+      this._z = (m21 - m12) * s;
+    } else if (m11 > m22 && m11 > m33) {
+      const s = 2 * Math.sqrt(1 + m11 - m22 - m33);
+      this._w = (m32 - m23) / s;
+      this._x = 0.25 * s;
+      this._y = (m12 + m21) / s;
+      this._z = (m13 + m31) / s;
+    } else if (m22 > m33) {
+      const s = 2 * Math.sqrt(1 + m22 - m11 - m33);
+      this._w = (m13 - m31) / s;
+      this._x = (m12 + m21) / s;
+      this._y = 0.25 * s;
+      this._z = (m23 + m32) / s;
+    } else {
+      const s = 2 * Math.sqrt(1 + m33 - m11 - m22);
+      this._w = (m21 - m12) / s;
+      this._x = (m13 + m31) / s;
+      this._y = (m23 + m32) / s;
+      this._z = 0.25 * s;
+    }
+    this._onChangeCallback();
+    return this;
+  }
+  setFromUnitVectors(vFrom, vTo) {
+    let r = vFrom.dot(vTo) + 1;
+    if (r < Number.EPSILON) {
+      r = 0;
+      if (Math.abs(vFrom.x) > Math.abs(vFrom.z)) {
+        this._x = -vFrom.y;
+        this._y = vFrom.x;
+        this._z = 0;
+        this._w = r;
+      } else {
+        this._x = 0;
+        this._y = -vFrom.z;
+        this._z = vFrom.y;
+        this._w = r;
+      }
+    } else {
+      this._x = vFrom.y * vTo.z - vFrom.z * vTo.y;
+      this._y = vFrom.z * vTo.x - vFrom.x * vTo.z;
+      this._z = vFrom.x * vTo.y - vFrom.y * vTo.x;
+      this._w = r;
+    }
+    return this.normalize();
+  }
+  angleTo(q) {
+    return 2 * Math.acos(Math.abs(clamp(this.dot(q), -1, 1)));
+  }
+  rotateTowards(q, step) {
+    const angle = this.angleTo(q);
+    if (angle === 0) return this;
+    const t = Math.min(1, step / angle);
+    this.slerp(q, t);
+    return this;
+  }
+  identity() {
+    return this.set(0, 0, 0, 1);
+  }
+  invert() {
+    return this.conjugate();
+  }
+  conjugate() {
+    this._x *= -1;
+    this._y *= -1;
+    this._z *= -1;
+    this._onChangeCallback();
+    return this;
+  }
+  dot(v) {
+    return this._x * v._x + this._y * v._y + this._z * v._z + this._w * v._w;
+  }
+  lengthSq() {
+    return this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w;
+  }
+  length() {
+    return Math.sqrt(this._x * this._x + this._y * this._y + this._z * this._z + this._w * this._w);
+  }
+  normalize() {
+    let l = this.length();
+    if (l === 0) {
+      this._x = 0;
+      this._y = 0;
+      this._z = 0;
+      this._w = 1;
+    } else {
+      l = 1 / l;
+      this._x = this._x * l;
+      this._y = this._y * l;
+      this._z = this._z * l;
+      this._w = this._w * l;
+    }
+    this._onChangeCallback();
+    return this;
+  }
+  multiply(q) {
+    return this.multiplyQuaternions(this, q);
+  }
+  premultiply(q) {
+    return this.multiplyQuaternions(q, this);
+  }
+  multiplyQuaternions(a, b) {
+    const qax = a._x, qay = a._y, qaz = a._z, qaw = a._w;
+    const qbx = b._x, qby = b._y, qbz = b._z, qbw = b._w;
+    this._x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby;
+    this._y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz;
+    this._z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx;
+    this._w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz;
+    this._onChangeCallback();
+    return this;
+  }
+  slerp(qb, t) {
+    if (t === 0) return this;
+    if (t === 1) return this.copy(qb);
+    const x = this._x, y = this._y, z2 = this._z, w = this._w;
+    let cosHalfTheta = w * qb._w + x * qb._x + y * qb._y + z2 * qb._z;
+    if (cosHalfTheta < 0) {
+      this._w = -qb._w;
+      this._x = -qb._x;
+      this._y = -qb._y;
+      this._z = -qb._z;
+      cosHalfTheta = -cosHalfTheta;
+    } else {
+      this.copy(qb);
+    }
+    if (cosHalfTheta >= 1) {
+      this._w = w;
+      this._x = x;
+      this._y = y;
+      this._z = z2;
+      return this;
+    }
+    const sqrSinHalfTheta = 1 - cosHalfTheta * cosHalfTheta;
+    if (sqrSinHalfTheta <= Number.EPSILON) {
+      const s = 1 - t;
+      this._w = s * w + t * this._w;
+      this._x = s * x + t * this._x;
+      this._y = s * y + t * this._y;
+      this._z = s * z2 + t * this._z;
+      this.normalize();
+      this._onChangeCallback();
+      return this;
+    }
+    const sinHalfTheta = Math.sqrt(sqrSinHalfTheta);
+    const halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta);
+    const ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta, ratioB = Math.sin(t * halfTheta) / sinHalfTheta;
+    this._w = w * ratioA + this._w * ratioB;
+    this._x = x * ratioA + this._x * ratioB;
+    this._y = y * ratioA + this._y * ratioB;
+    this._z = z2 * ratioA + this._z * ratioB;
+    this._onChangeCallback();
+    return this;
+  }
+  slerpQuaternions(qa, qb, t) {
+    return this.copy(qa).slerp(qb, t);
+  }
+  random() {
+    const u1 = Math.random();
+    const sqrt1u1 = Math.sqrt(1 - u1);
+    const sqrtu1 = Math.sqrt(u1);
+    const u2 = 2 * Math.PI * Math.random();
+    const u3 = 2 * Math.PI * Math.random();
+    return this.set(
+      sqrt1u1 * Math.cos(u2),
+      sqrtu1 * Math.sin(u3),
+      sqrtu1 * Math.cos(u3),
+      sqrt1u1 * Math.sin(u2)
+    );
+  }
+  equals(quaternion) {
+    return quaternion._x === this._x && quaternion._y === this._y && quaternion._z === this._z && quaternion._w === this._w;
+  }
+  fromArray(array, offset2 = 0) {
+    this._x = array[offset2];
+    this._y = array[offset2 + 1];
+    this._z = array[offset2 + 2];
+    this._w = array[offset2 + 3];
+    this._onChangeCallback();
+    return this;
+  }
+  toArray(array = [], offset2 = 0) {
+    array[offset2] = this._x;
+    array[offset2 + 1] = this._y;
+    array[offset2 + 2] = this._z;
+    array[offset2 + 3] = this._w;
+    return array;
+  }
+  fromBufferAttribute(attribute, index) {
+    this._x = attribute.getX(index);
+    this._y = attribute.getY(index);
+    this._z = attribute.getZ(index);
+    this._w = attribute.getW(index);
+    return this;
+  }
+  toJSON() {
+    return this.toArray();
+  }
+  _onChange(callback) {
+    this._onChangeCallback = callback;
+    return this;
+  }
+  _onChangeCallback() {
+  }
+  *[Symbol.iterator]() {
+    yield this._x;
+    yield this._y;
+    yield this._z;
+    yield this._w;
+  }
+}
+class Vector3 {
+  constructor(x = 0, y = 0, z2 = 0) {
+    Vector3.prototype.isVector3 = true;
+    this.x = x;
+    this.y = y;
+    this.z = z2;
+  }
+  set(x, y, z2) {
+    if (z2 === void 0) z2 = this.z;
+    this.x = x;
+    this.y = y;
+    this.z = z2;
+    return this;
+  }
+  setScalar(scalar) {
+    this.x = scalar;
+    this.y = scalar;
+    this.z = scalar;
+    return this;
+  }
+  setX(x) {
+    this.x = x;
+    return this;
+  }
+  setY(y) {
+    this.y = y;
+    return this;
+  }
+  setZ(z2) {
+    this.z = z2;
+    return this;
+  }
+  setComponent(index, value) {
+    switch (index) {
+      case 0:
+        this.x = value;
+        break;
+      case 1:
+        this.y = value;
+        break;
+      case 2:
+        this.z = value;
+        break;
+      default:
+        throw new Error("index is out of range: " + index);
+    }
+    return this;
+  }
+  getComponent(index) {
+    switch (index) {
+      case 0:
+        return this.x;
+      case 1:
+        return this.y;
+      case 2:
+        return this.z;
+      default:
+        throw new Error("index is out of range: " + index);
+    }
+  }
+  clone() {
+    return new this.constructor(this.x, this.y, this.z);
+  }
+  copy(v) {
+    this.x = v.x;
+    this.y = v.y;
+    this.z = v.z;
+    return this;
+  }
+  add(v) {
+    this.x += v.x;
+    this.y += v.y;
+    this.z += v.z;
+    return this;
+  }
+  addScalar(s) {
+    this.x += s;
+    this.y += s;
+    this.z += s;
+    return this;
+  }
+  addVectors(a, b) {
+    this.x = a.x + b.x;
+    this.y = a.y + b.y;
+    this.z = a.z + b.z;
+    return this;
+  }
+  addScaledVector(v, s) {
+    this.x += v.x * s;
+    this.y += v.y * s;
+    this.z += v.z * s;
+    return this;
+  }
+  sub(v) {
+    this.x -= v.x;
+    this.y -= v.y;
+    this.z -= v.z;
+    return this;
+  }
+  subScalar(s) {
+    this.x -= s;
+    this.y -= s;
+    this.z -= s;
+    return this;
+  }
+  subVectors(a, b) {
+    this.x = a.x - b.x;
+    this.y = a.y - b.y;
+    this.z = a.z - b.z;
+    return this;
+  }
+  multiply(v) {
+    this.x *= v.x;
+    this.y *= v.y;
+    this.z *= v.z;
+    return this;
+  }
+  multiplyScalar(scalar) {
+    this.x *= scalar;
+    this.y *= scalar;
+    this.z *= scalar;
+    return this;
+  }
+  multiplyVectors(a, b) {
+    this.x = a.x * b.x;
+    this.y = a.y * b.y;
+    this.z = a.z * b.z;
+    return this;
+  }
+  applyEuler(euler) {
+    return this.applyQuaternion(_quaternion$4.setFromEuler(euler));
+  }
+  applyAxisAngle(axis, angle) {
+    return this.applyQuaternion(_quaternion$4.setFromAxisAngle(axis, angle));
+  }
+  applyMatrix3(m) {
+    const x = this.x, y = this.y, z2 = this.z;
+    const e = m.elements;
+    this.x = e[0] * x + e[3] * y + e[6] * z2;
+    this.y = e[1] * x + e[4] * y + e[7] * z2;
+    this.z = e[2] * x + e[5] * y + e[8] * z2;
+    return this;
+  }
+  applyNormalMatrix(m) {
+    return this.applyMatrix3(m).normalize();
+  }
+  applyMatrix4(m) {
+    const x = this.x, y = this.y, z2 = this.z;
+    const e = m.elements;
+    const w = 1 / (e[3] * x + e[7] * y + e[11] * z2 + e[15]);
+    this.x = (e[0] * x + e[4] * y + e[8] * z2 + e[12]) * w;
+    this.y = (e[1] * x + e[5] * y + e[9] * z2 + e[13]) * w;
+    this.z = (e[2] * x + e[6] * y + e[10] * z2 + e[14]) * w;
+    return this;
+  }
+  applyQuaternion(q) {
+    const x = this.x, y = this.y, z2 = this.z;
+    const qx = q.x, qy = q.y, qz = q.z, qw = q.w;
+    const ix = qw * x + qy * z2 - qz * y;
+    const iy = qw * y + qz * x - qx * z2;
+    const iz = qw * z2 + qx * y - qy * x;
+    const iw = -qx * x - qy * y - qz * z2;
+    this.x = ix * qw + iw * -qx + iy * -qz - iz * -qy;
+    this.y = iy * qw + iw * -qy + iz * -qx - ix * -qz;
+    this.z = iz * qw + iw * -qz + ix * -qy - iy * -qx;
+    return this;
+  }
+  project(camera) {
+    return this.applyMatrix4(camera.matrixWorldInverse).applyMatrix4(camera.projectionMatrix);
+  }
+  unproject(camera) {
+    return this.applyMatrix4(camera.projectionMatrixInverse).applyMatrix4(camera.matrixWorld);
+  }
+  transformDirection(m) {
+    const x = this.x, y = this.y, z2 = this.z;
+    const e = m.elements;
+    this.x = e[0] * x + e[4] * y + e[8] * z2;
+    this.y = e[1] * x + e[5] * y + e[9] * z2;
+    this.z = e[2] * x + e[6] * y + e[10] * z2;
+    return this.normalize();
+  }
+  divide(v) {
+    this.x /= v.x;
+    this.y /= v.y;
+    this.z /= v.z;
+    return this;
+  }
+  divideScalar(scalar) {
+    return this.multiplyScalar(1 / scalar);
+  }
+  min(v) {
+    this.x = Math.min(this.x, v.x);
+    this.y = Math.min(this.y, v.y);
+    this.z = Math.min(this.z, v.z);
+    return this;
+  }
+  max(v) {
+    this.x = Math.max(this.x, v.x);
+    this.y = Math.max(this.y, v.y);
+    this.z = Math.max(this.z, v.z);
+    return this;
+  }
+  clamp(min, max) {
+    this.x = Math.max(min.x, Math.min(max.x, this.x));
+    this.y = Math.max(min.y, Math.min(max.y, this.y));
+    this.z = Math.max(min.z, Math.min(max.z, this.z));
+    return this;
+  }
+  clampScalar(minVal, maxVal) {
+    this.x = Math.max(minVal, Math.min(maxVal, this.x));
+    this.y = Math.max(minVal, Math.min(maxVal, this.y));
+    this.z = Math.max(minVal, Math.min(maxVal, this.z));
+    return this;
+  }
+  clampLength(min, max) {
+    const length2 = this.length();
+    return this.divideScalar(length2 || 1).multiplyScalar(Math.max(min, Math.min(max, length2)));
+  }
+  floor() {
+    this.x = Math.floor(this.x);
+    this.y = Math.floor(this.y);
+    this.z = Math.floor(this.z);
+    return this;
+  }
+  ceil() {
+    this.x = Math.ceil(this.x);
+    this.y = Math.ceil(this.y);
+    this.z = Math.ceil(this.z);
+    return this;
+  }
+  round() {
+    this.x = Math.round(this.x);
+    this.y = Math.round(this.y);
+    this.z = Math.round(this.z);
+    return this;
+  }
+  roundToZero() {
+    this.x = this.x < 0 ? Math.ceil(this.x) : Math.floor(this.x);
+    this.y = this.y < 0 ? Math.ceil(this.y) : Math.floor(this.y);
+    this.z = this.z < 0 ? Math.ceil(this.z) : Math.floor(this.z);
+    return this;
+  }
+  negate() {
+    this.x = -this.x;
+    this.y = -this.y;
+    this.z = -this.z;
+    return this;
+  }
+  dot(v) {
+    return this.x * v.x + this.y * v.y + this.z * v.z;
+  }
+  // TODO lengthSquared?
+  lengthSq() {
+    return this.x * this.x + this.y * this.y + this.z * this.z;
+  }
+  length() {
+    return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z);
+  }
+  manhattanLength() {
+    return Math.abs(this.x) + Math.abs(this.y) + Math.abs(this.z);
+  }
+  normalize() {
+    return this.divideScalar(this.length() || 1);
+  }
+  setLength(length2) {
+    return this.normalize().multiplyScalar(length2);
+  }
+  lerp(v, alpha2) {
+    this.x += (v.x - this.x) * alpha2;
+    this.y += (v.y - this.y) * alpha2;
+    this.z += (v.z - this.z) * alpha2;
+    return this;
+  }
+  lerpVectors(v1, v2, alpha2) {
+    this.x = v1.x + (v2.x - v1.x) * alpha2;
+    this.y = v1.y + (v2.y - v1.y) * alpha2;
+    this.z = v1.z + (v2.z - v1.z) * alpha2;
+    return this;
+  }
+  cross(v) {
+    return this.crossVectors(this, v);
+  }
+  crossVectors(a, b) {
+    const ax = a.x, ay = a.y, az = a.z;
+    const bx = b.x, by = b.y, bz = b.z;
+    this.x = ay * bz - az * by;
+    this.y = az * bx - ax * bz;
+    this.z = ax * by - ay * bx;
+    return this;
+  }
+  projectOnVector(v) {
+    const denominator = v.lengthSq();
+    if (denominator === 0) return this.set(0, 0, 0);
+    const scalar = v.dot(this) / denominator;
+    return this.copy(v).multiplyScalar(scalar);
+  }
+  projectOnPlane(planeNormal) {
+    _vector$b.copy(this).projectOnVector(planeNormal);
+    return this.sub(_vector$b);
+  }
+  reflect(normal) {
+    return this.sub(_vector$b.copy(normal).multiplyScalar(2 * this.dot(normal)));
+  }
+  angleTo(v) {
+    const denominator = Math.sqrt(this.lengthSq() * v.lengthSq());
+    if (denominator === 0) return Math.PI / 2;
+    const theta = this.dot(v) / denominator;
+    return Math.acos(clamp(theta, -1, 1));
+  }
+  distanceTo(v) {
+    return Math.sqrt(this.distanceToSquared(v));
+  }
+  distanceToSquared(v) {
+    const dx = this.x - v.x, dy = this.y - v.y, dz = this.z - v.z;
+    return dx * dx + dy * dy + dz * dz;
+  }
+  manhattanDistanceTo(v) {
+    return Math.abs(this.x - v.x) + Math.abs(this.y - v.y) + Math.abs(this.z - v.z);
+  }
+  setFromSpherical(s) {
+    return this.setFromSphericalCoords(s.radius, s.phi, s.theta);
+  }
+  setFromSphericalCoords(radius, phi, theta) {
+    const sinPhiRadius = Math.sin(phi) * radius;
+    this.x = sinPhiRadius * Math.sin(theta);
+    this.y = Math.cos(phi) * radius;
+    this.z = sinPhiRadius * Math.cos(theta);
+    return this;
+  }
+  setFromCylindrical(c) {
+    return this.setFromCylindricalCoords(c.radius, c.theta, c.y);
+  }
+  setFromCylindricalCoords(radius, theta, y) {
+    this.x = radius * Math.sin(theta);
+    this.y = y;
+    this.z = radius * Math.cos(theta);
+    return this;
+  }
+  setFromMatrixPosition(m) {
+    const e = m.elements;
+    this.x = e[12];
+    this.y = e[13];
+    this.z = e[14];
+    return this;
+  }
+  setFromMatrixScale(m) {
+    const sx = this.setFromMatrixColumn(m, 0).length();
+    const sy = this.setFromMatrixColumn(m, 1).length();
+    const sz = this.setFromMatrixColumn(m, 2).length();
+    this.x = sx;
+    this.y = sy;
+    this.z = sz;
+    return this;
+  }
+  setFromMatrixColumn(m, index) {
+    return this.fromArray(m.elements, index * 4);
+  }
+  setFromMatrix3Column(m, index) {
+    return this.fromArray(m.elements, index * 3);
+  }
+  setFromEuler(e) {
+    this.x = e._x;
+    this.y = e._y;
+    this.z = e._z;
+    return this;
+  }
+  setFromColor(c) {
+    this.x = c.r;
+    this.y = c.g;
+    this.z = c.b;
+    return this;
+  }
+  equals(v) {
+    return v.x === this.x && v.y === this.y && v.z === this.z;
+  }
+  fromArray(array, offset2 = 0) {
+    this.x = array[offset2];
+    this.y = array[offset2 + 1];
+    this.z = array[offset2 + 2];
+    return this;
+  }
+  toArray(array = [], offset2 = 0) {
+    array[offset2] = this.x;
+    array[offset2 + 1] = this.y;
+    array[offset2 + 2] = this.z;
+    return array;
+  }
+  fromBufferAttribute(attribute, index) {
+    this.x = attribute.getX(index);
+    this.y = attribute.getY(index);
+    this.z = attribute.getZ(index);
+    return this;
+  }
+  random() {
+    this.x = Math.random();
+    this.y = Math.random();
+    this.z = Math.random();
+    return this;
+  }
+  randomDirection() {
+    const u = (Math.random() - 0.5) * 2;
+    const t = Math.random() * Math.PI * 2;
+    const f = Math.sqrt(1 - u ** 2);
+    this.x = f * Math.cos(t);
+    this.y = f * Math.sin(t);
+    this.z = u;
+    return this;
+  }
+  *[Symbol.iterator]() {
+    yield this.x;
+    yield this.y;
+    yield this.z;
+  }
+}
+const _vector$b = /* @__PURE__ */ new Vector3();
+const _quaternion$4 = /* @__PURE__ */ new Quaternion();
+class Matrix4 {
+  constructor(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) {
+    Matrix4.prototype.isMatrix4 = true;
+    this.elements = [
+      1,
+      0,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1
+    ];
+    if (n11 !== void 0) {
+      this.set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44);
+    }
+  }
+  set(n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44) {
+    const te = this.elements;
+    te[0] = n11;
+    te[4] = n12;
+    te[8] = n13;
+    te[12] = n14;
+    te[1] = n21;
+    te[5] = n22;
+    te[9] = n23;
+    te[13] = n24;
+    te[2] = n31;
+    te[6] = n32;
+    te[10] = n33;
+    te[14] = n34;
+    te[3] = n41;
+    te[7] = n42;
+    te[11] = n43;
+    te[15] = n44;
+    return this;
+  }
+  identity() {
+    this.set(
+      1,
+      0,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  clone() {
+    return new Matrix4().fromArray(this.elements);
+  }
+  copy(m) {
+    const te = this.elements;
+    const me = m.elements;
+    te[0] = me[0];
+    te[1] = me[1];
+    te[2] = me[2];
+    te[3] = me[3];
+    te[4] = me[4];
+    te[5] = me[5];
+    te[6] = me[6];
+    te[7] = me[7];
+    te[8] = me[8];
+    te[9] = me[9];
+    te[10] = me[10];
+    te[11] = me[11];
+    te[12] = me[12];
+    te[13] = me[13];
+    te[14] = me[14];
+    te[15] = me[15];
+    return this;
+  }
+  copyPosition(m) {
+    const te = this.elements, me = m.elements;
+    te[12] = me[12];
+    te[13] = me[13];
+    te[14] = me[14];
+    return this;
+  }
+  setFromMatrix3(m) {
+    const me = m.elements;
+    this.set(
+      me[0],
+      me[3],
+      me[6],
+      0,
+      me[1],
+      me[4],
+      me[7],
+      0,
+      me[2],
+      me[5],
+      me[8],
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  extractBasis(xAxis, yAxis, zAxis) {
+    xAxis.setFromMatrixColumn(this, 0);
+    yAxis.setFromMatrixColumn(this, 1);
+    zAxis.setFromMatrixColumn(this, 2);
+    return this;
+  }
+  makeBasis(xAxis, yAxis, zAxis) {
+    this.set(
+      xAxis.x,
+      yAxis.x,
+      zAxis.x,
+      0,
+      xAxis.y,
+      yAxis.y,
+      zAxis.y,
+      0,
+      xAxis.z,
+      yAxis.z,
+      zAxis.z,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  extractRotation(m) {
+    const te = this.elements;
+    const me = m.elements;
+    const scaleX = 1 / _v1$5.setFromMatrixColumn(m, 0).length();
+    const scaleY = 1 / _v1$5.setFromMatrixColumn(m, 1).length();
+    const scaleZ = 1 / _v1$5.setFromMatrixColumn(m, 2).length();
+    te[0] = me[0] * scaleX;
+    te[1] = me[1] * scaleX;
+    te[2] = me[2] * scaleX;
+    te[3] = 0;
+    te[4] = me[4] * scaleY;
+    te[5] = me[5] * scaleY;
+    te[6] = me[6] * scaleY;
+    te[7] = 0;
+    te[8] = me[8] * scaleZ;
+    te[9] = me[9] * scaleZ;
+    te[10] = me[10] * scaleZ;
+    te[11] = 0;
+    te[12] = 0;
+    te[13] = 0;
+    te[14] = 0;
+    te[15] = 1;
+    return this;
+  }
+  makeRotationFromEuler(euler) {
+    const te = this.elements;
+    const x = euler.x, y = euler.y, z2 = euler.z;
+    const a = Math.cos(x), b = Math.sin(x);
+    const c = Math.cos(y), d = Math.sin(y);
+    const e = Math.cos(z2), f = Math.sin(z2);
+    if (euler.order === "XYZ") {
+      const ae = a * e, af = a * f, be = b * e, bf = b * f;
+      te[0] = c * e;
+      te[4] = -c * f;
+      te[8] = d;
+      te[1] = af + be * d;
+      te[5] = ae - bf * d;
+      te[9] = -b * c;
+      te[2] = bf - ae * d;
+      te[6] = be + af * d;
+      te[10] = a * c;
+    } else if (euler.order === "YXZ") {
+      const ce = c * e, cf = c * f, de = d * e, df = d * f;
+      te[0] = ce + df * b;
+      te[4] = de * b - cf;
+      te[8] = a * d;
+      te[1] = a * f;
+      te[5] = a * e;
+      te[9] = -b;
+      te[2] = cf * b - de;
+      te[6] = df + ce * b;
+      te[10] = a * c;
+    } else if (euler.order === "ZXY") {
+      const ce = c * e, cf = c * f, de = d * e, df = d * f;
+      te[0] = ce - df * b;
+      te[4] = -a * f;
+      te[8] = de + cf * b;
+      te[1] = cf + de * b;
+      te[5] = a * e;
+      te[9] = df - ce * b;
+      te[2] = -a * d;
+      te[6] = b;
+      te[10] = a * c;
+    } else if (euler.order === "ZYX") {
+      const ae = a * e, af = a * f, be = b * e, bf = b * f;
+      te[0] = c * e;
+      te[4] = be * d - af;
+      te[8] = ae * d + bf;
+      te[1] = c * f;
+      te[5] = bf * d + ae;
+      te[9] = af * d - be;
+      te[2] = -d;
+      te[6] = b * c;
+      te[10] = a * c;
+    } else if (euler.order === "YZX") {
+      const ac = a * c, ad = a * d, bc = b * c, bd = b * d;
+      te[0] = c * e;
+      te[4] = bd - ac * f;
+      te[8] = bc * f + ad;
+      te[1] = f;
+      te[5] = a * e;
+      te[9] = -b * e;
+      te[2] = -d * e;
+      te[6] = ad * f + bc;
+      te[10] = ac - bd * f;
+    } else if (euler.order === "XZY") {
+      const ac = a * c, ad = a * d, bc = b * c, bd = b * d;
+      te[0] = c * e;
+      te[4] = -f;
+      te[8] = d * e;
+      te[1] = ac * f + bd;
+      te[5] = a * e;
+      te[9] = ad * f - bc;
+      te[2] = bc * f - ad;
+      te[6] = b * e;
+      te[10] = bd * f + ac;
+    }
+    te[3] = 0;
+    te[7] = 0;
+    te[11] = 0;
+    te[12] = 0;
+    te[13] = 0;
+    te[14] = 0;
+    te[15] = 1;
+    return this;
+  }
+  makeRotationFromQuaternion(q) {
+    return this.compose(_zero, q, _one);
+  }
+  lookAt(eye, target, up) {
+    const te = this.elements;
+    _z.subVectors(eye, target);
+    if (_z.lengthSq() === 0) {
+      _z.z = 1;
+    }
+    _z.normalize();
+    _x.crossVectors(up, _z);
+    if (_x.lengthSq() === 0) {
+      if (Math.abs(up.z) === 1) {
+        _z.x += 1e-4;
+      } else {
+        _z.z += 1e-4;
+      }
+      _z.normalize();
+      _x.crossVectors(up, _z);
+    }
+    _x.normalize();
+    _y.crossVectors(_z, _x);
+    te[0] = _x.x;
+    te[4] = _y.x;
+    te[8] = _z.x;
+    te[1] = _x.y;
+    te[5] = _y.y;
+    te[9] = _z.y;
+    te[2] = _x.z;
+    te[6] = _y.z;
+    te[10] = _z.z;
+    return this;
+  }
+  multiply(m) {
+    return this.multiplyMatrices(this, m);
+  }
+  premultiply(m) {
+    return this.multiplyMatrices(m, this);
+  }
+  multiplyMatrices(a, b) {
+    const ae = a.elements;
+    const be = b.elements;
+    const te = this.elements;
+    const a11 = ae[0], a12 = ae[4], a13 = ae[8], a14 = ae[12];
+    const a21 = ae[1], a22 = ae[5], a23 = ae[9], a24 = ae[13];
+    const a31 = ae[2], a32 = ae[6], a33 = ae[10], a34 = ae[14];
+    const a41 = ae[3], a42 = ae[7], a43 = ae[11], a44 = ae[15];
+    const b11 = be[0], b12 = be[4], b13 = be[8], b14 = be[12];
+    const b21 = be[1], b22 = be[5], b23 = be[9], b24 = be[13];
+    const b31 = be[2], b32 = be[6], b33 = be[10], b34 = be[14];
+    const b41 = be[3], b42 = be[7], b43 = be[11], b44 = be[15];
+    te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
+    te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
+    te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
+    te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
+    te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
+    te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
+    te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
+    te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
+    te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
+    te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
+    te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
+    te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
+    te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
+    te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
+    te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
+    te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
+    return this;
+  }
+  multiplyScalar(s) {
+    const te = this.elements;
+    te[0] *= s;
+    te[4] *= s;
+    te[8] *= s;
+    te[12] *= s;
+    te[1] *= s;
+    te[5] *= s;
+    te[9] *= s;
+    te[13] *= s;
+    te[2] *= s;
+    te[6] *= s;
+    te[10] *= s;
+    te[14] *= s;
+    te[3] *= s;
+    te[7] *= s;
+    te[11] *= s;
+    te[15] *= s;
+    return this;
+  }
+  determinant() {
+    const te = this.elements;
+    const n11 = te[0], n12 = te[4], n13 = te[8], n14 = te[12];
+    const n21 = te[1], n22 = te[5], n23 = te[9], n24 = te[13];
+    const n31 = te[2], n32 = te[6], n33 = te[10], n34 = te[14];
+    const n41 = te[3], n42 = te[7], n43 = te[11], n44 = te[15];
+    return n41 * (+n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34) + n42 * (+n11 * n23 * n34 - n11 * n24 * n33 + n14 * n21 * n33 - n13 * n21 * n34 + n13 * n24 * n31 - n14 * n23 * n31) + n43 * (+n11 * n24 * n32 - n11 * n22 * n34 - n14 * n21 * n32 + n12 * n21 * n34 + n14 * n22 * n31 - n12 * n24 * n31) + n44 * (-n13 * n22 * n31 - n11 * n23 * n32 + n11 * n22 * n33 + n13 * n21 * n32 - n12 * n21 * n33 + n12 * n23 * n31);
+  }
+  transpose() {
+    const te = this.elements;
+    let tmp;
+    tmp = te[1];
+    te[1] = te[4];
+    te[4] = tmp;
+    tmp = te[2];
+    te[2] = te[8];
+    te[8] = tmp;
+    tmp = te[6];
+    te[6] = te[9];
+    te[9] = tmp;
+    tmp = te[3];
+    te[3] = te[12];
+    te[12] = tmp;
+    tmp = te[7];
+    te[7] = te[13];
+    te[13] = tmp;
+    tmp = te[11];
+    te[11] = te[14];
+    te[14] = tmp;
+    return this;
+  }
+  setPosition(x, y, z2) {
+    const te = this.elements;
+    if (x.isVector3) {
+      te[12] = x.x;
+      te[13] = x.y;
+      te[14] = x.z;
+    } else {
+      te[12] = x;
+      te[13] = y;
+      te[14] = z2;
+    }
+    return this;
+  }
+  invert() {
+    const te = this.elements, n11 = te[0], n21 = te[1], n31 = te[2], n41 = te[3], n12 = te[4], n22 = te[5], n32 = te[6], n42 = te[7], n13 = te[8], n23 = te[9], n33 = te[10], n43 = te[11], n14 = te[12], n24 = te[13], n34 = te[14], n44 = te[15], t11 = n23 * n34 * n42 - n24 * n33 * n42 + n24 * n32 * n43 - n22 * n34 * n43 - n23 * n32 * n44 + n22 * n33 * n44, t12 = n14 * n33 * n42 - n13 * n34 * n42 - n14 * n32 * n43 + n12 * n34 * n43 + n13 * n32 * n44 - n12 * n33 * n44, t13 = n13 * n24 * n42 - n14 * n23 * n42 + n14 * n22 * n43 - n12 * n24 * n43 - n13 * n22 * n44 + n12 * n23 * n44, t14 = n14 * n23 * n32 - n13 * n24 * n32 - n14 * n22 * n33 + n12 * n24 * n33 + n13 * n22 * n34 - n12 * n23 * n34;
+    const det = n11 * t11 + n21 * t12 + n31 * t13 + n41 * t14;
+    if (det === 0) return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+    const detInv = 1 / det;
+    te[0] = t11 * detInv;
+    te[1] = (n24 * n33 * n41 - n23 * n34 * n41 - n24 * n31 * n43 + n21 * n34 * n43 + n23 * n31 * n44 - n21 * n33 * n44) * detInv;
+    te[2] = (n22 * n34 * n41 - n24 * n32 * n41 + n24 * n31 * n42 - n21 * n34 * n42 - n22 * n31 * n44 + n21 * n32 * n44) * detInv;
+    te[3] = (n23 * n32 * n41 - n22 * n33 * n41 - n23 * n31 * n42 + n21 * n33 * n42 + n22 * n31 * n43 - n21 * n32 * n43) * detInv;
+    te[4] = t12 * detInv;
+    te[5] = (n13 * n34 * n41 - n14 * n33 * n41 + n14 * n31 * n43 - n11 * n34 * n43 - n13 * n31 * n44 + n11 * n33 * n44) * detInv;
+    te[6] = (n14 * n32 * n41 - n12 * n34 * n41 - n14 * n31 * n42 + n11 * n34 * n42 + n12 * n31 * n44 - n11 * n32 * n44) * detInv;
+    te[7] = (n12 * n33 * n41 - n13 * n32 * n41 + n13 * n31 * n42 - n11 * n33 * n42 - n12 * n31 * n43 + n11 * n32 * n43) * detInv;
+    te[8] = t13 * detInv;
+    te[9] = (n14 * n23 * n41 - n13 * n24 * n41 - n14 * n21 * n43 + n11 * n24 * n43 + n13 * n21 * n44 - n11 * n23 * n44) * detInv;
+    te[10] = (n12 * n24 * n41 - n14 * n22 * n41 + n14 * n21 * n42 - n11 * n24 * n42 - n12 * n21 * n44 + n11 * n22 * n44) * detInv;
+    te[11] = (n13 * n22 * n41 - n12 * n23 * n41 - n13 * n21 * n42 + n11 * n23 * n42 + n12 * n21 * n43 - n11 * n22 * n43) * detInv;
+    te[12] = t14 * detInv;
+    te[13] = (n13 * n24 * n31 - n14 * n23 * n31 + n14 * n21 * n33 - n11 * n24 * n33 - n13 * n21 * n34 + n11 * n23 * n34) * detInv;
+    te[14] = (n14 * n22 * n31 - n12 * n24 * n31 - n14 * n21 * n32 + n11 * n24 * n32 + n12 * n21 * n34 - n11 * n22 * n34) * detInv;
+    te[15] = (n12 * n23 * n31 - n13 * n22 * n31 + n13 * n21 * n32 - n11 * n23 * n32 - n12 * n21 * n33 + n11 * n22 * n33) * detInv;
+    return this;
+  }
+  scale(v) {
+    const te = this.elements;
+    const x = v.x, y = v.y, z2 = v.z;
+    te[0] *= x;
+    te[4] *= y;
+    te[8] *= z2;
+    te[1] *= x;
+    te[5] *= y;
+    te[9] *= z2;
+    te[2] *= x;
+    te[6] *= y;
+    te[10] *= z2;
+    te[3] *= x;
+    te[7] *= y;
+    te[11] *= z2;
+    return this;
+  }
+  getMaxScaleOnAxis() {
+    const te = this.elements;
+    const scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2];
+    const scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6];
+    const scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10];
+    return Math.sqrt(Math.max(scaleXSq, scaleYSq, scaleZSq));
+  }
+  makeTranslation(x, y, z2) {
+    if (x.isVector3) {
+      this.set(
+        1,
+        0,
+        0,
+        x.x,
+        0,
+        1,
+        0,
+        x.y,
+        0,
+        0,
+        1,
+        x.z,
+        0,
+        0,
+        0,
+        1
+      );
+    } else {
+      this.set(
+        1,
+        0,
+        0,
+        x,
+        0,
+        1,
+        0,
+        y,
+        0,
+        0,
+        1,
+        z2,
+        0,
+        0,
+        0,
+        1
+      );
+    }
+    return this;
+  }
+  makeRotationX(theta) {
+    const c = Math.cos(theta), s = Math.sin(theta);
+    this.set(
+      1,
+      0,
+      0,
+      0,
+      0,
+      c,
+      -s,
+      0,
+      0,
+      s,
+      c,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  makeRotationY(theta) {
+    const c = Math.cos(theta), s = Math.sin(theta);
+    this.set(
+      c,
+      0,
+      s,
+      0,
+      0,
+      1,
+      0,
+      0,
+      -s,
+      0,
+      c,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  makeRotationZ(theta) {
+    const c = Math.cos(theta), s = Math.sin(theta);
+    this.set(
+      c,
+      -s,
+      0,
+      0,
+      s,
+      c,
+      0,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  makeRotationAxis(axis, angle) {
+    const c = Math.cos(angle);
+    const s = Math.sin(angle);
+    const t = 1 - c;
+    const x = axis.x, y = axis.y, z2 = axis.z;
+    const tx = t * x, ty = t * y;
+    this.set(
+      tx * x + c,
+      tx * y - s * z2,
+      tx * z2 + s * y,
+      0,
+      tx * y + s * z2,
+      ty * y + c,
+      ty * z2 - s * x,
+      0,
+      tx * z2 - s * y,
+      ty * z2 + s * x,
+      t * z2 * z2 + c,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  makeScale(x, y, z2) {
+    this.set(
+      x,
+      0,
+      0,
+      0,
+      0,
+      y,
+      0,
+      0,
+      0,
+      0,
+      z2,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  makeShear(xy, xz, yx, yz, zx, zy) {
+    this.set(
+      1,
+      yx,
+      zx,
+      0,
+      xy,
+      1,
+      zy,
+      0,
+      xz,
+      yz,
+      1,
+      0,
+      0,
+      0,
+      0,
+      1
+    );
+    return this;
+  }
+  compose(position2, quaternion, scale) {
+    const te = this.elements;
+    const x = quaternion._x, y = quaternion._y, z2 = quaternion._z, w = quaternion._w;
+    const x2 = x + x, y2 = y + y, z22 = z2 + z2;
+    const xx = x * x2, xy = x * y2, xz = x * z22;
+    const yy = y * y2, yz = y * z22, zz = z2 * z22;
+    const wx = w * x2, wy = w * y2, wz = w * z22;
+    const sx = scale.x, sy = scale.y, sz = scale.z;
+    te[0] = (1 - (yy + zz)) * sx;
+    te[1] = (xy + wz) * sx;
+    te[2] = (xz - wy) * sx;
+    te[3] = 0;
+    te[4] = (xy - wz) * sy;
+    te[5] = (1 - (xx + zz)) * sy;
+    te[6] = (yz + wx) * sy;
+    te[7] = 0;
+    te[8] = (xz + wy) * sz;
+    te[9] = (yz - wx) * sz;
+    te[10] = (1 - (xx + yy)) * sz;
+    te[11] = 0;
+    te[12] = position2.x;
+    te[13] = position2.y;
+    te[14] = position2.z;
+    te[15] = 1;
+    return this;
+  }
+  decompose(position2, quaternion, scale) {
+    const te = this.elements;
+    let sx = _v1$5.set(te[0], te[1], te[2]).length();
+    const sy = _v1$5.set(te[4], te[5], te[6]).length();
+    const sz = _v1$5.set(te[8], te[9], te[10]).length();
+    const det = this.determinant();
+    if (det < 0) sx = -sx;
+    position2.x = te[12];
+    position2.y = te[13];
+    position2.z = te[14];
+    _m1$2.copy(this);
+    const invSX = 1 / sx;
+    const invSY = 1 / sy;
+    const invSZ = 1 / sz;
+    _m1$2.elements[0] *= invSX;
+    _m1$2.elements[1] *= invSX;
+    _m1$2.elements[2] *= invSX;
+    _m1$2.elements[4] *= invSY;
+    _m1$2.elements[5] *= invSY;
+    _m1$2.elements[6] *= invSY;
+    _m1$2.elements[8] *= invSZ;
+    _m1$2.elements[9] *= invSZ;
+    _m1$2.elements[10] *= invSZ;
+    quaternion.setFromRotationMatrix(_m1$2);
+    scale.x = sx;
+    scale.y = sy;
+    scale.z = sz;
+    return this;
+  }
+  makePerspective(left, right, top, bottom, near, far, coordinateSystem = WebGLCoordinateSystem) {
+    const te = this.elements;
+    const x = 2 * near / (right - left);
+    const y = 2 * near / (top - bottom);
+    const a = (right + left) / (right - left);
+    const b = (top + bottom) / (top - bottom);
+    let c, d;
+    if (coordinateSystem === WebGLCoordinateSystem) {
+      c = -(far + near) / (far - near);
+      d = -2 * far * near / (far - near);
+    } else if (coordinateSystem === WebGPUCoordinateSystem) {
+      c = -far / (far - near);
+      d = -far * near / (far - near);
+    } else {
+      throw new Error("THREE.Matrix4.makePerspective(): Invalid coordinate system: " + coordinateSystem);
+    }
+    te[0] = x;
+    te[4] = 0;
+    te[8] = a;
+    te[12] = 0;
+    te[1] = 0;
+    te[5] = y;
+    te[9] = b;
+    te[13] = 0;
+    te[2] = 0;
+    te[6] = 0;
+    te[10] = c;
+    te[14] = d;
+    te[3] = 0;
+    te[7] = 0;
+    te[11] = -1;
+    te[15] = 0;
+    return this;
+  }
+  makeOrthographic(left, right, top, bottom, near, far, coordinateSystem = WebGLCoordinateSystem) {
+    const te = this.elements;
+    const w = 1 / (right - left);
+    const h = 1 / (top - bottom);
+    const p = 1 / (far - near);
+    const x = (right + left) * w;
+    const y = (top + bottom) * h;
+    let z2, zInv;
+    if (coordinateSystem === WebGLCoordinateSystem) {
+      z2 = (far + near) * p;
+      zInv = -2 * p;
+    } else if (coordinateSystem === WebGPUCoordinateSystem) {
+      z2 = near * p;
+      zInv = -1 * p;
+    } else {
+      throw new Error("THREE.Matrix4.makeOrthographic(): Invalid coordinate system: " + coordinateSystem);
+    }
+    te[0] = 2 * w;
+    te[4] = 0;
+    te[8] = 0;
+    te[12] = -x;
+    te[1] = 0;
+    te[5] = 2 * h;
+    te[9] = 0;
+    te[13] = -y;
+    te[2] = 0;
+    te[6] = 0;
+    te[10] = zInv;
+    te[14] = -z2;
+    te[3] = 0;
+    te[7] = 0;
+    te[11] = 0;
+    te[15] = 1;
+    return this;
+  }
+  equals(matrix) {
+    const te = this.elements;
+    const me = matrix.elements;
+    for (let i = 0; i < 16; i++) {
+      if (te[i] !== me[i]) return false;
+    }
+    return true;
+  }
+  fromArray(array, offset2 = 0) {
+    for (let i = 0; i < 16; i++) {
+      this.elements[i] = array[i + offset2];
+    }
+    return this;
+  }
+  toArray(array = [], offset2 = 0) {
+    const te = this.elements;
+    array[offset2] = te[0];
+    array[offset2 + 1] = te[1];
+    array[offset2 + 2] = te[2];
+    array[offset2 + 3] = te[3];
+    array[offset2 + 4] = te[4];
+    array[offset2 + 5] = te[5];
+    array[offset2 + 6] = te[6];
+    array[offset2 + 7] = te[7];
+    array[offset2 + 8] = te[8];
+    array[offset2 + 9] = te[9];
+    array[offset2 + 10] = te[10];
+    array[offset2 + 11] = te[11];
+    array[offset2 + 12] = te[12];
+    array[offset2 + 13] = te[13];
+    array[offset2 + 14] = te[14];
+    array[offset2 + 15] = te[15];
+    return array;
+  }
+}
+const _v1$5 = /* @__PURE__ */ new Vector3();
+const _m1$2 = /* @__PURE__ */ new Matrix4();
+const _zero = /* @__PURE__ */ new Vector3(0, 0, 0);
+const _one = /* @__PURE__ */ new Vector3(1, 1, 1);
+const _x = /* @__PURE__ */ new Vector3();
+const _y = /* @__PURE__ */ new Vector3();
+const _z = /* @__PURE__ */ new Vector3();
+const _matrix = /* @__PURE__ */ new Matrix4();
+const _quaternion$3 = /* @__PURE__ */ new Quaternion();
+class Euler {
+  constructor(x = 0, y = 0, z2 = 0, order = Euler.DEFAULT_ORDER) {
+    this.isEuler = true;
+    this._x = x;
+    this._y = y;
+    this._z = z2;
+    this._order = order;
+  }
+  get x() {
+    return this._x;
+  }
+  set x(value) {
+    this._x = value;
+    this._onChangeCallback();
+  }
+  get y() {
+    return this._y;
+  }
+  set y(value) {
+    this._y = value;
+    this._onChangeCallback();
+  }
+  get z() {
+    return this._z;
+  }
+  set z(value) {
+    this._z = value;
+    this._onChangeCallback();
+  }
+  get order() {
+    return this._order;
+  }
+  set order(value) {
+    this._order = value;
+    this._onChangeCallback();
+  }
+  set(x, y, z2, order = this._order) {
+    this._x = x;
+    this._y = y;
+    this._z = z2;
+    this._order = order;
+    this._onChangeCallback();
+    return this;
+  }
+  clone() {
+    return new this.constructor(this._x, this._y, this._z, this._order);
+  }
+  copy(euler) {
+    this._x = euler._x;
+    this._y = euler._y;
+    this._z = euler._z;
+    this._order = euler._order;
+    this._onChangeCallback();
+    return this;
+  }
+  setFromRotationMatrix(m, order = this._order, update2 = true) {
+    const te = m.elements;
+    const m11 = te[0], m12 = te[4], m13 = te[8];
+    const m21 = te[1], m22 = te[5], m23 = te[9];
+    const m31 = te[2], m32 = te[6], m33 = te[10];
+    switch (order) {
+      case "XYZ":
+        this._y = Math.asin(clamp(m13, -1, 1));
+        if (Math.abs(m13) < 0.9999999) {
+          this._x = Math.atan2(-m23, m33);
+          this._z = Math.atan2(-m12, m11);
+        } else {
+          this._x = Math.atan2(m32, m22);
+          this._z = 0;
+        }
+        break;
+      case "YXZ":
+        this._x = Math.asin(-clamp(m23, -1, 1));
+        if (Math.abs(m23) < 0.9999999) {
+          this._y = Math.atan2(m13, m33);
+          this._z = Math.atan2(m21, m22);
+        } else {
+          this._y = Math.atan2(-m31, m11);
+          this._z = 0;
+        }
+        break;
+      case "ZXY":
+        this._x = Math.asin(clamp(m32, -1, 1));
+        if (Math.abs(m32) < 0.9999999) {
+          this._y = Math.atan2(-m31, m33);
+          this._z = Math.atan2(-m12, m22);
+        } else {
+          this._y = 0;
+          this._z = Math.atan2(m21, m11);
+        }
+        break;
+      case "ZYX":
+        this._y = Math.asin(-clamp(m31, -1, 1));
+        if (Math.abs(m31) < 0.9999999) {
+          this._x = Math.atan2(m32, m33);
+          this._z = Math.atan2(m21, m11);
+        } else {
+          this._x = 0;
+          this._z = Math.atan2(-m12, m22);
+        }
+        break;
+      case "YZX":
+        this._z = Math.asin(clamp(m21, -1, 1));
+        if (Math.abs(m21) < 0.9999999) {
+          this._x = Math.atan2(-m23, m22);
+          this._y = Math.atan2(-m31, m11);
+        } else {
+          this._x = 0;
+          this._y = Math.atan2(m13, m33);
+        }
+        break;
+      case "XZY":
+        this._z = Math.asin(-clamp(m12, -1, 1));
+        if (Math.abs(m12) < 0.9999999) {
+          this._x = Math.atan2(m32, m22);
+          this._y = Math.atan2(m13, m11);
+        } else {
+          this._x = Math.atan2(-m23, m33);
+          this._y = 0;
+        }
+        break;
+      default:
+        console.warn("THREE.Euler: .setFromRotationMatrix() encountered an unknown order: " + order);
+    }
+    this._order = order;
+    if (update2 === true) this._onChangeCallback();
+    return this;
+  }
+  setFromQuaternion(q, order, update2) {
+    _matrix.makeRotationFromQuaternion(q);
+    return this.setFromRotationMatrix(_matrix, order, update2);
+  }
+  setFromVector3(v, order = this._order) {
+    return this.set(v.x, v.y, v.z, order);
+  }
+  reorder(newOrder) {
+    _quaternion$3.setFromEuler(this);
+    return this.setFromQuaternion(_quaternion$3, newOrder);
+  }
+  equals(euler) {
+    return euler._x === this._x && euler._y === this._y && euler._z === this._z && euler._order === this._order;
+  }
+  fromArray(array) {
+    this._x = array[0];
+    this._y = array[1];
+    this._z = array[2];
+    if (array[3] !== void 0) this._order = array[3];
+    this._onChangeCallback();
+    return this;
+  }
+  toArray(array = [], offset2 = 0) {
+    array[offset2] = this._x;
+    array[offset2 + 1] = this._y;
+    array[offset2 + 2] = this._z;
+    array[offset2 + 3] = this._order;
+    return array;
+  }
+  _onChange(callback) {
+    this._onChangeCallback = callback;
+    return this;
+  }
+  _onChangeCallback() {
+  }
+  *[Symbol.iterator]() {
+    yield this._x;
+    yield this._y;
+    yield this._z;
+    yield this._order;
+  }
+}
+Euler.DEFAULT_ORDER = "XYZ";
+if (typeof __THREE_DEVTOOLS__ !== "undefined") {
+  __THREE_DEVTOOLS__.dispatchEvent(new CustomEvent("register", { detail: {
+    revision: REVISION
+  } }));
+}
+if (typeof window !== "undefined") {
+  if (window.__THREE__) {
+    console.warn("WARNING: Multiple instances of Three.js being imported.");
+  } else {
+    window.__THREE__ = REVISION;
+  }
 }
-function quaternionToEuler([x, y, z2, w]) {
-  const thetaX = Math.atan2(2 * (w * x + y * z2), 1 - 2 * (x * x + y * y));
-  const sinp = 2 * (w * y - z2 * x);
-  const thetaY = Math.abs(sinp) >= 1 ? Math.sign(sinp) * (Math.PI / 2) : Math.asin(sinp);
-  return [thetaX * (180 / Math.PI), thetaY * (180 / Math.PI)];
-}
-function eulerToQuaternion(thetaX, thetaY) {
-  const halfThetaX = thetaX / 2;
-  const halfThetaY = thetaY / 2;
-  const sinX = Math.sin(halfThetaX);
-  const cosX = Math.cos(halfThetaX);
-  const sinY = Math.sin(halfThetaY);
-  const cosY = Math.cos(halfThetaY);
+const EPSILON_KEYS_MAPPING_NG = {
+  projectionScale: 100,
+  projectionOrientation: 0.02,
+  position: 1
+};
+const SOFT_POS_FACTOR = 0.15;
+const Q_Y_UP = [1, 0, 0, 0];
+const multiplyQuat = (a, b) => {
+  const [ax, ay, az, aw] = a;
+  const [bx, by, bz, bw] = b;
   return [
-    sinX * cosY,
-    cosX * sinY,
-    sinX * sinY,
-    cosX * cosY
+    aw * bx + ax * bw + ay * bz - az * by,
+    aw * by - ax * bz + ay * bw + az * bx,
+    aw * bz + ax * by - ay * bx + az * bw,
+    aw * bw - ax * bx - ay * by - az * bz
   ];
+};
+const conjQuat = (q) => [-q[0], -q[1], -q[2], q[3]];
+const rad2deg = (r) => r * 180 / Math.PI;
+const deg2rad = (d) => d * Math.PI / 180;
+function isValidState(viewerState) {
+  const { projectionScale, projectionOrientation, position: position2, dimensions } = viewerState || {};
+  return dimensions !== void 0 && typeof projectionScale === "number" && Array.isArray(projectionOrientation) && projectionOrientation.length === 4 && Array.isArray(position2) && position2.length === 3;
 }
-function normalizeQuaternion(q) {
-  const length2 = Math.sqrt(q[0] ** 2 + q[1] ** 2 + q[2] ** 2 + q[3] ** 2);
-  return q.map((value) => value / length2);
+function valueGreaterThanEpsilon(a, b, epsilon) {
+  if (Array.isArray(a) && Array.isArray(b) && a.length === b.length) {
+    return a.some((val, i) => Math.abs(val - b[i]) > epsilon);
+  }
+  if (typeof a === "number" && typeof b === "number") {
+    return Math.abs(a - b) > epsilon;
+  }
+  return void 0;
+}
+const nearEq = (a, b, epsilon) => Number.isFinite(a) && Number.isFinite(b) ? Math.abs(a - b) <= epsilon : a === b;
+function diffCameraState(prev2, next2) {
+  if (!isValidState(next2)) return { changed: false, scale: false, pos: false, rot: false };
+  const eps = EPSILON_KEYS_MAPPING_NG;
+  const scale = valueGreaterThanEpsilon(
+    prev2 == null ? void 0 : prev2.projectionScale,
+    next2 == null ? void 0 : next2.projectionScale,
+    eps.projectionScale
+  );
+  const posHard = valueGreaterThanEpsilon(prev2 == null ? void 0 : prev2.position, next2 == null ? void 0 : next2.position, eps.position);
+  const rot = valueGreaterThanEpsilon(
+    prev2 == null ? void 0 : prev2.projectionOrientation,
+    next2 == null ? void 0 : next2.projectionOrientation,
+    eps.projectionOrientation
+  );
+  const posSoft = !posHard && scale && valueGreaterThanEpsilon(prev2 == null ? void 0 : prev2.position, next2 == null ? void 0 : next2.position, SOFT_POS_FACTOR);
+  const pos = posHard || posSoft;
+  return { changed: scale || pos || rot, scale, pos, rot };
+}
+function quaternionToEuler([x, y, z2, w]) {
+  const quaternion = new Quaternion(x, y, z2, w);
+  const euler = new Euler().setFromQuaternion(quaternion, "YXZ");
+  const pitch = euler.x;
+  const yaw = euler.y;
+  return [pitch, yaw];
+}
+function eulerToQuaternion(pitch, yaw, roll = 0) {
+  const euler = new Euler(pitch, yaw, roll, "YXZ");
+  const quaternion = new Quaternion().setFromEuler(euler);
+  return [quaternion.x, quaternion.y, quaternion.z, quaternion.w];
+}
+function makeVitNgZoomCalibrator(initialNgProjectionScale, initialDeckZoom = 0) {
+  const base = initialNgProjectionScale / 2 ** -initialDeckZoom;
+  return {
+    base,
+    vitToNgZoom(z2) {
+      return base * 2 ** -z2;
+    },
+    ngToVitZoom(sNg) {
+      return Math.log2(base / sNg);
+    }
+  };
+}
+const VITESSCE_INTERACTION_DELAY = 50;
+const INIT_VIT_ZOOM = -3.6;
+const ZOOM_EPS = 0.01;
+const ROTATION_EPS = 1e-3;
+const TARGET_EPS = 0.5;
+const NG_ROT_COOLDOWN_MS = 120;
+const LAST_INTERACTION_SOURCE = {
+  vitessce: "vitessce",
+  neuroglancer: "neuroglancer"
+};
+function rgbToHex(rgb) {
+  return typeof rgb === "string" ? rgb : `#${rgb.map((c) => c.toString(16).padStart(2, "0")).join("")}`;
 }
 function NeuroglancerSubscriber(props) {
   const {
@@ -28587,13 +30145,13 @@ function NeuroglancerSubscriber(props) {
     spatialTargetY,
     spatialRotationX,
     spatialRotationY,
-    // spatialRotationZ,
-    // spatialRotationOrbit,
-    // spatialOrbitAxis,
+    spatialRotationZ,
+    spatialRotationOrbit,
+    // spatialOrbitAxis, // always along Y-axis - not used in conversion
     embeddingType: mapping,
+    obsSetColor: cellSetColor,
     obsSetSelection: cellSetSelection,
-    additionalObsSets: additionalCellSets,
-    obsSetColor: cellSetColor
+    additionalObsSets: additionalCellSets
   }, {
     setAdditionalObsSets: setAdditionalCellSets,
     setObsSetColor: setCellSetColor,
@@ -28603,11 +30161,13 @@ function NeuroglancerSubscriber(props) {
     setSpatialTargetX: setTargetX,
     setSpatialTargetY: setTargetY,
     setSpatialRotationX: setRotationX,
-    setSpatialRotationY: setRotationY,
+    // setSpatialRotationY: setRotationY,
     // setSpatialRotationZ: setRotationZ,
-    // setSpatialRotationOrbit: setRotationOrbit,
+    setSpatialRotationOrbit: setRotationOrbit,
     setSpatialZoom: setZoom
   }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.NEUROGLANCER], coordinationScopes);
+  const latestViewerStateRef = useRef(initialViewerState);
+  const initialRotationPushedRef = useRef(false);
   const { classes } = useStyles();
   const [{ obsSets: cellSets }] = useObsSetsData(
     loaders,
@@ -28625,18 +30185,128 @@ function NeuroglancerSubscriber(props) {
     {},
     { obsType, embeddingType: mapping }
   );
+  const ngRotPushAtRef = useRef(0);
+  const lastInteractionSource = useRef(null);
+  const applyNgUpdateTimeoutRef = useRef(null);
+  const lastNgPushOrientationRef = useRef(null);
+  const initialRenderCalibratorRef = useRef(null);
+  const translationOffsetRef = useRef([0, 0, 0]);
+  const zoomRafRef = useRef(null);
+  const lastNgQuatRef = useRef([0, 0, 0, 1]);
+  const lastNgScaleRef = useRef(null);
+  const lastVitessceRotationRef = useRef({
+    x: spatialRotationX,
+    y: spatialRotationY,
+    z: spatialRotationZ,
+    orbit: spatialRotationOrbit
+  });
+  const prevCoordsRef = useRef({
+    zoom: spatialZoom,
+    rx: spatialRotationX,
+    ry: spatialRotationY,
+    rz: spatialRotationZ,
+    orbit: spatialRotationOrbit,
+    tx: spatialTargetX,
+    ty: spatialTargetY
+  });
+  const mergedCellSets = useMemo(() => mergeObsSets(
+    cellSets,
+    additionalCellSets
+  ), [cellSets, additionalCellSets]);
+  const cellColors = useMemo(() => getCellColors({
+    cellSets: mergedCellSets,
+    cellSetSelection,
+    cellSetColor,
+    obsIndex,
+    theme
+  }), [
+    mergedCellSets,
+    theme,
+    cellSetColor,
+    cellSetSelection,
+    obsIndex
+  ]);
   const handleStateUpdate = useCallback((newState) => {
+    lastInteractionSource.current = LAST_INTERACTION_SOURCE.neuroglancer;
     const { projectionScale, projectionOrientation, position: position2 } = newState;
-    setZoom(mapNeuroglancerToVitessce(projectionScale));
-    const vitessceEularMapping = quaternionToEuler(projectionOrientation);
-    setRotationX(vitessceEularMapping[0]);
-    setRotationY(vitessceEularMapping[1]);
-    setTargetX(position2[0]);
-    setTargetY(position2[1]);
-  }, [setZoom, setTargetX, setTargetY, setRotationX, setRotationY]);
+    if (!initialRenderCalibratorRef.current) {
+      if (!Number.isFinite(projectionScale) || projectionScale <= 0) return;
+      const zRef = Number.isFinite(spatialZoom) ? spatialZoom : 0;
+      initialRenderCalibratorRef.current = makeVitNgZoomCalibrator(projectionScale, zRef);
+      const [px = 0, py = 0, pz = 0] = Array.isArray(position2) ? position2 : [0, 0, 0];
+      const tX = Number.isFinite(spatialTargetX) ? spatialTargetX : 0;
+      const tY = Number.isFinite(spatialTargetY) ? spatialTargetY : 0;
+      translationOffsetRef.current = [px - tX, py - tY, pz];
+      const syncedZoom = initialRenderCalibratorRef.current.vitToNgZoom(INIT_VIT_ZOOM);
+      latestViewerStateRef.current = {
+        ...latestViewerStateRef.current,
+        projectionScale: syncedZoom
+      };
+      if (!Number.isFinite(spatialZoom) || Math.abs(spatialZoom - INIT_VIT_ZOOM) > ZOOM_EPS) {
+        setZoom(INIT_VIT_ZOOM);
+      }
+      return;
+    }
+    if (Number.isFinite(projectionScale) && projectionScale > 0) {
+      const vitZoomFromNg = initialRenderCalibratorRef.current.ngToVitZoom(projectionScale);
+      const scaleChanged = lastNgScaleRef.current == null || Math.abs(projectionScale - lastNgScaleRef.current) > 1e-6 * Math.max(1, projectionScale);
+      if (scaleChanged && Number.isFinite(vitZoomFromNg) && Math.abs(vitZoomFromNg - (spatialZoom ?? 0)) > ZOOM_EPS) {
+        if (zoomRafRef.current) cancelAnimationFrame(zoomRafRef.current);
+        zoomRafRef.current = requestAnimationFrame(() => {
+          setZoom(vitZoomFromNg);
+          zoomRafRef.current = null;
+        });
+      }
+      lastNgScaleRef.current = projectionScale;
+    }
+    if (Array.isArray(position2) && position2.length >= 2) {
+      const [px, py] = position2;
+      const [ox, oy] = translationOffsetRef.current;
+      const tx = px - ox;
+      const ty = py - oy;
+      if (Number.isFinite(tx) && Math.abs(tx - (spatialTargetX ?? tx)) > TARGET_EPS) setTargetX(tx);
+      if (Number.isFinite(ty) && Math.abs(ty - (spatialTargetY ?? ty)) > TARGET_EPS) setTargetY(ty);
+    }
+    const quatChanged = valueGreaterThanEpsilon(
+      projectionOrientation,
+      lastNgQuatRef.current,
+      ROTATION_EPS
+    );
+    if (quatChanged) {
+      if (applyNgUpdateTimeoutRef.current) clearTimeout(applyNgUpdateTimeoutRef.current);
+      lastNgPushOrientationRef.current = projectionOrientation;
+      applyNgUpdateTimeoutRef.current = setTimeout(() => {
+        const qVit = multiplyQuat(conjQuat(Q_Y_UP), projectionOrientation);
+        const [pitchRad, yawRad] = quaternionToEuler(qVit);
+        const currPitchRad = deg2rad(spatialRotationX ?? 0);
+        const currYawRad = deg2rad(spatialRotationOrbit ?? 0);
+        if (Math.abs(pitchRad - currPitchRad) > ROTATION_EPS || Math.abs(yawRad - currYawRad) > ROTATION_EPS) {
+          const pitchDeg = rad2deg(pitchRad);
+          const yawDeg = rad2deg(yawRad);
+          lastInteractionSource.current = LAST_INTERACTION_SOURCE.vitessce;
+          setRotationX(pitchDeg);
+          setRotationOrbit(yawDeg);
+          ngRotPushAtRef.current = performance.now();
+        }
+      }, VITESSCE_INTERACTION_DELAY);
+      lastNgQuatRef.current = projectionOrientation;
+    }
+    latestViewerStateRef.current = {
+      ...latestViewerStateRef.current,
+      projectionOrientation,
+      projectionScale,
+      position: position2
+    };
+  }, []);
   const onSegmentClick = useCallback((value) => {
+    var _a;
     if (value) {
-      const selectedCellIds = [String(value)];
+      const id = String(value);
+      const selectedCellIds = [id];
+      const alreadySelectedId = (_a = cellSetSelection == null ? void 0 : cellSetSelection.flat()) == null ? void 0 : _a.some((sel) => sel.includes(id));
+      if (alreadySelectedId) {
+        return;
+      }
       setObsSelection(
         selectedCellIds,
         additionalCellSets,
@@ -28657,61 +30327,124 @@ function NeuroglancerSubscriber(props) {
     setCellSetColor,
     setCellSetSelection
   ]);
-  const mergedCellSets = useMemo(() => mergeObsSets(
-    cellSets,
-    additionalCellSets
-  ), [cellSets, additionalCellSets]);
-  const cellColors = useMemo(() => getCellColors({
-    cellSets: mergedCellSets,
-    cellSetSelection,
-    cellSetColor,
-    obsIndex,
-    theme
-  }), [
-    mergedCellSets,
-    theme,
-    cellSetColor,
-    cellSetSelection,
-    obsIndex
-  ]);
-  const rgbToHex = useCallback((rgb) => typeof rgb === "string" ? rgb : `#${rgb.map((c) => c.toString(16).padStart(2, "0")).join("")}`, []);
+  const batchedUpdateTimeoutRef = useRef(null);
+  const [batchedCellColors, setBatchedCellColors] = useState(cellColors);
+  useEffect(() => {
+    if (batchedUpdateTimeoutRef.current) {
+      clearTimeout(batchedUpdateTimeoutRef.current);
+    }
+    batchedUpdateTimeoutRef.current = setTimeout(() => {
+      setBatchedCellColors(cellColors);
+    }, 100);
+  }, [cellColors]);
   const cellColorMapping = useMemo(() => {
-    const colorCellMapping = {};
-    cellColors.forEach((color2, cell) => {
-      colorCellMapping[cell] = rgbToHex(color2);
+    const colorMapping = {};
+    batchedCellColors.forEach((color2, cell) => {
+      colorMapping[cell] = rgbToHex(color2);
     });
-    return colorCellMapping;
-  }, [cellColors, rgbToHex]);
-  const derivedViewerState = useMemo(() => ({
-    ...initialViewerState,
-    layers: initialViewerState.layers.map((layer, index) => index === 0 ? {
-      ...layer,
-      segments: Object.keys(cellColorMapping).map(String),
-      segmentColors: cellColorMapping
-    } : layer)
-  }), [cellColorMapping, initialViewerState]);
-  const derivedViewerState2 = useMemo(() => {
-    if (typeof spatialZoom === "number" && typeof spatialTargetX === "number") {
-      const projectionScale = mapVitessceToNeuroglancer(spatialZoom);
-      const position2 = [spatialTargetX, spatialTargetY, derivedViewerState.position[2]];
-      const projectionOrientation = normalizeQuaternion(
-        eulerToQuaternion(spatialRotationX, spatialRotationY)
+    return colorMapping;
+  }, [batchedCellColors]);
+  const derivedViewerState = useMemo(() => {
+    var _a, _b, _c, _d;
+    const { current } = latestViewerStateRef;
+    const nextSegments = Object.keys(cellColorMapping);
+    const prevLayer = ((_a = current == null ? void 0 : current.layers) == null ? void 0 : _a[0]) || {};
+    const prevSegments = prevLayer.segments || [];
+    const { projectionScale, projectionOrientation, position: position2 } = current;
+    const rotChangedNow = !nearEq(spatialRotationX, prevCoordsRef.current.rx, ROTATION_EPS) || !nearEq(spatialRotationY, prevCoordsRef.current.ry, ROTATION_EPS) || !nearEq(spatialRotationZ, prevCoordsRef.current.rz, ROTATION_EPS) || !nearEq(spatialRotationOrbit, prevCoordsRef.current.orbit, ROTATION_EPS);
+    const zoomChangedNow = !nearEq(spatialZoom, prevCoordsRef.current.zoom, ROTATION_EPS);
+    const transChangedNow = !nearEq(spatialTargetX, prevCoordsRef.current.tx, ROTATION_EPS) || !nearEq(spatialTargetY, prevCoordsRef.current.ty, ROTATION_EPS);
+    let nextProjectionScale = projectionScale;
+    let nextPosition = position2;
+    if (typeof spatialZoom === "number" && initialRenderCalibratorRef.current && lastInteractionSource.current !== LAST_INTERACTION_SOURCE.neuroglancer && zoomChangedNow) {
+      const s = initialRenderCalibratorRef.current.vitToNgZoom(spatialZoom);
+      if (Number.isFinite(s) && s > 0) {
+        nextProjectionScale = s;
+      }
+    }
+    const [ox, oy, oz] = translationOffsetRef.current;
+    const [px = 0, py = 0, pz = ((_b = current.position) == null ? void 0 : _b[2]) ?? oz] = current.position || [];
+    const hasVitessceSpatialTarget = Number.isFinite(spatialTargetX) && Number.isFinite(spatialTargetY);
+    if (hasVitessceSpatialTarget && lastInteractionSource.current !== LAST_INTERACTION_SOURCE.neuroglancer && transChangedNow) {
+      const nx = spatialTargetX + ox;
+      const ny = spatialTargetY + oy;
+      if (Math.abs(nx - px) > TARGET_EPS || Math.abs(ny - py) > TARGET_EPS) {
+        nextPosition = [nx, ny, pz];
+      }
+    }
+    const vitessceRotationRaw = eulerToQuaternion(
+      deg2rad(spatialRotationX ?? 0),
+      deg2rad(spatialRotationOrbit ?? 0),
+      deg2rad(spatialRotationZ ?? 0)
+    );
+    const vitessceRotation = multiplyQuat(Q_Y_UP, vitessceRotationRaw);
+    const shouldForceInitialVitPush = !initialRotationPushedRef.current && valueGreaterThanEpsilon(vitessceRotation, projectionOrientation, ROTATION_EPS);
+    const ngFresh = performance.now() - (ngRotPushAtRef.current || 0) < NG_ROT_COOLDOWN_MS;
+    const changedNowOrIInitialVitPush = rotChangedNow || zoomChangedNow || transChangedNow || shouldForceInitialVitPush;
+    const src = ngFresh ? LAST_INTERACTION_SOURCE.neuroglancer : lastInteractionSource.current ?? (changedNowOrIInitialVitPush ? LAST_INTERACTION_SOURCE.vitessce : null);
+    let nextOrientation = projectionOrientation;
+    if (src === LAST_INTERACTION_SOURCE.vitessce) {
+      const rotDiffers = valueGreaterThanEpsilon(
+        vitessceRotation,
+        projectionOrientation,
+        ROTATION_EPS
       );
-      return {
-        ...derivedViewerState,
-        projectionScale,
-        position: position2,
-        projectionOrientation
-      };
-    }
-    return derivedViewerState;
+      if (rotDiffers) {
+        nextOrientation = vitessceRotation;
+        lastVitessceRotationRef.current = {
+          x: spatialRotationX,
+          y: spatialRotationY,
+          z: spatialRotationZ,
+          orbit: spatialRotationOrbit
+        };
+        initialRotationPushedRef.current = true;
+        const [
+          cx = 0,
+          cy = 0,
+          cz = (nextPosition == null ? void 0 : nextPosition[2]) ?? ((_c = current.position) == null ? void 0 : _c[2]) ?? 0
+        ] = nextPosition || current.position || [];
+        const tX = Number.isFinite(spatialTargetX) ? spatialTargetX : 0;
+        const tY = Number.isFinite(spatialTargetY) ? spatialTargetY : 0;
+        translationOffsetRef.current = [cx - tX, cy - tY, cz];
+      }
+      if (lastInteractionSource.current === LAST_INTERACTION_SOURCE.vitessce) {
+        lastInteractionSource.current = null;
+      }
+    } else if (src === LAST_INTERACTION_SOURCE.neuroglancer) {
+      nextOrientation = lastNgPushOrientationRef.current ?? projectionOrientation;
+      lastInteractionSource.current = null;
+    }
+    const newLayer0 = {
+      ...prevLayer,
+      segments: nextSegments,
+      segmentColors: cellColorMapping
+    };
+    const updated = {
+      ...current,
+      projectionScale: nextProjectionScale,
+      projectionOrientation: nextOrientation,
+      position: nextPosition,
+      layers: prevSegments.length === 0 ? [newLayer0, ...((_d = current == null ? void 0 : current.layers) == null ? void 0 : _d.slice(1)) || []] : current == null ? void 0 : current.layers
+    };
+    latestViewerStateRef.current = updated;
+    prevCoordsRef.current = {
+      zoom: spatialZoom,
+      rx: spatialRotationX,
+      ry: spatialRotationY,
+      rz: spatialRotationZ,
+      orbit: spatialRotationOrbit,
+      tx: spatialTargetX,
+      ty: spatialTargetY
+    };
+    return updated;
   }, [
-    derivedViewerState,
+    cellColorMapping,
     spatialZoom,
-    spatialTargetX,
-    spatialTargetY,
     spatialRotationX,
-    spatialRotationY
+    spatialRotationY,
+    spatialRotationZ,
+    spatialTargetX,
+    spatialTargetY
   ]);
   const onSegmentHighlight = useCallback((obsId) => {
     setCellHighlight(String(obsId));
@@ -28730,12 +30463,13 @@ function NeuroglancerSubscriber(props) {
       withPadding: false
     },
     /* @__PURE__ */ React__default.createElement(
-      Neuroglancer,
+      NeuroglancerComp,
       {
         classes,
         onSegmentClick,
         onSelectHoveredCoords: onSegmentHighlight,
-        viewerState: derivedViewerState2,
+        viewerState: derivedViewerState,
+        cellColorMapping,
         setViewerState: handleStateUpdate
       }
     )
@@ -28743,8 +30477,7 @@ function NeuroglancerSubscriber(props) {
 }
 export {
   NeuroglancerSubscriber as N,
-  getAugmentedNamespace as a,
   commonjsGlobal as c,
-  getDefaultExportFromCjs as g,
-  requirePropTypes as r
+  diffCameraState as d,
+  getDefaultExportFromCjs as g
 };