@vitessce/all 3.7.0 → 3.7.1

package/dist/{ReactNeuroglancer-BpcoB8DB.js → ReactNeuroglancer-CNzkD33k.js}

@@ -1,6 +1,5 @@
-import { g as getDefaultExportFromCjs, aV as requireAssign, aW as require_export, aX as require_core, aY as require_fails, aZ as require_toObject, a_ as require_objectKeys, a$ as require_cof, b0 as require_wks, b1 as require_iterators, b2 as requireWeb_dom_iterable, b3 as requireEs6_string_iterator, b4 as require_anObject, b5 as require_hide, b6 as require_ctx, b7 as require_toLength, b8 as require_global, b9 as require_objectDp, ba as require_descriptors, bb as require_isObject, bc as require_objectCreate, bd as require_iterDefine, be as require_iterStep, bf as require_meta, bg as require_isArray, bh as require_iobject, bi as require_setToStringTag, bj as require_aFunction, bk as requireIterator, bl as require_propertyDesc, aS as commonjsGlobal, bm as requireEs6_symbol, bn as requireDefineProperty, bo as require_toIobject, bp as require_objectGopd, bq as require_html, br as require_domCreate, bs as require_library, bt as requireSymbol, bu as require_objectPie, bv as require_has, bw as require_redefine, bx as require_objectAssign, by as getAugmentedNamespace, bz as requirePropTypes, aI as jsxRuntimeExports } from "./index-BA75p4LU.js";
+import { g as getDefaultExportFromCjs, aV as requireAssign, aW as require_export, aX as require_core, aY as require_fails, aZ as require_toObject, a_ as require_objectKeys, a$ as require_cof, b0 as require_wks, b1 as require_iterators, b2 as requireWeb_dom_iterable, b3 as requireEs6_string_iterator, b4 as require_anObject, b5 as require_hide, b6 as require_ctx, b7 as require_toLength, b8 as require_global, b9 as require_objectDp, ba as require_descriptors, bb as require_isObject, bc as require_objectCreate, bd as require_iterDefine, be as require_iterStep, bf as require_meta, bg as require_isArray, bh as require_iobject, bi as require_setToStringTag, bj as require_aFunction, bk as requireIterator, bl as require_propertyDesc, aS as commonjsGlobal, bm as requireEs6_symbol, bn as requireDefineProperty, bo as require_toIobject, bp as require_objectGopd, bq as require_html, br as require_domCreate, bs as require_library, bt as requireSymbol, bu as require_objectPie, bv as require_has, bw as require_redefine, bx as require_objectAssign, by as diffCameraState, aI as jsxRuntimeExports } from "./index-Ci947y1K.js";
 import React__default from "react";
-var lib = {};
 var assignExports = requireAssign();
 const _Object$assign = /* @__PURE__ */ getDefaultExportFromCjs(assignExports);
 var es6_object_keys = {};
