@vitessce/neuroglancer 3.9.5 → 3.9.7

package/dist/{ReactNeuroglancer-BCg93QGV.js → ReactNeuroglancer-pv4bM8Yp.js}

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import React__default from "react";
-import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as diffCameraState } from "./index-Wdrc02VW.js";
+import { g as getDefaultExportFromCjs, c as commonjsGlobal, d as diffCameraState } from "./index-BEPd2Tds.js";
 var es6_object_assign = {};
 var _global = { exports: {} };
 var hasRequired_global;
@@ -31541,9 +31541,7 @@ const svg_bin = '<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0
 function makeDeleteButton(options = {}) {
   const icon = makeIcon(_Object$assign({ svg: svg_bin }, options));
   const svg = icon.firstElementChild;
-  if (svg) {
-    svg.style.fill = "white";
-  }
+  if (svg) svg.style.fill = "white";
   return icon;
 }
 var es6_string_raw = {};
@@ -47188,6 +47186,19 @@ class DataManagementContext extends RefCounted {
     this.frameNumberCounter = frameNumberCounter;
     const chunk_worker_url = bundleRoot + "chunk_worker.bundle.js";
     this.worker = typeof bundleRoot === "string" ? new Worker(chunk_worker_url) : bundleRoot;
+    if (typeof bundleRoot !== "string") {
+      this.worker.addEventListener("message", (msg) => {
+        var _a, _b;
+        if (((_a = msg.data) == null ? void 0 : _a.functionName) === "Worker" && ((_b = msg.data) == null ? void 0 : _b.path) === "async_computation.bundle.js") {
+          msg.stopImmediatePropagation();
+          const AsyncWorker = bundleRoot.AsyncComputationWorker;
+          if (AsyncWorker) {
+            const asyncWorker = new AsyncWorker();
+            asyncWorker.postMessage({ port: msg.data.port }, [msg.data.port]);
+          }
+        }
+      }, true);
+    }
     this.chunkQueueManager = this.registerDisposer(new ChunkQueueManager(new RPC(this.worker), this.gl, this.frameNumberCounter, {
       gpuMemory: new CapacitySpecification({ defaultItemLimit: 1e6, defaultSizeLimit: 1e9 }),
       systemMemory: new CapacitySpecification({ defaultItemLimit: 1e7, defaultSizeLimit: 2e9 }),
@@ -66879,22 +66890,28 @@ class Neuroglancer extends React__default.Component {
       return JSON.stringify(prevLayers) !== JSON.stringify(nextLayers);
     });
     /* To add colors to the segments, turning unselected to grey  */
-    __publicField(this, "applyColorsAndVisibility", (cellColorMapping) => {
-      var _a, _b, _c, _d;
+    __publicField(this, "applyColorsAndVisibility", (cellColorMappingByLayer) => {
+      var _a;
       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 = ((_c = (_b = (_a = this.props.viewerState) == null ? void 0 : _a.layers) == null ? void 0 : _b[0]) == null ? void 0 : _c.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 = ((_d = this.props.viewerState) == null ? void 0 : _d.layers) ?? (this.viewer.state.toJSON().layers || []);
-      const newLayers = baseLayers.map((layer, idx) => {
-        if (idx === 0 || (layer == null ? void 0 : layer.type) === "segmentation") {
+      const baseLayers = ((_a = this.props.viewerState) == null ? void 0 : _a.layers) ?? (this.viewer.state.toJSON().layers || []);
+      const newLayers = baseLayers.map((layer) => {
+        const layerScope = Object.keys(cellColorMappingByLayer).find((scope) => {
+          var _a2;
+          return (_a2 = layer.name) == null ? void 0 : _a2.includes(scope);
+        });
+        const selected = { ...cellColorMappingByLayer[layerScope] || {} };
+        if (!this.allKnownIdsByLayer) this.allKnownIdsByLayer = {};
+        if (!this.allKnownIdsByLayer[layerScope]) {
+          this.allKnownIdsByLayer[layerScope] = /* @__PURE__ */ new Set();
+        }
+        for (const id of Object.keys(selected)) {
+          this.allKnownIdsByLayer[layerScope].add(id);
+        }
+        const fullSegmentColors = {};
+        for (const id of this.allKnownIdsByLayer[layerScope] || []) {
+          fullSegmentColors[id] = selected[id] || GREY_HEX;
+        }
+        if (layer.type === "segmentation") {
           return { ...layer, segmentColors: fullSegmentColors };
         }
         return layer;
@@ -67005,7 +67022,7 @@ class Neuroglancer extends React__default.Component {
     this.disposers = [];
     this.prevColorOverrides = /* @__PURE__ */ new Set();
     this.overrideColorsById = /* @__PURE__ */ Object.create(null);
-    this.allKnownIds = /* @__PURE__ */ new Set();
+    this.allKnownIdsByLayer = {};
   }
   componentDidMount() {
     const {
@@ -67050,7 +67067,7 @@ class Neuroglancer extends React__default.Component {
   }
   componentDidUpdate(prevProps, prevState) {
     var _a;
-    const { viewerState, cellColorMapping } = this.props;
+    const { viewerState, cellColorMapping: cellColorMappingByLayer } = this.props;
     const selectedSegments = {};
     for (const layer of this.viewer.layerManager.managedLayers) {
       if (layer.layer instanceof SegmentationUserLayer) {
@@ -67082,17 +67099,17 @@ class Neuroglancer extends React__default.Component {
       this.withoutEmitting(() => {
         const layers = Array.isArray(viewerState.layers) ? viewerState.layers : [];
         this.viewer.state.restoreState({ layers });
-        if (cellColorMapping && Object.keys(cellColorMapping).length) {
-          this.applyColorsAndVisibility(cellColorMapping);
+        if (cellColorMappingByLayer && Object.keys(cellColorMappingByLayer).length) {
+          this.applyColorsAndVisibility(cellColorMappingByLayer);
         }
       });
     }
     const prevSize = prevProps.cellColorMapping ? Object.keys(prevProps.cellColorMapping).length : 0;
-    const currSize = cellColorMapping ? Object.keys(cellColorMapping).length : 0;
-    const mappingRefChanged = prevProps.cellColorMapping !== cellColorMapping;
+    const currSize = cellColorMappingByLayer ? Object.keys(cellColorMappingByLayer).length : 0;
+    const mappingRefChanged = prevProps.cellColorMapping !== this.props.cellColorMapping;
     if (!this.didLayersChange(prevVS, viewerState) && (mappingRefChanged || prevSize !== currSize)) {
       this.withoutEmitting(() => {
-        this.applyColorsAndVisibility(cellColorMapping);
+        this.applyColorsAndVisibility(cellColorMappingByLayer);
       });
     }
     const stripSegFields = (layers) => (layers || []).map((l) => {