@@ -887,7 +886,7 @@ function requireEs6_set() {
   var validate = require_validateCollection();
   var SET = "Set";
   es6_set = require_collection()(SET, function(get) {
-    return function Set() {
+    return function Set2() {
       return get(this, arguments.length > 0 ? arguments[0] : void 0);
     };
   }, {
@@ -1291,8 +1290,8 @@ function require_Symbol() {
   if (hasRequired_Symbol) return _Symbol$1;
   hasRequired_Symbol = 1;
   var root = require_root();
-  var Symbol2 = root.Symbol;
-  _Symbol$1 = Symbol2;
+  var Symbol = root.Symbol;
+  _Symbol$1 = Symbol;
   return _Symbol$1;
 }
 var _getRawTag;
@@ -1300,11 +1299,11 @@ var hasRequired_getRawTag;
 function require_getRawTag() {
   if (hasRequired_getRawTag) return _getRawTag;
   hasRequired_getRawTag = 1;
-  var Symbol2 = require_Symbol();
+  var Symbol = require_Symbol();
   var objectProto = Object.prototype;
   var hasOwnProperty = objectProto.hasOwnProperty;
   var nativeObjectToString = objectProto.toString;
-  var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+  var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
   function getRawTag(value) {
     var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
     try {
@@ -1343,9 +1342,9 @@ var hasRequired_baseGetTag;
 function require_baseGetTag() {
   if (hasRequired_baseGetTag) return _baseGetTag;
   hasRequired_baseGetTag = 1;
-  var Symbol2 = require_Symbol(), getRawTag = require_getRawTag(), objectToString = require_objectToString();
+  var Symbol = require_Symbol(), getRawTag = require_getRawTag(), objectToString = require_objectToString();
   var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-  var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+  var symToStringTag = Symbol ? Symbol.toStringTag : void 0;
   function baseGetTag(value) {
     if (value == null) {
       return value === void 0 ? undefinedTag : nullTag;
@@ -3217,8 +3216,8 @@ function serializeColor(x) {
 function srgbGammaExpand(value) {
   return value <= 0.03928 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4;
 }
-function getRelativeLuminance(color2) {
-  var _color = _slicedToArray(color2, 3);
+function getRelativeLuminance(color) {
+  var _color = _slicedToArray(color, 3);
   const r = _color[0], g = _color[1], b = _color[2];
   return 0.2126 * srgbGammaExpand(r) + 0.7152 * srgbGammaExpand(g) + 0.0722 * srgbGammaExpand(b);
 }
@@ -3279,21 +3278,6 @@ class TrackableOptionalRGB extends WatchableValue {
     }
   }
 }
-const color = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  TrackableOptionalRGB,
-  TrackableRGB,
-  getRelativeLuminance,
-  packColor,
-  parseColorSerialization,
-  parseRGBAColorSpecification,
-  parseRGBColorSpecification,
-  serializeColor,
-  srgbGammaExpand,
-  unpackRGB,
-  unpackRGBA,
-  useWhiteBackground
-}, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -3614,73 +3598,10 @@ function stableStringify(x) {
   }
   return _JSON$stringify(x);
 }
-function swapQuotes(x) {
-  return x.replace(/['"]/g, (s) => {
-    return s === '"' ? "'" : '"';
-  });
-}
-function urlSafeStringifyString(x) {
-  return swapQuotes(_JSON$stringify(swapQuotes(x)));
-}
-const URL_SAFE_COMMA = "_";
-function urlSafeStringify(x) {
-  if (typeof x === "object") {
-    if (x === null) {
-      return "null";
-    }
-    let toJSON = x["toJSON"];
-    if (typeof toJSON === "function") {
-      return urlSafeStringify(toJSON.call(x));
-    }
-    if (Array.isArray(x)) {
-      let s2 = "[";
-      let size = x.length;
-      let i = 0;
-      if (i < size) {
-        s2 += urlSafeStringify(x[i]);
-        while (++i < size) {
-          s2 += URL_SAFE_COMMA;
-          s2 += urlSafeStringify(x[i]);
-        }
-      }
-      s2 += "]";
-      return s2;
-    }
-    let s = "{";
-    let keys2 = _Object$keys(x);
-    let first = true;
-    for (let key of keys2) {
-      let value = x[key];
-      if (value === void 0) {
-        continue;
-      }
-      let valueString = urlSafeStringify(value);
-      if (!valueString) {
-        continue;
-      }
-      if (!first) {
-        s += URL_SAFE_COMMA;
-      } else {
-        first = false;
-      }
-      s += urlSafeStringifyString(key);
-      s += ":";
-      s += valueString;
-    }
-    s += "}";
-    return s;
-  }
-  if (typeof x === "string") {
-    return urlSafeStringifyString(x);
-  }
-  return _JSON$stringify(x);
-}
 const SINGLE_QUOTE_STRING_PATTERN = /('(?:[^'\\]|(?:\\.))*')/;
 const DOUBLE_QUOTE_STRING_PATTERN = /("(?:[^"\\]|(?:\\.))*")/;
 const SINGLE_OR_DOUBLE_QUOTE_STRING_PATTERN = new RegExp(`${SINGLE_QUOTE_STRING_PATTERN.source}|${DOUBLE_QUOTE_STRING_PATTERN.source}`);
-const DOUBLE_OR_SINGLE_QUOTE_STRING_PATTERN = new RegExp(`${DOUBLE_QUOTE_STRING_PATTERN.source}|${SINGLE_QUOTE_STRING_PATTERN.source}`);
 const DOUBLE_QUOTE_PATTERN = /^((?:[^"'\\]|(?:\\[^']))*)("|\\')/;
-const SINGLE_QUOTE_PATTERN = /^((?:[^"'\\]|(?:\\.))*)'/;
 function convertStringLiteral(x, quoteInitial, quoteReplace, quoteSearch) {
   if (x.length >= 2 && x.charAt(0) === quoteInitial && x.charAt(x.length - 1) === quoteInitial) {
     let inner = x.substr(1, x.length - 2);
@@ -3705,22 +3626,15 @@ function convertStringLiteral(x, quoteInitial, quoteReplace, quoteSearch) {
   }
   return x;
 }
-function normalizeStringLiteral(x) {
-  return convertStringLiteral(x, "'", '"', DOUBLE_QUOTE_PATTERN);
-}
 function convertJsonHelper(x, desiredCommaChar, desiredQuoteChar) {
   const commaSearch = /[&_,]/g;
   let quoteInitial;
   let quoteSearch;
   let stringLiteralPattern;
-  if (desiredQuoteChar === '"') {
+  {
     quoteInitial = "'";
     quoteSearch = DOUBLE_QUOTE_PATTERN;
     stringLiteralPattern = SINGLE_OR_DOUBLE_QUOTE_STRING_PATTERN;
-  } else {
-    quoteInitial = '"';
-    quoteSearch = SINGLE_QUOTE_PATTERN;
-    stringLiteralPattern = DOUBLE_OR_SINGLE_QUOTE_STRING_PATTERN;
   }
   let s = "";
   while (x.length > 0) {
@@ -3749,40 +3663,9 @@ function convertJsonHelper(x, desiredCommaChar, desiredQuoteChar) {
 function urlSafeToJSON(x) {
   return convertJsonHelper(x, ",", '"');
 }
-function jsonToUrlSafe(x) {
-  return convertJsonHelper(x, "_", "'");
-}
 function urlSafeParse(x) {
   return JSON.parse(urlSafeToJSON(x));
 }
-function pythonLiteralToJSON(x) {
-  let s = "";
-  while (x.length > 0) {
-    let m = x.match(SINGLE_OR_DOUBLE_QUOTE_STRING_PATTERN);
-    let before;
-    let replacement;
-    if (m === null) {
-      before = x;
-      x = "";
-      replacement = "";
-    } else {
-      before = x.substr(0, m.index);
-      x = x.substr(m.index + m[0].length);
-      let singleQuoteString = m[1];
-      if (singleQuoteString !== void 0) {
-        replacement = normalizeStringLiteral(singleQuoteString);
-      } else {
-        replacement = m[2];
-      }
-    }
-    s += before.replace(/\(/g, "[").replace(/\)/g, "]").replace("True", "true").replace("False", "false").replace(/,\s*([\}\]])/g, "$1");
-    s += replacement;
-  }
-  return s;
-}
-function pythonLiteralParse(x) {
-  return JSON.parse(pythonLiteralToJSON(x));
-}
 function expectArray(x, length2) {
   if (!Array.isArray(x)) {
     throw new Error(`Expected array, but received: ${_JSON$stringify(x)}.`);
@@ -3854,29 +3737,6 @@ function verifyOptionalString(obj) {
   }
   return verifyString(obj);
 }
-function verifyOptionalInt(obj) {
-  if (obj === void 0) {
-    return void 0;
-  }
-  return verifyInt(obj);
-}
-function verifyOptionalBoolean(obj) {
-  if (obj === void 0) {
-    return void 0;
-  }
-  if (typeof obj === "boolean") {
-    return obj;
-  } else if (obj === "true") {
-    return true;
-  } else if (obj === "false") {
-    return false;
-  } else {
-    throw new Error(`Expected string or boolean but received: ${_JSON$stringify(obj)}`);
-  }
-}
-function valueOr(value, defaultValue) {
-  return value === void 0 ? defaultValue : value;
-}
 function verifyObjectProperty(obj, propertyName, validator) {
   let value = Object.prototype.hasOwnProperty.call(obj, propertyName) ? obj[propertyName] : void 0;
   try {
@@ -3946,12 +3806,6 @@ function verifyEnumString(obj, enumType) {
 function verify3dVec(obj) {
   return parseFixedLengthArray(create$3(), obj, verifyFiniteFloat);
 }
-function verify3dScale(obj) {
-  return parseFixedLengthArray(create$3(), obj, verifyFinitePositiveFloat);
-}
-function verify3dDimensions(obj) {
-  return parseFixedLengthArray(create$3(), obj, verifyPositiveInt);
-}
 function verifyStringArray(a) {
   if (!Array.isArray(a)) {
     throw new Error(`Expected array, received: ${_JSON$stringify(a)}.`);
@@ -3986,52 +3840,6 @@ function emptyToUndefined(x) {
   }
   return void 0;
 }
-const json = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  emptyToUndefined,
-  expectArray,
-  jsonToUrlSafe,
-  normalizeStringLiteral,
-  parseArray,
-  parseFiniteVec,
-  parseFixedLengthArray,
-  parseIntVec,
-  parseQueryStringParameters,
-  parseXYZ,
-  pythonLiteralParse,
-  pythonLiteralToJSON,
-  stableStringify,
-  unparseQueryStringParameters,
-  urlSafeParse,
-  urlSafeStringify,
-  urlSafeStringifyString,
-  urlSafeToJSON,
-  valueOr,
-  verify3dDimensions,
-  verify3dScale,
-  verify3dVec,
-  verifyBoolean,
-  verifyEnumString,
-  verifyFiniteFloat,
-  verifyFiniteNonNegativeFloat,
-  verifyFinitePositiveFloat,
-  verifyFloat,
-  verifyFloat01,
-  verifyInt,
-  verifyIntegerArray,
-  verifyMapKey,
-  verifyNonnegativeInt,
-  verifyObject,
-  verifyObjectAsMap,
-  verifyObjectProperty,
-  verifyOptionalBoolean,
-  verifyOptionalInt,
-  verifyOptionalObjectProperty,
-  verifyOptionalString,
-  verifyPositiveInt,
-  verifyString,
-  verifyStringArray
-}, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
  * Copyright 2021 Google Inc.
@@ -4423,10 +4231,6 @@ class Uint64 {
 }
 Uint64.ZERO = new Uint64(0, 0);
 Uint64.ONE = new Uint64(1, 0);
-const uint64 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Uint64
-}, Symbol.toStringTag, { value: "Module" }));
 const defaultDataTypeRange = {
   [DataType.UINT8]: [0, 255],
   [DataType.INT8]: [-128, 127],
@@ -6071,20 +5875,20 @@ function coordinateSpaceToJson(coordinateSpace) {
   const rank = coordinateSpace.rank;
   if (rank === 0) return void 0;
   const names = coordinateSpace.names, units = coordinateSpace.units, scales = coordinateSpace.scales, coordinateArrays = coordinateSpace.coordinateArrays;
-  const json2 = {};
+  const json = {};
   for (let i = 0; i < rank; ++i) {
     const name2 = names[i];
     const coordinateArray = coordinateArrays[i];
     if (coordinateArray === null || coordinateArray === void 0 ? void 0 : coordinateArray.explicit) {
-      json2[name2] = {
+      json[name2] = {
         coordinates: _Array$from(coordinateArray.coordinates),
         labels: coordinateArray.labels
       };
     } else {
-      json2[name2] = [scales[i], units[i]];
+      json[name2] = [scales[i], units[i]];
     }
   }
-  return json2;
+  return json;
 }
 class TrackableCoordinateSpace extends WatchableValue {
   constructor() {
@@ -13252,8 +13056,8 @@ if (ng_discardValue) {
       gl.uniform1ui(shader.uniform("uPickID"), context.basePickId);
     }
     if (renderContext.emitColor) {
-      const color2 = annotationLayer.state.displayState.color.value;
-      gl.uniform3f(shader.uniform("uColor"), color2[0], color2[1], color2[2]);
+      const color = annotationLayer.state.displayState.color.value;
+      gl.uniform3f(shader.uniform("uColor"), color[0], color[1], color[2]);
       gl.uniform1ui(shader.uniform("uSelectedIndex"), context.selectedIndex);
     }
     const binder = shader.vertexShaderInputBinders["properties"];
@@ -15764,12 +15568,12 @@ function requireThrottle() {
 }
 var throttleExports = requireThrottle();
 const throttle = /* @__PURE__ */ getDefaultExportFromCjs(throttleExports);
-function parseDataSubsourceSpecificationFromJson(json2) {
-  if (typeof json2 === "boolean") {
-    return { enabled: json2 };
+function parseDataSubsourceSpecificationFromJson(json) {
+  if (typeof json === "boolean") {
+    return { enabled: json };
   }
-  verifyObject(json2);
-  return { enabled: verifyOptionalObjectProperty(json2, "enabled", verifyBoolean) };
+  verifyObject(json);
+  return { enabled: verifyOptionalObjectProperty(json, "enabled", verifyBoolean) };
 }
 function layerDataSourceSpecificationFromJson(obj, legacyTransform = void 0) {
   if (typeof obj === "string") {
@@ -16595,19 +16399,19 @@ class Position extends RefCounted {
     };
   }
 }
-function restoreLinkedFromJson(link, value, json2) {
-  if (json2 === void 0 || _Object$keys(json2).length === 0) {
+function restoreLinkedFromJson(link, value, json) {
+  if (json === void 0 || _Object$keys(json).length === 0) {
     link.value = NavigationLinkType.LINKED;
     return;
   }
-  verifyObject(json2);
+  verifyObject(json);
   link.value = NavigationLinkType.UNLINKED;
-  verifyObjectProperty(json2, "value", (x) => {
+  verifyObjectProperty(json, "value", (x) => {
     if (x !== void 0) {
       value.restoreState(x);
     }
   });
-  verifyObjectProperty(json2, "link", (x) => link.restoreState(x));
+  verifyObjectProperty(json, "link", (x) => link.restoreState(x));
 }
 class LinkedBase {
   constructor(peer, link = new TrackableNavigationLink()) {
@@ -16792,7 +16596,7 @@ class TrackableRelativeDisplayScales extends RefCounted {
     this.changed.dispatch();
   }
   toJSON() {
-    const json2 = {};
+    const json = {};
     let nonEmpty = false;
     const value = this.value;
     const factors = value.factors;
@@ -16801,19 +16605,19 @@ class TrackableRelativeDisplayScales extends RefCounted {
     for (let i = 0; i < rank; ++i) {
       const factor = factors[i];
       if (factor === 1) continue;
-      json2[names[i]] = factor;
+      json[names[i]] = factor;
       nonEmpty = true;
     }
-    if (nonEmpty) return json2;
+    if (nonEmpty) return json;
     return void 0;
   }
-  restoreState(json2) {
+  restoreState(json) {
     const coordinateSpace = this.coordinateSpace.value;
     const names = coordinateSpace.names, rank = coordinateSpace.rank;
     const factors = new Float64Array(rank);
     factors.fill(-1);
-    if (json2 !== void 0) {
-      const obj = verifyObject(json2);
+    if (json !== void 0) {
+      const obj = verifyObject(json);
       for (let i = 0; i < rank; ++i) {
         factors[i] = verifyObjectProperty(obj, names[i], (x) => x === void 0 ? 1 : verifyFinitePositiveFloat(x));
       }
@@ -18885,8 +18689,8 @@ vec3 ${this.prefix}(uint64_t x) {
   }
 }
 let tempColor$1 = new Float32Array(3);
-function getCssColor(color2) {
-  return `rgb(${color2[0] * 100}%,${color2[1] * 100}%,${color2[2] * 100}%)`;
+function getCssColor(color) {
+  return `rgb(${color[0] * 100}%,${color[1] * 100}%,${color[2] * 100}%)`;
 }
 class SegmentColorHash {
   constructor(hashSeed = getRandomUint32()) {
@@ -20978,21 +20782,21 @@ class SegmentWidgetFactory {
     const unmappedIdIndex = template.unmappedIdIndex;
     if (unmappedIdIndex !== -1) {
       let unmappedIdString;
-      let color2;
+      let color;
       if (displayState.baseSegmentColoring.value && (unmappedIdString = container.dataset.unmappedId) !== void 0) {
         const unmappedId = tempStatedColor;
         unmappedId.parseString(unmappedIdString);
-        color2 = getBaseObjectColor(this.displayState, unmappedId);
+        color = getBaseObjectColor(this.displayState, unmappedId);
       } else {
-        color2 = kOneVec;
+        color = kOneVec;
       }
-      setSegmentIdElementStyle(idContainer.children[unmappedIdIndex], color2);
+      setSegmentIdElementStyle(idContainer.children[unmappedIdIndex], color);
     }
   }
 }
-function setSegmentIdElementStyle(element, color2) {
-  element.style.backgroundColor = getCssColor(color2);
-  element.style.color = useWhiteBackground(color2) ? "white" : "black";
+function setSegmentIdElementStyle(element, color) {
+  element.style.backgroundColor = getCssColor(color);
+  element.style.color = useWhiteBackground(color) ? "white" : "black";
 }
 class SegmentWidgetWithExtraColumnsFactory extends SegmentWidgetFactory {
   constructor(displayState, parentElement, includeProperty) {
@@ -21116,33 +20920,33 @@ function registerRedrawWhenSegmentationDisplayState3DChanged(displayState, rende
 }
 const tempColor = create$2();
 const tempStatedColor = new Uint64();
-function getBaseObjectColor(displayState, objectId, color2 = tempColor) {
+function getBaseObjectColor(displayState, objectId, color = tempColor) {
   if (displayState == null) {
-    color2.fill(1);
-    return color2;
+    color.fill(1);
+    return color;
   }
   const colorGroupState = displayState.segmentationColorGroupState.value;
   const segmentStatedColors = colorGroupState.segmentStatedColors;
   if (segmentStatedColors.size !== 0 && colorGroupState.segmentStatedColors.get(objectId, tempStatedColor)) {
-    color2[0] = (tempStatedColor.low & 255) / 255;
-    color2[1] = ((tempStatedColor.low & 65280) >>> 8) / 255;
-    color2[2] = ((tempStatedColor.low & 16711680) >>> 16) / 255;
-    return color2;
+    color[0] = (tempStatedColor.low & 255) / 255;
+    color[1] = ((tempStatedColor.low & 65280) >>> 8) / 255;
+    color[2] = ((tempStatedColor.low & 16711680) >>> 16) / 255;
+    return color;
   }
   const segmentDefaultColor = colorGroupState.segmentDefaultColor.value;
   if (segmentDefaultColor !== void 0) {
-    color2[0] = segmentDefaultColor[0];
-    color2[1] = segmentDefaultColor[1];
-    color2[2] = segmentDefaultColor[2];
-    return color2;
+    color[0] = segmentDefaultColor[0];
+    color[1] = segmentDefaultColor[1];
+    color[2] = segmentDefaultColor[2];
+    return color;
   }
-  colorGroupState.segmentColorHash.compute(color2, objectId);
-  return color2;
+  colorGroupState.segmentColorHash.compute(color, objectId);
+  return color;
 }
 function getObjectColor(displayState, objectId, alpha = 1) {
-  const color2 = tempColor;
-  color2[3] = alpha;
-  getBaseObjectColor(displayState, objectId, color2);
+  const color = tempColor;
+  color[3] = alpha;
+  getBaseObjectColor(displayState, objectId, color);
   let saturation = displayState.saturation.value;
   if (displayState.segmentSelectionState.isSelected(objectId)) {
     if (saturation > 0.5) {
@@ -21152,12 +20956,12 @@ function getObjectColor(displayState, objectId, alpha = 1) {
     }
   }
   for (let i = 0; i < 3; ++i) {
-    color2[i] = color2[i] * saturation + (1 - saturation);
+    color[i] = color[i] * saturation + (1 - saturation);
   }
-  color2[0] *= alpha;
-  color2[1] *= alpha;
-  color2[2] *= alpha;
-  return color2;
+  color[0] *= alpha;
+  color[1] *= alpha;
+  color[2] *= alpha;
+  return color;
 }
 function sendVisibleSegmentsState(state, options = {}) {
   for (const property of VISIBLE_SEGMENTS_STATE_PROPERTIES) {
@@ -21186,33 +20990,10 @@ function forEachVisibleSegmentToDraw(displayState, renderLayer, emitColor, pickI
   const baseSegmentColoring = displayState.baseSegmentColoring.value;
   forEachVisibleSegment(displayState.segmentationGroupState.value, (objectId, rootObjectId) => {
     let pickIndex = pickIDs === null || pickIDs === void 0 ? void 0 : pickIDs.registerUint64(renderLayer, objectId);
-    let color2 = emitColor ? getObjectColor(displayState, baseSegmentColoring ? objectId : rootObjectId, alpha) : void 0;
-    callback(objectId, color2, pickIndex, rootObjectId);
+    let color = emitColor ? getObjectColor(displayState, baseSegmentColoring ? objectId : rootObjectId, alpha) : void 0;
+    callback(objectId, color, pickIndex, rootObjectId);
   });
 }
-const frontend = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  SegmentSelectionState,
-  SegmentWidgetFactory,
-  SegmentWidgetWithExtraColumnsFactory,
-  SegmentationLayerSharedObject,
-  Uint64MapEntry,
-  augmentSegmentId,
-  bindSegmentListWidth,
-  forEachVisibleSegmentToDraw,
-  getBaseObjectColor,
-  getObjectColor,
-  makeSegmentWidget,
-  maybeAugmentSegmentId,
-  registerCallbackWhenSegmentationDisplayStateChanged,
-  registerRedrawWhenSegmentationDisplayState3DChanged,
-  registerRedrawWhenSegmentationDisplayStateChanged,
-  registerRedrawWhenSegmentationDisplayStateWithAlphaChanged,
-  resetTemporaryVisibleSegmentsState,
-  segmentWidgetTemplateWithExtraColumns,
-  sendVisibleSegmentsState,
-  updateIdStringWidth
-}, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -21319,8 +21100,8 @@ class MeshShaderManager {
       gl.uniform1f(shader.uniform("uSilhouettePower"), silhouetteRendering);
     }
   }
-  setColor(gl, shader, color2) {
-    gl.uniform4fv(shader.uniform("uColor"), color2);
+  setColor(gl, shader, color) {
+    gl.uniform4fv(shader.uniform("uColor"), color);
   }
   setPickID(gl, shader, pickID) {
     gl.uniform1ui(shader.uniform("uPickID"), pickID);
@@ -21470,14 +21251,14 @@ class MeshLayer extends PerspectiveViewRenderLayer {
     let totalChunks = 0, presentChunks = 0;
     const renderScaleHistogram = this.displayState.renderScaleHistogram;
     const fragmentChunks = this.source.fragmentSource.chunks;
-    forEachVisibleSegmentToDraw(displayState, this, renderContext.emitColor, renderContext.emitPickID ? renderContext.pickIDs : void 0, (objectId, color2, pickIndex) => {
+    forEachVisibleSegmentToDraw(displayState, this, renderContext.emitColor, renderContext.emitPickID ? renderContext.pickIDs : void 0, (objectId, color, pickIndex) => {
       const key = getObjectKey(objectId);
       const manifestChunk = manifestChunks.get(key);
       ++totalChunks;
       if (manifestChunk === void 0) return;
       ++presentChunks;
       if (renderContext.emitColor) {
-        meshShaderManager.setColor(gl, shader, color2);
+        meshShaderManager.setColor(gl, shader, color);
       }
       if (renderContext.emitPickID) {
         meshShaderManager.setPickID(gl, shader, pickIndex);
@@ -21641,7 +21422,7 @@ class MultiscaleMeshLayer extends PerspectiveViewRenderLayer {
     meshShaderManager.beginModel(gl, shader, renderContext, modelMatrix);
     let totalManifestChunks = 0;
     let presentManifestChunks = 0;
-    forEachVisibleSegmentToDraw(displayState, this, renderContext.emitColor, renderContext.emitPickID ? renderContext.pickIDs : void 0, (objectId, color2, pickIndex) => {
+    forEachVisibleSegmentToDraw(displayState, this, renderContext.emitColor, renderContext.emitPickID ? renderContext.pickIDs : void 0, (objectId, color, pickIndex) => {
       const key = getObjectKey(objectId);
       const manifestChunk = chunks.get(key);
       ++totalManifestChunks;
@@ -21650,7 +21431,7 @@ class MultiscaleMeshLayer extends PerspectiveViewRenderLayer {
       const manifest = manifestChunk.manifest;
       const octree = manifest.octree, chunkShape = manifest.chunkShape, chunkGridSpatialOrigin = manifest.chunkGridSpatialOrigin, vertexOffsets = manifest.vertexOffsets;
       if (renderContext.emitColor) {
-        meshShaderManager.setColor(gl, shader, color2);
+        meshShaderManager.setColor(gl, shader, color);
       }
       if (renderContext.emitPickID) {
         meshShaderManager.setPickID(gl, shader, pickIndex);
@@ -22368,8 +22149,8 @@ void emitDefault() {
     gl.uniformMatrix4fv(shader.uniform("uProjection"), false, mat);
     this.vertexIdHelper.enable();
   }
-  setColor(gl, shader, color2) {
-    gl.uniform4fv(shader.uniform("uColor"), color2);
+  setColor(gl, shader, color) {
+    gl.uniform4fv(shader.uniform("uColor"), color);
   }
   setPickID(gl, shader, pickID) {
     gl.uniform1ui(shader.uniform("uPickID"), pickID);
@@ -22536,17 +22317,17 @@ class SkeletonLayer extends RefCounted {
     gl.uniform1f(nodeShader.uniform("uNodeDiameter"), pointDiameter);
     setControlsInShader(gl, nodeShader, shaderControlState, nodeShaderParameters.parseResult.controls);
     const skeletons = source.chunks;
-    forEachVisibleSegmentToDraw(displayState, layer, renderContext.emitColor, renderContext.emitPickID ? renderContext.pickIDs : void 0, (objectId, color2, pickIndex) => {
+    forEachVisibleSegmentToDraw(displayState, layer, renderContext.emitColor, renderContext.emitPickID ? renderContext.pickIDs : void 0, (objectId, color, pickIndex) => {
       const key = getObjectKey(objectId);
       const skeleton = skeletons.get(key);
       if (skeleton === void 0 || skeleton.state !== ChunkState.GPU_MEMORY) {
         return;
       }
-      if (color2 !== void 0) {
+      if (color !== void 0) {
         edgeShader.bind();
-        renderHelper.setColor(gl, edgeShader, color2);
+        renderHelper.setColor(gl, edgeShader, color);
         nodeShader.bind();
-        renderHelper.setColor(gl, nodeShader, color2);
+        renderHelper.setColor(gl, nodeShader, color);
       }
       if (pickIndex !== void 0) {
         edgeShader.bind();
@@ -25911,19 +25692,19 @@ class ToolBinder extends RefCounted {
     }
     if (tool !== void 0) {
       const layerToolBinder = tool.layer.toolBinder;
-      const json2 = _JSON$stringify(tool.toJSON());
-      const existingKey = layerToolBinder.jsonToKey.get(json2);
+      const json = _JSON$stringify(tool.toJSON());
+      const existingKey = layerToolBinder.jsonToKey.get(json);
       if (existingKey !== void 0) {
         const existingTool2 = layerToolBinder.bindings.get(existingKey);
         existingTool2.keyBinding = void 0;
         bindings.delete(existingKey);
         layerToolBinder.bindings.delete(existingKey);
-        layerToolBinder.jsonToKey.delete(json2);
+        layerToolBinder.jsonToKey.delete(json);
         this.destroyTool(existingTool2);
       }
       layerToolBinder.bindings.set(key, tool);
       tool.keyBinding = key;
-      layerToolBinder.jsonToKey.set(json2, key);
+      layerToolBinder.jsonToKey.set(json, key);
       bindings.set(key, tool);
       layerToolBinder.changed.dispatch();
     }
@@ -45311,8 +45092,8 @@ class StateEditorDialog extends Overlay {
     this.debouncedValueUpdater = debounce(() => {
       const value = this.textEditor.getValue();
       try {
-        const json2 = JSON.parse(value);
-        this.parsedValue = json2;
+        const json = JSON.parse(value);
+        this.parsedValue = json;
         this.applyButton.disabled = false;
         this.textEditor.setOption("lint", void 0);
       } catch (parseError) {
@@ -46006,92 +45787,6 @@ function encodeFragment(fragment) {
     return "%" + c.charCodeAt(0).toString(16).toUpperCase();
   });
 }
-class UrlHashBinding extends RefCounted {
-  constructor(root, credentialsManager, options = {}) {
-    super();
-    this.root = root;
-    this.credentialsManager = credentialsManager;
-    this.parseError = new WatchableValue(void 0);
-    var _options$updateDelayM = options.updateDelayMilliseconds;
-    const updateDelayMilliseconds = _options$updateDelayM === void 0 ? 200 : _options$updateDelayM;
-    var _options$defaultFragm = options.defaultFragment;
-    const defaultFragment = _options$defaultFragm === void 0 ? "{}" : _options$defaultFragm;
-    this.registerEventListener(window, "hashchange", () => this.updateFromUrlHash());
-    const throttledSetUrlHash = debounce(() => this.setUrlHash(), updateDelayMilliseconds);
-    this.registerDisposer(root.changed.add(throttledSetUrlHash));
-    this.registerDisposer(() => throttledSetUrlHash.cancel());
-    this.defaultFragment = defaultFragment;
-  }
-  /**
-   * Sets the URL hash to match the current state.
-   */
-  setUrlHash() {
-    const cacheState = getCachedJson(this.root);
-    const generation = cacheState.generation;
-    if (generation !== this.prevStateGeneration) {
-      this.prevStateGeneration = cacheState.generation;
-      let stateString = encodeFragment(_JSON$stringify(cacheState.value));
-      if (stateString !== this.prevStateString) {
-        this.prevStateString = stateString;
-        if (decodeURIComponent(stateString) === "{}") {
-          history.replaceState(null, "", "#");
-        } else {
-          history.replaceState(null, "", "#!" + stateString);
-        }
-      }
-    }
-  }
-  /**
-   * Sets the current state to match the URL hash.  If it is desired to initialize the state based
-   * on the URL hash, then this should be called immediately after construction.
-   */
-  updateFromUrlHash() {
-    try {
-      let s = location.href.replace(/^[^#]+/, "");
-      if (s === "" || s === "#" || s === "#!") {
-        s = "#!" + this.defaultFragment;
-      }
-      if (s.match(/^#!([a-z][a-z\d+-.]*):\/\//)) {
-        const url = s.substring(2);
-        var _parseSpecialUrl = parseSpecialUrl(url, this.credentialsManager);
-        const parsedUrl = _parseSpecialUrl.url, credentialsProvider = _parseSpecialUrl.credentialsProvider;
-        StatusMessage.forPromise(cancellableFetchSpecialOk(credentialsProvider, parsedUrl, {}, responseJson).then((json2) => {
-          verifyObject(json2);
-          this.root.reset();
-          this.root.restoreState(json2);
-        }), { initialMessage: `Loading state from ${url}`, errorPrefix: `Error loading state:` });
-      } else if (s.startsWith("#!+")) {
-        s = s.slice(3);
-        s = decodeURIComponent(s);
-        let state = urlSafeParse(s);
-        verifyObject(state);
-        this.root.restoreState(state);
-        this.prevStateString = void 0;
-      } else if (s.startsWith("#!")) {
-        s = s.slice(2);
-        s = decodeURIComponent(s);
-        if (s === this.prevStateString) {
-          return;
-        }
-        this.prevStateString = s;
-        this.root.reset();
-        let state = urlSafeParse(s);
-        verifyObject(state);
-        this.root.restoreState(state);
-      } else {
-        throw new Error(`URL hash is expected to be of the form "#!{...}" or "#!+{...}".`);
-      }
-      this.parseError.value = void 0;
-    } catch (parseError) {
-      this.parseError.value = parseError;
-    }
-  }
-}
-const url_hash_binding = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  UrlHashBinding,
-  encodeFragment
-}, Symbol.toStringTag, { value: "Module" }));
 class DataManagementContext extends RefCounted {
   constructor(gl, frameNumberCounter, bundleRoot = "") {
     super();
@@ -46736,11 +46431,11 @@ class UserLayer extends RefCounted {
     state.annotationId = void 0;
     state.value = void 0;
   }
-  selectionStateFromJson(state, json2) {
+  selectionStateFromJson(state, json) {
     const localCoordinateSpace = state.localCoordinateSpace = this.localCoordinateSpace.value;
     const rank = localCoordinateSpace.rank;
     if (rank !== 0) {
-      const localPosition = verifyOptionalObjectProperty(json2, LOCAL_POSITION_JSON_KEY, (positionObj) => parseFixedLengthArray(new Float32Array(rank), positionObj, verifyFiniteFloat));
+      const localPosition = verifyOptionalObjectProperty(json, LOCAL_POSITION_JSON_KEY, (positionObj) => parseFixedLengthArray(new Float32Array(rank), positionObj, verifyFiniteFloat));
       if (localPosition === void 0) {
         state.localPositionValid = false;
       } else {
@@ -46748,36 +46443,36 @@ class UserLayer extends RefCounted {
         state.localPosition = localPosition;
       }
     }
-    const annotationId = state.annotationId = verifyOptionalObjectProperty(json2, "annotationId", verifyString);
+    const annotationId = state.annotationId = verifyOptionalObjectProperty(json, "annotationId", verifyString);
     if (annotationId !== void 0) {
-      state.annotationSourceIndex = verifyOptionalObjectProperty(json2, "annotationSource", verifyInt, 0);
-      state.annotationPartIndex = verifyOptionalObjectProperty(json2, "annotationPart", verifyInt);
-      state.annotationSubsource = verifyOptionalObjectProperty(json2, "annotationSubsource", verifyString);
+      state.annotationSourceIndex = verifyOptionalObjectProperty(json, "annotationSource", verifyInt, 0);
+      state.annotationPartIndex = verifyOptionalObjectProperty(json, "annotationPart", verifyInt);
+      state.annotationSubsource = verifyOptionalObjectProperty(json, "annotationSubsource", verifyString);
     }
-    state.value = json2.value;
+    state.value = json.value;
   }
   // Derived classes should override.
   displaySelectionState(state, parent, context) {
     return false;
   }
   selectionStateToJson(state, forPython) {
-    const json2 = {};
+    const json = {};
     if (state.localPositionValid) {
       const localPosition = state.localPosition;
       if (localPosition.length > 0) {
-        json2.localPosition = _Array$from(localPosition);
+        json.localPosition = _Array$from(localPosition);
       }
     }
     if (state.annotationId !== void 0) {
-      json2.annotationId = state.annotationId;
-      json2.annotationPart = state.annotationPartIndex;
-      json2.annotationSource = state.annotationSourceIndex;
-      json2.annotationSubsource = state.annotationSubsource;
+      json.annotationId = state.annotationId;
+      json.annotationPart = state.annotationPartIndex;
+      json.annotationSource = state.annotationSourceIndex;
+      json.annotationSubsource = state.annotationSubsource;
     }
     if (state.value != null) {
-      json2.value = state.value;
+      json.value = state.value;
     }
-    return json2;
+    return json;
   }
   captureSelectionState(state, mouseState) {
     state.localCoordinateSpace = this.localCoordinateSpace.value;
@@ -46979,8 +46674,8 @@ class UserLayer extends RefCounted {
   selectedValueToJson(value) {
     return value;
   }
-  selectedValueFromJson(json2) {
-    return json2;
+  selectedValueFromJson(json) {
+    return json;
   }
   setLayerPosition(modelTransform, layerPosition) {
     const globalPosition = this.manager.root.globalPosition;
@@ -47517,13 +47212,13 @@ class TrackableDataSelectionState extends RefCounted {
     if (value !== this.value_) {
       this.value_ = value;
       if (value !== void 0 && this.pin.value) {
-        const history2 = this.history;
-        history2.length = Math.min(history2.length, this.historyIndex + 1);
-        history2.push(value);
-        if (history2.length > maxSelectionHistorySize) {
-          history2.splice(0, history2.length - maxSelectionHistorySize);
+        const history = this.history;
+        history.length = Math.min(history.length, this.historyIndex + 1);
+        history.push(value);
+        if (history.length > maxSelectionHistorySize) {
+          history.splice(0, history.length - maxSelectionHistorySize);
         }
-        this.historyIndex = history2.length - 1;
+        this.historyIndex = history.length - 1;
       }
       this.changed.dispatch();
     }
@@ -57957,8 +57652,8 @@ class SegmentationUserLayerColorGroupState extends RefCounted {
         let idStr = _ref2[0];
         let colorVec = _ref2[1];
         const id = Uint64.parseString(String(idStr));
-        const color2 = new Uint64(packColor(colorVec));
-        this.segmentStatedColors.set(id, color2);
+        const color = new Uint64(packColor(colorVec));
+        this.segmentStatedColors.set(id, color);
       }
     });
   }
@@ -58350,8 +58045,8 @@ class SegmentationUserLayer extends Base$2 {
       }
     }
   }
-  selectionStateFromJson(state, json2) {
-    super.selectionStateFromJson(state, json2);
+  selectionStateFromJson(state, json) {
+    super.selectionStateFromJson(state, json);
     const v = new Uint64();
     let value = state.value;
     if (typeof value === "number") value = value.toString();
@@ -58362,22 +58057,22 @@ class SegmentationUserLayer extends Base$2 {
     }
   }
   selectionStateToJson(state, forPython) {
-    const json2 = super.selectionStateToJson(state, forPython);
+    const json = super.selectionStateToJson(state, forPython);
     let value = state.value;
     if (value instanceof Uint64MapEntry) {
       if (forPython) {
-        json2.value = {
+        json.value = {
           key: value.key.toString(),
           value: value.value ? value.value.toString() : void 0,
           label: value.label
         };
       } else {
-        json2.value = (value.value || value.key).toString();
+        json.value = (value.value || value.key).toString();
       }
     } else if (value instanceof Uint64) {
-      json2.value = value.toString();
+      json.value = value.toString();
     }
-    return json2;
+    return json;
   }
   displaySegmentationSelection(state, parent, context) {
     const value = state.value;
@@ -58509,14 +58204,6 @@ registerLayerShaderControlsTool(SegmentationUserLayer, (layer) => ({
 }), SKELETON_RENDERING_SHADER_CONTROL_TOOL_ID);
 registerSegmentSplitMergeTools();
 registerSegmentSelectTools();
-const segmentation_user_layer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  LAYER_CONTROLS: LAYER_CONTROLS$1,
-  SKELETON_RENDERING_SHADER_CONTROL_TOOL_ID,
-  SegmentationUserLayer,
-  SegmentationUserLayerColorGroupState,
-  SegmentationUserLayerGroupState
-}, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -58711,9 +58398,9 @@ class LinkedSegmentationLayers extends RefCounted {
       [FILTER_BY_SEGMENTATION_JSON_KEY]: filterBySegmentation.length === 0 ? void 0 : filterBySegmentation
     };
   }
-  restoreState(json2) {
+  restoreState(json) {
     const isLoading = this.annotationStates.isLoading;
-    verifyOptionalObjectProperty(json2, LINKED_SEGMENTATION_LAYER_JSON_KEY, (linkedJson) => {
+    verifyOptionalObjectProperty(json, LINKED_SEGMENTATION_LAYER_JSON_KEY, (linkedJson) => {
       if (typeof linkedJson === "string") {
         linkedJson = { "segments": linkedJson };
       }
@@ -58736,7 +58423,7 @@ class LinkedSegmentationLayers extends RefCounted {
         }
       }
     });
-    verifyOptionalObjectProperty(json2, FILTER_BY_SEGMENTATION_JSON_KEY, (filterJson) => {
+    verifyOptionalObjectProperty(json, FILTER_BY_SEGMENTATION_JSON_KEY, (filterJson) => {
       if (typeof filterJson === "boolean") {
         filterJson = filterJson === true ? ["segments"] : [];
       }
@@ -59086,14 +58773,6 @@ registerLayerTypeDetector((subsource) => {
 registerLayerShaderControlsTool(AnnotationUserLayer, (layer) => ({
   shaderControlState: layer.annotationDisplayState.shaderControls
 }));
-const user_layer = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AnnotationUserLayer
-}, Symbol.toStringTag, { value: "Module" }));
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(user_layer);
-const require$$3 = /* @__PURE__ */ getAugmentedNamespace(frontend);
-const require$$4 = /* @__PURE__ */ getAugmentedNamespace(segmentation_user_layer);
-const require$$5 = /* @__PURE__ */ getAugmentedNamespace(color);
 function bindDefaultCopyHandler(viewer) {
   viewer.registerEventListener(document, "copy", (event) => {
     if (isInputTextTarget(event.target)) {
@@ -60595,7 +60274,7 @@ async function getAnnotationChunkSource$1(options, sourceParameters, dataInstanc
   let multiscaleVolumeInfo = new MultiscaleVolumeInfo$1(dataInstanceInfo.volumeInfo);
   return getChunkSource(multiscaleVolumeInfo, sourceParameters);
 }
-async function getAnnotationSource$1(options, sourceParameters, dataInstanceInfo, credentialsProvider) {
+async function getAnnotationSource$2(options, sourceParameters, dataInstanceInfo, credentialsProvider) {
   const box2 = {
     lowerBounds: new Float64Array(dataInstanceInfo.lowerVoxelBound),
     upperBounds: Float64Array.from(dataInstanceInfo.upperVoxelBound)
@@ -60721,7 +60400,7 @@ function getDataSource$1(options) {
         max: 1,
         step: 0.01
       }];
-      return getAnnotationSource$1(options, annotationSourceParameters, dataInstanceInfo, credentialsProvider);
+      return getAnnotationSource$2(options, annotationSourceParameters, dataInstanceInfo, credentialsProvider);
     } else {
       if (!(dataInstanceInfo instanceof VolumeDataInstanceInfo)) {
         throw new Error(`Invalid data instance ${dataInstanceKey}.`);
@@ -61763,7 +61442,7 @@ async function getAnnotationChunkSource(options, sourceParameters, dataInfo, cre
   });
   return getChunkSource(dataInfo, sourceParameters);
 }
-async function getAnnotationSource(options, sourceParameters, credentialsProvider) {
+async function getAnnotationSource$1(options, sourceParameters, credentialsProvider) {
   const dataInfo = await getAnnotationDataInfo(sourceParameters);
   const box2 = {
     lowerBounds: new Float64Array(dataInfo.lowerVoxelBound),
@@ -61875,7 +61554,7 @@ async function getDataSource(options, getCredentialsProvider) {
       step: 1
     }];
     const credentialsProvider = getCredentialsProvider(sourceParameters.authServer);
-    return getAnnotationSource(options, annotationSourceParameters, credentialsProvider);
+    return getAnnotationSource$1(options, annotationSourceParameters, credentialsProvider);
   });
 }
 async function completeHttpPath$1(_1) {
@@ -64495,9 +64174,9 @@ class MultiscaleVolumeChunkSource4 extends MultiscaleVolumeChunkSource$3 {
 function getAttributes(chunkManager, credentialsProvider, url) {
   return chunkManager.memoize.getUncounted({ type: "zarr:.zattrs json", url, credentialsProvider: getObjectId(credentialsProvider) }, async () => {
     try {
-      const json2 = await cancellableFetchSpecialOk(credentialsProvider, url + "/.zattrs", {}, responseJson);
-      verifyObject(json2);
-      return json2;
+      const json = await cancellableFetchSpecialOk(credentialsProvider, url + "/.zattrs", {}, responseJson);
+      verifyObject(json);
+      return json;
     } catch (e) {
       if (isNotFoundError(e)) return {};
       throw e;
@@ -64506,8 +64185,8 @@ function getAttributes(chunkManager, credentialsProvider, url) {
 }
 function getMetadata(chunkManager, credentialsProvider, url) {
   return chunkManager.memoize.getUncounted({ type: "zarr:.zarray json", url, credentialsProvider: getObjectId(credentialsProvider) }, async () => {
-    const json2 = await cancellableFetchSpecialOk(credentialsProvider, url + "/.zarray", {}, responseJson);
-    return parseZarrMetadata(json2);
+    const json = await cancellableFetchSpecialOk(credentialsProvider, url + "/.zarray", {}, responseJson);
+    return parseZarrMetadata(json);
   });
 }
 const supportedQueryParameters = [{
@@ -65489,860 +65168,613 @@ function setupDefaultViewer(options) {
   disableContextMenu(options.target);
   return viewer;
 }
-class Neuroglancer {
-  version() {
-    return "0.0.1";
-  }
-}
-const main_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Neuroglancer,
-  setupDefaultViewer
-}, Symbol.toStringTag, { value: "Module" }));
-const require$$6 = /* @__PURE__ */ getAugmentedNamespace(main_module);
-const require$$7 = /* @__PURE__ */ getAugmentedNamespace(uint64);
-const require$$8 = /* @__PURE__ */ getAugmentedNamespace(json);
-const require$$9 = /* @__PURE__ */ getAugmentedNamespace(url_hash_binding);
-var hasRequiredLib;
-function requireLib() {
-  if (hasRequiredLib) return lib;
-  hasRequiredLib = 1;
-  (function(exports) {
-    function _typeof(obj) {
-      "@babel/helpers - typeof";
-      if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-        _typeof = function _typeof2(obj2) {
-          return typeof obj2;
-        };
-      } else {
-        _typeof = function _typeof2(obj2) {
-          return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-        };
-      }
-      return _typeof(obj);
-    }
-    Object.defineProperty(exports, "__esModule", {
-      value: true
-    });
-    exports.parseUrlHash = parseUrlHash;
-    exports.getNeuroglancerViewerState = getNeuroglancerViewerState;
-    exports.getNeuroglancerColor = getNeuroglancerColor;
-    exports.closeSelectionTab = closeSelectionTab;
-    exports.getLayerManager = getLayerManager;
-    exports.getManagedLayer = getManagedLayer;
-    exports.getAnnotationLayer = getAnnotationLayer;
-    exports.getAnnotationSource = getAnnotationSource2;
-    exports.addLayerSignalRemover = addLayerSignalRemover;
-    exports.unsubscribeLayersChangedSignals = unsubscribeLayersChangedSignals;
-    exports.configureLayersChangedSignals = configureLayersChangedSignals;
-    exports.configureAnnotationLayer = configureAnnotationLayer;
-    exports.configureAnnotationLayerChanged = configureAnnotationLayerChanged;
-    exports.getAnnotationSelectionHost = getAnnotationSelectionHost;
-    exports.getSelectedAnnotationId = getSelectedAnnotationId;
-    exports["default"] = void 0;
-    var _react = _interopRequireDefault(React__default);
-    var _propTypes = _interopRequireDefault(/* @__PURE__ */ requirePropTypes());
-    var _user_layer = require$$2;
-    var _frontend = require$$3;
-    var _segmentation_user_layer = require$$4;
-    var _color = require$$5;
-    var _neuroglancer = require$$6;
-    var _uint = require$$7;
-    var _json = require$$8;
-    var _url_hash_binding = require$$9;
-    function _interopRequireDefault(obj) {
-      return obj && obj.__esModule ? obj : { "default": obj };
-    }
-    function ownKeys(object, enumerableOnly) {
-      var keys2 = Object.keys(object);
-      if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) symbols = symbols.filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-        });
-        keys2.push.apply(keys2, symbols);
-      }
-      return keys2;
-    }
-    function _objectSpread(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i] != null ? arguments[i] : {};
-        if (i % 2) {
-          ownKeys(Object(source), true).forEach(function(key) {
-            _defineProperty(target, key, source[key]);
-          });
-        } else if (Object.getOwnPropertyDescriptors) {
-          Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-        } else {
-          ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-          });
+const GREY_HEX = "#323232";
+const viewersKeyed = {};
+let viewerNoKey;
+function parseUrlHash(url) {
+  let state = null;
+  let s = url.replace(/^[^#]+/, "");
+  if (s === "" || s === "#" || s === "#!") {
+    s = "#!{}";
+  }
+  if (s.startsWith("#!+")) {
+    s = s.slice(3);
+    s = decodeURIComponent(s);
+    state = urlSafeParse(s);
+  } else if (s.startsWith("#!")) {
+    s = s.slice(2);
+    s = decodeURIComponent(s);
+    state = urlSafeParse(s);
+  } else {
+    throw new Error("URL hash is expected to be of the form '#!{...}' or '#!+{...}'.");
+  }
+  return state;
+}
+function getNeuroglancerViewerState(key) {
+  const v = key ? viewersKeyed[key] : viewerNoKey;
+  return v ? v.state.toJSON() : {};
+}
+function getNeuroglancerColor(idStr, key) {
+  try {
+    const id = Uint64.parseString(idStr);
+    const v = key ? viewersKeyed[key] : viewerNoKey;
+    if (v) {
+      for (const layer of v.layerManager.managedLayers) {
+        if (layer.layer instanceof SegmentationUserLayer) {
+          const { displayState } = layer.layer;
+          const colorVec = getObjectColor(displayState, id);
+          if (displayState.segmentSelectionState.isSelected(id)) {
+            for (let i = 0; i < 3; i += 1) {
+              colorVec[i] = (colorVec[i] - 0.5) / 0.5;
+            }
+          }
+          const colorStr = serializeColor(colorVec);
+          return colorStr;
         }
       }
-      return target;
     }
-    function _classCallCheck(instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-      }
+  } catch {
+  }
+  return "";
+}
+function closeSelectionTab(key) {
+  const v = key ? viewersKeyed[key] : viewerNoKey;
+  if (v && v.closeSelectionTab) {
+    v.closeSelectionTab();
+  }
+}
+function getLayerManager(key) {
+  const v = key ? viewersKeyed[key] : viewerNoKey;
+  if (v) {
+    return v.layerManager;
+  }
+  return void 0;
+}
+function getManagedLayer(key, name2) {
+  const layerManager = getLayerManager(key);
+  if (layerManager) {
+    return layerManager.managedLayers.filter((layer) => layer.name === name2)[0];
+  }
+  return void 0;
+}
+function getAnnotationLayer(key, name2) {
+  const layer = getManagedLayer(key, name2);
+  if (layer && layer.layer instanceof AnnotationUserLayer) {
+    return layer.layer;
+  }
+  return void 0;
+}
+function getAnnotationSource(key, name2) {
+  const layer = getAnnotationLayer(key, name2);
+  if (layer && layer.dataSources && layer.dataSources[0].loadState_) {
+    const { dataSource } = layer.dataSources[0].loadState_;
+    if (dataSource) {
+      return dataSource.subsources[0].subsource.annotation;
     }
-    function _defineProperties(target, props) {
-      for (var i = 0; i < props.length; i++) {
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
+  }
+  return void 0;
+}
+function addLayerSignalRemover(key, name2, remover) {
+  const layerManager = getLayerManager(key);
+  if (layerManager && name2 && remover) {
+    if (!layerManager.customSignalHandlerRemovers) {
+      layerManager.customSignalHandlerRemovers = {};
     }
-    function _createClass(Constructor, protoProps, staticProps) {
-      if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-      return Constructor;
+    if (!layerManager.customSignalHandlerRemovers[name2]) {
+      layerManager.customSignalHandlerRemovers[name2] = [];
     }
-    function _inherits(subClass, superClass) {
-      if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
+    layerManager.customSignalHandlerRemovers[name2].push(remover);
+  }
+}
+function unsubscribeLayersChangedSignals(layerManager, signalKey) {
+  if (layerManager) {
+    if (layerManager.customSignalHandlerRemovers) {
+      if (layerManager.customSignalHandlerRemovers[signalKey]) {
+        layerManager.customSignalHandlerRemovers[signalKey].forEach((remover) => {
+          remover();
+        });
+        delete layerManager.customSignalHandlerRemovers[signalKey];
       }
-      subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
-      if (superClass) _setPrototypeOf(subClass, superClass);
     }
-    function _setPrototypeOf(o, p) {
-      _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-        o2.__proto__ = p2;
-        return o2;
-      };
-      return _setPrototypeOf(o, p);
-    }
-    function _createSuper(Derived) {
-      var hasNativeReflectConstruct = _isNativeReflectConstruct();
-      return function _createSuperInternal() {
-        var Super = _getPrototypeOf(Derived), result;
-        if (hasNativeReflectConstruct) {
-          var NewTarget = _getPrototypeOf(this).constructor;
-          result = Reflect.construct(Super, arguments, NewTarget);
-        } else {
-          result = Super.apply(this, arguments);
+  }
+}
+function configureLayersChangedSignals(key, layerConfig) {
+  const layerManager = getLayerManager(key);
+  if (layerManager) {
+    const { layerName } = layerConfig;
+    unsubscribeLayersChangedSignals(layerManager, layerName);
+    if (layerConfig.process) {
+      const recordRemover = (remover) => addLayerSignalRemover(void 0, layerName, remover);
+      recordRemover(layerManager.layersChanged.add(() => {
+        const layer2 = getManagedLayer(void 0, layerName);
+        if (layer2) {
+          layerConfig.process(layer2);
         }
-        return _possibleConstructorReturn(this, result);
-      };
-    }
-    function _possibleConstructorReturn(self2, call) {
-      if (call && (_typeof(call) === "object" || typeof call === "function")) {
-        return call;
+      }));
+      const layer = getManagedLayer(void 0, layerName);
+      if (layer) {
+        layerConfig.process(layer);
       }
-      return _assertThisInitialized(self2);
+      return () => {
+        if (layerConfig.cancel) {
+          layerConfig.cancel();
+        }
+        unsubscribeLayersChangedSignals(layerManager, layerName);
+      };
     }
-    function _assertThisInitialized(self2) {
-      if (self2 === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      }
-      return self2;
+  }
+  return layerConfig.cancel;
+}
+function configureAnnotationSource(source, props, recordRemover) {
+  if (source && !source.signalReady) {
+    if (props.onAnnotationAdded) {
+      recordRemover(source.childAdded.add((annotation) => {
+        props.onAnnotationAdded(annotation);
+      }));
     }
-    function _isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-      if (Reflect.construct.sham) return false;
-      if (typeof Proxy === "function") return true;
-      try {
-        Date.prototype.toString.call(Reflect.construct(Date, [], function() {
-        }));
-        return true;
-      } catch (e) {
-        return false;
-      }
+    if (props.onAnnotationDeleted) {
+      recordRemover(source.childDeleted.add((id) => {
+        props.onAnnotationDeleted(id);
+      }));
     }
-    function _getPrototypeOf(o) {
-      _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
-        return o2.__proto__ || Object.getPrototypeOf(o2);
-      };
-      return _getPrototypeOf(o);
+    if (props.onAnnotationUpdated) {
+      recordRemover(source.childUpdated.add((annotation) => {
+        props.onAnnotationUpdated(annotation);
+      }));
     }
-    function _defineProperty(obj, key, value) {
-      if (key in obj) {
-        Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-      } else {
-        obj[key] = value;
-      }
-      return obj;
+    if (props.onAnnotationChanged && source.referencesChanged) {
+      recordRemover(source.referencesChanged.add(props.onAnnotationChanged));
     }
-    function _createForOfIteratorHelper(o, allowArrayLike) {
-      var it;
-      if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-        if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) {
-          if (it) o = it;
-          var i = 0;
-          var F = function F2() {
-          };
-          return { s: F, n: function n() {
-            if (i >= o.length) return { done: true };
-            return { done: false, value: o[i++] };
-          }, e: function e(_e) {
-            throw _e;
-          }, f: F };
-        }
-        throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-      }
-      var normalCompletion = true, didErr = false, err;
-      return { s: function s() {
-        it = o[Symbol.iterator]();
-      }, n: function n() {
-        var step = it.next();
-        normalCompletion = step.done;
-        return step;
-      }, e: function e(_e2) {
-        didErr = true;
-        err = _e2;
-      }, f: function f() {
-        try {
-          if (!normalCompletion && it["return"] != null) it["return"]();
-        } finally {
-          if (didErr) throw err;
-        }
-      } };
+    source.signalReady = true;
+    recordRemover(() => {
+      source.signalReady = false;
+    });
+  }
+}
+function getLoadedDataSource(layer) {
+  if (layer.dataSources && layer.dataSources.length > 0 && layer.dataSources[0].loadState_ && layer.dataSources[0].loadState_.dataSource) {
+    return layer.dataSources[0].loadState_.dataSource;
+  }
+}
+function getAnnotationSourceFromLayer(layer) {
+  const dataSource = getLoadedDataSource(layer);
+  if (dataSource) {
+    return dataSource.subsources[0].subsource.annotation;
+  }
+}
+function configureAnnotationSourceChange(annotationLayer, props, recordRemover) {
+  const configure = () => {
+    const source = getAnnotationSourceFromLayer(annotationLayer);
+    if (source) {
+      configureAnnotationSource(source, props, recordRemover);
     }
-    function _unsupportedIterableToArray(o, minLen) {
-      if (!o) return;
-      if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-      var n = Object.prototype.toString.call(o).slice(8, -1);
-      if (n === "Object" && o.constructor) n = o.constructor.name;
-      if (n === "Map" || n === "Set") return Array.from(o);
-      if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-    }
-    function _arrayLikeToArray(arr, len2) {
-      if (len2 == null || len2 > arr.length) len2 = arr.length;
-      for (var i = 0, arr2 = new Array(len2); i < len2; i++) {
-        arr2[i] = arr[i];
-      }
-      return arr2;
-    }
-    var viewersKeyed = {};
-    var viewerNoKey;
-    function parseUrlHash(url) {
-      var state = null;
-      var s = url.replace(/^[^#]+/, "");
-      if (s === "" || s === "#" || s === "#!") {
-        s = "#!{}";
-      }
-      if (s.startsWith("#!+")) {
-        s = s.slice(3);
-        s = decodeURIComponent(s);
-        state = (0, _json.urlSafeParse)(s);
-      } else if (s.startsWith("#!")) {
-        s = s.slice(2);
-        s = decodeURIComponent(s);
-        state = (0, _json.urlSafeParse)(s);
-      } else {
-        throw new Error('URL hash is expected to be of the form "#!{...}" or "#!+{...}".');
+  };
+  const sourceChanged = annotationLayer.dataSourcesChanged;
+  if (sourceChanged && !sourceChanged.signalReady) {
+    recordRemover(sourceChanged.add(configure));
+    sourceChanged.signalReady = true;
+    recordRemover(() => {
+      sourceChanged.signalReady = false;
+    });
+    configure();
+  }
+}
+function configureAnnotationLayer(layer, props, recordRemover) {
+  if (layer) {
+    layer.expectingExternalTable = true;
+    if (layer.selectedAnnotation && !layer.selectedAnnotation.changed.signalReady) {
+      if (props.onAnnotationSelectionChanged) {
+        recordRemover(layer.selectedAnnotation.changed.add(() => {
+          props.onAnnotationSelectionChanged(layer.selectedAnnotation.value);
+        }));
+        recordRemover(() => {
+          layer.selectedAnnotation.changed.signalReady = false;
+        });
+        layer.selectedAnnotation.changed.signalReady = true;
       }
-      return state;
     }
-    function getNeuroglancerViewerState(key) {
-      var v = key ? viewersKeyed[key] : viewerNoKey;
-      return v ? v.state.toJSON() : {};
+    configureAnnotationSourceChange(layer, props, recordRemover);
+  }
+}
+function configureAnnotationLayerChanged(layer, props, recordRemover) {
+  if (!layer.layerChanged.signalReady) {
+    const remover = layer.layerChanged.add(() => {
+      configureAnnotationLayer(layer.layer, props, recordRemover);
+    });
+    layer.layerChanged.signalReady = true;
+    recordRemover(remover);
+    recordRemover(() => {
+      layer.layerChanged.signalReady = false;
+    });
+    configureAnnotationLayer(layer.layer, props, recordRemover);
+  }
+}
+function getAnnotationSelectionHost(key) {
+  const viewer = key ? viewersKeyed[key] : viewerNoKey;
+  if (viewer) {
+    if (viewer.selectionDetailsState) {
+      return "viewer";
     }
-    function getNeuroglancerColor(idStr, key) {
-      try {
-        var id = _uint.Uint64.parseString(idStr);
-        var v = key ? viewersKeyed[key] : viewerNoKey;
-        if (v) {
-          var _iterator = _createForOfIteratorHelper(v.layerManager.managedLayers), _step;
-          try {
-            for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-              var layer = _step.value;
-              if (layer.layer instanceof _segmentation_user_layer.SegmentationUserLayer) {
-                var displayState = layer.layer.displayState;
-                var colorVec = (0, _frontend.getObjectColor)(displayState, id);
-                if (displayState.segmentSelectionState.isSelected(id)) {
-                  for (var i = 0; i < 3; i += 1) {
-                    colorVec[i] = (colorVec[i] - 0.5) / 0.5;
-                  }
-                }
-                var colorStr = (0, _color.serializeColor)(colorVec);
-                return colorStr;
-              }
-            }
-          } catch (err) {
-            _iterator.e(err);
-          } finally {
-            _iterator.f();
+    return "layer";
+  }
+  return null;
+}
+function getSelectedAnnotationId(key, layerName) {
+  const viewer = key ? viewersKeyed[key] : viewerNoKey;
+  if (viewer) {
+    if (viewer.selectionDetailsState) {
+      if (viewer.selectionDetailsState.value) {
+        const { layers } = viewer.selectionDetailsState.value;
+        if (layers) {
+          const layer = layers.find((_layer) => _layer.layer.managedLayer.name === layerName);
+          if (layer && layer.state) {
+            return layer.state.annotationId;
           }
         }
-      } catch (_unused) {
-      }
-      return "";
-    }
-    function closeSelectionTab(key) {
-      var v = key ? viewersKeyed[key] : viewerNoKey;
-      if (v && v.closeSelectionTab) {
-        v.closeSelectionTab();
       }
-    }
-    function getLayerManager(key) {
-      var v = key ? viewersKeyed[key] : viewerNoKey;
-      if (v) {
-        return v.layerManager;
+    } else {
+      const layer = getAnnotationLayer(void 0, layerName);
+      if (layer && layer.selectedAnnotation && layer.selectedAnnotation.value) {
+        return layer.selectedAnnotation.value.id;
       }
-      return void 0;
     }
-    function getManagedLayer(key, name2) {
-      var layerManager = getLayerManager(key);
-      if (layerManager) {
-        return layerManager.managedLayers.filter(function(layer) {
-          return layer.name === name2;
-        })[0];
-      }
-      return void 0;
+  }
+  return null;
+}
+class Neuroglancer extends React__default.Component {
+  static defaultProps = {
+    perspectiveZoom: 20,
+    eventBindingsToUpdate: null,
+    brainMapsClientId: "NOT_A_VALID_ID",
+    viewerState: null,
+    onSelectedChanged: null,
+    onVisibleChanged: null,
+    onSelectionDetailsStateChanged: null,
+    onViewerStateChanged: null,
+    key: null,
+    callbacks: [],
+    ngServer: "https://neuroglancer-demo.appspot.com/"
+  };
+  constructor(props) {
+    super(props);
+    this.ngContainer = React__default.createRef();
+    this.viewer = null;
+    this.muteViewerChanged = false;
+    this.prevVisibleIds = /* @__PURE__ */ new Set();
+    this.prevColorMap = null;
+    this.disposers = [];
+    this.prevColorOverrides = /* @__PURE__ */ new Set();
+    this.overrideColorsById = /* @__PURE__ */ Object.create(null);
+    this.allKnownIds = /* @__PURE__ */ new Set();
+  }
+  minimalPoseSnapshot = () => {
+    const v = this.viewer;
+    const projScale = v.projectionScale?.value;
+    const projQuat = v.projectionOrientation?.orientation;
+    return {
+      position: Array.from(v.position.value || []),
+      projectionScale: projScale,
+      projectionOrientation: Array.from(projQuat || [])
+    };
+  };
+  // Coalesce many NG changes → one upstream update per frame.
+  scheduleEmit = () => {
+    let raf = null;
+    return () => {
+      if (this.muteViewerChanged)
+        return;
+      if (raf !== null)
+        return;
+      raf = requestAnimationFrame(() => {
+        raf = null;
+        this.props.onViewerStateChanged?.(this.minimalPoseSnapshot());
+      });
+    };
+  };
+  // Guard to mute outgoing emits we are programmatically making changes
+  withoutEmitting = (fn) => {
+    this.muteViewerChanged = true;
+    try {
+      fn();
+    } finally {
+      requestAnimationFrame(() => {
+        this.muteViewerChanged = false;
+      });
     }
-    function getAnnotationLayer(key, name2) {
-      var layer = getManagedLayer(key, name2);
-      if (layer && layer.layer instanceof _user_layer.AnnotationUserLayer) {
-        return layer.layer;
-      }
-      return void 0;
+  };
+  // Only consider actual changes in camera settings, i.e., position/rotation/zoom
+  didLayersChange = (prevVS, nextVS) => {
+    const stripColors = (layers) => (layers || []).map((l) => {
+      if (!l)
+        return l;
+      const { segmentColors, ...rest } = l;
+      return rest;
+    });
+    const prevLayers = stripColors(prevVS?.layers);
+    const nextLayers = stripColors(nextVS?.layers);
+    return JSON.stringify(prevLayers) !== JSON.stringify(nextLayers);
+  };
+  /* To add colors to the segments, turning unselected to grey  */
+  applyColorsAndVisibility = (cellColorMapping) => {
+    if (!this.viewer)
+      return;
+    const selected = { ...cellColorMapping || {} };
+    for (const id of Object.keys(selected))
+      this.allKnownIds.add(id);
+    if (this.allKnownIds.size === 0) {
+      const init = this.props.viewerState?.layers?.[0]?.segmentColors || {};
+      for (const id of Object.keys(init))
+        this.allKnownIds.add(id);
+    }
+    const fullSegmentColors = {};
+    for (const id of this.allKnownIds) {
+      fullSegmentColors[id] = selected[id] || GREY_HEX;
+    }
+    const baseLayers = this.props.viewerState?.layers ?? (this.viewer.state.toJSON().layers || []);
+    const newLayers = baseLayers.map((layer, idx) => {
+      if (idx === 0 || layer?.type === "segmentation") {
+        return { ...layer, segmentColors: fullSegmentColors };
+      }
+      return layer;
+    });
+    this.withoutEmitting(() => {
+      this.viewer.state.restoreState({ layers: newLayers });
+    });
+  };
+  componentDidMount() {
+    const {
+      viewerState,
+      brainMapsClientId,
+      eventBindingsToUpdate,
+      callbacks,
+      // ngServer,
+      key,
+      bundleRoot
+    } = this.props;
+    this.viewer = setupDefaultViewer({
+      brainMapsClientId,
+      target: this.ngContainer.current,
+      bundleRoot
+    });
+    this.setCallbacks(callbacks);
+    if (eventBindingsToUpdate) {
+      this.updateEventBindings(eventBindingsToUpdate);
+    }
+    this.viewer.expectingExternalUI = true;
+    if (this.viewer.selectionDetailsState) {
+      this.viewer.selectionDetailsState.changed.add(this.selectionDetailsStateChanged);
+    }
+    this.viewer.layerManager.layersChanged.add(this.layersChanged);
+    const emit = this.scheduleEmit();
+    this.disposers.push(this.viewer.projectionScale.changed.add(emit));
+    this.disposers.push(this.viewer.projectionOrientation.changed.add(emit));
+    this.disposers.push(this.viewer.position.changed.add(emit));
+    if (viewerState) {
+      this.withoutEmitting(() => {
+        this.viewer.state.restoreState(viewerState);
+      });
     }
-    function getAnnotationSource2(key, name2) {
-      var layer = getAnnotationLayer(key, name2);
-      if (layer && layer.dataSources && layer.dataSources[0].loadState_) {
-        var dataSource = layer.dataSources[0].loadState_.dataSource;
-        if (dataSource) {
-          return dataSource.subsources[0].subsource.annotation;
-        }
-      }
-      return void 0;
+    if (key) {
+      viewersKeyed[key] = this.viewer;
+    } else {
+      viewerNoKey = this.viewer;
     }
-    function addLayerSignalRemover(key, name2, remover) {
-      var layerManager = getLayerManager(key);
-      if (layerManager && name2 && remover) {
-        if (!layerManager.customSignalHandlerRemovers) {
-          layerManager.customSignalHandlerRemovers = {};
-        }
-        if (!layerManager.customSignalHandlerRemovers[name2]) {
-          layerManager.customSignalHandlerRemovers[name2] = [];
-        }
-        layerManager.customSignalHandlerRemovers[name2].push(remover);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const { viewerState, cellColorMapping } = this.props;
+    const selectedSegments = {};
+    for (const layer of this.viewer.layerManager.managedLayers) {
+      if (layer.layer instanceof SegmentationUserLayer) {
+        const { segmentSelectionState } = layer.layer.displayState;
+        selectedSegments[layer.name] = segmentSelectionState.selectedSegment;
       }
     }
-    function unsubscribeLayersChangedSignals(layerManager, signalKey) {
-      if (layerManager) {
-        if (layerManager.customSignalHandlerRemovers) {
-          if (layerManager.customSignalHandlerRemovers[signalKey]) {
-            layerManager.customSignalHandlerRemovers[signalKey].forEach(function(remover) {
-              remover();
-            });
-            delete layerManager.customSignalHandlerRemovers[signalKey];
-          }
-        }
+    for (const layer of this.viewer.layerManager.managedLayers) {
+      if (layer.layer instanceof SegmentationUserLayer) {
+        const { segmentSelectionState } = layer.layer.displayState;
+        segmentSelectionState.set(selectedSegments[layer.name]);
       }
     }
-    function configureLayersChangedSignals(key, layerConfig) {
-      var layerManager = getLayerManager(key);
-      if (layerManager) {
-        var layerName = layerConfig.layerName;
-        unsubscribeLayersChangedSignals(layerManager, layerName);
-        if (layerConfig.process) {
-          var recordRemover = function recordRemover2(remover) {
-            return addLayerSignalRemover(void 0, layerName, remover);
-          };
-          recordRemover(layerManager.layersChanged.add(function() {
-            var layer2 = getManagedLayer(void 0, layerName);
-            if (layer2) {
-              layerConfig.process(layer2);
-            }
-          }));
-          var layer = getManagedLayer(void 0, layerName);
-          if (layer) {
-            layerConfig.process(layer);
-          }
-          return function() {
-            if (layerConfig.cancel) {
-              layerConfig.cancel();
-            }
-            unsubscribeLayersChangedSignals(layerManager, layerName);
-          };
+    if (!viewerState)
+      return;
+    const prevVS = prevProps.viewerState;
+    const camState = diffCameraState(prevVS, viewerState);
+    if (camState.changed) {
+      const patch = {};
+      if (camState.scale) {
+        patch.projectionScale = viewerState.projectionScale;
+        if (Array.isArray(viewerState.position))
+          patch.position = viewerState.position;
+      } else if (camState.pos) {
+        patch.position = viewerState.position;
+      }
+      if (camState.rot)
+        patch.projectionOrientation = viewerState.projectionOrientation;
+      this.withoutEmitting(() => this.viewer.state.restoreState(patch));
+    }
+    if (this.didLayersChange(prevVS, viewerState)) {
+      this.withoutEmitting(() => {
+        const layers = Array.isArray(viewerState.layers) ? viewerState.layers : [];
+        this.viewer.state.restoreState({ layers });
+        if (cellColorMapping && Object.keys(cellColorMapping).length) {
+          this.applyColorsAndVisibility(cellColorMapping);
         }
-      }
-      return layerConfig.cancel;
+      });
     }
-    function configureAnnotationSource(source, props, recordRemover) {
-      if (source && !source.signalReady) {
-        if (props.onAnnotationAdded) {
-          recordRemover(source.childAdded.add(function(annotation) {
-            props.onAnnotationAdded(annotation);
-          }));
-        }
-        if (props.onAnnotationDeleted) {
-          recordRemover(source.childDeleted.add(function(id) {
-            props.onAnnotationDeleted(id);
-          }));
-        }
-        if (props.onAnnotationUpdated) {
-          recordRemover(source.childUpdated.add(function(annotation) {
-            props.onAnnotationUpdated(annotation);
-          }));
-        }
-        if (props.onAnnotationChanged && source.referencesChanged) {
-          recordRemover(source.referencesChanged.add(props.onAnnotationChanged));
-        }
-        source.signalReady = true;
-        recordRemover(function() {
-          source.signalReady = false;
-        });
-      }
+    const prevSize = prevProps.cellColorMapping ? Object.keys(prevProps.cellColorMapping).length : 0;
+    const currSize = cellColorMapping ? Object.keys(cellColorMapping).length : 0;
+    const mappingRefChanged = prevProps.cellColorMapping !== cellColorMapping;
+    if (!this.didLayersChange(prevVS, viewerState) && (mappingRefChanged || prevSize !== currSize)) {
+      this.withoutEmitting(() => {
+        this.applyColorsAndVisibility(cellColorMapping);
+      });
     }
-    function getLoadedDataSource(layer) {
-      if (layer.dataSources && layer.dataSources.length > 0 && layer.dataSources[0].loadState_ && layer.dataSources[0].loadState_.dataSource) {
-        return layer.dataSources[0].loadState_.dataSource;
-      }
+    const stripSegFields = (layers) => (layers || []).map((l) => {
+      if (!l)
+        return l;
+      const { segments, segmentColors, ...rest } = l;
+      return rest;
+    });
+    const prevLayers = prevProps.viewerState?.layers;
+    const nextLayers = viewerState?.layers;
+    const prevCore = JSON.stringify(stripSegFields(prevLayers));
+    const nextCore = JSON.stringify(stripSegFields(nextLayers));
+    const sourcesChanged = prevCore !== nextCore;
+    const prevSegCount = prevLayers && prevLayers[0] && Array.isArray(prevLayers[0].segments) ? prevLayers[0].segments.length : 0;
+    const nextSegCount = nextLayers && nextLayers[0] && Array.isArray(nextLayers[0].segments) ? nextLayers[0].segments.length : 0;
+    const initialSegmentsAdded = prevSegCount === 0 && nextSegCount > 0;
+    if (sourcesChanged || initialSegmentsAdded) {
+      this.withoutEmitting(() => {
+        this.viewer.state.restoreState({ layers: nextLayers });
+      });
     }
-    function getAnnotationSourceFromLayer(layer) {
-      var dataSource = getLoadedDataSource(layer);
-      if (dataSource) {
-        return dataSource.subsources[0].subsource.annotation;
+  }
+  componentWillUnmount() {
+    this.disposers.forEach((off) => {
+      try {
+        off();
+      } catch {
       }
-    }
-    function configureAnnotationSourceChange(annotationLayer, props, recordRemover) {
-      var configure = function configure2() {
-        var source = getAnnotationSourceFromLayer(annotationLayer);
-        if (source) {
-          configureAnnotationSource(source, props, recordRemover);
+    });
+    this.disposers = [];
+    const { key } = this.props;
+    if (key) {
+      delete viewersKeyed[key];
+    } else {
+      viewerNoKey = void 0;
+    }
+  }
+  /* setCallbacks allows us to set a callback on a neuroglancer event
+   * each callback created should be in the format:
+   * [
+   *   {
+   *     name: 'unique-name',
+   *     event: 'the neuroglancer event to target, eg: click0, keyt',
+   *     function: (slice) => { slice.whatever }
+   *   },
+   *   {...}
+   * ]
+   *
+   */
+  setCallbacks(callbacks) {
+    callbacks.forEach((callback) => {
+      this.viewer.bindCallback(callback.name, callback.function);
+      this.viewer.inputEventBindings.sliceView.set(callback.event, callback.name);
+    });
+  }
+  updateEventBindings = (eventBindingsToUpdate) => {
+    const root = this.viewer.inputEventBindings;
+    const traverse = (current) => {
+      const replace = (eaMap, event0, event1) => {
+        const action = eaMap.get(event0);
+        if (action) {
+          eaMap.delete(event0);
+          if (event1) {
+            eaMap.set(event1, action);
+          }
         }
       };
-      var sourceChanged = annotationLayer.dataSourcesChanged;
-      if (sourceChanged && !sourceChanged.signalReady) {
-        recordRemover(sourceChanged.add(configure));
-        sourceChanged.signalReady = true;
-        recordRemover(function() {
-          sourceChanged.signalReady = false;
-        });
-        configure();
+      const eventActionMap = current.bindings;
+      eventBindingsToUpdate.forEach((oldNewBinding) => {
+        const eventOldBase = Array.isArray(oldNewBinding) ? oldNewBinding[0] : oldNewBinding;
+        const eventOldA = `at:${eventOldBase}`;
+        const eventNewA = oldNewBinding[1] ? `at:${oldNewBinding[1]}` : void 0;
+        replace(eventActionMap, eventOldA, eventNewA);
+        const eventOldB = `bubble:${eventOldBase}`;
+        const eventNewB = oldNewBinding[1] ? `bubble:${oldNewBinding[1]}` : void 0;
+        replace(eventActionMap, eventOldB, eventNewB);
+      });
+      current.parents.forEach((parent) => {
+        traverse(parent);
+      });
+    };
+    traverse(root.global);
+    traverse(root.perspectiveView);
+    traverse(root.sliceView);
+  };
+  selectionDetailsStateChanged = () => {
+    if (this.viewer) {
+      const { onSelectionDetailsStateChanged } = this.props;
+      if (onSelectionDetailsStateChanged) {
+        onSelectionDetailsStateChanged();
       }
     }
-    function configureAnnotationLayer(layer, props, recordRemover) {
-      if (layer) {
-        layer.expectingExternalTable = true;
-        if (layer.selectedAnnotation && !layer.selectedAnnotation.changed.signalReady) {
-          if (props.onAnnotationSelectionChanged) {
-            recordRemover(layer.selectedAnnotation.changed.add(function() {
-              props.onAnnotationSelectionChanged(layer.selectedAnnotation.value);
-            }));
-            recordRemover(function() {
-              layer.selectedAnnotation.changed.signalReady = false;
-            });
-            layer.selectedAnnotation.changed.signalReady = true;
+  };
+  layersChanged = () => {
+    if (this.handlerRemovers) {
+      this.handlerRemovers.forEach((remover) => remover());
+    }
+    if (this.viewer) {
+      const { onSelectedChanged, onVisibleChanged } = this.props;
+      if (onSelectedChanged || onVisibleChanged) {
+        this.handlerRemovers = [];
+        for (const layer of this.viewer.layerManager.managedLayers) {
+          if (layer.layer instanceof SegmentationUserLayer) {
+            const { segmentSelectionState } = layer.layer.displayState;
+            const { visibleSegments } = layer.layer.displayState.segmentationGroupState.value;
+            if (segmentSelectionState && onSelectedChanged) {
+              const selectedChanged = this.selectedChanged.bind(void 0, layer);
+              const remover = segmentSelectionState.changed.add(selectedChanged);
+              this.handlerRemovers.push(remover);
+              layer.registerDisposer(remover);
+            }
+            if (visibleSegments && onVisibleChanged) {
+              const visibleChanged = this.visibleChanged.bind(void 0, layer);
+              const remover = visibleSegments.changed.add(visibleChanged);
+              this.handlerRemovers.push(remover);
+              layer.registerDisposer(remover);
+            }
           }
         }
-        configureAnnotationSourceChange(layer, props, recordRemover);
-      }
-    }
-    function configureAnnotationLayerChanged(layer, props, recordRemover) {
-      if (!layer.layerChanged.signalReady) {
-        var remover = layer.layerChanged.add(function() {
-          configureAnnotationLayer(layer.layer, props, recordRemover);
-        });
-        layer.layerChanged.signalReady = true;
-        recordRemover(remover);
-        recordRemover(function() {
-          layer.layerChanged.signalReady = false;
-        });
-        configureAnnotationLayer(layer.layer, props, recordRemover);
       }
     }
-    function getAnnotationSelectionHost(key) {
-      var viewer = key ? viewersKeyed[key] : viewerNoKey;
-      if (viewer) {
-        if (viewer.selectionDetailsState) {
-          return "viewer";
-        }
-        return "layer";
+  };
+  /* ** Vitessce Integration update start ** */
+  selectedChanged = (layer) => {
+    if (!this.viewer)
+      return;
+    const { onSelectedChanged } = this.props;
+    if (onSelectedChanged) {
+      const { segmentSelectionState } = layer.layer.displayState;
+      if (!segmentSelectionState)
+        return;
+      const selected = segmentSelectionState.selectedSegment;
+      if (selected) {
+        onSelectedChanged(selected, layer);
       }
-      return null;
     }
-    function getSelectedAnnotationId(key, layerName) {
-      var viewer = key ? viewersKeyed[key] : viewerNoKey;
-      if (viewer) {
-        if (viewer.selectionDetailsState) {
-          if (viewer.selectionDetailsState.value) {
-            var layers = viewer.selectionDetailsState.value.layers;
-            if (layers) {
-              var layer = layers.find(function(_layer) {
-                return _layer.layer.managedLayer.name === layerName;
-              });
-              if (layer && layer.state) {
-                return layer.state.annotationId;
-              }
-            }
-          }
-        } else {
-          var _layer2 = getAnnotationLayer(void 0, layerName);
-          if (_layer2 && _layer2.selectedAnnotation && _layer2.selectedAnnotation.value) {
-            return _layer2.selectedAnnotation.value.id;
-          }
+  };
+  visibleChanged = (layer) => {
+    if (this.viewer) {
+      const { onVisibleChanged } = this.props;
+      if (onVisibleChanged) {
+        const { visibleSegments } = layer.layer.displayState.segmentationGroupState.value;
+        if (visibleSegments) {
+          onVisibleChanged(visibleSegments, layer);
         }
       }
-      return null;
     }
-    var Neuroglancer2 = /* @__PURE__ */ function(_React$Component) {
-      _inherits(Neuroglancer3, _React$Component);
-      var _super = _createSuper(Neuroglancer3);
-      function Neuroglancer3(props) {
-        var _this;
-        _classCallCheck(this, Neuroglancer3);
-        _this = _super.call(this, props);
-        _defineProperty(_assertThisInitialized(_this), "updateEventBindings", function(eventBindingsToUpdate) {
-          var root = _this.viewer.inputEventBindings;
-          var traverse = function traverse2(current) {
-            var replace = function replace2(eaMap, event0, event1) {
-              var action = eaMap.get(event0);
-              if (action) {
-                eaMap["delete"](event0);
-                if (event1) {
-                  eaMap.set(event1, action);
-                }
-              }
-            };
-            var eventActionMap = current.bindings;
-            eventBindingsToUpdate.forEach(function(oldNewBinding) {
-              var eventOldBase = Array.isArray(oldNewBinding) ? oldNewBinding[0] : oldNewBinding;
-              var eventOldA = "at:".concat(eventOldBase);
-              var eventNewA = oldNewBinding[1] ? "at:".concat(oldNewBinding[1]) : void 0;
-              replace(eventActionMap, eventOldA, eventNewA);
-              var eventOldB = "bubble:".concat(eventOldBase);
-              var eventNewB = oldNewBinding[1] ? "bubble:".concat(oldNewBinding[1]) : void 0;
-              replace(eventActionMap, eventOldB, eventNewB);
-            });
-            current.parents.forEach(function(parent) {
-              traverse2(parent);
-            });
-          };
-          traverse(root.global);
-          traverse(root.perspectiveView);
-          traverse(root.sliceView);
-        });
-        _defineProperty(_assertThisInitialized(_this), "selectionDetailsStateChanged", function() {
-          if (_this.viewer) {
-            var onSelectionDetailsStateChanged = _this.props.onSelectionDetailsStateChanged;
-            if (onSelectionDetailsStateChanged) {
-              onSelectionDetailsStateChanged();
-            }
-          }
-        });
-        _defineProperty(_assertThisInitialized(_this), "layersChanged", function() {
-          if (_this.handlerRemovers) {
-            _this.handlerRemovers.forEach(function(remover2) {
-              return remover2();
-            });
-          }
-          if (_this.viewer) {
-            var _this$props = _this.props, onSelectedChanged = _this$props.onSelectedChanged, onVisibleChanged = _this$props.onVisibleChanged;
-            if (onSelectedChanged || onVisibleChanged) {
-              _this.handlerRemovers = [];
-              var _iterator2 = _createForOfIteratorHelper(_this.viewer.layerManager.managedLayers), _step2;
-              try {
-                for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
-                  var layer = _step2.value;
-                  if (layer.layer instanceof _segmentation_user_layer.SegmentationUserLayer) {
-                    var segmentSelectionState = layer.layer.displayState.segmentSelectionState;
-                    var visibleSegments = layer.layer.displayState.segmentationGroupState.value.visibleSegments;
-                    if (segmentSelectionState && onSelectedChanged) {
-                      var selectedChanged = _this.selectedChanged.bind(void 0, layer);
-                      var remover = segmentSelectionState.changed.add(selectedChanged);
-                      _this.handlerRemovers.push(remover);
-                      layer.registerDisposer(remover);
-                    }
-                    if (visibleSegments && onVisibleChanged) {
-                      var visibleChanged = _this.visibleChanged.bind(void 0, layer);
-                      var _remover = visibleSegments.changed.add(visibleChanged);
-                      _this.handlerRemovers.push(_remover);
-                      layer.registerDisposer(_remover);
-                    }
-                  }
-                }
-              } catch (err) {
-                _iterator2.e(err);
-              } finally {
-                _iterator2.f();
-              }
-            }
-          }
-        });
-        _defineProperty(_assertThisInitialized(_this), "selectedChanged", function(layer) {
-          if (_this.viewer) {
-            var onSelectedChanged = _this.props.onSelectedChanged;
-            if (onSelectedChanged) {
-              var segmentSelectionState = layer.layer.displayState.segmentSelectionState;
-              if (segmentSelectionState) {
-                var segment = segmentSelectionState.hasSelectedSegment ? segmentSelectionState.selectedSegment : null;
-                onSelectedChanged(segment, layer);
-              }
-            }
-          }
-        });
-        _defineProperty(_assertThisInitialized(_this), "visibleChanged", function(layer) {
-          if (_this.viewer) {
-            var onVisibleChanged = _this.props.onVisibleChanged;
-            if (onVisibleChanged) {
-              var visibleSegments = layer.layer.displayState.segmentationGroupState.value.visibleSegments;
-              if (visibleSegments) {
-                onVisibleChanged(visibleSegments, layer);
-              }
-            }
-          }
-        });
-        _this.ngContainer = /* @__PURE__ */ _react["default"].createRef();
-        _this.viewer = null;
-        return _this;
-      }
-      _createClass(Neuroglancer3, [{
-        key: "componentDidMount",
-        value: function componentDidMount() {
-          var _this2 = this;
-          var _this$props2 = this.props, perspectiveZoom = _this$props2.perspectiveZoom, viewerState = _this$props2.viewerState, brainMapsClientId = _this$props2.brainMapsClientId, eventBindingsToUpdate = _this$props2.eventBindingsToUpdate, onViewerStateChanged = _this$props2.onViewerStateChanged, callbacks = _this$props2.callbacks, ngServer = _this$props2.ngServer, key = _this$props2.key, bundleRoot = _this$props2.bundleRoot;
-          this.viewer = (0, _neuroglancer.setupDefaultViewer)({
-            brainMapsClientId,
-            target: this.ngContainer.current,
-            bundleRoot: bundleRoot || "/"
-          });
-          this.setCallbacks(callbacks);
-          if (eventBindingsToUpdate) {
-            this.updateEventBindings(eventBindingsToUpdate);
-          }
-          this.viewer.expectingExternalUI = true;
-          if (ngServer) {
-            this.viewer.makeUrlFromState = function(state) {
-              var newState = _objectSpread({}, state);
-              if (state.layers) {
-                newState.layers = state.layers.filter(function(layer) {
-                  if (layer.source) {
-                    var sourceUrl = layer.source.url || layer.source;
-                    if (typeof sourceUrl === "string") {
-                      return !sourceUrl.startsWith("clio://");
-                    }
-                  }
-                  return true;
-                });
-              }
-              return "".concat(ngServer, "/#!").concat((0, _url_hash_binding.encodeFragment)(JSON.stringify(newState)));
-            };
-          }
-          if (this.viewer.selectionDetailsState) {
-            this.viewer.selectionDetailsState.changed.add(this.selectionDetailsStateChanged);
-          }
-          this.viewer.layerManager.layersChanged.add(this.layersChanged);
-          if (viewerState) {
-            var newViewerState = viewerState;
-            if (newViewerState.projectionScale === null) {
-              delete newViewerState.projectionScale;
-            }
-            if (newViewerState.crossSectionScale === null) {
-              delete newViewerState.crossSectionScale;
-            }
-            if (newViewerState.projectionOrientation === null) {
-              delete newViewerState.projectionOrientation;
-            }
-            if (newViewerState.crossSectionOrientation === null) {
-              delete newViewerState.crossSectionOrientation;
-            }
-            this.viewer.state.restoreState(newViewerState);
-          } else {
-            this.viewer.state.restoreState({
-              layers: {
-                grayscale: {
-                  type: "image",
-                  source: "dvid://https://flyem.dvid.io/ab6e610d4fe140aba0e030645a1d7229/grayscalejpeg"
-                },
-                segmentation: {
-                  type: "segmentation",
-                  source: "dvid://https://flyem.dvid.io/d925633ed0974da78e2bb5cf38d01f4d/segmentation"
-                }
-              },
-              perspectiveZoom,
-              navigation: {
-                zoomFactor: 8
-              }
-            });
-          }
-          this.viewer.state.changed.add(function() {
-            if (onViewerStateChanged) {
-              try {
-                if (_this2.viewer.state.viewer.position) {
-                  onViewerStateChanged(_this2.viewer.state.toJSON());
-                }
-              } catch (error) {
-                console.debug(error);
-              }
-            }
-          });
-          if (key) {
-            viewersKeyed[key] = this.viewer;
-          } else {
-            viewerNoKey = this.viewer;
-          }
-          window.viewer = this.viewer;
-        }
-      }, {
-        key: "componentDidUpdate",
-        value: function componentDidUpdate() {
-          var _this3 = this;
-          var selectedSegments = {};
-          var _iterator3 = _createForOfIteratorHelper(this.viewer.layerManager.managedLayers), _step3;
-          try {
-            for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
-              var layer = _step3.value;
-              if (layer.layer instanceof _segmentation_user_layer.SegmentationUserLayer) {
-                var segmentSelectionState = layer.layer.displayState.segmentSelectionState;
-                selectedSegments[layer.name] = segmentSelectionState.selectedSegment;
-              }
-            }
-          } catch (err) {
-            _iterator3.e(err);
-          } finally {
-            _iterator3.f();
-          }
-          var viewerState = this.props.viewerState;
-          if (viewerState) {
-            var newViewerState = _objectSpread({}, viewerState);
-            var restoreStates = [function() {
-              _this3.viewer.state.restoreState(newViewerState);
-            }];
-            if (viewerState.projectionScale === null) {
-              delete newViewerState.projectionScale;
-              restoreStates.push(function() {
-                _this3.viewer.projectionScale.reset();
-              });
-            }
-            if (viewerState.crossSectionScale === null) {
-              delete newViewerState.crossSectionScale;
-            }
-            restoreStates.forEach(function(restore) {
-              return restore();
-            });
-          }
-          var _iterator4 = _createForOfIteratorHelper(this.viewer.layerManager.managedLayers), _step4;
-          try {
-            for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
-              var _layer3 = _step4.value;
-              if (_layer3.layer instanceof _segmentation_user_layer.SegmentationUserLayer) {
-                var _segmentSelectionState = _layer3.layer.displayState.segmentSelectionState;
-                _segmentSelectionState.set(selectedSegments[_layer3.name]);
-              }
-            }
-          } catch (err) {
-            _iterator4.e(err);
-          } finally {
-            _iterator4.f();
-          }
-          if ("position" in viewerState) {
-            if (Array.isArray(viewerState.position)) {
-              if (viewerState.position.length === 0) {
-                this.viewer.position.reset();
-              }
-            }
-          }
-        }
-      }, {
-        key: "componentWillUnmount",
-        value: function componentWillUnmount() {
-          var key = this.props.key;
-          if (key) {
-            delete viewersKeyed[key];
-          } else {
-            viewerNoKey = void 0;
-          }
-        }
-        /* setCallbacks allows us to set a callback on a neuroglancer event
-         * each callback created should be in the format:
-         * [
-         *   {
-         *     name: 'unique-name',
-         *     event: 'the neuroglancer event to target, eg: click0, keyt',
-         *     function: (slice) => { slice.whatever }
-         *   },
-         *   {...}
-         * ]
-         *
-         */
-      }, {
-        key: "setCallbacks",
-        value: function setCallbacks(callbacks) {
-          var _this4 = this;
-          callbacks.forEach(function(callback) {
-            _this4.viewer.bindCallback(callback.name, callback["function"]);
-            _this4.viewer.inputEventBindings.sliceView.set(callback.event, callback.name);
-          });
-        }
-      }, {
-        key: "render",
-        value: function render() {
-          var perspectiveZoom = this.props.perspectiveZoom;
-          return /* @__PURE__ */ _react["default"].createElement("div", {
-            className: "neuroglancer-container",
-            ref: this.ngContainer
-          }, /* @__PURE__ */ _react["default"].createElement("p", null, "Neuroglancer here with zoom ", perspectiveZoom));
-        }
-      }]);
-      return Neuroglancer3;
-    }(_react["default"].Component);
-    exports["default"] = Neuroglancer2;
-    Neuroglancer2.propTypes = {
-      perspectiveZoom: _propTypes["default"].number,
-      viewerState: _propTypes["default"].object,
-      brainMapsClientId: _propTypes["default"].string,
-      key: _propTypes["default"].string,
-      /**
-       * An array of event bindings to change in Neuroglancer.  The array format is as follows:
-       * [[old-event1, new-event1], [old-event2], old-event3]
-       * Here, `old-event1`'s will be unbound and its action will be re-bound to `new-event1`.
-       * The bindings for `old-event2` and `old-event3` will be removed.
-       * Neuroglancer has its own syntax for event descriptors, and here are some examples:
-       * 'keya', 'shift+keyb' 'control+keyc', 'digit4', 'space', 'arrowleft', 'comma', 'period',
-       * 'minus', 'equal', 'bracketleft'.
-       */
-      eventBindingsToUpdate: _propTypes["default"].array,
-      /**
-       * A function of the form `(segment, layer) => {}`, called each time there is a change to
-       * the segment the user has "selected" (i.e., hovered over) in Neuroglancer.
-       * The `segment` argument will be a Neuroglancer `Uint64` with the ID of the now-selected
-       * segment, or `null` if no segment is now selected.
-       * The `layer` argument will be a Neuroglaner `ManagedUserLayer`, whose `layer` property
-       * will be a Neuroglancer `SegmentationUserLayer`.
-       */
-      onSelectedChanged: _propTypes["default"].func,
-      /**
-       * A function of the form `(segments, layer) => {}`, called each time there is a change to
-       * the segments the user has designated as "visible" (i.e., double-clicked on) in Neuroglancer.
-       * The `segments` argument will be a Neuroglancer `Uint64Set` whose elements are `Uint64`
-       * instances for the IDs of the now-visible segments.
-       * The `layer` argument will be a Neuroglaner `ManagedUserLayer`, whose `layer` property
-       * will be a Neuroglancer `SegmentationUserLayer`.
-       */
-      onVisibleChanged: _propTypes["default"].func,
-      /**
-       * A function of the form `() => {}` to respond to selection changes in the viewer.
-       */
-      onSelectionDetailsStateChanged: _propTypes["default"].func,
-      onViewerStateChanged: _propTypes["default"].func,
-      callbacks: _propTypes["default"].arrayOf(_propTypes["default"].object),
-      ngServer: _propTypes["default"].string
-    };
-    Neuroglancer2.defaultProps = {
-      perspectiveZoom: 20,
-      eventBindingsToUpdate: null,
-      brainMapsClientId: "NOT_A_VALID_ID",
-      viewerState: null,
-      onSelectedChanged: null,
-      onVisibleChanged: null,
-      onSelectionDetailsStateChanged: null,
-      onViewerStateChanged: null,
-      key: null,
-      callbacks: [],
-      ngServer: "https://neuroglancer-demo.appspot.com/"
-    };
-  })(lib);
-  return lib;
+  };
+  render() {
+    const { perspectiveZoom } = this.props;
+    return jsxRuntimeExports.jsx("div", { className: "neuroglancer-container", ref: this.ngContainer, children: jsxRuntimeExports.jsxs("p", { children: ["Neuroglancer here with zoom ", perspectiveZoom] }) });
+  }
 }
-var libExports = requireLib();
-const ReactNeuroglancer = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-const Component = typeof ReactNeuroglancer.default === "function" ? ReactNeuroglancer.default : ReactNeuroglancer;
-const ReactNeuroglancerWrapper = React__default.forwardRef((props, ref) => jsxRuntimeExports.jsx(Component, { ref, ...props }));
 export {
-  ReactNeuroglancerWrapper as default
+  addLayerSignalRemover,
+  closeSelectionTab,
+  configureAnnotationLayer,
+  configureAnnotationLayerChanged,
+  configureLayersChangedSignals,
+  Neuroglancer as default,
+  getAnnotationLayer,
+  getAnnotationSelectionHost,
+  getAnnotationSource,
+  getLayerManager,
+  getManagedLayer,
+  getNeuroglancerColor,
+  getNeuroglancerViewerState,
+  getSelectedAnnotationId,
+  parseUrlHash,
+  unsubscribeLayersChangedSignals
 };