@vitessce/all 3.0.0 → 3.1.0

package/dist/{index-3f1c1764.js → index-6e5fe875.js}

@@ -6,7 +6,7 @@ var __publicField = (obj, key2, value2) => {
 };
 import * as React from "react";
 import React__default, { Children, isValidElement, cloneElement, useMemo, forwardRef, useRef, useImperativeHandle, useEffect, useLayoutEffect as useLayoutEffect$1, useState, PureComponent, Component as Component$1, useCallback, createElement, useReducer, Suspense } from "react";
-import { useLoaders, useCoordination, useDescription, useImageData, useReady, TitleInfo, useVitessceContainer, useSetWarning, useUrls, useObsSetsData, usePlotOptionsStyles, OptionsContainer, CellColorEncodingOption, OptionSelect, useComponentHover, useComponentViewInfo, useSetComponentHover, useSetComponentViewInfo, useDeckCanvasSize, useMultiObsLabels, useObsEmbeddingData, useFeatureSelection, useObsFeatureMatrixIndices, useFeatureLabelsData, useGetObsInfo, useUint8FeatureSelection, useExpressionValueGetter, useAuxiliaryCoordination, useHasLoader, useObsLocationsData, useObsLabelsData, useObsSegmentationsData, useNeighborhoodsData, useObsFeatureMatrixData, useUint8ObsFeatureMatrix, useGetObsMembership, PopperMenu, useComponentLayout, useClosestVitessceContainerSize, useWindowDimensions, useWarning, useGridItemSize, useGenomicProfilesData, DataSourceFetchError, AbstractLoaderError, AbstractTwoStepLoader, LoaderResult, LoaderValidationError, VitS } from "@vitessce/vit-s";
+import { useLoaders, useCoordination, useDescription, useImageData, useReady, TitleInfo, useVitessceContainer, useSetWarning, useObsSetsData, useUrls, usePlotOptionsStyles, OptionsContainer, CellColorEncodingOption, OptionSelect, useComponentHover, useComponentViewInfo, useSetComponentHover, useSetComponentViewInfo, useInitialCoordination, useDeckCanvasSize, useMultiObsLabels, useObsEmbeddingData, useFeatureSelection, useObsFeatureMatrixIndices, useFeatureLabelsData, useGetObsInfo, useUint8FeatureSelection, useExpressionValueGetter, useAuxiliaryCoordination, useHasLoader, useObsLocationsData, useObsLabelsData, useObsSegmentationsData, useNeighborhoodsData, useObsFeatureMatrixData, useUint8ObsFeatureMatrix, useGetObsMembership, PopperMenu, useComponentLayout, useClosestVitessceContainerSize, useWindowDimensions, useWarning, useGridItemSize, useGenomicProfilesData, DataSourceFetchError, AbstractLoaderError, AbstractTwoStepLoader, LoaderResult, LoaderValidationError, logConfig, VitS } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 function _mergeNamespaces(n3, m2) {
@@ -5525,15 +5525,15 @@ function memoizeCapped$2(func) {
   var cache2 = result.cache;
   return result;
 }
-var rePropName$3 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-var reEscapeChar$3 = /\\(\\)?/g;
+var rePropName$2 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+var reEscapeChar$2 = /\\(\\)?/g;
 var stringToPath$3 = memoizeCapped$2(function(string2) {
   var result = [];
   if (string2.charCodeAt(0) === 46) {
     result.push("");
   }
-  string2.replace(rePropName$3, function(match2, number2, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar$3, "$1") : number2 || match2);
+  string2.replace(rePropName$2, function(match2, number2, quote, subString) {
+    result.push(quote ? subString.replace(reEscapeChar$2, "$1") : number2 || match2);
   });
   return result;
 });
@@ -14177,7 +14177,7 @@ var json2csv_umd = { exports: {} };
       return result == "0" && 1 / value2 == -INFINITY2 ? "-0" : result;
     }
     function castPath2(value2) {
-      return isArray$22(value2) ? value2 : stringToPath4(value2);
+      return isArray$22(value2) ? value2 : stringToPath3(value2);
     }
     function getMapData2(map2, key2) {
       var data2 = map2.__data__;
@@ -14204,7 +14204,7 @@ var json2csv_umd = { exports: {} };
     function isMasked2(func) {
       return !!maskSrcKey2 && maskSrcKey2 in func;
     }
-    var stringToPath4 = memoize3(function(string2) {
+    var stringToPath3 = memoize3(function(string2) {
       string2 = toString$12(string2);
       var result = [];
       if (reLeadingDot.test(string2)) {
@@ -18672,6 +18672,10 @@ const FileType$1 = {
   ANNDATA_EXPRESSION_MATRIX_ZARR: "anndata-expression-matrix.zarr"
 };
 const CoordinationType$1 = {
+  // Meta coordination scopes
+  META_COORDINATION_SCOPES: "metaCoordinationScopes",
+  META_COORDINATION_SCOPES_BY: "metaCoordinationScopesBy",
+  // Other coordination scopes
   DATASET: "dataset",
   // Entity types
   OBS_TYPE: "obsType",
@@ -20410,7 +20414,24 @@ function elementTypeAcceptingRef(props2, propName, componentName, location, prop
   return null;
 }
 const elementTypeAcceptingRef$1 = chainPropTypes(propTypesExports.elementType, elementTypeAcceptingRef);
+function _toPrimitive$1(input, hint2) {
+  if (_typeof$B(input) !== "object" || input === null)
+    return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint2 || "default");
+    if (_typeof$B(res) !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint2 === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key2 = _toPrimitive$1(arg, "string");
+  return _typeof$B(key2) === "symbol" ? key2 : String(key2);
+}
 function _defineProperty$n(obj, key2, value2) {
+  key2 = _toPropertyKey(key2);
   if (key2 in obj) {
     Object.defineProperty(obj, key2, {
       value: value2,
@@ -20807,6 +20828,19 @@ function lighten(color2, coefficient) {
   }
   return recomposeColor(color2);
 }
+function _defineProperty$m(obj, key2, value2) {
+  if (key2 in obj) {
+    Object.defineProperty(obj, key2, {
+      value: value2,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key2] = value2;
+  }
+  return obj;
+}
 function _objectWithoutPropertiesLoose$1(source2, excluded) {
   if (source2 == null)
     return {};
@@ -20839,6 +20873,20 @@ function _objectWithoutProperties$1(source2, excluded) {
   }
   return target2;
 }
+function _extends$6() {
+  _extends$6 = Object.assign ? Object.assign.bind() : function(target2) {
+    for (var i2 = 1; i2 < arguments.length; i2++) {
+      var source2 = arguments[i2];
+      for (var key2 in source2) {
+        if (Object.prototype.hasOwnProperty.call(source2, key2)) {
+          target2[key2] = source2[key2];
+        }
+      }
+    }
+    return target2;
+  };
+  return _extends$6.apply(this, arguments);
+}
 var keys$9 = ["xs", "sm", "md", "lg", "xl"];
 function createBreakpoints(breakpoints) {
   var _breakpoints$values = breakpoints.values, values3 = _breakpoints$values === void 0 ? {
@@ -20881,7 +20929,7 @@ function createBreakpoints(breakpoints) {
     }
     return values3[key2];
   }
-  return _extends$7({
+  return _extends$6({
     keys: keys$9,
     values: values3,
     up,
@@ -20893,23 +20941,23 @@ function createBreakpoints(breakpoints) {
 }
 function createMixins(breakpoints, spacing, mixins) {
   var _toolbar;
-  return _extends$7({
+  return _extends$6({
     gutters: function gutters() {
       var styles33 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       console.warn(["Material-UI: theme.mixins.gutters() is deprecated.", "You can use the source of the mixin directly:", "\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      [theme.breakpoints.up('sm')]: {\n        paddingLeft: theme.spacing(3),\n        paddingRight: theme.spacing(3),\n      },\n      "].join("\n"));
-      return _extends$7({
+      return _extends$6({
         paddingLeft: spacing(2),
         paddingRight: spacing(2)
-      }, styles33, _defineProperty$n({}, breakpoints.up("sm"), _extends$7({
+      }, styles33, _defineProperty$m({}, breakpoints.up("sm"), _extends$6({
         paddingLeft: spacing(3),
         paddingRight: spacing(3)
       }, styles33[breakpoints.up("sm")])));
     },
     toolbar: (_toolbar = {
       minHeight: 56
-    }, _defineProperty$n(_toolbar, "".concat(breakpoints.up("xs"), " and (orientation: landscape)"), {
+    }, _defineProperty$m(_toolbar, "".concat(breakpoints.up("xs"), " and (orientation: landscape)"), {
       minHeight: 48
-    }), _defineProperty$n(_toolbar, breakpoints.up("sm"), {
+    }), _defineProperty$m(_toolbar, breakpoints.up("sm"), {
       minHeight: 64
     }), _toolbar)
   }, mixins);
@@ -21034,7 +21082,7 @@ function createPalette(palette) {
     var mainShade = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
     var lightShade = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
     var darkShade = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 700;
-    color2 = _extends$7({}, color2);
+    color2 = _extends$6({}, color2);
     if (!color2.main && color2[mainShade]) {
       color2.main = color2[mainShade];
     }
@@ -21060,7 +21108,7 @@ function createPalette(palette) {
       console.error("Material-UI: The palette type `".concat(type2, "` is not supported."));
     }
   }
-  var paletteOutput = deepmerge(_extends$7({
+  var paletteOutput = deepmerge(_extends$6({
     // A collection of common colors.
     common: common$3,
     // The palette type, can be light or dark.
@@ -21125,7 +21173,7 @@ function createTypography(palette, typography) {
     return "".concat(size2 / htmlFontSize * coef, "rem");
   };
   var buildVariant = function buildVariant2(fontWeight, size2, lineHeight2, letterSpacing, casing) {
-    return _extends$7({
+    return _extends$6({
       fontFamily: fontFamily2,
       fontWeight,
       fontSize: pxToRem(size2),
@@ -21150,7 +21198,7 @@ function createTypography(palette, typography) {
     caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
   };
-  return deepmerge(_extends$7({
+  return deepmerge(_extends$6({
     htmlFontSize,
     pxToRem,
     round: roundWithDeprecationWarning,
@@ -21215,6 +21263,14 @@ function _nonIterableSpread$j() {
 function _toConsumableArray$j(arr) {
   return _arrayWithoutHoles$j(arr) || _iterableToArray$j(arr) || _unsupportedIterableToArray$n(arr) || _nonIterableSpread$j();
 }
+function _typeof$A(obj) {
+  "@babel/helpers - typeof";
+  return _typeof$A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
+    return typeof obj2;
+  } : function(obj2) {
+    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+  }, _typeof$A(obj);
+}
 function _arrayWithHoles$8(arr) {
   if (Array.isArray(arr))
     return arr;
@@ -21457,7 +21513,7 @@ function createTheme() {
         } else if (pseudoClasses2.indexOf(key2) !== -1 && Object.keys(child2).length > 0) {
           {
             console.error(["Material-UI: The `".concat(parentKey, "` component increases ") + "the CSS specificity of the `".concat(key2, "` internal state."), "You can not override it like this: ", JSON.stringify(node, null, 2), "", "Instead, you need to use the $ruleName syntax:", JSON.stringify({
-              root: _defineProperty$n({}, "&$".concat(key2), child2)
+              root: _defineProperty$m({}, "&$".concat(key2), child2)
             }, null, 2), "", "https://mui.com/r/pseudo-classes-guide"].join("\n"));
           }
           node[key2] = {};
@@ -21539,50 +21595,12 @@ function warning$2(condition, message) {
     }
   }
 }
-function _extends$6() {
-  _extends$6 = Object.assign ? Object.assign.bind() : function(target2) {
-    for (var i2 = 1; i2 < arguments.length; i2++) {
-      var source2 = arguments[i2];
-      for (var key2 in source2) {
-        if (Object.prototype.hasOwnProperty.call(source2, key2)) {
-          target2[key2] = source2[key2];
-        }
-      }
-    }
-    return target2;
-  };
-  return _extends$6.apply(this, arguments);
-}
-var _typeof$A = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
+var _typeof$z = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
   return typeof obj;
 } : function(obj) {
   return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
 };
-var isBrowser$6 = (typeof window === "undefined" ? "undefined" : _typeof$A(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$A(document)) === "object" && document.nodeType === 9;
-function _typeof$z(obj) {
-  "@babel/helpers - typeof";
-  return _typeof$z = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof$z(obj);
-}
-function _toPrimitive$1(input, hint2) {
-  if (_typeof$z(input) !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint2 || "default");
-    if (_typeof$z(res) !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint2 === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key2 = _toPrimitive$1(arg, "string");
-  return _typeof$z(key2) === "symbol" ? key2 : String(key2);
-}
+var isBrowser$6 = (typeof window === "undefined" ? "undefined" : _typeof$z(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$z(document)) === "object" && document.nodeType === 9;
 function _defineProperties$y(target2, props2) {
   for (var i2 = 0; i2 < props2.length; i2++) {
     var descriptor2 = props2[i2];
@@ -21860,7 +21878,7 @@ var StyleRule = /* @__PURE__ */ function(_BaseStyleRule) {
   _proto2.toString = function toString2(options) {
     var sheet = this.options.sheet;
     var link2 = sheet ? sheet.options.link : false;
-    var opts2 = link2 ? _extends$6({}, options, {
+    var opts2 = link2 ? _extends$7({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.selectorText, this.style, opts2);
@@ -21907,7 +21925,7 @@ var ConditionalRule = /* @__PURE__ */ function() {
     this.at = atMatch ? atMatch[1] : "unknown";
     this.query = options.name || "@" + this.at;
     this.options = options;
-    this.rules = new RuleList(_extends$6({}, options, {
+    this.rules = new RuleList(_extends$7({}, options, {
       parent: this
     }));
     for (var name2 in styles33) {
@@ -21979,11 +21997,11 @@ var KeyframesRule = /* @__PURE__ */ function() {
     this.options = options;
     var scoped = options.scoped, sheet = options.sheet, generateId = options.generateId;
     this.id = scoped === false ? this.name : escape$1(generateId(this, sheet));
-    this.rules = new RuleList(_extends$6({}, options, {
+    this.rules = new RuleList(_extends$7({}, options, {
       parent: this
     }));
     for (var name2 in frames) {
-      this.rules.add(name2, frames[name2], _extends$6({}, options, {
+      this.rules.add(name2, frames[name2], _extends$7({}, options, {
         parent: this
       }));
     }
@@ -22068,7 +22086,7 @@ var KeyframeRule = /* @__PURE__ */ function(_BaseStyleRule) {
   _proto.toString = function toString2(options) {
     var sheet = this.options.sheet;
     var link2 = sheet ? sheet.options.link : false;
-    var opts2 = link2 ? _extends$6({}, options, {
+    var opts2 = link2 ? _extends$7({}, options, {
       allowEmpty: true
     }) : options;
     return toCss(this.key, this.style, opts2);
@@ -22192,7 +22210,7 @@ var RuleList = /* @__PURE__ */ function() {
   var _proto = RuleList2.prototype;
   _proto.add = function add2(name2, decl, ruleOptions) {
     var _this$options = this.options, parent = _this$options.parent, sheet = _this$options.sheet, jss2 = _this$options.jss, Renderer2 = _this$options.Renderer, generateId = _this$options.generateId, scoped = _this$options.scoped;
-    var options = _extends$6({
+    var options = _extends$7({
       classes: this.classes,
       parent,
       sheet,
@@ -22228,7 +22246,7 @@ var RuleList = /* @__PURE__ */ function() {
     }
     var options = ruleOptions;
     if (oldIndex !== -1)
-      options = _extends$6({}, ruleOptions, {
+      options = _extends$7({}, ruleOptions, {
         index: oldIndex
       });
     return this.add(name2, decl, options);
@@ -22341,7 +22359,7 @@ var StyleSheet = /* @__PURE__ */ function() {
     this.deployed = false;
     this.classes = {};
     this.keyframes = {};
-    this.options = _extends$6({}, options, {
+    this.options = _extends$7({}, options, {
       sheet: this,
       parent: this,
       classes: this.classes,
@@ -22960,7 +22978,7 @@ var Jss = /* @__PURE__ */ function() {
       this.options.createGenerateId = options.createGenerateId;
     }
     if (options.id) {
-      this.options.id = _extends$6({}, this.options.id, options.id);
+      this.options.id = _extends$7({}, this.options.id, options.id);
     }
     if (options.createGenerateId || options.id) {
       this.generateId = this.options.createGenerateId(this.options.id);
@@ -22982,7 +23000,7 @@ var Jss = /* @__PURE__ */ function() {
     if (typeof index2 !== "number") {
       index2 = sheets.index === 0 ? 0 : sheets.index + 1;
     }
-    var sheet = new StyleSheet(styles33, _extends$6({}, options, {
+    var sheet = new StyleSheet(styles33, _extends$7({}, options, {
       jss: this,
       generateId: options.generateId || this.generateId,
       insertionPoint: this.options.insertionPoint,
@@ -23007,7 +23025,7 @@ var Jss = /* @__PURE__ */ function() {
     if (typeof name2 === "object") {
       return this.createRule(void 0, name2, style2);
     }
-    var ruleOptions = _extends$6({}, options, {
+    var ruleOptions = _extends$7({}, options, {
       name: name2,
       jss: this,
       Renderer: this.options.Renderer
@@ -23118,7 +23136,7 @@ var GlobalContainerRule = /* @__PURE__ */ function() {
     this.isProcessed = false;
     this.key = key2;
     this.options = options;
-    this.rules = new RuleList(_extends$7({}, options, {
+    this.rules = new RuleList(_extends$6({}, options, {
       parent: this
     }));
     for (var selector2 in styles33) {
@@ -23158,7 +23176,7 @@ var GlobalPrefixedRule = /* @__PURE__ */ function() {
     this.key = key2;
     this.options = options;
     var selector2 = key2.substr(atPrefix.length);
-    this.rule = options.jss.createRule(selector2, style2, _extends$7({}, options, {
+    this.rule = options.jss.createRule(selector2, style2, _extends$6({}, options, {
       parent: this
     }));
   }
@@ -23185,7 +23203,7 @@ function handleNestedGlobalContainerRule(rule2, sheet) {
   if (!rules)
     return;
   for (var name2 in rules) {
-    sheet.addRule(name2, rules[name2], _extends$7({}, options, {
+    sheet.addRule(name2, rules[name2], _extends$6({}, options, {
       selector: addScope(name2, rule2.selector)
     }));
   }
@@ -23197,7 +23215,7 @@ function handlePrefixedGlobalRule(rule2, sheet) {
     if (prop[0] !== "@" || prop.substr(0, at.length) !== at)
       continue;
     var selector2 = addScope(prop.substr(at.length), rule2.selector);
-    sheet.addRule(selector2, style2[prop], _extends$7({}, options, {
+    sheet.addRule(selector2, style2[prop], _extends$6({}, options, {
       selector: selector2
     }));
     delete style2[prop];
@@ -23266,12 +23284,12 @@ function jssNested() {
   }
   function getOptions(rule2, container, prevOptions) {
     if (prevOptions)
-      return _extends$6({}, prevOptions, {
+      return _extends$7({}, prevOptions, {
         index: prevOptions.index + 1
       });
     var nestingLevel = rule2.options.nestingLevel;
     nestingLevel = nestingLevel === void 0 ? 1 : nestingLevel + 1;
-    var options = _extends$6({}, rule2.options, {
+    var options = _extends$7({}, rule2.options, {
       nestingLevel,
       index: container.indexOf(rule2) + 1
       // We don't need the parent name to be set options for chlid.
@@ -23299,11 +23317,11 @@ function jssNested() {
         selector2 = selector2.replace(refRegExp, replaceRef3);
         var name2 = styleRule.key + "-" + prop;
         if ("replaceRule" in container) {
-          container.replaceRule(name2, style2[prop], _extends$6({}, options, {
+          container.replaceRule(name2, style2[prop], _extends$7({}, options, {
             selector: selector2
           }));
         } else {
-          container.addRule(name2, style2[prop], _extends$6({}, options, {
+          container.addRule(name2, style2[prop], _extends$7({}, options, {
             selector: selector2
           }));
         }
@@ -24073,7 +24091,7 @@ function mergeClasses$2() {
   if (!newClasses) {
     return baseClasses;
   }
-  var nextClasses = _extends$7({}, baseClasses);
+  var nextClasses = _extends$6({}, baseClasses);
   {
     if (typeof newClasses === "string") {
       console.error(["Material-UI: The value `".concat(newClasses, "` ") + "provided to the classes prop of ".concat(getDisplayName(Component2), " is incorrect."), "You might want to use the className prop instead."].join("\n"));
@@ -24145,7 +24163,7 @@ var injectFirstNode;
 function StylesProvider(props2) {
   var children2 = props2.children, _props$injectFirst = props2.injectFirst, injectFirst = _props$injectFirst === void 0 ? false : _props$injectFirst, _props$disableGenerat = props2.disableGeneration, disableGeneration = _props$disableGenerat === void 0 ? false : _props$disableGenerat, localOptions = _objectWithoutProperties$1(props2, ["children", "injectFirst", "disableGeneration"]);
   var outerOptions = React__default.useContext(StylesContext);
-  var context2 = _extends$7({}, outerOptions, {
+  var context2 = _extends$6({}, outerOptions, {
     disableGeneration
   }, localOptions);
   {
@@ -24250,7 +24268,7 @@ const noopTheme$1 = noopTheme;
 function getStylesCreator(stylesOrCreator) {
   var themingEnabled = typeof stylesOrCreator === "function";
   {
-    if (_typeof$B(stylesOrCreator) !== "object" && !themingEnabled) {
+    if (_typeof$A(stylesOrCreator) !== "object" && !themingEnabled) {
       console.error(["Material-UI: The `styles` argument provided is invalid.", "You need to provide a function generating the styles or a styles object."].join("\n"));
     }
   }
@@ -24271,7 +24289,7 @@ function getStylesCreator(stylesOrCreator) {
         return styles33;
       }
       var overrides = theme.overrides[name2];
-      var stylesWithOverrides = _extends$7({}, styles33);
+      var stylesWithOverrides = _extends$6({}, styles33);
       Object.keys(overrides).forEach(function(key2) {
         {
           if (!stylesWithOverrides[key2]) {
@@ -24332,7 +24350,7 @@ function attach(_ref22, props2) {
     };
     multiKeyStore$1.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
   }
-  var options = _extends$7({}, stylesCreator.options, stylesOptions, {
+  var options = _extends$6({}, stylesCreator.options, stylesOptions, {
     theme,
     flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
   });
@@ -24345,7 +24363,7 @@ function attach(_ref22, props2) {
     }
     var styles33 = stylesCreator.create(theme, name2);
     if (!staticSheet) {
-      staticSheet = stylesOptions.jss.createStyleSheet(styles33, _extends$7({
+      staticSheet = stylesOptions.jss.createStyleSheet(styles33, _extends$6({
         link: false
       }, options));
       staticSheet.attach();
@@ -24360,7 +24378,7 @@ function attach(_ref22, props2) {
     sheetManager.dynamicStyles = getDynamicStyles(styles33);
   }
   if (sheetManager.dynamicStyles) {
-    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$7({
+    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$6({
       link: true
     }, options));
     dynamicSheet.update(props2);
@@ -24442,7 +24460,7 @@ function makeStyles$1(stylesOrCreator) {
   var useStyles2 = function useStyles3() {
     var props2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var theme = useTheme$1() || defaultTheme2;
-    var stylesOptions = _extends$7({}, React__default.useContext(StylesContext), stylesOptions2);
+    var stylesOptions = _extends$6({}, React__default.useContext(StylesContext), stylesOptions2);
     var instance = React__default.useRef();
     var shouldUpdate = React__default.useRef();
     useSynchronousEffect(function() {
@@ -24622,7 +24640,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
         }
       }
     }
-    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$7({
+    var useStyles2 = makeStyles$1(stylesOrCreator, _extends$6({
       defaultTheme: defaultTheme2,
       Component: Component2,
       name: name2 || Component2.displayName,
@@ -24631,7 +24649,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
     var WithStyles = /* @__PURE__ */ React__default.forwardRef(function WithStyles2(props2, ref2) {
       props2.classes;
       var innerRef = props2.innerRef, other = _objectWithoutProperties$1(props2, ["classes", "innerRef"]);
-      var classes = useStyles2(_extends$7({}, Component2.defaultProps, props2));
+      var classes = useStyles2(_extends$6({}, Component2.defaultProps, props2));
       var theme;
       var more = other;
       if (typeof name2 === "string" || withTheme) {
@@ -24647,7 +24665,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
           more.theme = theme;
         }
       }
-      return /* @__PURE__ */ React__default.createElement(Component2, _extends$7({
+      return /* @__PURE__ */ React__default.createElement(Component2, _extends$6({
         ref: innerRef || ref2,
         classes
       }, more));
@@ -24688,7 +24706,7 @@ var defaultTheme = createTheme();
 const defaultTheme$1 = defaultTheme;
 function makeStyles(stylesOrCreator) {
   var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  return makeStyles$1(stylesOrCreator, _extends$7({
+  return makeStyles$1(stylesOrCreator, _extends$6({
     defaultTheme: defaultTheme$1
   }, options));
 }
@@ -24700,7 +24718,7 @@ function useTheme() {
   return theme;
 }
 function withStyles2(stylesOrCreator, options) {
-  return withStylesWithoutDefault(stylesOrCreator, _extends$7({
+  return withStylesWithoutDefault(stylesOrCreator, _extends$6({
     defaultTheme: defaultTheme$1
   }, options));
 }
@@ -24784,7 +24802,7 @@ var styles$I = function styles(theme) {
 };
 var SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(props2, ref2) {
   var children2 = props2.children, classes = props2.classes, className = props2.className, _props$color = props2.color, color2 = _props$color === void 0 ? "inherit" : _props$color, _props$component = props2.component, Component2 = _props$component === void 0 ? "svg" : _props$component, _props$fontSize = props2.fontSize, fontSize2 = _props$fontSize === void 0 ? "medium" : _props$fontSize, htmlColor = props2.htmlColor, titleAccess = props2.titleAccess, _props$viewBox = props2.viewBox, viewBox = _props$viewBox === void 0 ? "0 0 24 24" : _props$viewBox, other = _objectWithoutProperties$1(props2, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, color2 !== "inherit" && classes["color".concat(capitalize$1(color2))], fontSize2 !== "default" && fontSize2 !== "medium" && classes["fontSize".concat(capitalize$1(fontSize2))]),
     focusable: "false",
     viewBox,
@@ -24862,7 +24880,7 @@ const SvgIcon$1 = withStyles2(styles$I, {
 })(SvgIcon);
 function createSvgIcon(path2, displayName) {
   var Component2 = function Component3(props2, ref2) {
-    return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$7({
+    return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$6({
       ref: ref2
     }, props2), path2);
   };
@@ -25686,7 +25704,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
     if (this.mounted) {
       this.setState(function(state) {
-        var children2 = _extends$7({}, state.children);
+        var children2 = _extends$6({}, state.children);
         delete children2[child2.key];
         return {
           children: children2
@@ -25898,7 +25916,7 @@ var Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(props2, ref2)
       timer2.current = setTimeout(next3, autoTransitionDuration.current || 0);
     }
   };
-  return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
+  return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
     in: inProp,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -25910,12 +25928,12 @@ var Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(props2, ref2)
     nodeRef: enableStrictModeCompat ? nodeRef : void 0,
     timeout: timeout3 === "auto" ? null : timeout3
   }, other), function(state, childProps) {
-    return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+    return /* @__PURE__ */ React.createElement(Component2, _extends$6({
       className: clsx(classes.root, classes.container, className, {
         "entered": classes.entered,
         "exited": !inProp && collapsedSize === "0px" && classes.hidden
       }[state]),
-      style: _extends$7({
+      style: _extends$6({
         minHeight: collapsedSize
       }, style2),
       ref: handleRef
@@ -26025,7 +26043,7 @@ var styles$G = function styles3(theme) {
       boxShadow: shadow2
     };
   });
-  return _extends$7({
+  return _extends$6({
     /* Styles applied to the root element. */
     root: {
       backgroundColor: theme.palette.background.paper,
@@ -26044,7 +26062,7 @@ var styles$G = function styles3(theme) {
 };
 var Paper = /* @__PURE__ */ React.forwardRef(function Paper2(props2, ref2) {
   var classes = props2.classes, className = props2.className, _props$component = props2.component, Component2 = _props$component === void 0 ? "div" : _props$component, _props$square = props2.square, square2 = _props$square === void 0 ? false : _props$square, _props$elevation = props2.elevation, elevation = _props$elevation === void 0 ? 1 : _props$elevation, _props$variant = props2.variant, variant = _props$variant === void 0 ? "elevation" : _props$variant, other = _objectWithoutProperties$1(props2, ["classes", "className", "component", "square", "elevation", "variant"]);
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, variant === "outlined" ? classes.outlined : classes["elevation".concat(elevation)], !square2 && classes.rounded),
     ref: ref2
   }, other));
@@ -26194,13 +26212,13 @@ var Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(props2, ref
       toggle: handleChange
     };
   }, [expanded, disabled, handleChange]);
-  return /* @__PURE__ */ React.createElement(Paper$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(Paper$1, _extends$6({
     className: clsx(classes.root, className, expanded && classes.expanded, disabled && classes.disabled, !square2 && classes.rounded),
     ref: ref2,
     square: square2
   }, other), /* @__PURE__ */ React.createElement(AccordionContext$1.Provider, {
     value: contextValue
-  }, summary), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
+  }, summary), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
     in: expanded,
     timeout: "auto"
   }, TransitionProps), /* @__PURE__ */ React.createElement("div", {
@@ -26284,7 +26302,7 @@ var styles$E = function styles5(theme) {
 };
 var AccordionDetails = /* @__PURE__ */ React.forwardRef(function AccordionDetails2(props2, ref2) {
   var classes = props2.classes, className = props2.className, other = _objectWithoutProperties$1(props2, ["classes", "className"]);
-  return /* @__PURE__ */ React.createElement("div", _extends$7({
+  return /* @__PURE__ */ React.createElement("div", _extends$6({
     className: clsx(classes.root, className),
     ref: ref2
   }, other));
@@ -26596,7 +26614,7 @@ var TouchRipple = /* @__PURE__ */ React.forwardRef(function TouchRipple2(props2,
       stop: stop3
     };
   }, [pulsate, start, stop3]);
-  return /* @__PURE__ */ React.createElement("span", _extends$7({
+  return /* @__PURE__ */ React.createElement("span", _extends$6({
     className: clsx(classes.root, className),
     ref: container
   }, other), /* @__PURE__ */ React.createElement(TransitionGroup$1, {
@@ -26815,7 +26833,7 @@ var ButtonBase = /* @__PURE__ */ React.forwardRef(function ButtonBase2(props2, r
       }
     }, [enableTouchRipple]);
   }
-  return /* @__PURE__ */ React.createElement(ComponentProp, _extends$7({
+  return /* @__PURE__ */ React.createElement(ComponentProp, _extends$6({
     className: clsx(classes.root, className, focusVisible && [classes.focusVisible, focusVisibleClassName], disabled && classes.disabled),
     onBlur: handleBlur,
     onClick,
@@ -26833,7 +26851,7 @@ var ButtonBase = /* @__PURE__ */ React.forwardRef(function ButtonBase2(props2, r
     tabIndex: disabled ? -1 : tabIndex
   }, buttonProps, other), children2, enableTouchRipple ? (
     /* TouchRipple is only needed client-side, x2 boost on the server. */
-    /* @__PURE__ */ React.createElement(TouchRipple$1, _extends$7({
+    /* @__PURE__ */ React.createElement(TouchRipple$1, _extends$6({
       ref: rippleRef,
       center: centerRipple
     }, TouchRippleProps))
@@ -27065,7 +27083,7 @@ var styles$B = function styles7(theme) {
 };
 var IconButton$1 = /* @__PURE__ */ React.forwardRef(function IconButton(props2, ref2) {
   var _props$edge = props2.edge, edge = _props$edge === void 0 ? false : _props$edge, children2 = props2.children, classes = props2.classes, className = props2.className, _props$color = props2.color, color2 = _props$color === void 0 ? "default" : _props$color, _props$disabled = props2.disabled, disabled = _props$disabled === void 0 ? false : _props$disabled, _props$disableFocusRi = props2.disableFocusRipple, disableFocusRipple = _props$disableFocusRi === void 0 ? false : _props$disableFocusRi, _props$size = props2.size, size2 = _props$size === void 0 ? "medium" : _props$size, other = _objectWithoutProperties$1(props2, ["edge", "children", "classes", "className", "color", "disabled", "disableFocusRipple", "size"]);
-  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
     className: clsx(classes.root, className, color2 !== "default" && classes["color".concat(capitalize$1(color2))], disabled && classes.disabled, size2 === "small" && classes["size".concat(capitalize$1(size2))], {
       "start": classes.edgeStart,
       "end": classes.edgeEnd
@@ -27201,7 +27219,7 @@ var AccordionSummary = /* @__PURE__ */ React.forwardRef(function AccordionSummar
       onClick(event2);
     }
   };
-  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
     focusRipple: false,
     disableRipple: true,
     disabled,
@@ -27213,7 +27231,7 @@ var AccordionSummary = /* @__PURE__ */ React.forwardRef(function AccordionSummar
     ref: ref2
   }, other), /* @__PURE__ */ React.createElement("div", {
     className: clsx(classes.content, expanded && classes.expanded)
-  }, children2), expandIcon && /* @__PURE__ */ React.createElement(IconButton$2, _extends$7({
+  }, children2), expandIcon && /* @__PURE__ */ React.createElement(IconButton$2, _extends$6({
     className: clsx(classes.expandIcon, expanded && classes.expanded),
     edge: "end",
     component: "div",
@@ -27388,7 +27406,7 @@ var defaultVariantMapping = {
 var Typography = /* @__PURE__ */ React.forwardRef(function Typography2(props2, ref2) {
   var _props$align = props2.align, align2 = _props$align === void 0 ? "inherit" : _props$align, classes = props2.classes, className = props2.className, _props$color = props2.color, color2 = _props$color === void 0 ? "initial" : _props$color, component = props2.component, _props$display = props2.display, display = _props$display === void 0 ? "initial" : _props$display, _props$gutterBottom = props2.gutterBottom, gutterBottom = _props$gutterBottom === void 0 ? false : _props$gutterBottom, _props$noWrap = props2.noWrap, noWrap = _props$noWrap === void 0 ? false : _props$noWrap, _props$paragraph = props2.paragraph, paragraph = _props$paragraph === void 0 ? false : _props$paragraph, _props$variant = props2.variant, variant = _props$variant === void 0 ? "body1" : _props$variant, _props$variantMapping = props2.variantMapping, variantMapping = _props$variantMapping === void 0 ? defaultVariantMapping : _props$variantMapping, other = _objectWithoutProperties$1(props2, ["align", "classes", "className", "color", "component", "display", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"]);
   var Component2 = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, variant !== "inherit" && classes[variant], color2 !== "initial" && classes["color".concat(capitalize$1(color2))], noWrap && classes.noWrap, gutterBottom && classes.gutterBottom, paragraph && classes.paragraph, align2 !== "inherit" && classes["align".concat(capitalize$1(align2))], display !== "initial" && classes["display".concat(capitalize$1(display))]),
     ref: ref2
   }, other));
@@ -27458,7 +27476,7 @@ const Typography$1 = withStyles2(styles$z, {
 var styles$y = function styles10(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$7({}, theme.typography.button, {
+    root: _extends$6({}, theme.typography.button, {
       boxSizing: "border-box",
       minWidth: 64,
       padding: "6px 16px",
@@ -27715,7 +27733,7 @@ var Button = /* @__PURE__ */ React.forwardRef(function Button2(props2, ref2) {
   var endIcon = endIconProp && /* @__PURE__ */ React.createElement("span", {
     className: clsx(classes.endIcon, classes["iconSize".concat(capitalize$1(size2))])
   }, endIconProp);
-  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
     className: clsx(classes.root, classes[variant], className, color2 === "inherit" ? classes.colorInherit : color2 !== "default" && classes["".concat(variant).concat(capitalize$1(color2))], size2 !== "medium" && [classes["".concat(variant, "Size").concat(capitalize$1(size2))], classes["size".concat(capitalize$1(size2))]], disableElevation && classes.disableElevation, disabled && classes.disabled, fullWidth && classes.fullWidth),
     component,
     disabled,
@@ -27880,7 +27898,7 @@ var SwitchBase = /* @__PURE__ */ React.forwardRef(function SwitchBase2(props2, r
     }
   }
   var hasLabelFor = type2 === "checkbox" || type2 === "radio";
-  return /* @__PURE__ */ React.createElement(IconButton$2, _extends$7({
+  return /* @__PURE__ */ React.createElement(IconButton$2, _extends$6({
     component: "span",
     className: clsx(classes.root, className, checked && classes.checked, disabled && classes.disabled),
     disabled,
@@ -27889,7 +27907,7 @@ var SwitchBase = /* @__PURE__ */ React.forwardRef(function SwitchBase2(props2, r
     onFocus: handleFocus2,
     onBlur: handleBlur,
     ref: ref2
-  }, other), /* @__PURE__ */ React.createElement("input", _extends$7({
+  }, other), /* @__PURE__ */ React.createElement("input", _extends$6({
     autoFocus,
     checked: checkedProp,
     defaultChecked,
@@ -28058,7 +28076,7 @@ var Checkbox = /* @__PURE__ */ React.forwardRef(function Checkbox2(props2, ref2)
   var _props$checkedIcon = props2.checkedIcon, checkedIcon = _props$checkedIcon === void 0 ? defaultCheckedIcon : _props$checkedIcon, classes = props2.classes, _props$color = props2.color, color2 = _props$color === void 0 ? "secondary" : _props$color, _props$icon = props2.icon, iconProp = _props$icon === void 0 ? defaultIcon : _props$icon, _props$indeterminate = props2.indeterminate, indeterminate = _props$indeterminate === void 0 ? false : _props$indeterminate, _props$indeterminateI = props2.indeterminateIcon, indeterminateIconProp = _props$indeterminateI === void 0 ? defaultIndeterminateIcon : _props$indeterminateI, inputProps = props2.inputProps, _props$size = props2.size, size2 = _props$size === void 0 ? "medium" : _props$size, other = _objectWithoutProperties$1(props2, ["checkedIcon", "classes", "color", "icon", "indeterminate", "indeterminateIcon", "inputProps", "size"]);
   var icon = indeterminate ? indeterminateIconProp : iconProp;
   var indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
-  return /* @__PURE__ */ React.createElement(SwitchBase$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(SwitchBase$1, _extends$6({
     type: "checkbox",
     classes: {
       root: clsx(classes.root, classes["color".concat(capitalize$1(color2))], indeterminate && classes.indeterminate),
@@ -28066,7 +28084,7 @@ var Checkbox = /* @__PURE__ */ React.forwardRef(function Checkbox2(props2, ref2)
       disabled: classes.disabled
     },
     color: color2,
-    inputProps: _extends$7({
+    inputProps: _extends$6({
       "data-indeterminate": indeterminate
     }, inputProps),
     icon: /* @__PURE__ */ React.cloneElement(icon, {
@@ -28580,11 +28598,11 @@ var styles$v = {
 };
 var SimpleBackdrop = /* @__PURE__ */ React.forwardRef(function SimpleBackdrop2(props2, ref2) {
   var _props$invisible = props2.invisible, invisible = _props$invisible === void 0 ? false : _props$invisible, open = props2.open, other = _objectWithoutProperties$1(props2, ["invisible", "open"]);
-  return open ? /* @__PURE__ */ React.createElement("div", _extends$7({
+  return open ? /* @__PURE__ */ React.createElement("div", _extends$6({
     "aria-hidden": true,
     ref: ref2
   }, other, {
-    style: _extends$7({}, styles$v.root, invisible ? styles$v.invisible : {}, other.style)
+    style: _extends$6({}, styles$v.root, invisible ? styles$v.invisible : {}, other.style)
   })) : null;
 });
 SimpleBackdrop.propTypes = {
@@ -28628,7 +28646,7 @@ var Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref2) {
   var theme = useTheme$1();
   var props2 = getThemeProps({
     name: "MuiModal",
-    props: _extends$7({}, inProps),
+    props: _extends$6({}, inProps),
     theme
   });
   var _props$BackdropCompon = props2.BackdropComponent, BackdropComponent = _props$BackdropCompon === void 0 ? SimpleBackdrop$1 : _props$BackdropCompon, BackdropProps = props2.BackdropProps, children2 = props2.children, _props$closeAfterTran = props2.closeAfterTransition, closeAfterTransition = _props$closeAfterTran === void 0 ? false : _props$closeAfterTran, container = props2.container, _props$disableAutoFoc = props2.disableAutoFocus, disableAutoFocus = _props$disableAutoFoc === void 0 ? false : _props$disableAutoFoc, _props$disableBackdro = props2.disableBackdropClick, disableBackdropClick = _props$disableBackdro === void 0 ? false : _props$disableBackdro, _props$disableEnforce = props2.disableEnforceFocus, disableEnforceFocus = _props$disableEnforce === void 0 ? false : _props$disableEnforce, _props$disableEscapeK = props2.disableEscapeKeyDown, disableEscapeKeyDown = _props$disableEscapeK === void 0 ? false : _props$disableEscapeK, _props$disablePortal = props2.disablePortal, disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal, _props$disableRestore = props2.disableRestoreFocus, disableRestoreFocus = _props$disableRestore === void 0 ? false : _props$disableRestore, _props$disableScrollL = props2.disableScrollLock, disableScrollLock = _props$disableScrollL === void 0 ? false : _props$disableScrollL, _props$hideBackdrop = props2.hideBackdrop, hideBackdrop = _props$hideBackdrop === void 0 ? false : _props$hideBackdrop, _props$keepMounted = props2.keepMounted, keepMounted = _props$keepMounted === void 0 ? false : _props$keepMounted, _props$manager = props2.manager, manager = _props$manager === void 0 ? defaultManager : _props$manager, onBackdropClick = props2.onBackdropClick, onClose = props2.onClose, onEscapeKeyDown = props2.onEscapeKeyDown, onRendered = props2.onRendered, open = props2.open, other = _objectWithoutProperties$1(props2, ["BackdropComponent", "BackdropProps", "children", "closeAfterTransition", "container", "disableAutoFocus", "disableBackdropClick", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onEscapeKeyDown", "onRendered", "open"]);
@@ -28743,13 +28761,13 @@ var Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref2) {
     ref: handlePortalRef,
     container,
     disablePortal
-  }, /* @__PURE__ */ React.createElement("div", _extends$7({
+  }, /* @__PURE__ */ React.createElement("div", _extends$6({
     ref: handleRef,
     onKeyDown: handleKeyDown2,
     role: "presentation"
   }, other, {
-    style: _extends$7({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
-  }), hideBackdrop ? null : /* @__PURE__ */ React.createElement(BackdropComponent, _extends$7({
+    style: _extends$6({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
+  }), hideBackdrop ? null : /* @__PURE__ */ React.createElement(BackdropComponent, _extends$6({
     open,
     onClick: handleBackdropClick
   }, BackdropProps)), /* @__PURE__ */ React.createElement(Unstable_TrapFocus, {
@@ -28977,12 +28995,12 @@ var TextareaAutosize = /* @__PURE__ */ React.forwardRef(function TextareaAutosiz
       onChange(event2);
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("textarea", _extends$7({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("textarea", _extends$6({
     value: value2,
     onChange: handleChange,
     ref: handleRef,
     rows: minRows,
-    style: _extends$7({
+    style: _extends$6({
       height: state.outerHeightStyle,
       // Need a large enough difference to allow scrolling.
       // This prevents infinite rendering loop.
@@ -28994,7 +29012,7 @@ var TextareaAutosize = /* @__PURE__ */ React.forwardRef(function TextareaAutosiz
     readOnly: true,
     ref: shadowRef,
     tabIndex: -1,
-    style: _extends$7({}, styles$t.shadow, style2)
+    style: _extends$6({}, styles$t.shadow, style2)
   }));
 });
 TextareaAutosize.propTypes = {
@@ -29078,7 +29096,7 @@ var styles$s = function styles13(theme) {
       "@keyframes mui-auto-fill-cancel": {}
     },
     /* Styles applied to the root element. */
-    root: _extends$7({}, theme.typography.body1, {
+    root: _extends$6({}, theme.typography.body1, {
       color: theme.palette.text.primary,
       lineHeight: "1.1876em",
       // Reset (19px), match the native input line-height
@@ -29335,11 +29353,11 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
     }
   };
   var InputComponent = inputComponent;
-  var inputProps = _extends$7({}, inputPropsProp, {
+  var inputProps = _extends$6({}, inputPropsProp, {
     ref: handleInputRef
   });
   if (typeof InputComponent !== "string") {
-    inputProps = _extends$7({
+    inputProps = _extends$6({
       // Rename ref to inputRef as we don't know the
       // provided `inputComponent` structure.
       inputRef: handleInputRef,
@@ -29351,7 +29369,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
     if (rows && !maxRows && !minRows && !rowsMax && !rowsMin) {
       InputComponent = "textarea";
     } else {
-      inputProps = _extends$7({
+      inputProps = _extends$6({
         minRows: rows || minRows,
         rowsMax,
         maxRows
@@ -29359,7 +29377,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
       InputComponent = TextareaAutosize$1;
     }
   } else {
-    inputProps = _extends$7({
+    inputProps = _extends$6({
       type: type2
     }, inputProps);
   }
@@ -29373,13 +29391,13 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
       muiFormControl.setAdornedStart(Boolean(startAdornment));
     }
   }, [muiFormControl, startAdornment]);
-  return /* @__PURE__ */ React.createElement("div", _extends$7({
+  return /* @__PURE__ */ React.createElement("div", _extends$6({
     className: clsx(classes.root, classes["color".concat(capitalize$1(fcs.color || "primary"))], className, fcs.disabled && classes.disabled, fcs.error && classes.error, fullWidth && classes.fullWidth, fcs.focused && classes.focused, muiFormControl && classes.formControl, multiline && classes.multiline, startAdornment && classes.adornedStart, endAdornment && classes.adornedEnd, fcs.margin === "dense" && classes.marginDense),
     onClick: handleClick,
     ref: ref2
   }, other), startAdornment, /* @__PURE__ */ React.createElement(FormControlContext$1.Provider, {
     value: null
-  }, /* @__PURE__ */ React.createElement(InputComponent, _extends$7({
+  }, /* @__PURE__ */ React.createElement(InputComponent, _extends$6({
     "aria-invalid": fcs.error,
     "aria-describedby": ariaDescribedby,
     autoComplete,
@@ -29401,7 +29419,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
     onBlur: handleBlur,
     onChange: handleChange,
     onFocus: handleFocus2
-  }))), endAdornment, renderSuffix ? renderSuffix(_extends$7({}, fcs, {
+  }))), endAdornment, renderSuffix ? renderSuffix(_extends$6({}, fcs, {
     startAdornment
   })) : null);
 });
@@ -29719,8 +29737,8 @@ var styles$r = function styles14(theme) {
 };
 var FilledInput = /* @__PURE__ */ React.forwardRef(function FilledInput2(props2, ref2) {
   var disableUnderline = props2.disableUnderline, classes = props2.classes, _props$fullWidth = props2.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, _props$inputComponent = props2.inputComponent, inputComponent = _props$inputComponent === void 0 ? "input" : _props$inputComponent, _props$multiline = props2.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, _props$type = props2.type, type2 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties$1(props2, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
-  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$7({
-    classes: _extends$7({}, classes, {
+  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$6({
+    classes: _extends$6({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
       underline: null
     }),
@@ -29964,7 +29982,7 @@ var FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(props2,
   };
   return /* @__PURE__ */ React.createElement(FormControlContext$1.Provider, {
     value: childContext
-  }, /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  }, /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, margin !== "none" && classes["margin".concat(capitalize$1(margin))], fullWidth && classes.fullWidth),
     ref: ref2
   }, other), children2));
@@ -30041,7 +30059,7 @@ const FormControl$1 = withStyles2(styles$q, {
 var styles$p = function styles15(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$7({
+    root: _extends$6({
       color: theme.palette.text.secondary
     }, theme.typography.caption, {
       textAlign: "left",
@@ -30091,7 +30109,7 @@ var FormHelperText = /* @__PURE__ */ React.forwardRef(function FormHelperText2(p
     muiFormControl,
     states: ["variant", "margin", "disabled", "error", "filled", "focused", "required"]
   });
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, (fcs.variant === "filled" || fcs.variant === "outlined") && classes.contained, className, fcs.disabled && classes.disabled, fcs.error && classes.error, fcs.filled && classes.filled, fcs.focused && classes.focused, fcs.required && classes.required, fcs.margin === "dense" && classes.marginDense),
     ref: ref2
   }, other), children2 === " " ? (
@@ -30164,7 +30182,7 @@ const FormHelperText$1 = withStyles2(styles$p, {
 var styles$o = function styles16(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$7({
+    root: _extends$6({
       color: theme.palette.text.secondary
     }, theme.typography.body1, {
       lineHeight: 1,
@@ -30219,7 +30237,7 @@ var FormLabel = /* @__PURE__ */ React.forwardRef(function FormLabel2(props2, ref
     muiFormControl,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
   });
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, classes["color".concat(capitalize$1(fcs.color || "primary"))], className, fcs.disabled && classes.disabled, fcs.error && classes.error, fcs.filled && classes.filled, fcs.focused && classes.focused, fcs.required && classes.required),
     ref: ref2
   }, other), children2, fcs.required && /* @__PURE__ */ React.createElement("span", {
@@ -30308,7 +30326,7 @@ function generateGrid(globalStyles, theme, breakpoint) {
     };
   });
   if (breakpoint === "xs") {
-    _extends$7(globalStyles, styles33);
+    _extends$6(globalStyles, styles33);
   } else {
     globalStyles[theme.breakpoints.up(breakpoint)] = styles33;
   }
@@ -30336,7 +30354,7 @@ function generateGutter(theme, breakpoint) {
   return styles33;
 }
 var styles$n = function styles17(theme) {
-  return _extends$7({
+  return _extends$6({
     /* Styles applied to the root element. */
     root: {},
     /* Styles applied to the root element if `container={true}`. */
@@ -30440,7 +30458,7 @@ var styles$n = function styles17(theme) {
 var Grid$2 = /* @__PURE__ */ React.forwardRef(function Grid(props2, ref2) {
   var _props$alignContent = props2.alignContent, alignContent = _props$alignContent === void 0 ? "stretch" : _props$alignContent, _props$alignItems = props2.alignItems, alignItems = _props$alignItems === void 0 ? "stretch" : _props$alignItems, classes = props2.classes, classNameProp = props2.className, _props$component = props2.component, Component2 = _props$component === void 0 ? "div" : _props$component, _props$container = props2.container, container = _props$container === void 0 ? false : _props$container, _props$direction = props2.direction, direction = _props$direction === void 0 ? "row" : _props$direction, _props$item = props2.item, item = _props$item === void 0 ? false : _props$item, justify = props2.justify, _props$justifyContent = props2.justifyContent, justifyContent2 = _props$justifyContent === void 0 ? "flex-start" : _props$justifyContent, _props$lg = props2.lg, lg = _props$lg === void 0 ? false : _props$lg, _props$md = props2.md, md2 = _props$md === void 0 ? false : _props$md, _props$sm = props2.sm, sm = _props$sm === void 0 ? false : _props$sm, _props$spacing = props2.spacing, spacing = _props$spacing === void 0 ? 0 : _props$spacing, _props$wrap = props2.wrap, wrap2 = _props$wrap === void 0 ? "wrap" : _props$wrap, _props$xl = props2.xl, xl = _props$xl === void 0 ? false : _props$xl, _props$xs = props2.xs, xs = _props$xs === void 0 ? false : _props$xs, _props$zeroMinWidth = props2.zeroMinWidth, zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth, other = _objectWithoutProperties$1(props2, ["alignContent", "alignItems", "classes", "className", "component", "container", "direction", "item", "justify", "justifyContent", "lg", "md", "sm", "spacing", "wrap", "xl", "xs", "zeroMinWidth"]);
   var className = clsx(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes["spacing-xs-".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== "row" && classes["direction-xs-".concat(String(direction))], wrap2 !== "wrap" && classes["wrap-xs-".concat(String(wrap2))], alignItems !== "stretch" && classes["align-items-xs-".concat(String(alignItems))], alignContent !== "stretch" && classes["align-content-xs-".concat(String(alignContent))], (justify || justifyContent2) !== "flex-start" && classes["justify-content-xs-".concat(String(justify || justifyContent2))], xs !== false && classes["grid-xs-".concat(String(xs))], sm !== false && classes["grid-sm-".concat(String(sm))], md2 !== false && classes["grid-md-".concat(String(md2))], lg !== false && classes["grid-lg-".concat(String(lg))], xl !== false && classes["grid-xl-".concat(String(xl))]);
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className,
     ref: ref2
   }, other));
@@ -30546,7 +30564,7 @@ var StyledGrid = withStyles2(styles$n, {
 })(Grid$2);
 {
   var requireProp = requirePropFactory("Grid");
-  StyledGrid.propTypes = _extends$7({}, StyledGrid.propTypes, {
+  StyledGrid.propTypes = _extends$6({}, StyledGrid.propTypes, {
     alignContent: requireProp("container"),
     alignItems: requireProp("container"),
     direction: requireProp("container"),
@@ -30663,7 +30681,7 @@ var Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props2, ref2) {
       clearTimeout(timer2.current);
     };
   }, []);
-  return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
+  return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
     appear: true,
     in: inProp,
     nodeRef: enableStrictModeCompat ? nodeRef : void 0,
@@ -30676,8 +30694,8 @@ var Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props2, ref2) {
     addEndListener,
     timeout: timeout3 === "auto" ? null : timeout3
   }, other), function(state, childProps) {
-    return /* @__PURE__ */ React.cloneElement(children2, _extends$7({
-      style: _extends$7({
+    return /* @__PURE__ */ React.cloneElement(children2, _extends$6({
+      style: _extends$6({
         opacity: 0,
         transform: getScale$2(0.75),
         visibility: state === "exited" && !inProp ? "hidden" : void 0
@@ -30842,8 +30860,8 @@ var styles$l = function styles18(theme) {
 };
 var Input$1 = /* @__PURE__ */ React.forwardRef(function Input(props2, ref2) {
   var disableUnderline = props2.disableUnderline, classes = props2.classes, _props$fullWidth = props2.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, _props$inputComponent = props2.inputComponent, inputComponent = _props$inputComponent === void 0 ? "input" : _props$inputComponent, _props$multiline = props2.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, _props$type = props2.type, type2 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties$1(props2, ["disableUnderline", "classes", "fullWidth", "inputComponent", "multiline", "type"]);
-  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$7({
-    classes: _extends$7({}, classes, {
+  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$6({
+    classes: _extends$6({}, classes, {
       root: clsx(classes.root, !disableUnderline && classes.underline),
       underline: null
     }),
@@ -31070,7 +31088,7 @@ var InputLabel = /* @__PURE__ */ React.forwardRef(function InputLabel2(props2, r
     muiFormControl,
     states: ["margin", "variant"]
   });
-  return /* @__PURE__ */ React.createElement(FormLabel$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(FormLabel$1, _extends$6({
     "data-shrink": shrink,
     className: clsx(classes.root, className, muiFormControl && classes.formControl, !disableAnimation && classes.animated, shrink && classes.shrink, fcs.margin === "dense" && classes.marginDense, {
       "filled": classes.filled,
@@ -31179,7 +31197,7 @@ var List = /* @__PURE__ */ React.forwardRef(function List2(props2, ref2) {
   }, [dense]);
   return /* @__PURE__ */ React.createElement(ListContext$1.Provider, {
     value: context2
-  }, /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  }, /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, dense && classes.dense, !disablePadding && classes.padding, subheader && classes.subheader),
     ref: ref2
   }, other), subheader, children2));
@@ -31322,7 +31340,7 @@ var ListItem = /* @__PURE__ */ React.forwardRef(function ListItem2(props2, ref2)
     listItemRef.current = ReactDOM.findDOMNode(instance);
   }, []);
   var handleRef = useForkRef(handleOwnRef, ref2);
-  var componentProps = _extends$7({
+  var componentProps = _extends$6({
     className: clsx(classes.root, className, childContext.dense && classes.dense, !disableGutters && classes.gutters, divider && classes.divider, disabled && classes.disabled, button && classes.button, alignItems !== "center" && classes.alignItemsFlexStart, hasSecondaryAction && classes.secondaryAction, selected && classes.selected),
     disabled
   }, other);
@@ -31343,14 +31361,14 @@ var ListItem = /* @__PURE__ */ React.forwardRef(function ListItem2(props2, ref2)
     }
     return /* @__PURE__ */ React.createElement(ListContext$1.Provider, {
       value: childContext
-    }, /* @__PURE__ */ React.createElement(ContainerComponent, _extends$7({
+    }, /* @__PURE__ */ React.createElement(ContainerComponent, _extends$6({
       className: clsx(classes.container, ContainerClassName),
       ref: handleRef
     }, ContainerProps), /* @__PURE__ */ React.createElement(Component2, componentProps, children2), children2.pop()));
   }
   return /* @__PURE__ */ React.createElement(ListContext$1.Provider, {
     value: childContext
-  }, /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  }, /* @__PURE__ */ React.createElement(Component2, _extends$6({
     ref: handleRef
   }, componentProps), children2));
 });
@@ -31656,7 +31674,7 @@ var Popover$1 = /* @__PURE__ */ React.forwardRef(function Popover(props2, ref2)
     transitionDuration = void 0;
   }
   var container = containerProp || (anchorEl ? ownerDocument(getAnchorEl$1(anchorEl)).body : void 0);
-  return /* @__PURE__ */ React.createElement(Modal$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(Modal$1, _extends$6({
     container,
     open,
     ref: ref2,
@@ -31664,7 +31682,7 @@ var Popover$1 = /* @__PURE__ */ React.forwardRef(function Popover(props2, ref2)
       invisible: true
     },
     className: clsx(classes.root, className)
-  }, other), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
+  }, other), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
     appear: true,
     in: open,
     onEnter,
@@ -31675,7 +31693,7 @@ var Popover$1 = /* @__PURE__ */ React.forwardRef(function Popover(props2, ref2)
     timeout: transitionDuration
   }, TransitionProps, {
     onEntering: createChainedFunction(handleEntering, TransitionProps.onEntering)
-  }), /* @__PURE__ */ React.createElement(Paper$1, _extends$7({
+  }), /* @__PURE__ */ React.createElement(Paper$1, _extends$6({
     elevation,
     ref: handlePaperRef
   }, PaperProps, {
@@ -32012,7 +32030,7 @@ var MenuList = /* @__PURE__ */ React.forwardRef(function MenuList2(props2, ref2)
     }
     return child2;
   });
-  return /* @__PURE__ */ React.createElement(List$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(List$1, _extends$6({
     role: "menu",
     ref: handleRef,
     className,
@@ -32144,24 +32162,24 @@ var Menu = /* @__PURE__ */ React.forwardRef(function Menu2(props2, ref2) {
     }
     return child2;
   });
-  return /* @__PURE__ */ React.createElement(Popover$2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Popover$2, _extends$6({
     getContentAnchorEl,
     classes: PopoverClasses,
     onClose,
-    TransitionProps: _extends$7({
+    TransitionProps: _extends$6({
       onEntering: handleEntering
     }, TransitionProps),
     anchorOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
     transformOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
-    PaperProps: _extends$7({}, PaperProps, {
-      classes: _extends$7({}, PaperProps.classes, {
+    PaperProps: _extends$6({}, PaperProps, {
+      classes: _extends$6({}, PaperProps.classes, {
         root: classes.paper
       })
     }),
     open,
     ref: ref2,
     transitionDuration
-  }, other), /* @__PURE__ */ React.createElement(MenuList$1, _extends$7({
+  }, other), /* @__PURE__ */ React.createElement(MenuList$1, _extends$6({
     onKeyDown: handleListKeyDown,
     actions: menuListActionsRef,
     autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),
@@ -32282,7 +32300,7 @@ const Menu$1 = withStyles2(styles$g, {
 var styles$f = function styles21(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$7({}, theme.typography.body1, _defineProperty$n({
+    root: _extends$6({}, theme.typography.body1, _defineProperty$m({
       minHeight: 48,
       paddingTop: 6,
       paddingBottom: 6,
@@ -32299,7 +32317,7 @@ var styles$f = function styles21(theme) {
     /* Styles applied to the root element if `selected={true}`. */
     selected: {},
     /* Styles applied to the root element if dense. */
-    dense: _extends$7({}, theme.typography.body2, {
+    dense: _extends$6({}, theme.typography.body2, {
       minHeight: "auto"
     })
   };
@@ -32310,14 +32328,14 @@ var MenuItem = /* @__PURE__ */ React.forwardRef(function MenuItem2(props2, ref2)
   if (!props2.disabled) {
     tabIndex = tabIndexProp !== void 0 ? tabIndexProp : -1;
   }
-  return /* @__PURE__ */ React.createElement(ListItem$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(ListItem$1, _extends$6({
     button: true,
     role,
     tabIndex,
     component,
     selected,
     disableGutters,
-    classes: _extends$7({
+    classes: _extends$6({
       dense: classes.dense
     }, ListItemClasses),
     className: clsx(classes.root, className, selected && classes.selected, !disableGutters && classes.gutters),
@@ -32377,7 +32395,7 @@ const MenuItem$1 = withStyles2(styles$f, {
 })(MenuItem);
 var NativeSelectInput = /* @__PURE__ */ React.forwardRef(function NativeSelectInput2(props2, ref2) {
   var classes = props2.classes, className = props2.className, disabled = props2.disabled, IconComponent = props2.IconComponent, inputRef = props2.inputRef, _props$variant = props2.variant, variant = _props$variant === void 0 ? "standard" : _props$variant, other = _objectWithoutProperties$1(props2, ["classes", "className", "disabled", "IconComponent", "inputRef", "variant"]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("select", _extends$7({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("select", _extends$6({
     className: clsx(
       classes.root,
       // TODO v5: merge root and select
@@ -32563,11 +32581,11 @@ var NativeSelect = /* @__PURE__ */ React.forwardRef(function NativeSelect2(props
     muiFormControl,
     states: ["variant"]
   });
-  return /* @__PURE__ */ React.cloneElement(input, _extends$7({
+  return /* @__PURE__ */ React.cloneElement(input, _extends$6({
     // Most of the logic is implemented in `NativeSelectInput`.
     // The `Select` component is a simple API wrapper to expose something better to play with.
     inputComponent: NativeSelectInput$1,
-    inputProps: _extends$7({
+    inputProps: _extends$6({
       children: children2,
       classes,
       IconComponent,
@@ -32690,7 +32708,7 @@ var NotchedOutline = /* @__PURE__ */ React.forwardRef(function NotchedOutline2(p
   var theme = useTheme();
   var align2 = theme.direction === "rtl" ? "right" : "left";
   if (label2 !== void 0) {
-    return /* @__PURE__ */ React.createElement("fieldset", _extends$7({
+    return /* @__PURE__ */ React.createElement("fieldset", _extends$6({
       "aria-hidden": true,
       className: clsx(classes.root, className),
       ref: ref2,
@@ -32704,9 +32722,9 @@ var NotchedOutline = /* @__PURE__ */ React.forwardRef(function NotchedOutline2(p
     })));
   }
   var labelWidth = labelWidthProp > 0 ? labelWidthProp * 0.75 + 8 : 0.01;
-  return /* @__PURE__ */ React.createElement("fieldset", _extends$7({
+  return /* @__PURE__ */ React.createElement("fieldset", _extends$6({
     "aria-hidden": true,
-    style: _extends$7(_defineProperty$n({}, "padding".concat(capitalize$1(align2)), 8), style2),
+    style: _extends$6(_defineProperty$m({}, "padding".concat(capitalize$1(align2)), 8), style2),
     className: clsx(classes.root, className),
     ref: ref2
   }, other), /* @__PURE__ */ React.createElement("legend", {
@@ -32849,7 +32867,7 @@ var styles$c = function styles24(theme) {
 };
 var OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(props2, ref2) {
   var classes = props2.classes, _props$fullWidth = props2.fullWidth, fullWidth = _props$fullWidth === void 0 ? false : _props$fullWidth, _props$inputComponent = props2.inputComponent, inputComponent = _props$inputComponent === void 0 ? "input" : _props$inputComponent, label2 = props2.label, _props$labelWidth = props2.labelWidth, labelWidth = _props$labelWidth === void 0 ? 0 : _props$labelWidth, _props$multiline = props2.multiline, multiline = _props$multiline === void 0 ? false : _props$multiline, notched = props2.notched, _props$type = props2.type, type2 = _props$type === void 0 ? "text" : _props$type, other = _objectWithoutProperties$1(props2, ["classes", "fullWidth", "inputComponent", "label", "labelWidth", "multiline", "notched", "type"]);
-  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(InputBase$1, _extends$6({
     renderSuffix: function renderSuffix(state) {
       return /* @__PURE__ */ React.createElement(NotchedOutline$1, {
         className: classes.notchedOutline,
@@ -32858,7 +32876,7 @@ var OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(pro
         notched: typeof notched !== "undefined" ? notched : Boolean(state.startAdornment || state.filled || state.focused)
       });
     },
-    classes: _extends$7({}, classes, {
+    classes: _extends$6({}, classes, {
       root: clsx(classes.root, classes.underline),
       notchedOutline: null
     }),
@@ -34609,10 +34627,10 @@ var Popper = /* @__PURE__ */ React.forwardRef(function Popper2(props2, ref2) {
         }
       }
     }
-    var popper = new PopperJs(getAnchorEl(anchorEl), tooltipRef.current, _extends$7({
+    var popper = new PopperJs(getAnchorEl(anchorEl), tooltipRef.current, _extends$6({
       placement: rtlPlacement
     }, popperOptions, {
-      modifiers: _extends$7({}, disablePortal ? {} : {
+      modifiers: _extends$6({}, disablePortal ? {} : {
         // It's using scrollParent by default, we can use the viewport when using a portal.
         preventOverflow: {
           boundariesElement: "window"
@@ -34669,11 +34687,11 @@ var Popper = /* @__PURE__ */ React.forwardRef(function Popper2(props2, ref2) {
   return /* @__PURE__ */ React.createElement(Portal$2, {
     disablePortal,
     container
-  }, /* @__PURE__ */ React.createElement("div", _extends$7({
+  }, /* @__PURE__ */ React.createElement("div", _extends$6({
     ref: handleRef,
     role: "tooltip"
   }, other, {
-    style: _extends$7({
+    style: _extends$6({
       // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
       position: "fixed",
       // Fix Popper.js display issue
@@ -34768,7 +34786,7 @@ Popper.propTypes = {
 };
 const Popper$1 = Popper;
 function areEqualValues(a2, b2) {
-  if (_typeof$B(b2) === "object" && b2 !== null) {
+  if (_typeof$A(b2) === "object" && b2 !== null) {
     return a2 === b2;
   }
   return String(a2) === String(b2);
@@ -35018,7 +35036,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
     tabIndex = disabled ? null : 0;
   }
   var buttonId = SelectDisplayProps.id || (name2 ? "mui-component-select-".concat(name2) : void 0);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", _extends$7({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", _extends$6({
     className: clsx(
       classes.root,
       // TODO v5: merge root and select
@@ -35050,7 +35068,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
         __html: "&#8203;"
       }
     })
-  ) : display), /* @__PURE__ */ React.createElement("input", _extends$7({
+  ) : display), /* @__PURE__ */ React.createElement("input", _extends$6({
     value: Array.isArray(value2) ? value2.join(",") : value2,
     name: name2,
     ref: inputRef,
@@ -35061,19 +35079,19 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
     autoFocus
   }, other)), /* @__PURE__ */ React.createElement(IconComponent, {
     className: clsx(classes.icon, classes["icon".concat(capitalize$1(variant))], open && classes.iconOpen, disabled && classes.disabled)
-  }), /* @__PURE__ */ React.createElement(Menu$1, _extends$7({
+  }), /* @__PURE__ */ React.createElement(Menu$1, _extends$6({
     id: "menu-".concat(name2 || ""),
     anchorEl: displayNode,
     open,
     onClose: handleClose
   }, MenuProps, {
-    MenuListProps: _extends$7({
+    MenuListProps: _extends$6({
       "aria-labelledby": labelId,
       role: "listbox",
       disableListWrap: true
     }, MenuProps.MenuListProps),
-    PaperProps: _extends$7({}, MenuProps.PaperProps, {
-      style: _extends$7({
+    PaperProps: _extends$6({}, MenuProps.PaperProps, {
+      style: _extends$6({
         minWidth: menuMinWidth
       }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
     })
@@ -35233,11 +35251,11 @@ var Select = /* @__PURE__ */ React.forwardRef(function Select2(props2, ref2) {
     }),
     filled: _ref2$1
   }[variant];
-  return /* @__PURE__ */ React.cloneElement(InputComponent, _extends$7({
+  return /* @__PURE__ */ React.cloneElement(InputComponent, _extends$6({
     // Most of the logic is implemented in `SelectInput`.
     // The `Select` component is a simple API wrapper to expose something better to play with.
     inputComponent,
-    inputProps: _extends$7({
+    inputProps: _extends$6({
       children: children2,
       IconComponent,
       variant,
@@ -35255,7 +35273,7 @@ var Select = /* @__PURE__ */ React.forwardRef(function Select2(props2, ref2) {
       onOpen,
       open,
       renderValue,
-      SelectDisplayProps: _extends$7({
+      SelectDisplayProps: _extends$6({
         id: id2
       }, SelectDisplayProps)
     }, inputProps, {
@@ -35410,7 +35428,7 @@ var styles$a = function styles25(theme) {
       }
     },
     open: {},
-    offset: _extends$7({
+    offset: _extends$6({
       zIndex: 1
     }, theme.typography.body2, {
       fontSize: theme.typography.pxToRem(12),
@@ -35761,7 +35779,7 @@ var styles$9 = function styles26(theme) {
       opacity: 0.8
     },
     /* Styles applied to the mark label element. */
-    markLabel: _extends$7({}, theme.typography.body2, {
+    markLabel: _extends$6({}, theme.typography.body2, {
       color: theme.palette.text.secondary,
       position: "absolute",
       top: 26,
@@ -36067,8 +36085,8 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref2) {
   });
   var trackOffset = valueToPercent(range2 ? values3[0] : min2, min2, max2);
   var trackLeap = valueToPercent(values3[values3.length - 1], min2, max2) - trackOffset;
-  var trackStyle = _extends$7({}, axisProps[axis2].offset(trackOffset), axisProps[axis2].leap(trackLeap));
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  var trackStyle = _extends$6({}, axisProps[axis2].offset(trackOffset), axisProps[axis2].leap(trackLeap));
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     ref: handleRef,
     className: clsx(classes.root, classes["color".concat(capitalize$1(color2))], className, disabled && classes.disabled, marks.length > 0 && marks.some(function(mark2) {
       return mark2.label;
@@ -36303,7 +36321,7 @@ var styles$8 = function styles27(theme) {
   var _extends2;
   return {
     /* Styles applied to the root element. */
-    root: _extends$7({}, theme.typography.button, (_extends2 = {
+    root: _extends$6({}, theme.typography.button, (_extends2 = {
       maxWidth: 264,
       minWidth: 72,
       position: "relative",
@@ -36311,9 +36329,9 @@ var styles$8 = function styles27(theme) {
       minHeight: 48,
       flexShrink: 0,
       padding: "6px 12px"
-    }, _defineProperty$n(_extends2, theme.breakpoints.up("sm"), {
+    }, _defineProperty$m(_extends2, theme.breakpoints.up("sm"), {
       padding: "6px 24px"
-    }), _defineProperty$n(_extends2, "overflow", "hidden"), _defineProperty$n(_extends2, "whiteSpace", "normal"), _defineProperty$n(_extends2, "textAlign", "center"), _defineProperty$n(_extends2, theme.breakpoints.up("sm"), {
+    }), _defineProperty$m(_extends2, "overflow", "hidden"), _defineProperty$m(_extends2, "whiteSpace", "normal"), _defineProperty$m(_extends2, "textAlign", "center"), _defineProperty$m(_extends2, theme.breakpoints.up("sm"), {
       minWidth: 160
     }), _extends2)),
     /* Styles applied to the root element if both `icon` and `label` are provided. */
@@ -36399,7 +36417,7 @@ var Tab = /* @__PURE__ */ React.forwardRef(function Tab2(props2, ref2) {
       onFocus(event2);
     }
   };
-  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
     focusRipple: !disableFocusRipple,
     className: clsx(classes.root, classes["textColor".concat(capitalize$1(textColor))], className, disabled && classes.disabled, selected && classes.selected, label2 && icon && classes.labelIcon, fullWidth && classes.fullWidth, wrapped && classes.wrapped),
     ref: ref2,
@@ -36508,7 +36526,7 @@ const Tablelvl2Context$1 = Tablelvl2Context;
 var styles$7 = function styles28(theme) {
   return {
     /* Styles applied to the root element. */
-    root: _extends$7({}, theme.typography.body2, {
+    root: _extends$6({}, theme.typography.body2, {
       display: "table-cell",
       verticalAlign: "inherit",
       // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -36620,7 +36638,7 @@ var TableCell = /* @__PURE__ */ React.forwardRef(function TableCell2(props2, ref
   if (sortDirection) {
     ariaSort = sortDirection === "asc" ? "ascending" : "descending";
   }
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     ref: ref2,
     className: clsx(classes.root, classes[variant], className, align2 !== "inherit" && classes["align".concat(capitalize$1(align2))], padding2 !== "normal" && classes["padding".concat(capitalize$1(padding2))], size2 !== "medium" && classes["size".concat(capitalize$1(size2))], variant === "head" && table && table.stickyHeader && classes.stickyHeader),
     "aria-sort": ariaSort,
@@ -36723,7 +36741,7 @@ var defaultComponent = "tr";
 var TableRow = /* @__PURE__ */ React.forwardRef(function TableRow2(props2, ref2) {
   var classes = props2.classes, className = props2.className, _props$component = props2.component, Component2 = _props$component === void 0 ? defaultComponent : _props$component, _props$hover = props2.hover, hover3 = _props$hover === void 0 ? false : _props$hover, _props$selected = props2.selected, selected = _props$selected === void 0 ? false : _props$selected, other = _objectWithoutProperties$1(props2, ["classes", "className", "component", "hover", "selected"]);
   var tablelvl2 = React.useContext(Tablelvl2Context$1);
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     ref: ref2,
     className: clsx(classes.root, className, tablelvl2 && {
       "head": classes.head,
@@ -36879,7 +36897,7 @@ function ScrollbarSize(props2) {
     setMeasurements();
     onChange(scrollbarHeight.current);
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement("div", _extends$7({
+  return /* @__PURE__ */ React.createElement("div", _extends$6({
     style: styles$5,
     ref: nodeRef
   }, other));
@@ -36911,7 +36929,7 @@ var styles$4 = function styles30(theme) {
 };
 var TabIndicator = /* @__PURE__ */ React.forwardRef(function TabIndicator2(props2, ref2) {
   var classes = props2.classes, className = props2.className, color2 = props2.color, orientation = props2.orientation, other = _objectWithoutProperties$1(props2, ["classes", "className", "color", "orientation"]);
-  return /* @__PURE__ */ React.createElement("span", _extends$7({
+  return /* @__PURE__ */ React.createElement("span", _extends$6({
     className: clsx(classes.root, classes["color".concat(capitalize$1(color2))], className, orientation === "vertical" && classes.vertical),
     ref: ref2
   }, other));
@@ -36968,7 +36986,7 @@ var _ref2 = /* @__PURE__ */ React.createElement(KeyboardArrowRight, {
 });
 var TabScrollButton = /* @__PURE__ */ React.forwardRef(function TabScrollButton2(props2, ref2) {
   var classes = props2.classes, classNameProp = props2.className, direction = props2.direction, orientation = props2.orientation, disabled = props2.disabled, other = _objectWithoutProperties$1(props2, ["classes", "className", "direction", "orientation", "disabled"]);
-  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
     component: "div",
     className: clsx(classes.root, classNameProp, disabled && classes.disabled, orientation === "vertical" && classes.vertical),
     ref: ref2,
@@ -37062,7 +37080,7 @@ var styles$2 = function styles31(theme) {
     /* Styles applied to the `ScrollButtonComponent` component. */
     scrollButtons: {},
     /* Styles applied to the `ScrollButtonComponent` component if `scrollButtons="auto"` or scrollButtons="desktop"`. */
-    scrollButtonsDesktop: _defineProperty$n({}, theme.breakpoints.down("xs"), {
+    scrollButtonsDesktop: _defineProperty$m({}, theme.breakpoints.down("xs"), {
       display: "none"
     }),
     /* Styles applied to the `TabIndicator` component. */
@@ -37145,7 +37163,7 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
         startValue = tabMeta.left - tabsMeta.left + correction;
       }
     }
-    var newIndicatorStyle = (_newIndicatorStyle = {}, _defineProperty$n(_newIndicatorStyle, start, startValue), _defineProperty$n(_newIndicatorStyle, size2, tabMeta ? tabMeta[size2] : 0), _newIndicatorStyle);
+    var newIndicatorStyle = (_newIndicatorStyle = {}, _defineProperty$m(_newIndicatorStyle, start, startValue), _defineProperty$m(_newIndicatorStyle, size2, tabMeta ? tabMeta[size2] : 0), _newIndicatorStyle);
     if (isNaN(indicatorStyle[start]) || isNaN(indicatorStyle[size2])) {
       setIndicatorStyle(newIndicatorStyle);
     } else {
@@ -37189,14 +37207,14 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
     }) : null;
     var scrollButtonsActive = displayScroll.start || displayScroll.end;
     var showScrollButtons = scrollable && (scrollButtons === "auto" && scrollButtonsActive || scrollButtons === "desktop" || scrollButtons === "on");
-    conditionalElements2.scrollButtonStart = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$7({
+    conditionalElements2.scrollButtonStart = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$6({
       orientation,
       direction: isRtl ? "right" : "left",
       onClick: handleStartScrollClick,
       disabled: !displayScroll.start,
       className: clsx(classes.scrollButtons, scrollButtons !== "on" && classes.scrollButtonsDesktop)
     }, TabScrollButtonProps)) : null;
-    conditionalElements2.scrollButtonEnd = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$7({
+    conditionalElements2.scrollButtonEnd = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$6({
       orientation,
       direction: isRtl ? "left" : "right",
       onClick: handleEndScrollClick,
@@ -37275,12 +37293,12 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
       updateScrollButtons: updateScrollButtonState
     };
   }, [updateIndicatorState, updateScrollButtonState]);
-  var indicator = /* @__PURE__ */ React.createElement(TabIndicator$1, _extends$7({
+  var indicator = /* @__PURE__ */ React.createElement(TabIndicator$1, _extends$6({
     className: classes.indicator,
     orientation,
     color: indicatorColor
   }, TabIndicatorProps, {
-    style: _extends$7({}, indicatorStyle, TabIndicatorProps.style)
+    style: _extends$6({}, indicatorStyle, TabIndicatorProps.style)
   }));
   var childIndex = 0;
   var children2 = React.Children.map(childrenProp, function(child2) {
@@ -37339,7 +37357,7 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
     }
   };
   var conditionalElements = getConditionalElements();
-  return /* @__PURE__ */ React.createElement(Component2, _extends$7({
+  return /* @__PURE__ */ React.createElement(Component2, _extends$6({
     className: clsx(classes.root, className, vertical && classes.vertical),
     ref: ref2
   }, other), conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /* @__PURE__ */ React.createElement("div", {
@@ -37501,7 +37519,7 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props2, ref
   var helperTextId = helperText && id2 ? "".concat(id2, "-helper-text") : void 0;
   var inputLabelId = label2 && id2 ? "".concat(id2, "-label") : void 0;
   var InputComponent = variantComponent[variant];
-  var InputElement = /* @__PURE__ */ React.createElement(InputComponent, _extends$7({
+  var InputElement = /* @__PURE__ */ React.createElement(InputComponent, _extends$6({
     "aria-describedby": helperTextId,
     autoComplete,
     autoFocus,
@@ -37523,7 +37541,7 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props2, ref
     placeholder,
     inputProps
   }, InputMore, InputProps));
-  return /* @__PURE__ */ React.createElement(FormControl$1, _extends$7({
+  return /* @__PURE__ */ React.createElement(FormControl$1, _extends$6({
     className: clsx(classes.root, className),
     disabled,
     error: error2,
@@ -37533,16 +37551,16 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props2, ref
     required: required2,
     color: color2,
     variant
-  }, other), label2 && /* @__PURE__ */ React.createElement(InputLabel$1, _extends$7({
+  }, other), label2 && /* @__PURE__ */ React.createElement(InputLabel$1, _extends$6({
     htmlFor: id2,
     id: inputLabelId
-  }, InputLabelProps), label2), select2 ? /* @__PURE__ */ React.createElement(Select$1, _extends$7({
+  }, InputLabelProps), label2), select2 ? /* @__PURE__ */ React.createElement(Select$1, _extends$6({
     "aria-describedby": helperTextId,
     id: id2,
     labelId: inputLabelId,
     value: value2,
     input: InputElement
-  }, SelectProps), children2) : InputElement, helperText && /* @__PURE__ */ React.createElement(FormHelperText$1, _extends$7({
+  }, SelectProps), children2) : InputElement, helperText && /* @__PURE__ */ React.createElement(FormHelperText$1, _extends$6({
     id: helperTextId
   }, FormHelperTextProps), helperText));
 });
@@ -37756,14 +37774,12 @@ function Description(props2) {
   const classes = useStyles$d();
   return jsxRuntimeExports.jsxs("div", { className: classes.description, children: [jsxRuntimeExports.jsx("p", { children: description2 }), metadata2 && Array.from(metadata2.entries()).map(([layerIndex, { name: layerName, metadata: metadataRecord }]) => metadataRecord && Object.entries(metadataRecord).length > 0 ? jsxRuntimeExports.jsxs("details", { children: [jsxRuntimeExports.jsx("summary", { children: layerName }), jsxRuntimeExports.jsx("div", { className: classes.metadataContainer, children: jsxRuntimeExports.jsx("table", { children: jsxRuntimeExports.jsx("tbody", { children: Object.entries(metadataRecord).map(([key2, value2]) => jsxRuntimeExports.jsxs("tr", { children: [jsxRuntimeExports.jsx("th", { title: key2, children: key2 }), jsxRuntimeExports.jsx("td", { title: value2, children: value2 })] }, key2)) }) }) })] }, layerIndex) : null)] });
 }
-const addUrl = () => {
-};
 function DescriptionSubscriber(props2) {
   const { coordinationScopes, description: descriptionOverride, removeGridComponent, theme, title: title2 = "Description" } = props2;
   const loaders = useLoaders();
   const [{ dataset, spatialImageLayer: rasterLayers }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.DESCRIPTION], coordinationScopes);
   const [description2] = useDescription(loaders, dataset);
-  const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, addUrl, false, {}, {}, {});
+  const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, false, {}, {}, {});
   const { loaders: imageLayerLoaders = [], meta: imageLayerMeta = [] } = image2 || {};
   const isReady = useReady([imageStatus]);
   const metadata2 = useMemo(() => {
@@ -38197,8 +38213,8 @@ var defineProperty$6 = function defineProperty(it, key2, desc) {
   return $Object$2.defineProperty(it, key2, desc);
 };
 var defineProperty$5 = { "default": defineProperty$6, __esModule: true };
-var _defineProperty$m = defineProperty$5;
-var _defineProperty2$1 = _interopRequireDefault$p(_defineProperty$m);
+var _defineProperty$l = defineProperty$5;
+var _defineProperty2$1 = _interopRequireDefault$p(_defineProperty$l);
 function _interopRequireDefault$p(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -38220,8 +38236,8 @@ var _default$9 = function(instance, Constructor) {
     throw new TypeError("Cannot call a class as a function");
   }
 };
-var _defineProperty$l = defineProperty$5;
-var _defineProperty2 = _interopRequireDefault$o(_defineProperty$l);
+var _defineProperty$k = defineProperty$5;
+var _defineProperty2 = _interopRequireDefault$o(_defineProperty$k);
 function _interopRequireDefault$o(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -40949,27 +40965,13 @@ function _objectSpread2$2(target2) {
   for (var i2 = 1; i2 < arguments.length; i2++) {
     var source2 = null != arguments[i2] ? arguments[i2] : {};
     i2 % 2 ? ownKeys$a(Object(source2), true).forEach(function(key2) {
-      _defineProperty$n(target2, key2, source2[key2]);
+      _defineProperty$m(target2, key2, source2[key2]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2)) : ownKeys$a(Object(source2)).forEach(function(key2) {
       Object.defineProperty(target2, key2, Object.getOwnPropertyDescriptor(source2, key2));
     });
   }
   return target2;
 }
-function _defineProperty$k(obj, key2, value2) {
-  key2 = _toPropertyKey(key2);
-  if (key2 in obj) {
-    Object.defineProperty(obj, key2, {
-      value: value2,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key2] = value2;
-  }
-  return obj;
-}
 function ownKeys$9(object2, enumerableOnly) {
   var keys4 = Object.keys(object2);
   if (Object.getOwnPropertySymbols) {
@@ -40984,7 +40986,7 @@ function _objectSpread2$1(target2) {
   for (var i2 = 1; i2 < arguments.length; i2++) {
     var source2 = null != arguments[i2] ? arguments[i2] : {};
     i2 % 2 ? ownKeys$9(Object(source2), true).forEach(function(key2) {
-      _defineProperty$k(target2, key2, source2[key2]);
+      _defineProperty$n(target2, key2, source2[key2]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2)) : ownKeys$9(Object(source2)).forEach(function(key2) {
       Object.defineProperty(target2, key2, Object.getOwnPropertyDescriptor(source2, key2));
     });
@@ -41035,7 +41037,7 @@ function _isNativeReflectConstruct$w() {
   }
 }
 function _possibleConstructorReturn$w(self2, call) {
-  if (call && (_typeof$z(call) === "object" || typeof call === "function")) {
+  if (call && (_typeof$B(call) === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
@@ -41122,7 +41124,7 @@ function findDOMNode(node) {
 function fillRef(ref2, node) {
   if (typeof ref2 === "function") {
     ref2(node);
-  } else if (_typeof$z(ref2) === "object" && ref2 && "current" in ref2) {
+  } else if (_typeof$B(ref2) === "object" && ref2 && "current" in ref2) {
     ref2.current = node;
   }
 }
@@ -41337,7 +41339,7 @@ var transitionEndName = internalTransitionEndName || "transitionend";
 function getTransitionName$1(transitionName, transitionType) {
   if (!transitionName)
     return null;
-  if (_typeof$z(transitionName) === "object") {
+  if (_typeof$B(transitionName) === "object") {
     var type2 = transitionType.replace(/-\w/g, function(match2) {
       return match2[1].toUpperCase();
     });
@@ -41507,11 +41509,11 @@ function useStatus(supportMotion, visible, getElement2, _ref3) {
     var _ref22, _ref32, _ref4;
     switch (status) {
       case STATUS_APPEAR:
-        return _ref22 = {}, _defineProperty$k(_ref22, STEP_PREPARE, onAppearPrepare), _defineProperty$k(_ref22, STEP_START, onAppearStart), _defineProperty$k(_ref22, STEP_ACTIVE, onAppearActive), _ref22;
+        return _ref22 = {}, _defineProperty$n(_ref22, STEP_PREPARE, onAppearPrepare), _defineProperty$n(_ref22, STEP_START, onAppearStart), _defineProperty$n(_ref22, STEP_ACTIVE, onAppearActive), _ref22;
       case STATUS_ENTER:
-        return _ref32 = {}, _defineProperty$k(_ref32, STEP_PREPARE, onEnterPrepare), _defineProperty$k(_ref32, STEP_START, onEnterStart), _defineProperty$k(_ref32, STEP_ACTIVE, onEnterActive), _ref32;
+        return _ref32 = {}, _defineProperty$n(_ref32, STEP_PREPARE, onEnterPrepare), _defineProperty$n(_ref32, STEP_START, onEnterStart), _defineProperty$n(_ref32, STEP_ACTIVE, onEnterActive), _ref32;
       case STATUS_LEAVE:
-        return _ref4 = {}, _defineProperty$k(_ref4, STEP_PREPARE, onLeavePrepare), _defineProperty$k(_ref4, STEP_START, onLeaveStart), _defineProperty$k(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
+        return _ref4 = {}, _defineProperty$n(_ref4, STEP_PREPARE, onLeavePrepare), _defineProperty$n(_ref4, STEP_START, onLeaveStart), _defineProperty$n(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
       default:
         return {};
     }
@@ -41618,7 +41620,7 @@ var DomWrapper = /* @__PURE__ */ function(_React$Component) {
 }(React.Component);
 function genCSSMotion(config3) {
   var transitionSupport = config3;
-  if (_typeof$z(config3) === "object") {
+  if (_typeof$B(config3) === "object") {
     transitionSupport = config3.transitionSupport;
   }
   function isSupportTransition(props2) {
@@ -41678,7 +41680,7 @@ function genCSSMotion(config3) {
         statusSuffix = "start";
       }
       motionChildren = children2(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
-        className: classNames(getTransitionName$1(motionName, status), (_classNames = {}, _defineProperty$k(_classNames, getTransitionName$1(motionName, "".concat(status, "-").concat(statusSuffix)), statusSuffix), _defineProperty$k(_classNames, motionName, typeof motionName === "string"), _classNames)),
+        className: classNames(getTransitionName$1(motionName, status), (_classNames = {}, _defineProperty$n(_classNames, getTransitionName$1(motionName, "".concat(status, "-").concat(statusSuffix)), statusSuffix), _defineProperty$n(_classNames, motionName, typeof motionName === "string"), _classNames)),
         style: statusStyle
       }), setNodeRef);
     }
@@ -41731,7 +41733,7 @@ function Mask(props2) {
       animation: maskAnimation
     }));
   }
-  return /* @__PURE__ */ React.createElement(CSSMotion, _extends$6({}, motion, {
+  return /* @__PURE__ */ React.createElement(CSSMotion, _extends$7({}, motion, {
     visible,
     removeOnLeave: true
   }), function(_ref3) {
@@ -44185,7 +44187,7 @@ function getElement(func) {
   return func();
 }
 function getPoint(point2) {
-  if (_typeof$z(point2) !== "object" || !point2)
+  if (_typeof$B(point2) !== "object" || !point2)
     return null;
   return point2;
 }
@@ -44360,7 +44362,7 @@ function _regeneratorRuntime$1() {
       var record = tryCatch2(generator[method2], generator, arg);
       if ("throw" !== record.type) {
         var result = record.arg, value2 = result.value;
-        return value2 && "object" == _typeof$z(value2) && hasOwn2.call(value2, "__await") ? PromiseImpl.resolve(value2.__await).then(function(value3) {
+        return value2 && "object" == _typeof$B(value2) && hasOwn2.call(value2, "__await") ? PromiseImpl.resolve(value2.__await).then(function(value3) {
           invoke2("next", value3, resolve2, reject);
         }, function(err2) {
           invoke2("throw", err2, resolve2, reject);
@@ -44825,7 +44827,7 @@ var PopupInner = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
       className: "".concat(prefixCls, "-content")
     }, children2);
   }
-  return /* @__PURE__ */ React.createElement(CSSMotion, _extends$6({
+  return /* @__PURE__ */ React.createElement(CSSMotion, _extends$7({
     visible,
     ref: elementRef,
     leavedClassName: "".concat(prefixCls, "-hidden")
@@ -44884,7 +44886,7 @@ var MobilePopupInner = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
   if (popupRender) {
     childNode = popupRender(childNode);
   }
-  return /* @__PURE__ */ React.createElement(CSSMotion, _extends$6({
+  return /* @__PURE__ */ React.createElement(CSSMotion, _extends$7({
     visible,
     ref: elementRef,
     removeOnLeave: true
@@ -44914,10 +44916,10 @@ var Popup$1 = /* @__PURE__ */ React.forwardRef(function(_ref3, ref2) {
       setInMobile(isMobile$1());
     }
   }, [visible, mobile]);
-  var popupNode = inMobile ? /* @__PURE__ */ React.createElement(MobilePopupInner, _extends$6({}, cloneProps, {
+  var popupNode = inMobile ? /* @__PURE__ */ React.createElement(MobilePopupInner, _extends$7({}, cloneProps, {
     mobile,
     ref: ref2
-  })) : /* @__PURE__ */ React.createElement(PopupInner, _extends$6({}, cloneProps, {
+  })) : /* @__PURE__ */ React.createElement(PopupInner, _extends$7({}, cloneProps, {
     ref: ref2
   }));
   return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Mask, cloneProps), popupNode);
@@ -45104,7 +45106,7 @@ function generateTrigger(PortalComponent) {
         }
         mouseProps.onMouseDown = _this.onPopupMouseDown;
         mouseProps.onTouchStart = _this.onPopupMouseDown;
-        return /* @__PURE__ */ React.createElement(Popup$1, _extends$6({
+        return /* @__PURE__ */ React.createElement(Popup$1, _extends$7({
           prefixCls,
           destroyPopupOnHide,
           visible: popupVisible,
@@ -45634,12 +45636,12 @@ var Tooltip$2 = function Tooltip(props2, ref2) {
   var autoDestroy = false;
   if (typeof destroyTooltipOnHide === "boolean") {
     destroyTooltip = destroyTooltipOnHide;
-  } else if (destroyTooltipOnHide && _typeof$B(destroyTooltipOnHide) === "object") {
+  } else if (destroyTooltipOnHide && _typeof$A(destroyTooltipOnHide) === "object") {
     var keepParent = destroyTooltipOnHide.keepParent;
     destroyTooltip = keepParent === true;
     autoDestroy = keepParent === false;
   }
-  return /* @__PURE__ */ React.createElement(Trigger, _extends$7({
+  return /* @__PURE__ */ React.createElement(Trigger, _extends$6({
     popupClassName: overlayClassName,
     prefixCls,
     popup: getPopupElement,
@@ -46136,6 +46138,7 @@ const useHelpTooltipStyles = makeStyles((theme) => ({
       cursor: "pointer",
       width: "100%",
       backgroundColor: "transparent",
+      color: theme.palette.grayDarkD15,
       borderRadius: "2px",
       "&:hover": {
         backgroundColor: theme.palette.grayLightL10
@@ -48035,19 +48038,19 @@ function memoizeCapped$1(func) {
 }
 var _memoizeCapped = memoizeCapped$1;
 var memoizeCapped = _memoizeCapped;
-var rePropName$2 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-var reEscapeChar$2 = /\\(\\)?/g;
-var stringToPath$1$1 = memoizeCapped(function(string2) {
+var rePropName$1 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+var reEscapeChar$1 = /\\(\\)?/g;
+var stringToPath$1 = memoizeCapped(function(string2) {
   var result = [];
   if (string2.charCodeAt(0) === 46) {
     result.push("");
   }
-  string2.replace(rePropName$2, function(match2, number2, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar$2, "$1") : number2 || match2);
+  string2.replace(rePropName$1, function(match2, number2, quote, subString) {
+    result.push(quote ? subString.replace(reEscapeChar$1, "$1") : number2 || match2);
   });
   return result;
 });
-var _stringToPath = stringToPath$1$1;
+var _stringToPath = stringToPath$1;
 var Symbol$2 = _Symbol, arrayMap$1 = _arrayMap, isArray$7 = isArray_1, isSymbol$2 = isSymbol_1;
 var INFINITY$1 = 1 / 0;
 var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
@@ -51109,14 +51112,12 @@ function ObsSetsManagerSubscriber(props2) {
   const setWarning = useSetWarning();
   const [{ dataset, obsType, obsSetSelection: cellSetSelection, obsSetExpansion: cellSetExpansion, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets, obsColorEncoding: cellColorEncoding }, { setObsSetSelection: setCellSetSelection, setObsColorEncoding: setCellColorEncoding, setObsSetColor: setCellSetColor, setObsSetExpansion: setCellSetExpansion, setAdditionalObsSets: setAdditionalCellSets }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.OBS_SETS], coordinationScopes);
   const title2 = titleOverride || `${capitalize$2(obsType)} Sets`;
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
   useEffect(() => {
     setCellSetExpansion([]);
   }, [loaders, dataset]);
-  const [{ obsIndex, obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
-  const isReady = useReady([
-    obsSetsStatus
-  ]);
+  const [{ obsIndex, obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+  const isReady = useReady([obsSetsStatus]);
+  const urls2 = useUrls([obsSetsUrls]);
   useEffect(() => {
     if (additionalCellSets) {
       let upgradedCellSets;
@@ -52643,13 +52644,13 @@ const matches = typeof process !== "undefined" && process.version && /v([0-9]*)/
 matches && parseFloat(matches[1]) || 0;
 class WorkerJob {
   constructor(jobName, workerThread) {
-    _defineProperty$k(this, "name", void 0);
-    _defineProperty$k(this, "workerThread", void 0);
-    _defineProperty$k(this, "isRunning", true);
-    _defineProperty$k(this, "result", void 0);
-    _defineProperty$k(this, "_resolve", () => {
+    _defineProperty$n(this, "name", void 0);
+    _defineProperty$n(this, "workerThread", void 0);
+    _defineProperty$n(this, "isRunning", true);
+    _defineProperty$n(this, "result", void 0);
+    _defineProperty$n(this, "_resolve", () => {
     });
-    _defineProperty$k(this, "_reject", () => {
+    _defineProperty$n(this, "_reject", () => {
     });
     this.name = jobName;
     this.workerThread = workerThread;
@@ -52753,14 +52754,14 @@ class WorkerThread {
     return typeof Worker !== "undefined" && isBrowser$2 || typeof Worker$1 !== "undefined" && !isBrowser$2;
   }
   constructor(props2) {
-    _defineProperty$k(this, "name", void 0);
-    _defineProperty$k(this, "source", void 0);
-    _defineProperty$k(this, "url", void 0);
-    _defineProperty$k(this, "terminated", false);
-    _defineProperty$k(this, "worker", void 0);
-    _defineProperty$k(this, "onMessage", void 0);
-    _defineProperty$k(this, "onError", void 0);
-    _defineProperty$k(this, "_loadableURL", "");
+    _defineProperty$n(this, "name", void 0);
+    _defineProperty$n(this, "source", void 0);
+    _defineProperty$n(this, "url", void 0);
+    _defineProperty$n(this, "terminated", false);
+    _defineProperty$n(this, "worker", void 0);
+    _defineProperty$n(this, "onMessage", void 0);
+    _defineProperty$n(this, "onError", void 0);
+    _defineProperty$n(this, "_loadableURL", "");
     const {
       name: name2,
       source: source2,
@@ -52851,19 +52852,19 @@ class WorkerPool {
     return WorkerThread.isSupported();
   }
   constructor(props2) {
-    _defineProperty$k(this, "name", "unnamed");
-    _defineProperty$k(this, "source", void 0);
-    _defineProperty$k(this, "url", void 0);
-    _defineProperty$k(this, "maxConcurrency", 1);
-    _defineProperty$k(this, "maxMobileConcurrency", 1);
-    _defineProperty$k(this, "onDebug", () => {
-    });
-    _defineProperty$k(this, "reuseWorkers", true);
-    _defineProperty$k(this, "props", {});
-    _defineProperty$k(this, "jobQueue", []);
-    _defineProperty$k(this, "idleQueue", []);
-    _defineProperty$k(this, "count", 0);
-    _defineProperty$k(this, "isDestroyed", false);
+    _defineProperty$n(this, "name", "unnamed");
+    _defineProperty$n(this, "source", void 0);
+    _defineProperty$n(this, "url", void 0);
+    _defineProperty$n(this, "maxConcurrency", 1);
+    _defineProperty$n(this, "maxMobileConcurrency", 1);
+    _defineProperty$n(this, "onDebug", () => {
+    });
+    _defineProperty$n(this, "reuseWorkers", true);
+    _defineProperty$n(this, "props", {});
+    _defineProperty$n(this, "jobQueue", []);
+    _defineProperty$n(this, "idleQueue", []);
+    _defineProperty$n(this, "count", 0);
+    _defineProperty$n(this, "isDestroyed", false);
     this.source = props2.source;
     this.url = props2.url;
     this.setProps(props2);
@@ -52981,8 +52982,8 @@ class WorkerFarm {
     return WorkerFarm._workerFarm;
   }
   constructor(props2) {
-    _defineProperty$k(this, "props", void 0);
-    _defineProperty$k(this, "workerPools", /* @__PURE__ */ new Map());
+    _defineProperty$n(this, "props", void 0);
+    _defineProperty$n(this, "workerPools", /* @__PURE__ */ new Map());
     this.props = {
       ...DEFAULT_PROPS$4
     };
@@ -53031,7 +53032,7 @@ class WorkerFarm {
     };
   }
 }
-_defineProperty$k(WorkerFarm, "_workerFarm", void 0);
+_defineProperty$n(WorkerFarm, "_workerFarm", void 0);
 const NPM_TAG = "latest";
 function getWorkerURL(worker, options = {}) {
   const workerOptions = options[worker.id] || {};
@@ -53338,20 +53339,20 @@ function getHiResTimestamp$1() {
 }
 class Stat {
   constructor(name2, type2) {
-    _defineProperty$k(this, "name", void 0);
-    _defineProperty$k(this, "type", void 0);
-    _defineProperty$k(this, "sampleSize", 1);
-    _defineProperty$k(this, "time", void 0);
-    _defineProperty$k(this, "count", void 0);
-    _defineProperty$k(this, "samples", void 0);
-    _defineProperty$k(this, "lastTiming", void 0);
-    _defineProperty$k(this, "lastSampleTime", void 0);
-    _defineProperty$k(this, "lastSampleCount", void 0);
-    _defineProperty$k(this, "_count", 0);
-    _defineProperty$k(this, "_time", 0);
-    _defineProperty$k(this, "_samples", 0);
-    _defineProperty$k(this, "_startTime", 0);
-    _defineProperty$k(this, "_timerPending", false);
+    _defineProperty$n(this, "name", void 0);
+    _defineProperty$n(this, "type", void 0);
+    _defineProperty$n(this, "sampleSize", 1);
+    _defineProperty$n(this, "time", void 0);
+    _defineProperty$n(this, "count", void 0);
+    _defineProperty$n(this, "samples", void 0);
+    _defineProperty$n(this, "lastTiming", void 0);
+    _defineProperty$n(this, "lastSampleTime", void 0);
+    _defineProperty$n(this, "lastSampleCount", void 0);
+    _defineProperty$n(this, "_count", 0);
+    _defineProperty$n(this, "_time", 0);
+    _defineProperty$n(this, "_samples", 0);
+    _defineProperty$n(this, "_startTime", 0);
+    _defineProperty$n(this, "_timerPending", false);
     this.name = name2;
     this.type = type2;
     this.reset();
@@ -53448,8 +53449,8 @@ class Stat {
 }
 class Stats {
   constructor(options) {
-    _defineProperty$k(this, "id", void 0);
-    _defineProperty$k(this, "stats", {});
+    _defineProperty$n(this, "id", void 0);
+    _defineProperty$n(this, "stats", {});
     this.id = options.id;
     this.stats = {};
     this._initializeStats(options.stats);
@@ -53522,12 +53523,12 @@ const DEFAULT_PROPS$3 = {
 };
 class RequestScheduler {
   constructor(props2 = {}) {
-    _defineProperty$n(this, "props", void 0);
-    _defineProperty$n(this, "stats", void 0);
-    _defineProperty$n(this, "activeRequestCount", 0);
-    _defineProperty$n(this, "requestQueue", []);
-    _defineProperty$n(this, "requestMap", /* @__PURE__ */ new Map());
-    _defineProperty$n(this, "deferredUpdate", null);
+    _defineProperty$m(this, "props", void 0);
+    _defineProperty$m(this, "stats", void 0);
+    _defineProperty$m(this, "activeRequestCount", 0);
+    _defineProperty$m(this, "requestQueue", []);
+    _defineProperty$m(this, "requestMap", /* @__PURE__ */ new Map());
+    _defineProperty$m(this, "deferredUpdate", null);
     this.props = {
       ...DEFAULT_PROPS$3,
       ...props2
@@ -53890,9 +53891,9 @@ class LocalStorage {
   constructor(id2) {
     let defaultSettings = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     let type2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "sessionStorage";
-    _defineProperty$k(this, "storage", void 0);
-    _defineProperty$k(this, "id", void 0);
-    _defineProperty$k(this, "config", {});
+    _defineProperty$n(this, "storage", void 0);
+    _defineProperty$n(this, "id", void 0);
+    _defineProperty$n(this, "config", {});
     this.storage = getStorage(type2);
     this.id = id2;
     this.config = {};
@@ -54043,13 +54044,13 @@ let Log$1 = class Log {
     } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
       id: ""
     };
-    _defineProperty$k(this, "id", void 0);
-    _defineProperty$k(this, "VERSION", VERSION$a);
-    _defineProperty$k(this, "_startTs", getHiResTimestamp());
-    _defineProperty$k(this, "_deltaTs", getHiResTimestamp());
-    _defineProperty$k(this, "_storage", void 0);
-    _defineProperty$k(this, "userData", {});
-    _defineProperty$k(this, "LOG_THROTTLE_TIMEOUT", 0);
+    _defineProperty$n(this, "id", void 0);
+    _defineProperty$n(this, "VERSION", VERSION$a);
+    _defineProperty$n(this, "_startTs", getHiResTimestamp());
+    _defineProperty$n(this, "_deltaTs", getHiResTimestamp());
+    _defineProperty$n(this, "_storage", void 0);
+    _defineProperty$n(this, "userData", {});
+    _defineProperty$n(this, "LOG_THROTTLE_TIMEOUT", 0);
     this.id = id2;
     this._storage = new LocalStorage("__probe-".concat(this.id, "__"), DEFAULT_SETTINGS);
     this.userData = {};
@@ -54250,7 +54251,7 @@ let Log$1 = class Log {
     return noop$9;
   }
 };
-_defineProperty$k(Log$1, "VERSION", VERSION$a);
+_defineProperty$n(Log$1, "VERSION", VERSION$a);
 function normalizeLogLevel(logLevel) {
   if (!logLevel) {
     return 0;
@@ -54379,7 +54380,7 @@ class NullLog {
 }
 class ConsoleLog {
   constructor() {
-    _defineProperty$n(this, "console", void 0);
+    _defineProperty$m(this, "console", void 0);
     this.console = console;
   }
   log(...args) {
@@ -66206,10 +66207,10 @@ class SphericalCoordinates {
     altitude,
     radiusScale = EARTH_RADIUS_METERS
   } = {}) {
-    _defineProperty$n(this, "phi", void 0);
-    _defineProperty$n(this, "theta", void 0);
-    _defineProperty$n(this, "radius", void 0);
-    _defineProperty$n(this, "radiusScale", void 0);
+    _defineProperty$m(this, "phi", void 0);
+    _defineProperty$m(this, "theta", void 0);
+    _defineProperty$m(this, "radius", void 0);
+    _defineProperty$m(this, "radiusScale", void 0);
     this.phi = phi2;
     this.theta = theta;
     this.radius = radius2 || altitude || 1;
@@ -66743,8 +66744,8 @@ class Pose {
     position: position2,
     orientation
   } = {}) {
-    _defineProperty$n(this, "position", void 0);
-    _defineProperty$n(this, "orientation", void 0);
+    _defineProperty$m(this, "position", void 0);
+    _defineProperty$m(this, "orientation", void 0);
     if (Array.isArray(position2) && position2.length === 3) {
       this.position = new Vector3(position2);
     } else {
@@ -70016,31 +70017,31 @@ let WebMercatorViewport$1 = class WebMercatorViewport {
     width: 1,
     height: 1
   }) {
-    _defineProperty$k(this, "latitude", void 0);
-    _defineProperty$k(this, "longitude", void 0);
-    _defineProperty$k(this, "zoom", void 0);
-    _defineProperty$k(this, "pitch", void 0);
-    _defineProperty$k(this, "bearing", void 0);
-    _defineProperty$k(this, "altitude", void 0);
-    _defineProperty$k(this, "fovy", void 0);
-    _defineProperty$k(this, "meterOffset", void 0);
-    _defineProperty$k(this, "center", void 0);
-    _defineProperty$k(this, "width", void 0);
-    _defineProperty$k(this, "height", void 0);
-    _defineProperty$k(this, "scale", void 0);
-    _defineProperty$k(this, "distanceScales", void 0);
-    _defineProperty$k(this, "viewMatrix", void 0);
-    _defineProperty$k(this, "projectionMatrix", void 0);
-    _defineProperty$k(this, "viewProjectionMatrix", void 0);
-    _defineProperty$k(this, "pixelProjectionMatrix", void 0);
-    _defineProperty$k(this, "pixelUnprojectionMatrix", void 0);
-    _defineProperty$k(this, "equals", (viewport) => {
+    _defineProperty$n(this, "latitude", void 0);
+    _defineProperty$n(this, "longitude", void 0);
+    _defineProperty$n(this, "zoom", void 0);
+    _defineProperty$n(this, "pitch", void 0);
+    _defineProperty$n(this, "bearing", void 0);
+    _defineProperty$n(this, "altitude", void 0);
+    _defineProperty$n(this, "fovy", void 0);
+    _defineProperty$n(this, "meterOffset", void 0);
+    _defineProperty$n(this, "center", void 0);
+    _defineProperty$n(this, "width", void 0);
+    _defineProperty$n(this, "height", void 0);
+    _defineProperty$n(this, "scale", void 0);
+    _defineProperty$n(this, "distanceScales", void 0);
+    _defineProperty$n(this, "viewMatrix", void 0);
+    _defineProperty$n(this, "projectionMatrix", void 0);
+    _defineProperty$n(this, "viewProjectionMatrix", void 0);
+    _defineProperty$n(this, "pixelProjectionMatrix", void 0);
+    _defineProperty$n(this, "pixelUnprojectionMatrix", void 0);
+    _defineProperty$n(this, "equals", (viewport) => {
       if (!(viewport instanceof WebMercatorViewport)) {
         return false;
       }
       return viewport.width === this.width && viewport.height === this.height && equals$2(viewport.projectionMatrix, this.projectionMatrix) && equals$2(viewport.viewMatrix, this.viewMatrix);
     });
-    _defineProperty$k(this, "project", (lngLatZ, options = {}) => {
+    _defineProperty$n(this, "project", (lngLatZ, options = {}) => {
       const {
         topLeft = true
       } = options;
@@ -70050,7 +70051,7 @@ let WebMercatorViewport$1 = class WebMercatorViewport {
       const y22 = topLeft ? y2 : this.height - y2;
       return lngLatZ.length === 2 ? [x2, y22] : [x2, y22, coord[2]];
     });
-    _defineProperty$k(this, "unproject", (xyz, options = {}) => {
+    _defineProperty$n(this, "unproject", (xyz, options = {}) => {
       const {
         topLeft = true,
         targetZ = void 0
@@ -70065,12 +70066,12 @@ let WebMercatorViewport$1 = class WebMercatorViewport {
       }
       return Number.isFinite(targetZ) ? [X3, Y3, targetZ] : [X3, Y3];
     });
-    _defineProperty$k(this, "projectPosition", (xyz) => {
+    _defineProperty$n(this, "projectPosition", (xyz) => {
       const [X3, Y3] = lngLatToWorld(xyz);
       const Z = (xyz[2] || 0) * this.distanceScales.unitsPerMeter[2];
       return [X3, Y3, Z];
     });
-    _defineProperty$k(this, "unprojectPosition", (xyz) => {
+    _defineProperty$n(this, "unprojectPosition", (xyz) => {
       const [X3, Y3] = worldToLngLat(xyz);
       const Z = (xyz[2] || 0) * this.distanceScales.metersPerUnit[2];
       return [X3, Y3, Z];
@@ -91468,10 +91469,10 @@ const scratchVector$6 = new Vector3();
 const scratchNormal$3 = new Vector3();
 class AxisAlignedBoundingBox {
   constructor(minimum = [0, 0, 0], maximum = [0, 0, 0], center2) {
-    _defineProperty$k(this, "center", void 0);
-    _defineProperty$k(this, "halfDiagonal", void 0);
-    _defineProperty$k(this, "minimum", void 0);
-    _defineProperty$k(this, "maximum", void 0);
+    _defineProperty$n(this, "center", void 0);
+    _defineProperty$n(this, "halfDiagonal", void 0);
+    _defineProperty$n(this, "minimum", void 0);
+    _defineProperty$n(this, "maximum", void 0);
     center2 = center2 || scratchVector$6.copy(minimum).add(maximum).scale(0.5);
     this.center = new Vector3(center2);
     this.halfDiagonal = new Vector3(maximum).subtract(this.center);
@@ -91535,8 +91536,8 @@ const scratchVector$5 = new Vector3();
 const scratchVector2$2 = new Vector3();
 class BoundingSphere {
   constructor(center2 = [0, 0, 0], radius2 = 0) {
-    _defineProperty$k(this, "center", void 0);
-    _defineProperty$k(this, "radius", void 0);
+    _defineProperty$n(this, "center", void 0);
+    _defineProperty$n(this, "radius", void 0);
     this.radius = -0;
     this.center = new Vector3();
     this.fromCenterRadius(center2, radius2);
@@ -91634,8 +91635,8 @@ const MATRIX3 = {
 };
 class OrientedBoundingBox {
   constructor(center2 = [0, 0, 0], halfAxes = [0, 0, 0, 0, 0, 0, 0, 0, 0]) {
-    _defineProperty$k(this, "center", void 0);
-    _defineProperty$k(this, "halfAxes", void 0);
+    _defineProperty$n(this, "center", void 0);
+    _defineProperty$n(this, "halfAxes", void 0);
     this.center = new Vector3().from(center2);
     this.halfAxes = new Matrix3(halfAxes);
   }
@@ -91804,8 +91805,8 @@ const scratchPosition$2 = new Vector3();
 const scratchNormal$2 = new Vector3();
 class Plane {
   constructor(normal = [0, 0, 1], distance2 = 0) {
-    _defineProperty$k(this, "normal", void 0);
-    _defineProperty$k(this, "distance", void 0);
+    _defineProperty$n(this, "normal", void 0);
+    _defineProperty$n(this, "distance", void 0);
     this.normal = new Vector3();
     this.distance = -0;
     this.fromNormalDistance(normal, distance2);
@@ -91856,7 +91857,7 @@ const scratchPlaneNormal = new Vector3();
 new Plane(new Vector3(1, 0, 0), 0);
 class CullingVolume {
   constructor(planes = []) {
-    _defineProperty$k(this, "planes", void 0);
+    _defineProperty$n(this, "planes", void 0);
     this.planes = planes;
   }
   fromBoundingSphere(boundingSphere) {
@@ -91921,9 +91922,9 @@ class CullingVolume {
     return mask2;
   }
 }
-_defineProperty$k(CullingVolume, "MASK_OUTSIDE", 4294967295);
-_defineProperty$k(CullingVolume, "MASK_INSIDE", 0);
-_defineProperty$k(CullingVolume, "MASK_INDETERMINATE", 2147483647);
+_defineProperty$n(CullingVolume, "MASK_OUTSIDE", 4294967295);
+_defineProperty$n(CullingVolume, "MASK_INSIDE", 0);
+_defineProperty$n(CullingVolume, "MASK_INDETERMINATE", 2147483647);
 new Vector3();
 new Vector3();
 new Vector3();
@@ -107690,9 +107691,9 @@ const DRACO_DATA_TYPE_TO_TYPED_ARRAY_MAP = {
 const INDEX_ITEM_SIZE = 4;
 class DracoParser {
   constructor(draco) {
-    _defineProperty$k(this, "draco", void 0);
-    _defineProperty$k(this, "decoder", void 0);
-    _defineProperty$k(this, "metadataQuerier", void 0);
+    _defineProperty$n(this, "draco", void 0);
+    _defineProperty$n(this, "decoder", void 0);
+    _defineProperty$n(this, "metadataQuerier", void 0);
     this.draco = draco;
     this.decoder = new this.draco.Decoder();
     this.metadataQuerier = new this.draco.MetadataQuerier();
@@ -109954,15 +109955,15 @@ const scratchHeight = new Vector3();
 const scratchCartesian = new Vector3();
 class Ellipsoid {
   constructor(x2 = 0, y2 = 0, z2 = 0) {
-    _defineProperty$k(this, "radii", void 0);
-    _defineProperty$k(this, "radiiSquared", void 0);
-    _defineProperty$k(this, "radiiToTheFourth", void 0);
-    _defineProperty$k(this, "oneOverRadii", void 0);
-    _defineProperty$k(this, "oneOverRadiiSquared", void 0);
-    _defineProperty$k(this, "minimumRadius", void 0);
-    _defineProperty$k(this, "maximumRadius", void 0);
-    _defineProperty$k(this, "centerToleranceSquared", _MathUtils.EPSILON1);
-    _defineProperty$k(this, "squaredXOverSquaredZ", void 0);
+    _defineProperty$n(this, "radii", void 0);
+    _defineProperty$n(this, "radiiSquared", void 0);
+    _defineProperty$n(this, "radiiToTheFourth", void 0);
+    _defineProperty$n(this, "oneOverRadii", void 0);
+    _defineProperty$n(this, "oneOverRadiiSquared", void 0);
+    _defineProperty$n(this, "minimumRadius", void 0);
+    _defineProperty$n(this, "maximumRadius", void 0);
+    _defineProperty$n(this, "centerToleranceSquared", _MathUtils.EPSILON1);
+    _defineProperty$n(this, "squaredXOverSquaredZ", void 0);
     assert$7(x2 >= 0);
     assert$7(y2 >= 0);
     assert$7(z2 >= 0);
@@ -110059,7 +110060,7 @@ class Ellipsoid {
     return scratchPosition$1.set(0, 0, z2).to(result);
   }
 }
-_defineProperty$k(Ellipsoid, "WGS84", new Ellipsoid(WGS84_RADIUS_X$1, WGS84_RADIUS_Y$1, WGS84_RADIUS_Z$1));
+_defineProperty$n(Ellipsoid, "WGS84", new Ellipsoid(WGS84_RADIUS_X$1, WGS84_RADIUS_Y$1, WGS84_RADIUS_Z$1));
 class DoublyLinkedListNode {
   constructor(item, previous, next3) {
     _defineProperty$n(this, "item", void 0);
@@ -120454,13 +120455,13 @@ var shams$1 = function hasSymbols() {
   }
   return true;
 };
-var hasSymbols$4 = shams$1;
+var hasSymbols$3 = shams$1;
 var shams = function hasToStringTagShams() {
-  return hasSymbols$4() && !!Symbol.toStringTag;
+  return hasSymbols$3() && !!Symbol.toStringTag;
 };
 var origSymbol = typeof Symbol !== "undefined" && Symbol;
 var hasSymbolSham = shams$1;
-var hasSymbols$3 = function hasNativeSymbols() {
+var hasSymbols$2 = function hasNativeSymbols() {
   if (typeof origSymbol !== "function") {
     return false;
   }
@@ -120475,6 +120476,13 @@ var hasSymbols$3 = function hasNativeSymbols() {
   }
   return hasSymbolSham();
 };
+var test$1 = {
+  foo: {}
+};
+var $Object = Object;
+var hasProto$1 = function hasProto() {
+  return { __proto__: test$1 }.foo === test$1.foo && !({ __proto__: null } instanceof $Object);
+};
 var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
 var slice$4 = Array.prototype.slice;
 var toStr$2 = Object.prototype.toString;
@@ -120520,61 +120528,64 @@ var implementation$7 = function bind2(that2) {
 };
 var implementation$6 = implementation$7;
 var functionBind = Function.prototype.bind || implementation$6;
-var bind$4 = functionBind;
-var src = bind$4.call(Function.call, Object.prototype.hasOwnProperty);
-var undefined$3;
-var $SyntaxError$1 = SyntaxError;
-var $Function$1 = Function;
-var $TypeError$1 = TypeError;
-var getEvalledConstructor$1 = function(expressionSyntax) {
+var bind$3 = functionBind;
+var src = bind$3.call(Function.call, Object.prototype.hasOwnProperty);
+var undefined$2;
+var $SyntaxError = SyntaxError;
+var $Function = Function;
+var $TypeError = TypeError;
+var getEvalledConstructor = function(expressionSyntax) {
   try {
-    return $Function$1('"use strict"; return (' + expressionSyntax + ").constructor;")();
+    return $Function('"use strict"; return (' + expressionSyntax + ").constructor;")();
   } catch (e3) {
   }
 };
-var $gOPD$2 = Object.getOwnPropertyDescriptor;
-if ($gOPD$2) {
+var $gOPD$1 = Object.getOwnPropertyDescriptor;
+if ($gOPD$1) {
   try {
-    $gOPD$2({}, "");
+    $gOPD$1({}, "");
   } catch (e3) {
-    $gOPD$2 = null;
+    $gOPD$1 = null;
   }
 }
-var throwTypeError$1 = function() {
-  throw new $TypeError$1();
+var throwTypeError = function() {
+  throw new $TypeError();
 };
-var ThrowTypeError$1 = $gOPD$2 ? function() {
+var ThrowTypeError = $gOPD$1 ? function() {
   try {
     arguments.callee;
-    return throwTypeError$1;
+    return throwTypeError;
   } catch (calleeThrows) {
     try {
-      return $gOPD$2(arguments, "callee").get;
+      return $gOPD$1(arguments, "callee").get;
     } catch (gOPDthrows) {
-      return throwTypeError$1;
+      return throwTypeError;
     }
   }
-}() : throwTypeError$1;
-var hasSymbols$2 = hasSymbols$3();
-var getProto$3 = Object.getPrototypeOf || function(x2) {
+}() : throwTypeError;
+var hasSymbols$1 = hasSymbols$2();
+var hasProto2 = hasProto$1();
+var getProto$2 = Object.getPrototypeOf || (hasProto2 ? function(x2) {
   return x2.__proto__;
-};
-var needsEval$1 = {};
-var TypedArray$2 = typeof Uint8Array === "undefined" ? undefined$3 : getProto$3(Uint8Array);
-var INTRINSICS$1 = {
-  "%AggregateError%": typeof AggregateError === "undefined" ? undefined$3 : AggregateError,
+} : null);
+var needsEval = {};
+var TypedArray$1 = typeof Uint8Array === "undefined" || !getProto$2 ? undefined$2 : getProto$2(Uint8Array);
+var INTRINSICS = {
+  "%AggregateError%": typeof AggregateError === "undefined" ? undefined$2 : AggregateError,
   "%Array%": Array,
-  "%ArrayBuffer%": typeof ArrayBuffer === "undefined" ? undefined$3 : ArrayBuffer,
-  "%ArrayIteratorPrototype%": hasSymbols$2 ? getProto$3([][Symbol.iterator]()) : undefined$3,
-  "%AsyncFromSyncIteratorPrototype%": undefined$3,
-  "%AsyncFunction%": needsEval$1,
-  "%AsyncGenerator%": needsEval$1,
-  "%AsyncGeneratorFunction%": needsEval$1,
-  "%AsyncIteratorPrototype%": needsEval$1,
-  "%Atomics%": typeof Atomics === "undefined" ? undefined$3 : Atomics,
-  "%BigInt%": typeof BigInt === "undefined" ? undefined$3 : BigInt,
+  "%ArrayBuffer%": typeof ArrayBuffer === "undefined" ? undefined$2 : ArrayBuffer,
+  "%ArrayIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$2,
+  "%AsyncFromSyncIteratorPrototype%": undefined$2,
+  "%AsyncFunction%": needsEval,
+  "%AsyncGenerator%": needsEval,
+  "%AsyncGeneratorFunction%": needsEval,
+  "%AsyncIteratorPrototype%": needsEval,
+  "%Atomics%": typeof Atomics === "undefined" ? undefined$2 : Atomics,
+  "%BigInt%": typeof BigInt === "undefined" ? undefined$2 : BigInt,
+  "%BigInt64Array%": typeof BigInt64Array === "undefined" ? undefined$2 : BigInt64Array,
+  "%BigUint64Array%": typeof BigUint64Array === "undefined" ? undefined$2 : BigUint64Array,
   "%Boolean%": Boolean,
-  "%DataView%": typeof DataView === "undefined" ? undefined$3 : DataView,
+  "%DataView%": typeof DataView === "undefined" ? undefined$2 : DataView,
   "%Date%": Date,
   "%decodeURI%": decodeURI,
   "%decodeURIComponent%": decodeURIComponent,
@@ -120584,73 +120595,81 @@ var INTRINSICS$1 = {
   "%eval%": eval,
   // eslint-disable-line no-eval
   "%EvalError%": EvalError,
-  "%Float32Array%": typeof Float32Array === "undefined" ? undefined$3 : Float32Array,
-  "%Float64Array%": typeof Float64Array === "undefined" ? undefined$3 : Float64Array,
-  "%FinalizationRegistry%": typeof FinalizationRegistry === "undefined" ? undefined$3 : FinalizationRegistry,
-  "%Function%": $Function$1,
-  "%GeneratorFunction%": needsEval$1,
-  "%Int8Array%": typeof Int8Array === "undefined" ? undefined$3 : Int8Array,
-  "%Int16Array%": typeof Int16Array === "undefined" ? undefined$3 : Int16Array,
-  "%Int32Array%": typeof Int32Array === "undefined" ? undefined$3 : Int32Array,
+  "%Float32Array%": typeof Float32Array === "undefined" ? undefined$2 : Float32Array,
+  "%Float64Array%": typeof Float64Array === "undefined" ? undefined$2 : Float64Array,
+  "%FinalizationRegistry%": typeof FinalizationRegistry === "undefined" ? undefined$2 : FinalizationRegistry,
+  "%Function%": $Function,
+  "%GeneratorFunction%": needsEval,
+  "%Int8Array%": typeof Int8Array === "undefined" ? undefined$2 : Int8Array,
+  "%Int16Array%": typeof Int16Array === "undefined" ? undefined$2 : Int16Array,
+  "%Int32Array%": typeof Int32Array === "undefined" ? undefined$2 : Int32Array,
   "%isFinite%": isFinite,
   "%isNaN%": isNaN,
-  "%IteratorPrototype%": hasSymbols$2 ? getProto$3(getProto$3([][Symbol.iterator]())) : undefined$3,
-  "%JSON%": typeof JSON === "object" ? JSON : undefined$3,
-  "%Map%": typeof Map === "undefined" ? undefined$3 : Map,
-  "%MapIteratorPrototype%": typeof Map === "undefined" || !hasSymbols$2 ? undefined$3 : getProto$3((/* @__PURE__ */ new Map())[Symbol.iterator]()),
+  "%IteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$2,
+  "%JSON%": typeof JSON === "object" ? JSON : undefined$2,
+  "%Map%": typeof Map === "undefined" ? undefined$2 : Map,
+  "%MapIteratorPrototype%": typeof Map === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Map())[Symbol.iterator]()),
   "%Math%": Math,
   "%Number%": Number,
   "%Object%": Object,
   "%parseFloat%": parseFloat,
   "%parseInt%": parseInt,
-  "%Promise%": typeof Promise === "undefined" ? undefined$3 : Promise,
-  "%Proxy%": typeof Proxy === "undefined" ? undefined$3 : Proxy,
+  "%Promise%": typeof Promise === "undefined" ? undefined$2 : Promise,
+  "%Proxy%": typeof Proxy === "undefined" ? undefined$2 : Proxy,
   "%RangeError%": RangeError,
   "%ReferenceError%": ReferenceError,
-  "%Reflect%": typeof Reflect === "undefined" ? undefined$3 : Reflect,
+  "%Reflect%": typeof Reflect === "undefined" ? undefined$2 : Reflect,
   "%RegExp%": RegExp,
-  "%Set%": typeof Set === "undefined" ? undefined$3 : Set,
-  "%SetIteratorPrototype%": typeof Set === "undefined" || !hasSymbols$2 ? undefined$3 : getProto$3((/* @__PURE__ */ new Set())[Symbol.iterator]()),
-  "%SharedArrayBuffer%": typeof SharedArrayBuffer === "undefined" ? undefined$3 : SharedArrayBuffer,
+  "%Set%": typeof Set === "undefined" ? undefined$2 : Set,
+  "%SetIteratorPrototype%": typeof Set === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Set())[Symbol.iterator]()),
+  "%SharedArrayBuffer%": typeof SharedArrayBuffer === "undefined" ? undefined$2 : SharedArrayBuffer,
   "%String%": String,
-  "%StringIteratorPrototype%": hasSymbols$2 ? getProto$3(""[Symbol.iterator]()) : undefined$3,
-  "%Symbol%": hasSymbols$2 ? Symbol : undefined$3,
-  "%SyntaxError%": $SyntaxError$1,
-  "%ThrowTypeError%": ThrowTypeError$1,
-  "%TypedArray%": TypedArray$2,
-  "%TypeError%": $TypeError$1,
-  "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined$3 : Uint8Array,
-  "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined$3 : Uint8ClampedArray,
-  "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined$3 : Uint16Array,
-  "%Uint32Array%": typeof Uint32Array === "undefined" ? undefined$3 : Uint32Array,
+  "%StringIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(""[Symbol.iterator]()) : undefined$2,
+  "%Symbol%": hasSymbols$1 ? Symbol : undefined$2,
+  "%SyntaxError%": $SyntaxError,
+  "%ThrowTypeError%": ThrowTypeError,
+  "%TypedArray%": TypedArray$1,
+  "%TypeError%": $TypeError,
+  "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined$2 : Uint8Array,
+  "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined$2 : Uint8ClampedArray,
+  "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined$2 : Uint16Array,
+  "%Uint32Array%": typeof Uint32Array === "undefined" ? undefined$2 : Uint32Array,
   "%URIError%": URIError,
-  "%WeakMap%": typeof WeakMap === "undefined" ? undefined$3 : WeakMap,
-  "%WeakRef%": typeof WeakRef === "undefined" ? undefined$3 : WeakRef,
-  "%WeakSet%": typeof WeakSet === "undefined" ? undefined$3 : WeakSet
+  "%WeakMap%": typeof WeakMap === "undefined" ? undefined$2 : WeakMap,
+  "%WeakRef%": typeof WeakRef === "undefined" ? undefined$2 : WeakRef,
+  "%WeakSet%": typeof WeakSet === "undefined" ? undefined$2 : WeakSet
 };
-var doEval$1 = function doEval(name2) {
+if (getProto$2) {
+  try {
+    null.error;
+  } catch (e3) {
+    var errorProto = getProto$2(getProto$2(e3));
+    INTRINSICS["%Error.prototype%"] = errorProto;
+  }
+}
+var doEval = function doEval2(name2) {
   var value2;
   if (name2 === "%AsyncFunction%") {
-    value2 = getEvalledConstructor$1("async function () {}");
+    value2 = getEvalledConstructor("async function () {}");
   } else if (name2 === "%GeneratorFunction%") {
-    value2 = getEvalledConstructor$1("function* () {}");
+    value2 = getEvalledConstructor("function* () {}");
   } else if (name2 === "%AsyncGeneratorFunction%") {
-    value2 = getEvalledConstructor$1("async function* () {}");
+    value2 = getEvalledConstructor("async function* () {}");
   } else if (name2 === "%AsyncGenerator%") {
-    var fn = doEval("%AsyncGeneratorFunction%");
+    var fn = doEval2("%AsyncGeneratorFunction%");
     if (fn) {
       value2 = fn.prototype;
     }
   } else if (name2 === "%AsyncIteratorPrototype%") {
-    var gen = doEval("%AsyncGenerator%");
-    if (gen) {
-      value2 = getProto$3(gen.prototype);
+    var gen = doEval2("%AsyncGenerator%");
+    if (gen && getProto$2) {
+      value2 = getProto$2(gen.prototype);
     }
   }
-  INTRINSICS$1[name2] = value2;
+  INTRINSICS[name2] = value2;
   return value2;
 };
-var LEGACY_ALIASES$1 = {
+var LEGACY_ALIASES = {
   "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"],
   "%ArrayPrototype%": ["Array", "prototype"],
   "%ArrayProto_entries%": ["Array", "prototype", "entries"],
@@ -120703,43 +120722,43 @@ var LEGACY_ALIASES$1 = {
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
 };
-var bind$3 = functionBind;
-var hasOwn$2 = src;
-var $concat$1 = bind$3.call(Function.call, Array.prototype.concat);
-var $spliceApply$1 = bind$3.call(Function.apply, Array.prototype.splice);
-var $replace$1 = bind$3.call(Function.call, String.prototype.replace);
-var $strSlice$1 = bind$3.call(Function.call, String.prototype.slice);
-var $exec$2 = bind$3.call(Function.call, RegExp.prototype.exec);
-var rePropName$1 = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
-var reEscapeChar$1 = /\\(\\)?/g;
-var stringToPath$1 = function stringToPath(string2) {
-  var first = $strSlice$1(string2, 0, 1);
-  var last = $strSlice$1(string2, -1);
+var bind$2 = functionBind;
+var hasOwn$1 = src;
+var $concat = bind$2.call(Function.call, Array.prototype.concat);
+var $spliceApply = bind$2.call(Function.apply, Array.prototype.splice);
+var $replace = bind$2.call(Function.call, String.prototype.replace);
+var $strSlice = bind$2.call(Function.call, String.prototype.slice);
+var $exec$1 = bind$2.call(Function.call, RegExp.prototype.exec);
+var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
+var reEscapeChar = /\\(\\)?/g;
+var stringToPath = function stringToPath2(string2) {
+  var first = $strSlice(string2, 0, 1);
+  var last = $strSlice(string2, -1);
   if (first === "%" && last !== "%") {
-    throw new $SyntaxError$1("invalid intrinsic syntax, expected closing `%`");
+    throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");
   } else if (last === "%" && first !== "%") {
-    throw new $SyntaxError$1("invalid intrinsic syntax, expected opening `%`");
+    throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");
   }
   var result = [];
-  $replace$1(string2, rePropName$1, function(match2, number2, quote, subString) {
-    result[result.length] = quote ? $replace$1(subString, reEscapeChar$1, "$1") : number2 || match2;
+  $replace(string2, rePropName, function(match2, number2, quote, subString) {
+    result[result.length] = quote ? $replace(subString, reEscapeChar, "$1") : number2 || match2;
   });
   return result;
 };
-var getBaseIntrinsic$1 = function getBaseIntrinsic(name2, allowMissing) {
+var getBaseIntrinsic = function getBaseIntrinsic2(name2, allowMissing) {
   var intrinsicName = name2;
   var alias;
-  if (hasOwn$2(LEGACY_ALIASES$1, intrinsicName)) {
-    alias = LEGACY_ALIASES$1[intrinsicName];
+  if (hasOwn$1(LEGACY_ALIASES, intrinsicName)) {
+    alias = LEGACY_ALIASES[intrinsicName];
     intrinsicName = "%" + alias[0] + "%";
   }
-  if (hasOwn$2(INTRINSICS$1, intrinsicName)) {
-    var value2 = INTRINSICS$1[intrinsicName];
-    if (value2 === needsEval$1) {
-      value2 = doEval$1(intrinsicName);
+  if (hasOwn$1(INTRINSICS, intrinsicName)) {
+    var value2 = INTRINSICS[intrinsicName];
+    if (value2 === needsEval) {
+      value2 = doEval(intrinsicName);
     }
     if (typeof value2 === "undefined" && !allowMissing) {
-      throw new $TypeError$1("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
+      throw new $TypeError("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
     }
     return {
       alias,
@@ -120747,52 +120766,52 @@ var getBaseIntrinsic$1 = function getBaseIntrinsic(name2, allowMissing) {
       value: value2
     };
   }
-  throw new $SyntaxError$1("intrinsic " + name2 + " does not exist!");
+  throw new $SyntaxError("intrinsic " + name2 + " does not exist!");
 };
-var getIntrinsic$1 = function GetIntrinsic(name2, allowMissing) {
+var getIntrinsic = function GetIntrinsic(name2, allowMissing) {
   if (typeof name2 !== "string" || name2.length === 0) {
-    throw new $TypeError$1("intrinsic name must be a non-empty string");
+    throw new $TypeError("intrinsic name must be a non-empty string");
   }
   if (arguments.length > 1 && typeof allowMissing !== "boolean") {
-    throw new $TypeError$1('"allowMissing" argument must be a boolean');
+    throw new $TypeError('"allowMissing" argument must be a boolean');
   }
-  if ($exec$2(/^%?[^%]*%?$/, name2) === null) {
-    throw new $SyntaxError$1("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
+  if ($exec$1(/^%?[^%]*%?$/, name2) === null) {
+    throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
   }
-  var parts = stringToPath$1(name2);
+  var parts = stringToPath(name2);
   var intrinsicBaseName = parts.length > 0 ? parts[0] : "";
-  var intrinsic = getBaseIntrinsic$1("%" + intrinsicBaseName + "%", allowMissing);
+  var intrinsic = getBaseIntrinsic("%" + intrinsicBaseName + "%", allowMissing);
   var intrinsicRealName = intrinsic.name;
   var value2 = intrinsic.value;
   var skipFurtherCaching = false;
   var alias = intrinsic.alias;
   if (alias) {
     intrinsicBaseName = alias[0];
-    $spliceApply$1(parts, $concat$1([0, 1], alias));
+    $spliceApply(parts, $concat([0, 1], alias));
   }
   for (var i2 = 1, isOwn = true; i2 < parts.length; i2 += 1) {
     var part = parts[i2];
-    var first = $strSlice$1(part, 0, 1);
-    var last = $strSlice$1(part, -1);
+    var first = $strSlice(part, 0, 1);
+    var last = $strSlice(part, -1);
     if ((first === '"' || first === "'" || first === "`" || (last === '"' || last === "'" || last === "`")) && first !== last) {
-      throw new $SyntaxError$1("property names with quotes must have matching quotes");
+      throw new $SyntaxError("property names with quotes must have matching quotes");
     }
     if (part === "constructor" || !isOwn) {
       skipFurtherCaching = true;
     }
     intrinsicBaseName += "." + part;
     intrinsicRealName = "%" + intrinsicBaseName + "%";
-    if (hasOwn$2(INTRINSICS$1, intrinsicRealName)) {
-      value2 = INTRINSICS$1[intrinsicRealName];
+    if (hasOwn$1(INTRINSICS, intrinsicRealName)) {
+      value2 = INTRINSICS[intrinsicRealName];
     } else if (value2 != null) {
       if (!(part in value2)) {
         if (!allowMissing) {
-          throw new $TypeError$1("base intrinsic for " + name2 + " exists, but the property is not available.");
+          throw new $TypeError("base intrinsic for " + name2 + " exists, but the property is not available.");
         }
         return void 0;
       }
-      if ($gOPD$2 && i2 + 1 >= parts.length) {
-        var desc = $gOPD$2(value2, part);
+      if ($gOPD$1 && i2 + 1 >= parts.length) {
+        var desc = $gOPD$1(value2, part);
         isOwn = !!desc;
         if (isOwn && "get" in desc && !("originalValue" in desc.get)) {
           value2 = desc.get;
@@ -120800,11 +120819,11 @@ var getIntrinsic$1 = function GetIntrinsic(name2, allowMissing) {
           value2 = value2[part];
         }
       } else {
-        isOwn = hasOwn$2(value2, part);
+        isOwn = hasOwn$1(value2, part);
         value2 = value2[part];
       }
       if (isOwn && !skipFurtherCaching) {
-        INTRINSICS$1[intrinsicRealName] = value2;
+        INTRINSICS[intrinsicRealName] = value2;
       }
     }
   }
@@ -120813,13 +120832,13 @@ var getIntrinsic$1 = function GetIntrinsic(name2, allowMissing) {
 var callBind$3 = { exports: {} };
 (function(module2) {
   var bind4 = functionBind;
-  var GetIntrinsic4 = getIntrinsic$1;
-  var $apply = GetIntrinsic4("%Function.prototype.apply%");
-  var $call = GetIntrinsic4("%Function.prototype.call%");
-  var $reflectApply = GetIntrinsic4("%Reflect.apply%", true) || bind4.call($call, $apply);
-  var $gOPD2 = GetIntrinsic4("%Object.getOwnPropertyDescriptor%", true);
-  var $defineProperty2 = GetIntrinsic4("%Object.defineProperty%", true);
-  var $max = GetIntrinsic4("%Math.max%");
+  var GetIntrinsic3 = getIntrinsic;
+  var $apply = GetIntrinsic3("%Function.prototype.apply%");
+  var $call = GetIntrinsic3("%Function.prototype.call%");
+  var $reflectApply = GetIntrinsic3("%Reflect.apply%", true) || bind4.call($call, $apply);
+  var $gOPD2 = GetIntrinsic3("%Object.getOwnPropertyDescriptor%", true);
+  var $defineProperty2 = GetIntrinsic3("%Object.defineProperty%", true);
+  var $max = GetIntrinsic3("%Math.max%");
   if ($defineProperty2) {
     try {
       $defineProperty2({}, "a", { value: 1 });
@@ -120851,7 +120870,7 @@ var callBind$3 = { exports: {} };
   }
 })(callBind$3);
 var callBindExports = callBind$3.exports;
-var GetIntrinsic$1 = getIntrinsic$1;
+var GetIntrinsic$1 = getIntrinsic;
 var callBind$2 = callBindExports;
 var $indexOf = callBind$2(GetIntrinsic$1("String.prototype.indexOf"));
 var callBound$2 = function callBoundIntrinsic(name2, allowMissing) {
@@ -120881,314 +120900,8 @@ var supportsStandardArguments = function() {
 }();
 isStandardArguments.isLegacyArguments = isLegacyArguments;
 var isArguments$1 = supportsStandardArguments ? isStandardArguments : isLegacyArguments;
-var test$1 = {
-  foo: {}
-};
-var $Object = Object;
-var hasProto$1 = function hasProto() {
-  return { __proto__: test$1 }.foo === test$1.foo && !({ __proto__: null } instanceof $Object);
-};
-var undefined$2;
-var $SyntaxError = SyntaxError;
-var $Function = Function;
-var $TypeError = TypeError;
-var getEvalledConstructor = function(expressionSyntax) {
-  try {
-    return $Function('"use strict"; return (' + expressionSyntax + ").constructor;")();
-  } catch (e3) {
-  }
-};
-var $gOPD$1 = Object.getOwnPropertyDescriptor;
-if ($gOPD$1) {
-  try {
-    $gOPD$1({}, "");
-  } catch (e3) {
-    $gOPD$1 = null;
-  }
-}
-var throwTypeError = function() {
-  throw new $TypeError();
-};
-var ThrowTypeError = $gOPD$1 ? function() {
-  try {
-    arguments.callee;
-    return throwTypeError;
-  } catch (calleeThrows) {
-    try {
-      return $gOPD$1(arguments, "callee").get;
-    } catch (gOPDthrows) {
-      return throwTypeError;
-    }
-  }
-}() : throwTypeError;
-var hasSymbols$1 = hasSymbols$3();
-var hasProto2 = hasProto$1();
-var getProto$2 = Object.getPrototypeOf || (hasProto2 ? function(x2) {
-  return x2.__proto__;
-} : null);
-var needsEval = {};
-var TypedArray$1 = typeof Uint8Array === "undefined" || !getProto$2 ? undefined$2 : getProto$2(Uint8Array);
-var INTRINSICS = {
-  "%AggregateError%": typeof AggregateError === "undefined" ? undefined$2 : AggregateError,
-  "%Array%": Array,
-  "%ArrayBuffer%": typeof ArrayBuffer === "undefined" ? undefined$2 : ArrayBuffer,
-  "%ArrayIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$2,
-  "%AsyncFromSyncIteratorPrototype%": undefined$2,
-  "%AsyncFunction%": needsEval,
-  "%AsyncGenerator%": needsEval,
-  "%AsyncGeneratorFunction%": needsEval,
-  "%AsyncIteratorPrototype%": needsEval,
-  "%Atomics%": typeof Atomics === "undefined" ? undefined$2 : Atomics,
-  "%BigInt%": typeof BigInt === "undefined" ? undefined$2 : BigInt,
-  "%BigInt64Array%": typeof BigInt64Array === "undefined" ? undefined$2 : BigInt64Array,
-  "%BigUint64Array%": typeof BigUint64Array === "undefined" ? undefined$2 : BigUint64Array,
-  "%Boolean%": Boolean,
-  "%DataView%": typeof DataView === "undefined" ? undefined$2 : DataView,
-  "%Date%": Date,
-  "%decodeURI%": decodeURI,
-  "%decodeURIComponent%": decodeURIComponent,
-  "%encodeURI%": encodeURI,
-  "%encodeURIComponent%": encodeURIComponent,
-  "%Error%": Error,
-  "%eval%": eval,
-  // eslint-disable-line no-eval
-  "%EvalError%": EvalError,
-  "%Float32Array%": typeof Float32Array === "undefined" ? undefined$2 : Float32Array,
-  "%Float64Array%": typeof Float64Array === "undefined" ? undefined$2 : Float64Array,
-  "%FinalizationRegistry%": typeof FinalizationRegistry === "undefined" ? undefined$2 : FinalizationRegistry,
-  "%Function%": $Function,
-  "%GeneratorFunction%": needsEval,
-  "%Int8Array%": typeof Int8Array === "undefined" ? undefined$2 : Int8Array,
-  "%Int16Array%": typeof Int16Array === "undefined" ? undefined$2 : Int16Array,
-  "%Int32Array%": typeof Int32Array === "undefined" ? undefined$2 : Int32Array,
-  "%isFinite%": isFinite,
-  "%isNaN%": isNaN,
-  "%IteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$2,
-  "%JSON%": typeof JSON === "object" ? JSON : undefined$2,
-  "%Map%": typeof Map === "undefined" ? undefined$2 : Map,
-  "%MapIteratorPrototype%": typeof Map === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Map())[Symbol.iterator]()),
-  "%Math%": Math,
-  "%Number%": Number,
-  "%Object%": Object,
-  "%parseFloat%": parseFloat,
-  "%parseInt%": parseInt,
-  "%Promise%": typeof Promise === "undefined" ? undefined$2 : Promise,
-  "%Proxy%": typeof Proxy === "undefined" ? undefined$2 : Proxy,
-  "%RangeError%": RangeError,
-  "%ReferenceError%": ReferenceError,
-  "%Reflect%": typeof Reflect === "undefined" ? undefined$2 : Reflect,
-  "%RegExp%": RegExp,
-  "%Set%": typeof Set === "undefined" ? undefined$2 : Set,
-  "%SetIteratorPrototype%": typeof Set === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Set())[Symbol.iterator]()),
-  "%SharedArrayBuffer%": typeof SharedArrayBuffer === "undefined" ? undefined$2 : SharedArrayBuffer,
-  "%String%": String,
-  "%StringIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(""[Symbol.iterator]()) : undefined$2,
-  "%Symbol%": hasSymbols$1 ? Symbol : undefined$2,
-  "%SyntaxError%": $SyntaxError,
-  "%ThrowTypeError%": ThrowTypeError,
-  "%TypedArray%": TypedArray$1,
-  "%TypeError%": $TypeError,
-  "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined$2 : Uint8Array,
-  "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined$2 : Uint8ClampedArray,
-  "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined$2 : Uint16Array,
-  "%Uint32Array%": typeof Uint32Array === "undefined" ? undefined$2 : Uint32Array,
-  "%URIError%": URIError,
-  "%WeakMap%": typeof WeakMap === "undefined" ? undefined$2 : WeakMap,
-  "%WeakRef%": typeof WeakRef === "undefined" ? undefined$2 : WeakRef,
-  "%WeakSet%": typeof WeakSet === "undefined" ? undefined$2 : WeakSet
-};
-if (getProto$2) {
-  try {
-    null.error;
-  } catch (e3) {
-    var errorProto = getProto$2(getProto$2(e3));
-    INTRINSICS["%Error.prototype%"] = errorProto;
-  }
-}
-var doEval2 = function doEval3(name2) {
-  var value2;
-  if (name2 === "%AsyncFunction%") {
-    value2 = getEvalledConstructor("async function () {}");
-  } else if (name2 === "%GeneratorFunction%") {
-    value2 = getEvalledConstructor("function* () {}");
-  } else if (name2 === "%AsyncGeneratorFunction%") {
-    value2 = getEvalledConstructor("async function* () {}");
-  } else if (name2 === "%AsyncGenerator%") {
-    var fn = doEval3("%AsyncGeneratorFunction%");
-    if (fn) {
-      value2 = fn.prototype;
-    }
-  } else if (name2 === "%AsyncIteratorPrototype%") {
-    var gen = doEval3("%AsyncGenerator%");
-    if (gen && getProto$2) {
-      value2 = getProto$2(gen.prototype);
-    }
-  }
-  INTRINSICS[name2] = value2;
-  return value2;
-};
-var LEGACY_ALIASES = {
-  "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"],
-  "%ArrayPrototype%": ["Array", "prototype"],
-  "%ArrayProto_entries%": ["Array", "prototype", "entries"],
-  "%ArrayProto_forEach%": ["Array", "prototype", "forEach"],
-  "%ArrayProto_keys%": ["Array", "prototype", "keys"],
-  "%ArrayProto_values%": ["Array", "prototype", "values"],
-  "%AsyncFunctionPrototype%": ["AsyncFunction", "prototype"],
-  "%AsyncGenerator%": ["AsyncGeneratorFunction", "prototype"],
-  "%AsyncGeneratorPrototype%": ["AsyncGeneratorFunction", "prototype", "prototype"],
-  "%BooleanPrototype%": ["Boolean", "prototype"],
-  "%DataViewPrototype%": ["DataView", "prototype"],
-  "%DatePrototype%": ["Date", "prototype"],
-  "%ErrorPrototype%": ["Error", "prototype"],
-  "%EvalErrorPrototype%": ["EvalError", "prototype"],
-  "%Float32ArrayPrototype%": ["Float32Array", "prototype"],
-  "%Float64ArrayPrototype%": ["Float64Array", "prototype"],
-  "%FunctionPrototype%": ["Function", "prototype"],
-  "%Generator%": ["GeneratorFunction", "prototype"],
-  "%GeneratorPrototype%": ["GeneratorFunction", "prototype", "prototype"],
-  "%Int8ArrayPrototype%": ["Int8Array", "prototype"],
-  "%Int16ArrayPrototype%": ["Int16Array", "prototype"],
-  "%Int32ArrayPrototype%": ["Int32Array", "prototype"],
-  "%JSONParse%": ["JSON", "parse"],
-  "%JSONStringify%": ["JSON", "stringify"],
-  "%MapPrototype%": ["Map", "prototype"],
-  "%NumberPrototype%": ["Number", "prototype"],
-  "%ObjectPrototype%": ["Object", "prototype"],
-  "%ObjProto_toString%": ["Object", "prototype", "toString"],
-  "%ObjProto_valueOf%": ["Object", "prototype", "valueOf"],
-  "%PromisePrototype%": ["Promise", "prototype"],
-  "%PromiseProto_then%": ["Promise", "prototype", "then"],
-  "%Promise_all%": ["Promise", "all"],
-  "%Promise_reject%": ["Promise", "reject"],
-  "%Promise_resolve%": ["Promise", "resolve"],
-  "%RangeErrorPrototype%": ["RangeError", "prototype"],
-  "%ReferenceErrorPrototype%": ["ReferenceError", "prototype"],
-  "%RegExpPrototype%": ["RegExp", "prototype"],
-  "%SetPrototype%": ["Set", "prototype"],
-  "%SharedArrayBufferPrototype%": ["SharedArrayBuffer", "prototype"],
-  "%StringPrototype%": ["String", "prototype"],
-  "%SymbolPrototype%": ["Symbol", "prototype"],
-  "%SyntaxErrorPrototype%": ["SyntaxError", "prototype"],
-  "%TypedArrayPrototype%": ["TypedArray", "prototype"],
-  "%TypeErrorPrototype%": ["TypeError", "prototype"],
-  "%Uint8ArrayPrototype%": ["Uint8Array", "prototype"],
-  "%Uint8ClampedArrayPrototype%": ["Uint8ClampedArray", "prototype"],
-  "%Uint16ArrayPrototype%": ["Uint16Array", "prototype"],
-  "%Uint32ArrayPrototype%": ["Uint32Array", "prototype"],
-  "%URIErrorPrototype%": ["URIError", "prototype"],
-  "%WeakMapPrototype%": ["WeakMap", "prototype"],
-  "%WeakSetPrototype%": ["WeakSet", "prototype"]
-};
-var bind$2 = functionBind;
-var hasOwn$1 = src;
-var $concat = bind$2.call(Function.call, Array.prototype.concat);
-var $spliceApply = bind$2.call(Function.apply, Array.prototype.splice);
-var $replace = bind$2.call(Function.call, String.prototype.replace);
-var $strSlice = bind$2.call(Function.call, String.prototype.slice);
-var $exec$1 = bind$2.call(Function.call, RegExp.prototype.exec);
-var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
-var reEscapeChar = /\\(\\)?/g;
-var stringToPath2 = function stringToPath3(string2) {
-  var first = $strSlice(string2, 0, 1);
-  var last = $strSlice(string2, -1);
-  if (first === "%" && last !== "%") {
-    throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");
-  } else if (last === "%" && first !== "%") {
-    throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");
-  }
-  var result = [];
-  $replace(string2, rePropName, function(match2, number2, quote, subString) {
-    result[result.length] = quote ? $replace(subString, reEscapeChar, "$1") : number2 || match2;
-  });
-  return result;
-};
-var getBaseIntrinsic2 = function getBaseIntrinsic3(name2, allowMissing) {
-  var intrinsicName = name2;
-  var alias;
-  if (hasOwn$1(LEGACY_ALIASES, intrinsicName)) {
-    alias = LEGACY_ALIASES[intrinsicName];
-    intrinsicName = "%" + alias[0] + "%";
-  }
-  if (hasOwn$1(INTRINSICS, intrinsicName)) {
-    var value2 = INTRINSICS[intrinsicName];
-    if (value2 === needsEval) {
-      value2 = doEval2(intrinsicName);
-    }
-    if (typeof value2 === "undefined" && !allowMissing) {
-      throw new $TypeError("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
-    }
-    return {
-      alias,
-      name: intrinsicName,
-      value: value2
-    };
-  }
-  throw new $SyntaxError("intrinsic " + name2 + " does not exist!");
-};
-var getIntrinsic = function GetIntrinsic2(name2, allowMissing) {
-  if (typeof name2 !== "string" || name2.length === 0) {
-    throw new $TypeError("intrinsic name must be a non-empty string");
-  }
-  if (arguments.length > 1 && typeof allowMissing !== "boolean") {
-    throw new $TypeError('"allowMissing" argument must be a boolean');
-  }
-  if ($exec$1(/^%?[^%]*%?$/, name2) === null) {
-    throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
-  }
-  var parts = stringToPath2(name2);
-  var intrinsicBaseName = parts.length > 0 ? parts[0] : "";
-  var intrinsic = getBaseIntrinsic2("%" + intrinsicBaseName + "%", allowMissing);
-  var intrinsicRealName = intrinsic.name;
-  var value2 = intrinsic.value;
-  var skipFurtherCaching = false;
-  var alias = intrinsic.alias;
-  if (alias) {
-    intrinsicBaseName = alias[0];
-    $spliceApply(parts, $concat([0, 1], alias));
-  }
-  for (var i2 = 1, isOwn = true; i2 < parts.length; i2 += 1) {
-    var part = parts[i2];
-    var first = $strSlice(part, 0, 1);
-    var last = $strSlice(part, -1);
-    if ((first === '"' || first === "'" || first === "`" || (last === '"' || last === "'" || last === "`")) && first !== last) {
-      throw new $SyntaxError("property names with quotes must have matching quotes");
-    }
-    if (part === "constructor" || !isOwn) {
-      skipFurtherCaching = true;
-    }
-    intrinsicBaseName += "." + part;
-    intrinsicRealName = "%" + intrinsicBaseName + "%";
-    if (hasOwn$1(INTRINSICS, intrinsicRealName)) {
-      value2 = INTRINSICS[intrinsicRealName];
-    } else if (value2 != null) {
-      if (!(part in value2)) {
-        if (!allowMissing) {
-          throw new $TypeError("base intrinsic for " + name2 + " exists, but the property is not available.");
-        }
-        return void 0;
-      }
-      if ($gOPD$1 && i2 + 1 >= parts.length) {
-        var desc = $gOPD$1(value2, part);
-        isOwn = !!desc;
-        if (isOwn && "get" in desc && !("originalValue" in desc.get)) {
-          value2 = desc.get;
-        } else {
-          value2 = value2[part];
-        }
-      } else {
-        isOwn = hasOwn$1(value2, part);
-        value2 = value2[part];
-      }
-      if (isOwn && !skipFurtherCaching) {
-        INTRINSICS[intrinsicRealName] = value2;
-      }
-    }
-  }
-  return value2;
-};
-var GetIntrinsic3 = getIntrinsic;
-var $defineProperty = GetIntrinsic3("%Object.defineProperty%", true);
+var GetIntrinsic2 = getIntrinsic;
+var $defineProperty = GetIntrinsic2("%Object.defineProperty%", true);
 var hasPropertyDescriptors$1 = function hasPropertyDescriptors() {
   if ($defineProperty) {
     try {
@@ -155474,16 +155187,16 @@ async function getDecoder(fileDirectory) {
   const Decoder = await importFn();
   return new Decoder(fileDirectory);
 }
-addDecoder([void 0, 1], () => import("./raw-3c693341.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-865bd058.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-90cab418.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-e2d5a7f6.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-e740c9a5.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-f57b3163.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-d4191efd.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-01e6c4d8.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-83da2258.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-d5225556.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-c18e8d14.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-b6a798a9.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-e2ffe296.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-ad4dfc02.js").then((m2) => m2.default));
 function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
   return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
 }
@@ -171929,7 +171642,7 @@ const VisibilityOffIcon = createSvgIcon(/* @__PURE__ */ React.createElement("pat
   d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"
 }), "VisibilityOff");
 const useStyles$b = makeStyles(() => ({
-  button: {
+  toolButton: {
     display: "inline-flex",
     "&:active": {
       opacity: ".65",
@@ -171952,7 +171665,7 @@ const useStyles$b = makeStyles(() => ({
     transform: "scale(0.98)"
     // make the button slightly smaller
   },
-  icon: {
+  toolIcon: {
     // btn btn-outline-secondary mr-2 icon
     padding: "0",
     height: "2em",
@@ -171990,12 +171703,12 @@ const useStyles$b = makeStyles(() => ({
 function IconTool(props2) {
   const { alt, onClick, isActive: isActive2, children: children2 } = props2;
   const classes = useStyles$b();
-  return jsxRuntimeExports.jsx("button", { className: clsx(classes.icon, { [classes.toolActive]: isActive2 }), onClick, type: "button", title: alt, children: children2 });
+  return jsxRuntimeExports.jsx("button", { className: clsx(classes.toolIcon, { [classes.toolActive]: isActive2 }), onClick, type: "button", title: alt, children: children2 });
 }
 function IconButton2(props2) {
   const { alt, onClick, children: children2 } = props2;
   const classes = useStyles$b();
-  return jsxRuntimeExports.jsx("button", { className: clsx(classes.icon, classes.button), onClick, type: "button", title: alt, children: children2 });
+  return jsxRuntimeExports.jsx("button", { className: clsx(classes.toolIcon, classes.toolButton), onClick, type: "button", title: alt, children: children2 });
 }
 function ToolMenu(props2) {
   const { setActiveTool, activeTool, visibleTools = { pan: true, selectLasso: true }, recenterOnClick = () => {
@@ -172099,7 +171812,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
   // eslint-disable-next-line consistent-return
   onHover(info2) {
     const { coordinate, sourceLayer: layer, tile } = info2;
-    const { setCellHighlight, cellHighlight, setComponentHover, layers } = this.props;
+    const { setCellHighlight, cellHighlight, setComponentHover, layers, setHoverInfo } = this.props;
     const hasBitmask = (layers || []).some((l2) => l2.type === "bitmask");
     if (!setCellHighlight || !tile) {
       return null;
@@ -172108,6 +171821,9 @@ class AbstractSpatialOrScatterplot extends PureComponent {
       if (cellHighlight && hasBitmask) {
         setCellHighlight(null);
       }
+      if (setHoverInfo) {
+        setHoverInfo(null, null);
+      }
       return null;
     }
     const { content: content2, bbox: bbox2, index: { z: z2 } } = tile;
@@ -172115,6 +171831,9 @@ class AbstractSpatialOrScatterplot extends PureComponent {
       if (cellHighlight && hasBitmask) {
         setCellHighlight(null);
       }
+      if (setHoverInfo) {
+        setHoverInfo(null, null);
+      }
       return null;
     }
     const { data: data2, width: width2, height: height2 } = content2;
@@ -172146,6 +171865,13 @@ class AbstractSpatialOrScatterplot extends PureComponent {
         }
         setCellHighlight(cellId ? String(cellId) : null);
       }
+      if (setHoverInfo) {
+        if (cellId) {
+          setHoverInfo(hoverData, coordinate);
+        } else {
+          setHoverInfo(null, null);
+        }
+      }
     }
   }
   /**
@@ -172160,7 +171886,8 @@ class AbstractSpatialOrScatterplot extends PureComponent {
     if (updateViewInfo && viewport) {
       updateViewInfo({
         uuid,
-        project: (obsId) => {
+        project: viewport.project,
+        projectFromId: (obsId) => {
           try {
             if (obsIndex && obsLocations) {
               const getObsCoords = makeGetObsCoords(obsLocations);
@@ -172775,7 +172502,7 @@ function ScatterplotTooltipSubscriber(props2) {
   const viewInfo = useComponentViewInfo(parentUuid);
   const [cellInfo, x2, y2] = obsHighlight && getObsInfo ? [
     getObsInfo(obsHighlight),
-    ...viewInfo && viewInfo.project ? viewInfo.project(obsHighlight) : [null, null]
+    ...viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsHighlight) : [null, null]
   ] : [null, null, null];
   return cellInfo ? jsxRuntimeExports.jsx(Tooltip2D, { x: x2, y: y2, parentUuid, sourceUuid, parentWidth: width2, parentHeight: height2, children: jsxRuntimeExports.jsx(TooltipContent, { info: cellInfo }) }) : null;
 }
@@ -174758,17 +174485,17 @@ function EmbeddingScatterplotSubscriber(props2) {
   const setComponentHover = useSetComponentHover();
   const setComponentViewInfo = useSetComponentViewInfo(uuid);
   const [{ dataset, obsType, featureType, featureValueType, embeddingZoom: zoom2, embeddingTargetX: targetX2, embeddingTargetY: targetY2, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SCATTERPLOT], coordinationScopes);
+  const { embeddingZoom: initialZoom, embeddingTargetX: initialTargetX, embeddingTargetY: initialTargetY } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SCATTERPLOT], coordinationScopes);
   const observationsLabel = observationsLabelOverride || obsType;
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
   const [width2, height2, deckRef] = useDeckCanvasSize();
   const title2 = titleOverride || `Scatterplot (${mapping})`;
-  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset, addUrl2);
-  const [{ obsIndex: obsEmbeddingIndex, obsEmbedding }, obsEmbeddingStatus] = useObsEmbeddingData(loaders, dataset, addUrl2, true, {}, {}, { obsType, embeddingType: mapping });
+  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
+  const [{ obsIndex: obsEmbeddingIndex, obsEmbedding }, obsEmbeddingStatus, obsEmbeddingUrls] = useObsEmbeddingData(loaders, dataset, true, {}, {}, { obsType, embeddingType: mapping });
   const cellsCount = (obsEmbeddingIndex == null ? void 0 : obsEmbeddingIndex.length) || 0;
-  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
   const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
-  const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
-  const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
+  const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
+  const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
   const isReady = useReady([
     obsEmbeddingStatus,
     obsSetsStatus,
@@ -174776,6 +174503,12 @@ function EmbeddingScatterplotSubscriber(props2) {
     featureLabelsStatus,
     matrixIndicesStatus
   ]);
+  const urls2 = useUrls([
+    obsEmbeddingUrls,
+    obsSetsUrls,
+    matrixIndicesUrls,
+    featureLabelsUrls
+  ]);
   const [dynamicCellRadius, setDynamicCellRadius] = useState(cellRadiusFixed);
   const [dynamicCellOpacity, setDynamicCellOpacity] = useState(cellOpacityFixed);
   const [originalViewState, setOriginalViewState] = useState(null);
@@ -174848,33 +174581,39 @@ function EmbeddingScatterplotSubscriber(props2) {
     return [null, null, null, null, null];
   }, [obsEmbedding]);
   useEffect(() => {
-    if (xRange && yRange && isReady) {
+    if (xRange && yRange) {
       const pointSizeDevicePixels = getPointSizeDevicePixels(window.devicePixelRatio, zoom2, xRange, yRange, width2, height2);
       setDynamicCellRadius(pointSizeDevicePixels);
       const nextCellOpacityScale = getPointOpacity(zoom2, xRange, yRange, width2, height2, numCells, averageFillDensity);
       setDynamicCellOpacity(nextCellOpacityScale);
-      if (typeof targetX2 !== "number" || typeof targetY2 !== "number") {
+      if (typeof initialTargetX !== "number" || typeof initialTargetY !== "number") {
         const newTargetX = xExtent[0] + xRange / 2;
         const newTargetY = yExtent[0] + yRange / 2;
         const newZoom = Math.log2(Math.min(width2 / xRange, height2 / yRange));
-        setTargetX(newTargetX);
-        setTargetY(-newTargetY);
-        setZoom(newZoom);
+        const notYetInitialized = typeof targetX2 !== "number" || typeof targetY2 !== "number";
+        const stillDefaultInitialized = targetX2 === newTargetX && targetY2 === -newTargetY;
+        if (notYetInitialized || stillDefaultInitialized) {
+          setTargetX(newTargetX);
+          setTargetY(-newTargetY);
+          setZoom(newZoom);
+        }
         setOriginalViewState({ target: [newTargetX, -newTargetY, 0], zoom: newZoom });
       } else if (!originalViewState) {
-        setOriginalViewState({ target: [targetX2, targetY2, 0], zoom: zoom2 });
+        setOriginalViewState({ target: [initialTargetX, initialTargetY, 0], zoom: initialZoom });
       }
     }
   }, [
     xRange,
     yRange,
-    isReady,
     xExtent,
     yExtent,
     numCells,
     width2,
     height2,
+    initialZoom,
     zoom2,
+    initialTargetX,
+    initialTargetY,
     averageFillDensity
   ]);
   const getObsInfo = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
@@ -174953,7 +174692,6 @@ function GatingSubscriber(props2) {
   const setComponentHover = useSetComponentHover();
   const setComponentViewInfo = useSetComponentViewInfo(uuid);
   const [{ dataset, obsType, featureType, featureValueType, embeddingZoom: zoom2, embeddingTargetX: targetX2, embeddingTargetY: targetY2, embeddingTargetZ: targetZ, obsFilter: cellFilter, obsHighlight: cellHighlight, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, featureSelection: gatingFeatureSelectionColor, featureValueTransform, featureValueTransformCoefficient, gatingFeatureSelectionX, gatingFeatureSelectionY }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setFeatureValueTransform, setFeatureValueTransformCoefficient, setGatingFeatureSelectionX, setGatingFeatureSelectionY }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.GATING], coordinationScopes);
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
   const [width2, height2, deckRef] = useDeckCanvasSize();
   const title2 = useMemo(() => {
     if (titleOverride) {
@@ -174966,11 +174704,11 @@ function GatingSubscriber(props2) {
   }, [titleOverride, gatingFeatureSelectionX, gatingFeatureSelectionY]);
   const featureSelectionX = useMemo(() => gatingFeatureSelectionX ? [gatingFeatureSelectionX] : null, [gatingFeatureSelectionX]);
   const featureSelectionY = useMemo(() => gatingFeatureSelectionY ? [gatingFeatureSelectionY] : null, [gatingFeatureSelectionY]);
-  const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+  const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
   const [expressionDataColor, loadedColor, featureSelectionColorStatus] = useFeatureSelection(loaders, dataset, false, gatingFeatureSelectionColor, { obsType, featureType, featureValueType });
   const [expressionDataX, loadedX, featureSelectionXStatus] = useFeatureSelection(loaders, dataset, false, featureSelectionX, { obsType, featureType, featureValueType });
   const [expressionDataY, loadedY, featureSelectionYStatus] = useFeatureSelection(loaders, dataset, false, featureSelectionY, { obsType, featureType, featureValueType });
-  const [{ obsIndex, featureIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
+  const [{ obsIndex, featureIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
   const cellsCount = (obsIndex == null ? void 0 : obsIndex.length) || 0;
   const isReady = useReady([
     obsSetsStatus,
@@ -174979,6 +174717,10 @@ function GatingSubscriber(props2) {
     featureSelectionYStatus,
     matrixIndicesStatus
   ]);
+  const urls2 = useUrls([
+    obsSetsUrls,
+    matrixIndicesUrls
+  ]);
   const obsXY = useMemo(() => {
     if (!(cellsCount && (expressionDataX == null ? void 0 : expressionDataX[0]) && (expressionDataY == null ? void 0 : expressionDataY[0]) && featureSelectionX && featureSelectionY)) {
       return null;
@@ -175422,7 +175164,7 @@ var config$1 = function config(options) {
   }
   return Object.freeze(DEFAULT_CONFIG);
 };
-_extends$7(config$1, DEFAULT_CONFIG, {
+_extends$6(config$1, DEFAULT_CONFIG, {
   MATRIX_OPTIONS,
   NUMBER_OPTIONS
 });
@@ -185192,7 +184934,7 @@ function _objectSpread$3(target2) {
     var source2 = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$3(Object(source2), true).forEach(function(key2) {
-        _defineProperty$n(target2, key2, source2[key2]);
+        _defineProperty$m(target2, key2, source2[key2]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2));
@@ -186020,7 +185762,7 @@ function _objectSpread$2(target2) {
     var source2 = arguments[i2] != null ? arguments[i2] : {};
     if (i2 % 2) {
       ownKeys$2(Object(source2), true).forEach(function(key2) {
-        _defineProperty$n(target2, key2, source2[key2]);
+        _defineProperty$m(target2, key2, source2[key2]);
       });
     } else if (Object.getOwnPropertyDescriptors) {
       Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2));
@@ -187426,9 +187168,9 @@ var createUnitClass = /* @__PURE__ */ factory(name$8, dependencies$7, (_ref3) =>
       }
     }
   };
-  PREFIXES.SHORTLONG = _extends$7({}, PREFIXES.SHORT, PREFIXES.LONG);
-  PREFIXES.BINARY_SHORT = _extends$7({}, PREFIXES.BINARY_SHORT_SI, PREFIXES.BINARY_SHORT_IEC);
-  PREFIXES.BINARY_LONG = _extends$7({}, PREFIXES.BINARY_LONG_SI, PREFIXES.BINARY_LONG_IEC);
+  PREFIXES.SHORTLONG = _extends$6({}, PREFIXES.SHORT, PREFIXES.LONG);
+  PREFIXES.BINARY_SHORT = _extends$6({}, PREFIXES.BINARY_SHORT_SI, PREFIXES.BINARY_SHORT_IEC);
+  PREFIXES.BINARY_LONG = _extends$6({}, PREFIXES.BINARY_LONG_SI, PREFIXES.BINARY_LONG_IEC);
   var BASE_DIMENSIONS = ["MASS", "LENGTH", "TIME", "CURRENT", "TEMPERATURE", "LUMINOUS_INTENSITY", "AMOUNT_OF_SUBSTANCE", "ANGLE", "BIT"];
   var BASE_UNITS = {
     NONE: {
@@ -191219,16 +190961,13 @@ const useToggleStyles = makeStyles(() => ({
   cameraLabel: {
     padding: "0px 0px 0px 16px"
   },
-  box: {
+  toggleBox: {
     padding: "0px"
-  },
-  button: {
-    padding: "0px 0px 0px 8px"
   }
 }));
 const ToggleFixedAxisButton = ({ setSpatialAxisFixed, spatialAxisFixed, use3d }) => {
   const classes = useToggleStyles();
-  return jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.cameraLabel, children: "Fix Camera Axis" }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.box, children: jsxRuntimeExports.jsx(Checkbox$1, { onClick: () => setSpatialAxisFixed(!spatialAxisFixed), disabled: !use3d, checked: Boolean(spatialAxisFixed) }) })] });
+  return jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.cameraLabel, children: "Fix Camera Axis" }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.toggleBox, children: jsxRuntimeExports.jsx(Checkbox$1, { onClick: () => setSpatialAxisFixed(!spatialAxisFixed), disabled: !use3d, checked: Boolean(spatialAxisFixed) }) })] });
 };
 function SpatialOptions(props2) {
   const { observationsLabel, cellColorEncoding, setCellColorEncoding, setSpatialAxisFixed, spatialAxisFixed, use3d, tooltipsVisible, setTooltipsVisible, geneExpressionColormap, setGeneExpressionColormap, geneExpressionColormapRange, setGeneExpressionColormapRange, canShowExpressionOptions, canShowColorEncodingOption, canShow3DOptions } = props2;
@@ -191259,13 +190998,25 @@ function SpatialOptions(props2) {
   }, children: GLSL_COLORMAPS.map((cmap) => jsxRuntimeExports.jsx("option", { value: cmap, children: cmap }, cmap)) }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Gene Expression Colormap Range" }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Slider$1, { classes: { root: classes.slider, valueLabel: classes.sliderValueLabel }, value: geneExpressionColormapRange, onChange: handleColormapRangeChangeDebounced, "aria-labelledby": "gene-expression-colormap-range-slider", valueLabelDisplay: "auto", step: 5e-3, min: 0, max: 1 }) })] })] }) : null] });
 }
 function SpatialTooltipSubscriber(props2) {
-  const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo } = props2;
+  const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo, hoverData, hoverCoord, useHoverInfoForTooltip, getObsIdFromHoverData } = props2;
   const sourceUuid = useComponentHover();
   const viewInfo = useComponentViewInfo(parentUuid);
-  const [cellInfo, x2, y2] = obsHighlight && getObsInfo ? [
-    getObsInfo(obsHighlight),
-    ...viewInfo && viewInfo.project ? viewInfo.project(obsHighlight) : [null, null]
-  ] : [null, null, null];
+  let [cellInfo, x2, y2] = [null, null, null];
+  if (useHoverInfoForTooltip && getObsIdFromHoverData && hoverData && hoverCoord && parentUuid === sourceUuid) {
+    const obsId = getObsIdFromHoverData(hoverData);
+    if (obsId) {
+      [cellInfo, x2, y2] = [
+        getObsInfo(obsId),
+        ...viewInfo && viewInfo.project ? viewInfo.project(hoverCoord) : [null, null]
+      ];
+    }
+  } else if (!useHoverInfoForTooltip && getObsInfo && obsHighlight) {
+    const obsId = obsHighlight;
+    [cellInfo, x2, y2] = [
+      getObsInfo(obsId),
+      ...viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsId) : [null, null]
+    ];
+  }
   return cellInfo ? jsxRuntimeExports.jsx(Tooltip2D, { x: x2, y: y2, parentUuid, sourceUuid, parentWidth: width2, parentHeight: height2, children: jsxRuntimeExports.jsx(TooltipContent, { info: cellInfo }) }) : null;
 }
 function SpatialSubscriber(props2) {
@@ -191274,27 +191025,27 @@ function SpatialSubscriber(props2) {
   const setComponentHover = useSetComponentHover();
   const setComponentViewInfo = useSetComponentViewInfo(uuid);
   const [{ dataset, obsType, featureType, featureValueType, spatialZoom: zoom2, spatialTargetX: targetX2, spatialTargetY: targetY2, spatialTargetZ: targetZ, spatialRotationX: rotationX, spatialRotationY: rotationY, spatialRotationZ: rotationZ, spatialRotationOrbit: rotationOrbit, spatialOrbitAxis: orbitAxis, spatialImageLayer: imageLayers, spatialSegmentationLayer: cellsLayer, spatialPointLayer: moleculesLayer, spatialNeighborhoodLayer: neighborhoodsLayer, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, spatialAxisFixed, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible }, { setSpatialZoom: setZoom, setSpatialTargetX: setTargetX, setSpatialTargetY: setTargetY, setSpatialTargetZ: setTargetZ, setSpatialRotationX: setRotationX, setSpatialRotationOrbit: setRotationOrbit, setSpatialOrbitAxis: setOrbitAxis, setSpatialImageLayer: setRasterLayers, setSpatialSegmentationLayer: setCellsLayer, setSpatialPointLayer: setMoleculesLayer, setSpatialNeighborhoodLayer: setNeighborhoodsLayer, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setMoleculeHighlight, setSpatialAxisFixed, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL], coordinationScopes);
+  const { spatialZoom: initialZoom, spatialTargetX: initialTargetX, spatialTargetY: initialTargetY, spatialTargetZ: initialTargetZ } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL], coordinationScopes);
   const observationsLabel = observationsLabelOverride || obsType;
   const [{ imageLayerCallbacks, segmentationLayerCallbacks }] = useAuxiliaryCoordination(COMPONENT_COORDINATION_TYPES.layerController, coordinationScopes);
   const use3d = imageLayers == null ? void 0 : imageLayers.some((l2) => l2.use3d);
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
   const [width2, height2, deckRef] = useDeckCanvasSize();
-  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset, addUrl2);
+  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
   const hasExpressionData = useHasLoader(loaders, dataset, DataType$2.OBS_FEATURE_MATRIX, { obsType, featureType, featureValueType });
   const hasSegmentationsData = useHasLoader(loaders, dataset, DataType$2.OBS_SEGMENTATIONS, { obsType });
   const hasLocationsData = useHasLoader(loaders, dataset, DataType$2.OBS_LOCATIONS, { obsType });
   const hasImageData = useHasLoader(loaders, dataset, DataType$2.IMAGE, {});
-  const [{ obsIndex: obsLocationsIndex, obsLocations }, obsLocationsStatus] = useObsLocationsData(loaders, dataset, addUrl2, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, { obsType: "molecule" });
-  const [{ obsLabels: obsLocationsLabels }, obsLabelsStatus] = useObsLabelsData(loaders, dataset, addUrl2, false, {}, {}, { obsType: "molecule" });
-  const [{ obsIndex: obsCentroidsIndex, obsLocations: obsCentroids }, obsCentroidsStatus] = useObsLocationsData(loaders, dataset, addUrl2, false, {}, {}, { obsType });
-  const [{ obsIndex: obsSegmentationsIndex, obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus] = useObsSegmentationsData(loaders, dataset, addUrl2, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, { obsType });
-  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+  const [{ obsIndex: obsLocationsIndex, obsLocations }, obsLocationsStatus, obsLocationsUrls] = useObsLocationsData(loaders, dataset, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, { obsType: "molecule" });
+  const [{ obsLabels: obsLocationsLabels }, obsLabelsStatus, obsLabelsUrls] = useObsLabelsData(loaders, dataset, false, {}, {}, { obsType: "molecule" });
+  const [{ obsIndex: obsCentroidsIndex, obsLocations: obsCentroids }, obsCentroidsStatus, obsCentroidsUrls] = useObsLocationsData(loaders, dataset, false, {}, {}, { obsType });
+  const [{ obsIndex: obsSegmentationsIndex, obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus, obsSegmentationsUrls] = useObsSegmentationsData(loaders, dataset, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, { obsType });
+  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
   const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
-  const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
-  const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, addUrl2, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: imageLayers }, {});
+  const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
+  const [{ image: image2 }, imageStatus, imageUrls] = useImageData(loaders, dataset, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: imageLayers }, {});
   const { loaders: imageLayerLoaders = [], meta: meta2 = [] } = image2 || {};
-  const [neighborhoods, neighborhoodsStatus] = useNeighborhoodsData(loaders, dataset, addUrl2, false, { setSpatialNeighborhoodLayer: setNeighborhoodsLayer }, { spatialNeighborhoodLayer: neighborhoodsLayer });
-  const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
+  const [neighborhoods, neighborhoodsStatus, neighborhoodsUrls] = useNeighborhoodsData(loaders, dataset, false, { setSpatialNeighborhoodLayer: setNeighborhoodsLayer }, { spatialNeighborhoodLayer: neighborhoodsLayer });
+  const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
   const isReady = useReady([
     obsLocationsStatus,
     obsLabelsStatus,
@@ -191307,6 +191058,17 @@ function SpatialSubscriber(props2) {
     neighborhoodsStatus,
     featureLabelsStatus
   ]);
+  const urls2 = useUrls([
+    obsLocationsUrls,
+    obsLabelsUrls,
+    obsCentroidsUrls,
+    obsSegmentationsUrls,
+    obsSetsUrls,
+    matrixIndicesUrls,
+    imageUrls,
+    neighborhoodsUrls,
+    featureLabelsUrls
+  ]);
   const obsLocationsFeatureIndex = useMemo(() => {
     if (obsLocationsLabels) {
       return Array.from(new Set(obsLocationsLabels));
@@ -191315,8 +191077,8 @@ function SpatialSubscriber(props2) {
   }, [obsLocationsLabels]);
   const moleculesCount = (obsLocationsFeatureIndex == null ? void 0 : obsLocationsFeatureIndex.length) || 0;
   const locationsCount = (obsLocationsIndex == null ? void 0 : obsLocationsIndex.length) || 0;
-  const [originalViewState, setOriginalViewState] = useState({ target: [targetX2, targetY2, targetZ], zoom: zoom2 });
-  const { initialTargetX, initialTargetY, initialTargetZ, initialZoom } = useMemo(
+  const [originalViewState, setOriginalViewState] = useState(null);
+  const { initialTargetX: defaultTargetX, initialTargetY: defaultTargetY, initialTargetZ: defaultTargetZ, initialZoom: defaultZoom } = useMemo(
     () => getInitialSpatialTargets({
       width: width2,
       height: height2,
@@ -191332,23 +191094,47 @@ function SpatialSubscriber(props2) {
         return (_a2 = metadata2 == null ? void 0 : metadata2.transform) == null ? void 0 : _a2.matrix;
       })
     }),
-    // Deliberate dependency omissions: width/height - technically then
-    // these initial values will be "wrong" after resizing, but it shouldn't be far enough
-    // off to be noticeable.
     // Deliberate dependency omissions: imageLayerLoaders and meta - using `image` as
     // an indirect dependency instead.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [image2, use3d, hasImageData, obsCentroids, obsSegmentations, obsSegmentationsType]
+    [
+      image2,
+      use3d,
+      hasImageData,
+      obsCentroids,
+      obsSegmentations,
+      obsSegmentationsType,
+      width2,
+      height2
+    ]
   );
   useEffect(() => {
-    if (typeof targetX2 !== "number" || typeof targetY2 !== "number") {
-      setTargetX(initialTargetX);
-      setTargetY(initialTargetY);
-      setTargetZ(initialTargetZ);
-      setZoom(initialZoom);
-      setOriginalViewState({ target: [initialTargetX, initialTargetY, initialTargetZ], zoom: initialZoom });
-    }
-  }, [initialTargetX, initialTargetY, initialTargetZ, initialZoom]);
+    if (typeof initialTargetX !== "number" || typeof initialTargetY !== "number") {
+      const notYetInitialized = typeof targetX2 !== "number" || typeof targetY2 !== "number";
+      const stillDefaultInitialized = targetX2 === defaultTargetX && targetY2 === defaultTargetY;
+      if (notYetInitialized || stillDefaultInitialized) {
+        setTargetX(defaultTargetX);
+        setTargetY(defaultTargetY);
+        setTargetZ(defaultTargetZ);
+        setZoom(defaultZoom);
+      }
+      setOriginalViewState({ target: [defaultTargetX, defaultTargetY, defaultTargetZ], zoom: defaultZoom });
+    } else if (!originalViewState) {
+      setOriginalViewState({
+        target: [initialTargetX, initialTargetY, initialTargetZ],
+        zoom: initialZoom
+      });
+    }
+  }, [
+    defaultTargetX,
+    defaultTargetY,
+    defaultTargetZ,
+    defaultZoom,
+    initialTargetX,
+    initialTargetY,
+    initialTargetZ,
+    initialZoom
+  ]);
   const mergedCellSets = useMemo(() => mergeObsSets(cellSets, additionalCellSets), [cellSets, additionalCellSets]);
   const setCellSelectionProp = useCallback((v) => {
     setObsSelection(v, additionalCellSets, cellSetColor, setCellSetSelection, setAdditionalCellSets, setCellSetColor, setCellColorEncoding);
@@ -191375,6 +191161,21 @@ function SpatialSubscriber(props2) {
   ]);
   const cellSelection = useMemo(() => Array.from(cellColors.keys()), [cellColors]);
   const getObsInfo = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
+  const [hoverData, setHoverData] = useState(null);
+  const [hoverCoord, setHoverCoord] = useState(null);
+  const useHoverInfoForTooltip = !obsCentroids;
+  const setHoverInfo = useCallback(debounce$5((data2, coord) => {
+    setHoverData(data2);
+    setHoverCoord(coord);
+  }, 10, { trailing: true }), [setHoverData, setHoverCoord, useHoverInfoForTooltip]);
+  const getObsIdFromHoverData = useCallback((data2) => {
+    if (useHoverInfoForTooltip) {
+      const spatialTargetC = 0;
+      const obsId = data2 == null ? void 0 : data2[spatialTargetC];
+      return obsId;
+    }
+    return null;
+  }, [useHoverInfoForTooltip]);
   const setViewState = ({ zoom: newZoom, target: target2, rotationX: newRotationX, rotationOrbit: newRotationOrbit, orbitAxis: newOrbitAxis }) => {
     setZoom(newZoom);
     setTargetX(target2[0]);
@@ -191461,9 +191262,9 @@ function SpatialSubscriber(props2) {
     rotationZ,
     rotationOrbit,
     orbitAxis
-  }, setViewState, originalViewState, imageLayerDefs: imageLayers, obsSegmentationsLayerDefs: cellsLayer, obsLocationsLayerDefs: moleculesLayer, neighborhoodLayerDefs: neighborhoodsLayer, obsLocationsIndex, obsSegmentationsIndex, obsLocations, obsLocationsLabels, obsLocationsFeatureIndex, hasSegmentations: hasSegmentationsData, obsSegmentations, obsSegmentationsType, obsCentroids, obsCentroidsIndex, cellFilter, cellSelection, cellHighlight, cellColors, neighborhoods, imageLayerLoaders: resolutionFilteredImageLayerLoaders, setCellFilter, setCellSelection: setCellSelectionProp, setCellHighlight, setMoleculeHighlight, setComponentHover: () => {
+  }, setViewState, originalViewState, imageLayerDefs: imageLayers, obsSegmentationsLayerDefs: cellsLayer, obsLocationsLayerDefs: moleculesLayer, neighborhoodLayerDefs: neighborhoodsLayer, obsLocationsIndex, obsSegmentationsIndex, obsLocations, obsLocationsLabels, obsLocationsFeatureIndex, hasSegmentations: hasSegmentationsData, obsSegmentations, obsSegmentationsType, obsCentroids, obsCentroidsIndex, cellFilter, cellSelection, cellHighlight, cellColors, neighborhoods, imageLayerLoaders: resolutionFilteredImageLayerLoaders, setCellFilter, setCellSelection: setCellSelectionProp, setCellHighlight, setHoverInfo, setMoleculeHighlight, setComponentHover: () => {
     setComponentHover(uuid);
-  }, updateViewInfo: setComponentViewInfo, imageLayerCallbacks, segmentationLayerCallbacks, spatialAxisFixed, geneExpressionColormap, geneExpressionColormapRange, expressionData: shiftedExpressionDataForBitmask, cellColorEncoding, getExpressionValue, theme, useFullResolutionImage }), tooltipsVisible && jsxRuntimeExports.jsx(SpatialTooltipSubscriber, { parentUuid: uuid, obsHighlight: cellHighlight, width: width2, height: height2, getObsInfo }), jsxRuntimeExports.jsx(Legend, {
+  }, updateViewInfo: setComponentViewInfo, imageLayerCallbacks, segmentationLayerCallbacks, spatialAxisFixed, geneExpressionColormap, geneExpressionColormapRange, expressionData: shiftedExpressionDataForBitmask, cellColorEncoding, getExpressionValue, theme, useFullResolutionImage }), tooltipsVisible && jsxRuntimeExports.jsx(SpatialTooltipSubscriber, { parentUuid: uuid, obsHighlight: cellHighlight, width: width2, height: height2, getObsInfo, useHoverInfoForTooltip, hoverData, hoverCoord, getObsIdFromHoverData }), jsxRuntimeExports.jsx(Legend, {
     visible: true,
     // Fix to dark theme due to black background of spatial plot.
     theme: "dark",
@@ -191669,8 +191470,8 @@ function shouldUsePaddedImplementation(dataLength) {
   return dataLength <= DATA_TEXTURE_SIZE ** 2;
 }
 const Heatmap$1 = forwardRef((props2, deckRef) => {
-  const { uuid, theme, viewState: rawViewState, setViewState, width: viewWidth2, height: viewHeight2, expressionMatrix: expression2, cellColors, cellColorLabels = [""], colormap, colormapRange, clearPleaseWait, setComponentHover, setCellHighlight = createDefaultUpdateCellsHover("Heatmap"), setGeneHighlight = createDefaultUpdateGenesHover("Heatmap"), setTrackHighlight = createDefaultUpdateTracksHover("Heatmap"), updateViewInfo = createDefaultUpdateViewInfo("Heatmap"), setIsRendering = () => {
-  }, transpose: transpose2 = false, variablesTitle = "Genes", observationsTitle = "Cells", variablesDashes = true, observationsDashes = true, useDevicePixels = 1, hideObservationLabels = false, hideVariableLabels = false, onHeatmapClick, setColorEncoding, featureIndex } = props2;
+  const { uuid, theme, viewState: rawViewState, setViewState, width: viewWidth2, height: viewHeight2, uint8ObsFeatureMatrix, cellColors, cellColorLabels = [""], colormap, colormapRange, setComponentHover, setCellHighlight = createDefaultUpdateCellsHover("Heatmap"), setGeneHighlight = createDefaultUpdateGenesHover("Heatmap"), setTrackHighlight = createDefaultUpdateTracksHover("Heatmap"), updateViewInfo = createDefaultUpdateViewInfo("Heatmap"), setIsRendering = () => {
+  }, transpose: transpose2 = false, variablesTitle = "Genes", observationsTitle = "Cells", variablesDashes = true, observationsDashes = true, useDevicePixels = 1, hideObservationLabels = false, hideVariableLabels = false, onHeatmapClick, setColorEncoding, obsIndex, featureIndex, featureLabelsMap } = props2;
   const viewState = {
     ...rawViewState,
     target: transpose2 ? [rawViewState.target[1], rawViewState.target[0]] : rawViewState.target,
@@ -191679,11 +191480,6 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
   const axisLeftTitle = transpose2 ? variablesTitle : observationsTitle;
   const axisTopTitle = transpose2 ? observationsTitle : variablesTitle;
   const workerPool = useMemo(() => new HeatmapPool(), []);
-  useEffect(() => {
-    if (clearPleaseWait && expression2) {
-      clearPleaseWait("expression-matrix");
-    }
-  }, [clearPleaseWait, expression2]);
   const tilesRef = useRef();
   const dataRef = useRef();
   const [axisLeftLabels, setAxisLeftLabels] = useState([]);
@@ -191693,15 +191489,15 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
   const [tileIteration, incTileIteration] = useReducer((i2) => i2 + 1, 0);
   const [backlog, setBacklog] = useState([]);
   useEffect(() => {
-    if (expression2 && expression2.matrix && !shouldUsePaddedImplementation(expression2.matrix.length)) {
-      dataRef.current = copyUint8Array(expression2.matrix);
+    if (uint8ObsFeatureMatrix && !shouldUsePaddedImplementation(uint8ObsFeatureMatrix.length)) {
+      dataRef.current = copyUint8Array(uint8ObsFeatureMatrix);
     }
-  }, [dataRef, expression2]);
+  }, [dataRef, uint8ObsFeatureMatrix]);
   useEffect(() => {
-    if (!expression2) {
+    if (!obsIndex) {
       return;
     }
-    const newCellOrdering = !cellColors || cellColors.size === 0 ? expression2.rows : Array.from(cellColors.keys());
+    const newCellOrdering = !cellColors || cellColors.size === 0 ? obsIndex : Array.from(cellColors.keys());
     const oldCellOrdering = transpose2 ? axisTopLabels : axisLeftLabels;
     if (!isEqual$4(oldCellOrdering, newCellOrdering)) {
       if (transpose2) {
@@ -191710,33 +191506,33 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
         setAxisLeftLabels(newCellOrdering);
       }
     }
-  }, [expression2, cellColors, axisTopLabels, axisLeftLabels, transpose2]);
+  }, [obsIndex, cellColors, axisTopLabels, axisLeftLabels, transpose2]);
   useEffect(() => {
-    if (!expression2) {
+    if (!featureIndex) {
       return;
     }
     if (transpose2) {
-      setAxisLeftLabels(expression2.cols);
+      setAxisLeftLabels(featureIndex);
     } else {
-      setAxisTopLabels(expression2.cols);
+      setAxisTopLabels(featureIndex);
     }
-  }, [expression2, transpose2]);
+  }, [featureIndex, transpose2]);
   const [longestCellLabel, longestGeneLabel] = useMemo(() => {
-    if (!expression2) {
+    if (!obsIndex || !featureIndex) {
       return ["", ""];
     }
     return [
-      getLongestString(expression2.rows),
-      getLongestString([...expression2.cols, ...cellColorLabels])
+      getLongestString(obsIndex),
+      getLongestString([...featureIndex, ...cellColorLabels])
     ];
-  }, [expression2, cellColorLabels]);
+  }, [featureIndex, cellColorLabels, obsIndex]);
   const expressionRowLookUp = useMemo(() => {
     const lookUp = /* @__PURE__ */ new Map();
-    if (expression2 == null ? void 0 : expression2.rows) {
-      expression2.rows.forEach((cell2, j) => lookUp.set(cell2, j));
+    if (obsIndex) {
+      obsIndex.forEach((cell2, j) => lookUp.set(cell2, j));
     }
     return lookUp;
-  }, [expression2]);
+  }, [obsIndex]);
   const width2 = axisTopLabels.length;
   const height2 = axisLeftLabels.length;
   const [axisOffsetLeft, axisOffsetTop] = getAxisSizes(transpose2, longestGeneLabel, longestCellLabel, hideObservationLabels, hideVariableLabels);
@@ -191764,7 +191560,7 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
   useEffect(() => {
     updateViewInfo({
       uuid,
-      project: (cellId, geneId) => {
+      projectFromId: (cellId, geneId) => {
         const colI = transpose2 ? axisTopLabels.indexOf(cellId) : axisTopLabels.indexOf(geneId);
         const rowI = transpose2 ? axisLeftLabels.indexOf(geneId) : axisLeftLabels.indexOf(cellId);
         return heatmapToMousePosition(colI, rowI, {
@@ -191812,29 +191608,28 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
     });
   }, [matrixRight, matrixBottom, transpose2, setViewState]);
   useEffect(() => {
-    if (!expression2 || !expression2.matrix || expression2.matrix.length < DATA_TEXTURE_SIZE ** 2) {
+    if (!uint8ObsFeatureMatrix || uint8ObsFeatureMatrix.length < DATA_TEXTURE_SIZE ** 2) {
       return;
     }
     if (axisTopLabels && axisLeftLabels && xTiles && yTiles) {
       setBacklog((prev) => [...prev, v4$1()]);
     }
-  }, [dataRef, expression2, axisTopLabels, axisLeftLabels, xTiles, yTiles]);
+  }, [dataRef, uint8ObsFeatureMatrix, axisTopLabels, axisLeftLabels, xTiles, yTiles]);
   useEffect(() => {
     if (backlog.length < 1 || shouldUsePaddedImplementation(dataRef.current.length)) {
       return;
     }
     const curr = backlog[backlog.length - 1];
     if (dataRef.current && dataRef.current.buffer.byteLength && expressionRowLookUp.size > 0 && !shouldUsePaddedImplementation(dataRef.current.length)) {
-      const { cols, matrix: matrix2 } = expression2;
       const promises = range$a(yTiles).map((i2) => range$a(xTiles).map(async (j) => workerPool.process({
         curr,
         tileI: i2,
         tileJ: j,
         tileSize: TILE_SIZE,
         cellOrdering: transpose2 ? axisTopLabels : axisLeftLabels,
-        cols,
+        cols: featureIndex,
         transpose: transpose2,
-        data: matrix2.buffer.slice(),
+        data: uint8ObsFeatureMatrix.buffer.slice(),
         expressionRowLookUp
       })));
       const process2 = async () => {
@@ -191854,27 +191649,28 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
     axisLeftLabels,
     axisTopLabels,
     backlog,
-    expression2,
+    uint8ObsFeatureMatrix,
     transpose2,
     xTiles,
     yTiles,
     workerPool,
-    expressionRowLookUp
+    expressionRowLookUp,
+    featureIndex
   ]);
   useEffect(() => {
     setIsRendering(backlog.length > 0);
   }, [backlog, setIsRendering]);
   const paddedExpressions = useMemo(() => {
     const cellOrdering = transpose2 ? axisTopLabels : axisLeftLabels;
-    if ((expression2 == null ? void 0 : expression2.matrix) && cellOrdering.length && gl && shouldUsePaddedImplementation(expression2.matrix.length)) {
+    if (uint8ObsFeatureMatrix && cellOrdering.length && gl && shouldUsePaddedImplementation(uint8ObsFeatureMatrix.length)) {
       let newIndex = 0;
       for (let cellOrderingIndex = 0; cellOrderingIndex < cellOrdering.length; cellOrderingIndex += 1) {
         const cell2 = cellOrdering[cellOrderingIndex];
         newIndex = transpose2 ? cellOrderingIndex : newIndex;
         const cellIndex = expressionRowLookUp.get(cell2);
-        for (let geneIndex = 0; geneIndex < expression2.cols.length; geneIndex += 1) {
-          const index2 = cellIndex * expression2.cols.length + geneIndex;
-          paddedExpressionContainer[newIndex % (DATA_TEXTURE_SIZE * DATA_TEXTURE_SIZE)] = expression2.matrix[index2];
+        for (let geneIndex = 0; geneIndex < featureIndex.length; geneIndex += 1) {
+          const index2 = cellIndex * featureIndex.length + geneIndex;
+          paddedExpressionContainer[newIndex % (DATA_TEXTURE_SIZE * DATA_TEXTURE_SIZE)] = uint8ObsFeatureMatrix[index2];
           newIndex = transpose2 ? newIndex + cellOrdering.length : newIndex + 1;
         }
       }
@@ -191896,18 +191692,18 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
     transpose2,
     axisTopLabels,
     axisLeftLabels,
-    expression2,
+    uint8ObsFeatureMatrix,
     expressionRowLookUp,
+    featureIndex,
     gl
   ]);
   const heatmapLayers = useMemo(() => {
-    const usePaddedExpressions = (expression2 == null ? void 0 : expression2.matrix) && shouldUsePaddedImplementation(expression2 == null ? void 0 : expression2.matrix.length);
+    const usePaddedExpressions = uint8ObsFeatureMatrix && shouldUsePaddedImplementation(uint8ObsFeatureMatrix.length);
     if ((!tilesRef.current || backlog.length) && !usePaddedExpressions) {
       return [];
     }
     if (usePaddedExpressions) {
       let getLayer2 = function(i2, j) {
-        const { cols } = expression2;
         return new PaddedExpressionHeatmapBitmapLayer({
           id: `heatmapLayer-${i2}-${j}`,
           image: paddedExpressions,
@@ -191921,7 +191717,7 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
           tileJ: j,
           numXTiles: xTiles,
           numYTiles: yTiles,
-          origDataSize: transpose2 ? [cols.length, cellOrdering.length] : [cellOrdering.length, cols.length],
+          origDataSize: transpose2 ? [featureIndex.length, cellOrdering.length] : [cellOrdering.length, featureIndex.length],
           aggSizeX,
           aggSizeY,
           colormap,
@@ -191961,28 +191757,29 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
     const layers2 = tilesRef.current.map((tile, index2) => getLayer(Math.floor(index2 / xTiles), index2 % xTiles, tile));
     return layers2;
   }, [
-    expression2,
+    uint8ObsFeatureMatrix,
     backlog.length,
     transpose2,
     axisTopLabels,
     axisLeftLabels,
-    yTiles,
-    xTiles,
     paddedExpressions,
     matrixLeft,
     tileWidth,
     matrixTop,
     tileHeight,
+    yTiles,
+    xTiles,
     aggSizeX,
     aggSizeY,
     colormap,
     colormapRange,
-    tileIteration
+    tileIteration,
+    featureIndex
   ]);
   const axisLeftDashes = transpose2 ? variablesDashes : observationsDashes;
   const axisTopDashes = transpose2 ? observationsDashes : variablesDashes;
-  const axisTopLabelData = useMemo(() => axisTopLabels.map((d, i2) => [i2, axisTopDashes ? `- ${d}` : d]), [axisTopLabels, axisTopDashes]);
-  const axisLeftLabelData = useMemo(() => axisLeftLabels.map((d, i2) => [i2, axisLeftDashes ? `${d} -` : d]), [axisLeftLabels, axisLeftDashes]);
+  const axisTopLabelData = useMemo(() => (!transpose2 && featureLabelsMap ? axisTopLabels.map((d) => featureLabelsMap.get(d) || d) : axisTopLabels).map((d, i2) => [i2, axisTopDashes ? `- ${d}` : d]), [axisTopLabels, axisTopDashes, transpose2, featureLabelsMap]);
+  const axisLeftLabelData = useMemo(() => (transpose2 && featureLabelsMap ? axisLeftLabels.map((d) => featureLabelsMap.get(d) || d) : axisLeftLabels).map((d, i2) => [i2, axisLeftDashes ? `${d} -` : d]), [axisLeftLabels, axisLeftDashes, transpose2, featureLabelsMap]);
   const cellColorLabelsData = useMemo(() => cellColorLabels.map((d, i2) => [i2, d && (transpose2 ? `${d} -` : `- ${d}`)]), [cellColorLabels, transpose2]);
   const hideTopLabels = transpose2 ? hideObservationLabels : hideVariableLabels;
   const hideLeftLabels = transpose2 ? hideVariableLabels : hideObservationLabels;
@@ -192153,7 +191950,7 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
   const showText = width2 > 0 && height2 > 0;
   const layers = heatmapLayers.concat(showText ? textLayers : []).concat(...cellColorsLayersList);
   function onHover(info2, event2) {
-    if (!expression2) {
+    if (!uint8ObsFeatureMatrix) {
       return;
     }
     let highlightedCell = null;
@@ -192179,8 +191976,8 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
       setTrackHighlight(null);
       setColorEncoding("geneSelection");
     } else {
-      const obsI2 = expression2.rows.indexOf(transpose2 ? axisTopLabels[trackColI] : axisLeftLabels[trackColI]);
-      const cellIndex = expression2.rows[obsI2];
+      const obsI2 = obsIndex.indexOf(transpose2 ? axisTopLabels[trackColI] : axisLeftLabels[trackColI]);
+      const cellIndex = obsIndex[obsI2];
       setTrackHighlight([cellIndex, trackI, mouseX, mouseY]);
       highlightedCell = cellIndex;
       setColorEncoding("cellSelection");
@@ -192196,9 +191993,9 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
       numRows: height2,
       numCols: width2
     });
-    const obsI = expression2.rows.indexOf(transpose2 ? axisTopLabels[colI] : axisLeftLabels[rowI]);
-    const varI = expression2.cols.indexOf(transpose2 ? axisLeftLabels[rowI] : axisTopLabels[colI]);
-    const obsId = expression2.rows[obsI];
+    const obsI = obsIndex.indexOf(transpose2 ? axisTopLabels[colI] : axisLeftLabels[rowI]);
+    const varI = featureIndex.indexOf(transpose2 ? axisLeftLabels[rowI] : axisTopLabels[colI]);
+    const obsId = obsIndex[obsI];
     const varId = featureIndex[varI];
     if (setComponentHover) {
       setComponentHover();
@@ -192296,11 +192093,11 @@ function HeatmapTooltipSubscriber(props2) {
   const viewInfo = useComponentViewInfo(parentUuid);
   const [cellInfo, cellCoord] = obsHighlight && getObsInfo ? [
     getObsInfo(obsHighlight),
-    viewInfo && viewInfo.project ? viewInfo.project(obsHighlight, null)[transpose2 ? 0 : 1] : null
+    viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsHighlight, null)[transpose2 ? 0 : 1] : null
   ] : [null, null];
   const [geneInfo, geneCoord] = featureHighlight && getFeatureInfo ? [
     getFeatureInfo(featureHighlight),
-    viewInfo && viewInfo.project ? viewInfo.project(null, featureHighlight)[transpose2 ? 1 : 0] : null
+    viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(null, featureHighlight)[transpose2 ? 1 : 0] : null
   ] : [null, null];
   const x2 = transpose2 ? cellCoord : geneCoord;
   const y2 = transpose2 ? geneCoord : cellCoord;
@@ -192348,17 +192145,21 @@ function HeatmapSubscriber(props2) {
   const variablesTitle = capitalize$2(variablesPluralLabel);
   const [isRendering, setIsRendering] = useState(false);
   const [hoveredColorEncoding, setHoveredColorEncoding] = useState("geneSelection");
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
   const [width2, height2, deckRef] = useDeckCanvasSize();
-  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset, addUrl2);
-  const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
-  const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus] = useObsFeatureMatrixData(loaders, dataset, addUrl2, true, {}, {}, { obsType, featureType, featureValueType });
-  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+  const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
+  const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
+  const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls] = useObsFeatureMatrixData(loaders, dataset, true, {}, {}, { obsType, featureType, featureValueType });
+  const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
   const isReady = useReady([
     featureLabelsStatus,
     matrixStatus,
     obsSetsStatus
   ]);
+  const urls2 = useUrls([
+    featureLabelsUrls,
+    matrixUrls,
+    obsSetsUrls
+  ]);
   const [uint8ObsFeatureMatrix, obsFeatureMatrixExtent] = useUint8ObsFeatureMatrix({ obsFeatureMatrix });
   const mergedCellSets = useMemo(() => mergeObsSets(cellSets, additionalCellSets), [cellSets, additionalCellSets]);
   const cellColors = useMemo(() => getCellColors({
@@ -192383,16 +192184,6 @@ function HeatmapSubscriber(props2) {
     }
     return null;
   }, [variablesLabel, featureLabelsMap]);
-  const expressionMatrix = useMemo(() => {
-    if (obsIndex && featureIndex && uint8ObsFeatureMatrix) {
-      return {
-        rows: obsIndex,
-        cols: featureLabelsMap ? featureIndex.map((key2) => featureLabelsMap.get(key2) || key2) : featureIndex,
-        matrix: uint8ObsFeatureMatrix.data
-      };
-    }
-    return null;
-  }, [obsIndex, featureIndex, uint8ObsFeatureMatrix, featureLabelsMap]);
   const cellsCount = obsIndex ? obsIndex.length : 0;
   const genesCount = featureIndex ? featureIndex.length : 0;
   const setTrackHighlight = useCallback(() => {
@@ -192422,7 +192213,7 @@ function HeatmapSubscriber(props2) {
     setZoomY(zoom2);
     setTargetX(target2[0]);
     setTargetY(target2[1]);
-  }, colormapRange: geneExpressionColormapRange, setColormapRange: setGeneExpressionColormapRange, height: height2, width: width2, theme, uuid, expressionMatrix, cellColors, colormap: geneExpressionColormap, setIsRendering, setCellHighlight, setGeneHighlight, featureIndex, setTrackHighlight, setComponentHover: () => {
+  }, colormapRange: geneExpressionColormapRange, setColormapRange: setGeneExpressionColormapRange, height: height2, width: width2, theme, uuid, uint8ObsFeatureMatrix: uint8ObsFeatureMatrix == null ? void 0 : uint8ObsFeatureMatrix.data, cellColors, colormap: geneExpressionColormap, setIsRendering, setCellHighlight, setGeneHighlight, featureLabelsMap, obsIndex, featureIndex, setTrackHighlight, setComponentHover: () => {
     setComponentHover(uuid);
   }, updateViewInfo: setComponentViewInfo, observationsTitle, variablesTitle, variablesDashes: false, observationsDashes: false, cellColorLabels, useDevicePixels: true, onHeatmapClick, setColorEncoding: setHoveredColorEncoding }), tooltipsVisible && jsxRuntimeExports.jsx(HeatmapTooltipSubscriber, { parentUuid: uuid, width: width2, height: height2, transpose: transpose2, getObsInfo, getFeatureInfo, obsHighlight: cellHighlight, featureHighlight: geneHighlight }), jsxRuntimeExports.jsx(Legend, { visible: true, theme, featureType, featureValueType, obsColorEncoding: "geneExpression", considerSelections: false, featureSelection: geneSelection, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, extent: obsFeatureMatrixExtent })] });
 }
@@ -196625,10 +196416,10 @@ const useStyles$8 = makeStyles((theme) => ({
       backgroundClip: "unset"
     }
   },
-  radio: {
+  tableRadio: {
     borderRadius: "50%"
   },
-  checkbox: {
+  tableCheckbox: {
     borderRadius: "2px"
   }
 }));
@@ -196709,7 +196500,7 @@ function SelectableTable(props2) {
   const inputUuid = v4$1();
   const rowRenderer = ({ index: index2, style: style2 }) => (
     // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-    jsxRuntimeExports.jsxs("div", { className: clsx(classes.tableItem, classes.tableRow, { "row-checked": isSelected(data2[index2][idKey]) }), style: style2, role: "button", onClick: () => onSelectRow(data2[index2][idKey], !isSelected(data2[index2][idKey]) || !hasColorEncoding), children: [jsxRuntimeExports.jsx("div", { className: clsx(classes.inputContainer, classes.tableCell, { [classes.hiddenInputColumn]: !showTableInputs }), children: jsxRuntimeExports.jsx("label", { htmlFor: `${inputUuid}_${data2[index2][idKey]}`, children: jsxRuntimeExports.jsx("input", { id: `${inputUuid}_${data2[index2][idKey]}`, type: "checkbox", className: clsx(classes.radioOrCheckbox, isCheckingMultiple ? classes.checkbox : classes.radio), name: inputUuid, value: data2[index2][idKey], onChange: handleInputChange, checked: isSelected(data2[index2][idKey]) }) }) }), columns.map((column) => jsxRuntimeExports.jsx("div", { className: classes.tableCell, children: data2[index2][column] }, column))] }, data2[index2][idKey])
+    jsxRuntimeExports.jsxs("div", { className: clsx(classes.tableItem, classes.tableRow, { "row-checked": isSelected(data2[index2][idKey]) }), style: style2, role: "button", onClick: () => onSelectRow(data2[index2][idKey], !isSelected(data2[index2][idKey]) || !hasColorEncoding), children: [jsxRuntimeExports.jsx("div", { className: clsx(classes.inputContainer, classes.tableCell, { [classes.hiddenInputColumn]: !showTableInputs }), children: jsxRuntimeExports.jsx("label", { htmlFor: `${inputUuid}_${data2[index2][idKey]}`, children: jsxRuntimeExports.jsx("input", { id: `${inputUuid}_${data2[index2][idKey]}`, type: "checkbox", className: clsx(classes.radioOrCheckbox, isCheckingMultiple ? classes.tableCheckbox : classes.tableRadio), name: inputUuid, value: data2[index2][idKey], onChange: handleInputChange, checked: isSelected(data2[index2][idKey]) }) }) }), columns.map((column) => jsxRuntimeExports.jsx("div", { className: classes.tableCell, children: data2[index2][column] }, column))] }, data2[index2][idKey])
   );
   const headerRowRenderer = ({ style: style2 }) => jsxRuntimeExports.jsx("div", { className: classes.tableRow, style: style2, children: columnLabels.map((columnLabel) => jsxRuntimeExports.jsx("div", { className: classes.tableCell, style: { fontWeight: "bold" }, children: columnLabel }, columnLabel)) });
   return jsxRuntimeExports.jsx("div", { className: classes.selectableTable, children: jsxRuntimeExports.jsx(AutoSizer$1.AutoSizer, { children: ({ width: width2, height: height2 }) => jsxRuntimeExports.jsx(Table$1.Table, {
@@ -196725,6 +196516,11 @@ function SelectableTable(props2) {
     rowGetter: ({ index: index2 }) => data2[index2]
   }) }) });
 }
+const FEATURELIST_SORT_OPTIONS = [
+  "alphabetical",
+  "original"
+];
+const ALT_COLNAME = "Alternate ID";
 const useStyles$7 = makeStyles(() => ({
   searchBar: {
     marginBottom: "4px",
@@ -196734,10 +196530,11 @@ const useStyles$7 = makeStyles(() => ({
   }
 }));
 function FeatureList(props2) {
-  const { hasColorEncoding, geneList = [], featureLabelsMap, featureType, geneSelection = [], geneFilter = null, setGeneSelection, enableMultiSelect, showTable, sort: sort2 } = props2;
+  const { hasColorEncoding, geneList = [], featureLabelsMap, geneSelection = [], geneFilter = null, setGeneSelection, enableMultiSelect, showFeatureTable, featureListSort, featureListSortKey, hasFeatureLabels, primaryColumnName } = props2;
   const classes = useStyles$7();
   const [searchTerm, setSearchTerm] = useState("");
   const [searchResults, setSearchResults] = useState(geneList);
+  const selectableTableSortKey = featureListSortKey === "featureIndex" ? "key" : "name";
   useEffect(() => {
     const results = geneList.filter((gene) => {
       var _a2;
@@ -196758,44 +196555,87 @@ function FeatureList(props2) {
       }
     }
   }
-  let data2 = searchResults.filter((gene) => geneFilter ? geneFilter.includes(gene) : true).map((gene) => ({
-    key: gene,
-    name: (featureLabelsMap == null ? void 0 : featureLabelsMap.get(gene)) || gene,
-    value: geneSelection ? geneSelection.includes(gene) : false
-  }));
-  if (sort2 === "alphabetical") {
-    data2 = data2.sort((a2, b2) => a2.name.localeCompare(b2.name));
-  }
+  const data2 = useMemo(() => {
+    const preSortedData = searchResults.filter((gene) => geneFilter ? geneFilter.includes(gene) : true).map((gene) => ({
+      key: gene,
+      name: (featureLabelsMap == null ? void 0 : featureLabelsMap.get(gene)) || gene,
+      value: geneSelection ? geneSelection.includes(gene) : false
+    }));
+    if (preSortedData && featureListSort === "alphabetical" && preSortedData.length > 0) {
+      return preSortedData.sort((a2, b2) => a2[selectableTableSortKey].localeCompare(b2[selectableTableSortKey]));
+    }
+    return preSortedData;
+  }, [
+    featureListSort,
+    selectableTableSortKey,
+    searchResults,
+    geneFilter,
+    featureLabelsMap,
+    geneSelection
+  ]);
   const handleChange = (event2) => {
     setSearchTerm(event2.target.value);
   };
-  const columns = ["name"];
-  const columnLabels = [`${capitalize$2(featureType)} ID`];
-  if (showTable) {
-    columns.push("key");
-    columnLabels.push("Alternate ID");
-  }
+  const [columns, columnLabels] = useMemo(() => {
+    if (showFeatureTable && hasFeatureLabels) {
+      return [
+        ["name", "key"],
+        [primaryColumnName, ALT_COLNAME]
+      ];
+    }
+    return [
+      ["name"],
+      [primaryColumnName]
+    ];
+  }, [showFeatureTable, primaryColumnName, hasFeatureLabels]);
   return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("input", { className: classes.searchBar, type: "text", placeholder: "Search", value: searchTerm, onChange: handleChange }), jsxRuntimeExports.jsx(SelectableTable, { columns, columnLabels, data: data2, hasColorEncoding, idKey: "key", valueKey: "value", onChange, allowMultiple: enableMultiSelect, allowUncheck: enableMultiSelect, showTableHead: columnLabels.length > 1 })] });
 }
+function FeatureListOptions(props2) {
+  const { children: children2, featureListSort, setFeatureListSort, featureListSortKey, setFeatureListSortKey, showFeatureTable, setShowFeatureTable, hasFeatureLabels, primaryColumnName } = props2;
+  function handleFeatureListSortChange(event2) {
+    setFeatureListSort(event2.target.value);
+  }
+  function handleFeatureListSortKeyChange(event2) {
+    setFeatureListSortKey(event2.target.value);
+  }
+  function handleShowTableChange(event2) {
+    setShowFeatureTable(event2.target.checked);
+  }
+  const classes = usePlotOptionsStyles();
+  return jsxRuntimeExports.jsxs(OptionsContainer, { children: [children2, jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, htmlFor: "feature-list-sort-option-select", children: "Sort Ordering" }), jsxRuntimeExports.jsx(TableCell$1, { children: jsxRuntimeExports.jsx(OptionSelect, { className: classes.select, value: featureListSort, onChange: handleFeatureListSortChange, inputProps: {
+    id: "feature-list-sort-option-select"
+  }, children: FEATURELIST_SORT_OPTIONS.map((option) => jsxRuntimeExports.jsx("option", { value: option, children: option }, option)) }) })] }), hasFeatureLabels ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, htmlFor: "feature-list-sort-key-select", children: "Sort Key" }), jsxRuntimeExports.jsx(TableCell$1, { children: jsxRuntimeExports.jsx(OptionSelect, { className: classes.select, disabled: featureListSort === "original", value: featureListSortKey, onChange: handleFeatureListSortKeyChange, inputProps: {
+    id: "feature-list-sort-key-select"
+  }, children: hasFeatureLabels ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("option", { value: "featureLabels", children: primaryColumnName }), jsxRuntimeExports.jsx("option", { value: "featureIndex", children: ALT_COLNAME })] }) : jsxRuntimeExports.jsx("option", { value: "featureIndex", children: primaryColumnName }) }) })] }), jsxRuntimeExports.jsxs(TableRow$1, { children: [jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Show Alternate IDs" }), jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: jsxRuntimeExports.jsx(Checkbox$1, { className: classes.tableCheckbox, checked: showFeatureTable, onChange: handleShowTableChange, name: "feature-list-show-table", color: "default" }) })] })] }) : null] });
+}
 function FeatureListSubscriber(props2) {
-  const { coordinationScopes, removeGridComponent, variablesLabelOverride, theme, title: titleOverride, enableMultiSelect = false, showTable = false, sort: sort2 = "alphabetical" } = props2;
+  const { coordinationScopes, removeGridComponent, variablesLabelOverride, theme, title: titleOverride, enableMultiSelect = false, showTable = false, sort: sort2 = "alphabetical", sortKey: sortKey2 = null } = props2;
   const loaders = useLoaders();
   const [{ dataset, featureType, featureSelection: geneSelection, featureFilter: geneFilter, obsColorEncoding: cellColorEncoding }, { setFeatureSelection: setGeneSelection, setFeatureFilter: setGeneFilter, setFeatureHighlight: setGeneHighlight, setObsColorEncoding: setCellColorEncoding }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.FEATURE_LIST], coordinationScopes);
   const variablesLabel = variablesLabelOverride || featureType;
   const title2 = titleOverride || `${capitalize$2(variablesLabel)} List`;
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
-  const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
-  const [{ featureIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, true, { featureType });
+  const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
+  const [{ featureIndex }, matrixIndicesStatus, obsFeatureMatrixUrls] = useObsFeatureMatrixIndices(loaders, dataset, true, { featureType });
   const isReady = useReady([
     featureLabelsStatus,
     matrixIndicesStatus
   ]);
+  const urls2 = useUrls([
+    featureLabelsUrls,
+    obsFeatureMatrixUrls
+  ]);
   const geneList = featureIndex || [];
   const numGenes = geneList.length;
+  const hasFeatureLabels = Boolean(featureLabelsMap);
   function setGeneSelectionAndColorEncoding(newSelection) {
     setGeneSelection(newSelection);
     setCellColorEncoding("geneSelection");
   }
+  const [showFeatureTable, setShowFeatureTable] = useState(showTable);
+  const [featureListSort, setFeatureListSort] = useState(sort2);
+  const [featureListSortKey, setFeatureListSortKey] = useState(null);
+  const initialSortKey = sortKey2 || (hasFeatureLabels ? "featureLabels" : "featureIndex");
+  const primaryColumnName = `${capitalize$2(featureType)} ID`;
   return jsxRuntimeExports.jsx(TitleInfo, {
     title: title2,
     info: `${commaNumber(numGenes)} ${plur(variablesLabel, numGenes)}`,
@@ -196807,7 +196647,8 @@ function FeatureListSubscriber(props2) {
     removeGridComponent,
     isReady,
     urls: urls2,
-    children: jsxRuntimeExports.jsx(FeatureList, { hasColorEncoding: cellColorEncoding === "geneSelection", showTable, geneList, sort: sort2, featureLabelsMap, featureType, geneSelection, geneFilter, setGeneSelection: setGeneSelectionAndColorEncoding, setGeneFilter, setGeneHighlight, enableMultiSelect })
+    options: jsxRuntimeExports.jsx(FeatureListOptions, { featureListSort, setFeatureListSort, featureListSortKey: featureListSortKey || initialSortKey, setFeatureListSortKey, showFeatureTable, setShowFeatureTable, hasFeatureLabels: Boolean(featureLabelsMap), primaryColumnName }),
+    children: jsxRuntimeExports.jsx(FeatureList, { hasColorEncoding: cellColorEncoding === "geneSelection", showFeatureTable, geneList, featureListSort, featureListSortKey: featureListSortKey || initialSortKey, featureLabelsMap, featureType, geneSelection, geneFilter, setGeneSelection: setGeneSelectionAndColorEncoding, setGeneFilter, setGeneHighlight, enableMultiSelect, hasFeatureLabels: Boolean(featureLabelsMap), primaryColumnName })
   });
 }
 const useSpanStyles = makeStyles(() => ({
@@ -196830,45 +196671,22 @@ const useSelectStyles = makeStyles(() => ({
     margin: "4px 0"
   }
 }));
-withStyles2((theme) => ({
-  paper: {
-    backgroundColor: theme.palette.background.paper
-  },
-  span: {
-    width: "70px",
-    textAlign: "center",
-    paddingLeft: "2px",
-    paddingRight: "2px"
-  },
-  colors: {
-    "&:hover": {
-      backgroundColor: "transparent"
-    },
-    paddingLeft: "2px",
-    paddingRight: "2px"
-  },
-  popper: {
-    zIndex: 4
-  }
-}));
 const sharedControllerStyles = {
   width: "100%",
   flexDirection: "column"
 };
 const useControllerSectionStyles = makeStyles(() => ({
-  root: {
+  layerControllerRoot: {
     ...sharedControllerStyles,
     padding: "0px 8px"
   }
 }));
-const StyledAccordionDetails = withStyles2(() => ({
-  root: {
+const useAccordionStyles = makeStyles((theme) => ({
+  accordionDetailsRoot: {
     ...sharedControllerStyles,
     padding: "8px 8px 24px 8px"
-  }
-}))(AccordionDetails$1);
-const StyledAccordionSummary = withStyles2((theme) => ({
-  root: {
+  },
+  accordionSummaryRoot: {
     padding: "0px 8px"
   },
   content: {
@@ -196884,30 +196702,30 @@ const StyledAccordionSummary = withStyles2((theme) => ({
       top: theme.spacing(-1.3)
     }
   }
-}))(AccordionSummary$1);
-const StyledInputLabel = withStyles2(() => ({
-  root: {
+}));
+const useInputLabelStyles = makeStyles(() => ({
+  inputLabelRoot: {
     fontSize: "14px"
   }
-}))(InputLabel$1);
-const OverflowEllipsisGrid = withStyles2(() => ({
+}));
+const useOverflowEllipsisGridStyles = makeStyles(() => ({
   item: {
     width: "100%",
     overflow: "hidden",
     whiteSpace: "nowrap",
     textOverflow: "ellipsis"
   }
-}))(Grid$3);
-const StyledSelectionSlider = withStyles2(() => ({
-  root: {
+}));
+const useSelectionSliderStyles = makeStyles(() => ({
+  selectionSliderRoot: {
     marginTop: "7px"
   },
   markActive: {
     backgroundColor: "rgba(128, 128, 128, 0.7)"
   }
-}))(Slider$1);
+}));
 const useStyles$6 = makeStyles((theme) => ({
-  container: {
+  paletteContainer: {
     width: "70px",
     height: "40px",
     display: "flex",
@@ -196928,7 +196746,7 @@ const useStyles$6 = makeStyles((theme) => ({
 }));
 const ColorPalette = ({ handleChange }) => {
   const classes = useStyles$6();
-  return jsxRuntimeExports.jsx("div", { className: classes.container, "aria-label": "color-swatch", children: VIEWER_PALETTE.map((color2) => jsxRuntimeExports.jsx(IconButton$2, { className: classes.button, onClick: () => handleChange(color2), children: jsxRuntimeExports.jsx(LensIcon, { fontSize: "small", style: { color: `rgb(${color2})` }, className: classes.icon }) }, color2)) });
+  return jsxRuntimeExports.jsx("div", { className: classes.paletteContainer, "aria-label": "color-swatch", children: VIEWER_PALETTE.map((color2) => jsxRuntimeExports.jsx(IconButton$2, { className: classes.button, onClick: () => handleChange(color2), children: jsxRuntimeExports.jsx(LensIcon, { fontSize: "small", style: { color: `rgb(${color2})` }, className: classes.icon }) }, color2)) });
 };
 const useStyles$5 = makeStyles(() => ({
   menuButton: {
@@ -197179,7 +196997,7 @@ function VectorLayerController(props2) {
     handleLayerChange({ ...layer, visible: v });
   }
   const classes = useControllerSectionStyles();
-  return jsxRuntimeExports.jsx(Grid$3, { item: true, style: { marginTop: "10px" }, children: jsxRuntimeExports.jsxs(Paper$1, { className: classes.root, children: [jsxRuntimeExports.jsx(Typography$1, { style: {
+  return jsxRuntimeExports.jsx(Grid$3, { item: true, style: { marginTop: "10px" }, children: jsxRuntimeExports.jsxs(Paper$1, { className: classes.layerControllerRoot, children: [jsxRuntimeExports.jsx(Typography$1, { style: {
     padding: "15px 8px 0px 8px",
     marginBottom: "-5px"
   }, children: label2 }), jsxRuntimeExports.jsxs(Grid$3, { container: true, direction: "row", justifyContent: "space-between", children: [jsxRuntimeExports.jsx(Grid$3, { item: true, xs: 2, children: jsxRuntimeExports.jsx(Checkbox$1, { color: "primary", checked: isOn, onChange: (e3, v) => handleCheckBoxChange(v) }) }), jsxRuntimeExports.jsx(Grid$3, { item: true, xs: 9, style: { paddingRight: "8px" }, children: jsxRuntimeExports.jsx(Slider$1, { value: slider, min: 0, max: 1, step: 1e-3, onChange: (e3, v) => handleSliderChange(v), style: { marginTop: "7px" }, orientation: "horizontal" }) })] })] }) });
@@ -197281,7 +197099,9 @@ function SliderDomainSelector({ value: value2, inputId, handleChange }) {
   return jsxRuntimeExports.jsx(Select$1, { native: true, onChange: (e3) => handleChange(e3.target.value), value: value2, inputProps: { name: "domain-selector", id: inputId }, style: { width: "100%" }, classes: { root: classes.selectRoot }, children: DOMAIN_OPTIONS.map((name2) => jsxRuntimeExports.jsx("option", { value: name2, children: name2 }, name2)) });
 }
 function GlobalSelectionSlider({ field: field2, value: value2, handleChange, possibleValues }) {
-  return jsxRuntimeExports.jsx(StyledSelectionSlider, {
+  const classes = useSelectionSliderStyles();
+  return jsxRuntimeExports.jsx(Slider$1, {
+    classes: { root: classes.selectionSliderRoot, markActive: classes.markActive },
     value: value2,
     // See https://github.com/hms-dbmi/viv/issues/176 for why
     // we have the two handlers.
@@ -197594,6 +197414,9 @@ function LayerController(props2) {
     );
   }
   const controllerSectionClasses = useControllerSectionStyles();
+  const accordionClasses = useAccordionStyles();
+  const inputLabelClasses = useInputLabelStyles();
+  const overflowEllipsisGridClasses = useOverflowEllipsisGridStyles();
   const { visible } = layer;
   const visibleSetting = typeof visible === "boolean" ? visible : true;
   const Visibility = visibleSetting ? VisibilityIcon : VisibilityOffIcon;
@@ -197632,10 +197455,15 @@ function LayerController(props2) {
     spatialWidth,
     modelMatrix: modelMatrix2
   }), isRgb(loader2, channels2) && disableChannelsIfRgbDetected ? null : channelControllers, isRgb(loader2, channels2) && disableChannelsIfRgbDetected ? null : jsxRuntimeExports.jsx(Button$1, { disabled: channels2.length === MAX_CHANNELS, onClick: handleChannelAdd, fullWidth: true, variant: "outlined", style: buttonStyles, startIcon: jsxRuntimeExports.jsx(AddIcon, {}), size: "small", children: "Add Channel" })] });
-  return jsxRuntimeExports.jsxs(Accordion$1, { className: controllerSectionClasses.root, onChange: (e3, expanded) => {
+  return jsxRuntimeExports.jsxs(Accordion$1, { className: controllerSectionClasses.layerControllerRoot, onChange: (e3, expanded) => {
     var _a3, _b, _c;
     return !disabled && setIsExpanded(expanded && ((_c = (_b = (_a3 = e3 == null ? void 0 : e3.target) == null ? void 0 : _a3.attributes) == null ? void 0 : _b.role) == null ? void 0 : _c.value) === "presentation");
-  }, TransitionProps: { enter: false }, expanded: !disabled && isExpanded, children: [jsxRuntimeExports.jsx(StyledAccordionSummary, { expandIcon: jsxRuntimeExports.jsx(ExpandMoreIcon, { role: "presentation" }), "aria-controls": `layer-${name2}-controls`, children: jsxRuntimeExports.jsxs(Grid$3, { container: true, direction: "column", m: 1, justifyContent: "center", children: [jsxRuntimeExports.jsxs(OverflowEllipsisGrid, { item: true, children: [jsxRuntimeExports.jsx(Button$1, { onClick: (e3) => {
+  }, TransitionProps: { enter: false }, expanded: !disabled && isExpanded, children: [jsxRuntimeExports.jsx(AccordionSummary$1, { classes: {
+    root: accordionClasses.accordionSummaryRoot,
+    content: accordionClasses.content,
+    expanded: accordionClasses.expanded,
+    expandIcon: accordionClasses.expandIcon
+  }, expandIcon: jsxRuntimeExports.jsx(ExpandMoreIcon, { role: "presentation" }), "aria-controls": `layer-${name2}-controls`, children: jsxRuntimeExports.jsxs(Grid$3, { container: true, direction: "column", m: 1, justifyContent: "center", children: [jsxRuntimeExports.jsxs(Grid$3, { item: true, classes: { item: overflowEllipsisGridClasses.item }, children: [jsxRuntimeExports.jsx(Button$1, { onClick: (e3) => {
     if (!disabled) {
       e3.stopPropagation();
       const nextVisible = typeof visible === "boolean" ? !visible : false;
@@ -197646,7 +197474,7 @@ function LayerController(props2) {
     marginBottom: 2,
     padding: 0,
     minWidth: 0
-  }, children: jsxRuntimeExports.jsx(Visibility, {}) }), name2] }), !disabled && !isExpanded && !use3d && jsxRuntimeExports.jsxs(Grid$3, { container: true, direction: "row", alignItems: "center", justifyContent: "center", children: [jsxRuntimeExports.jsx(Grid$3, { item: true, xs: 6, children: jsxRuntimeExports.jsx(StyledInputLabel, { htmlFor: `layer-${name2}-opacity-closed`, children: "Opacity:" }) }), jsxRuntimeExports.jsx(Grid$3, { item: true, xs: 6, children: jsxRuntimeExports.jsx(Slider$1, { id: `layer-${name2}-opacity-closed`, value: opacity2, onChange: (e3, v) => setOpacity(v), valueLabelDisplay: "auto", getAriaLabel: () => "opacity slider", min: 0, max: 1, step: 0.01, orientation: "horizontal" }) })] })] }) }), jsxRuntimeExports.jsxs(StyledAccordionDetails, { children: [useVolumeTabs ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Tabs$1, { value: tab, onChange: handleTabChange, "aria-label": "simple tabs example", style: { height: "24px", minHeight: "24px" }, children: [jsxRuntimeExports.jsx(Tab$1, { label: "Channels", style: {
+  }, children: jsxRuntimeExports.jsx(Visibility, {}) }), name2] }), !disabled && !isExpanded && !use3d && jsxRuntimeExports.jsxs(Grid$3, { container: true, direction: "row", alignItems: "center", justifyContent: "center", children: [jsxRuntimeExports.jsx(Grid$3, { item: true, xs: 6, children: jsxRuntimeExports.jsx(InputLabel$1, { htmlFor: `layer-${name2}-opacity-closed`, classes: { root: inputLabelClasses.inputLabelRoot }, children: "Opacity:" }) }), jsxRuntimeExports.jsx(Grid$3, { item: true, xs: 6, children: jsxRuntimeExports.jsx(Slider$1, { id: `layer-${name2}-opacity-closed`, value: opacity2, onChange: (e3, v) => setOpacity(v), valueLabelDisplay: "auto", getAriaLabel: () => "opacity slider", min: 0, max: 1, step: 0.01, orientation: "horizontal" }) })] })] }) }), jsxRuntimeExports.jsxs(AccordionDetails$1, { classes: { root: accordionClasses.accordionDetailsRoot }, children: [useVolumeTabs ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Tabs$1, { value: tab, onChange: handleTabChange, "aria-label": "simple tabs example", style: { height: "24px", minHeight: "24px" }, children: [jsxRuntimeExports.jsx(Tab$1, { label: "Channels", style: {
     fontSize: ".75rem",
     bottom: 12,
     width: "50%",
@@ -197850,12 +197678,9 @@ function LayerControllerSubscriber(props2) {
   const layerControllerRef = useRef();
   const [componentWidth, componentHeight] = useClosestVitessceContainerSize(layerControllerRef);
   const { height: windowHeight, width: windowWidth } = useWindowDimensions();
-  const [obsLocationsData, obsLocationsStatus] = useObsLocationsData(loaders, dataset, () => {
-  }, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, {});
-  const [{ obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus] = useObsSegmentationsData(loaders, dataset, () => {
-  }, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, {});
-  const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, () => {
-  }, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: rasterLayers }, {});
+  const [obsLocationsData, obsLocationsStatus] = useObsLocationsData(loaders, dataset, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, {});
+  const [{ obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus] = useObsSegmentationsData(loaders, dataset, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, {});
+  const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: rasterLayers }, {});
   const { loaders: imageLayerLoaders, meta: imageLayerMeta } = image2 || {};
   const isReady = useReady([
     obsLocationsStatus,
@@ -198472,7 +198297,7 @@ const HIGLASS_BUNDLE_VERSION = "1.11.13";
 const HIGLASS_CSS_URL = `https://unpkg.com/${HIGLASS_PKG_NAME}@${HIGLASS_BUNDLE_VERSION}/dist/hglib.css`;
 register({ dataFetcher: ZarrMultivecDataFetcher, config: ZarrMultivecDataFetcher.config }, { pluginType: "dataFetcher" });
 const LazyHiGlassComponent = React__default.lazy(async () => {
-  const { HiGlassComponent } = await import("./hglib-1422f224.js").then((n3) => n3.h);
+  const { HiGlassComponent } = await import("./hglib-8b454259.js").then((n3) => n3.h);
   return { default: HiGlassComponent };
 });
 const HG_SIZE = 800;
@@ -198629,9 +198454,9 @@ function GenomicProfilesSubscriber(props2) {
   const [width2, height2, containerRef] = useGridItemSize();
   const loaders = useLoaders();
   const [{ dataset, obsSetColor: cellSetColor, obsSetSelection: cellSetSelection }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.GENOMIC_PROFILES], coordinationScopes);
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
-  const [genomicProfilesAttrs, genomicProfilesStatus] = useGenomicProfilesData(loaders, dataset, addUrl2, true, {}, {}, {});
+  const [genomicProfilesAttrs, genomicProfilesStatus, genomicProfilesUrls] = useGenomicProfilesData(loaders, dataset, true, {}, {}, {});
   const isReady = useReady([genomicProfilesStatus]);
+  const urls2 = useUrls([genomicProfilesUrls]);
   const hgViewConfig = useMemo(() => {
     if (!genomicProfilesAttrs || urls2.length !== 1) {
       return null;
@@ -255485,18 +255310,22 @@ function CellSetExpressionPlotSubscriber(props2) {
   const loaders = useLoaders();
   const [{ dataset, obsType, featureType, featureValueType, featureSelection: geneSelection, featureValueTransform, featureValueTransformCoefficient, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets }, { setFeatureValueTransform, setFeatureValueTransformCoefficient }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.OBS_SET_FEATURE_VALUE_DISTRIBUTION], coordinationScopes);
   const [width2, height2, containerRef] = useGridItemSize();
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
   const transformOptions = VALUE_TRANSFORM_OPTIONS;
   const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
-  const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
-  const [{ obsIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
-  const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, true, {}, {}, { obsType });
+  const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
+  const [{ obsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
+  const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, true, {}, {}, { obsType });
   const isReady = useReady([
     featureSelectionStatus,
     matrixIndicesStatus,
     obsSetsStatus,
     featureLabelsStatus
   ]);
+  const urls2 = useUrls([
+    featureLabelsUrls,
+    matrixIndicesUrls,
+    obsSetsUrls
+  ]);
   const [expressionArr, setArr, expressionMax] = useExpressionByCellSet(expressionData, obsIndex, cellSets, additionalCellSets, geneSelection, cellSetSelection, cellSetColor, featureValueTransform, featureValueTransformCoefficient, theme);
   const firstGeneSelected = geneSelection && geneSelection.length >= 1 ? (featureLabelsMap == null ? void 0 : featureLabelsMap.get(geneSelection[0])) || geneSelection[0] : null;
   const selectedTransformName = (_a2 = transformOptions.find((o2) => o2.value === featureValueTransform)) == null ? void 0 : _a2.name;
@@ -255626,13 +255455,11 @@ function CellSetSizesPlotSubscriber(props2) {
   const [{ dataset, obsType, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, additionalObsSets: additionalCellSets, obsSetExpansion: cellSetExpansion }, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.OBS_SET_SIZES], coordinationScopes);
   const title2 = titleOverride || `${capitalize$2(obsType)} Set Sizes`;
   const [width2, height2, containerRef] = useGridItemSize();
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
   const [currentHierarchy, setCurrentHierarchy] = useState([]);
   const [prevCellSetSelection, setPrevCellSetSelection] = useState([]);
-  const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
-  const isReady = useReady([
-    obsSetsStatus
-  ]);
+  const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+  const isReady = useReady([obsSetsStatus]);
+  const urls2 = useUrls([obsSetsUrls]);
   const mergedCellSets = useMemo(() => mergeObsSets(cellSets, additionalCellSets), [cellSets, additionalCellSets]);
   const data2 = useMemo(() => {
     if (cellSetSelection && cellSetColor && mergedCellSets && cellSets) {
@@ -255732,13 +255559,15 @@ function ExpressionHistogramSubscriber(props2) {
   const loaders = useLoaders();
   const [{ dataset, obsType, featureType, featureValueType, featureSelection: geneSelection, additionalObsSets: additionalCellSets, obsSetColor: cellSetColor }, { setAdditionalObsSets: setAdditionalCellSets, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setObsSetSelection: setCellSetSelection }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.FEATURE_VALUE_HISTOGRAM], coordinationScopes);
   const [width2, height2, containerRef] = useGridItemSize();
-  const [urls2, addUrl2] = useUrls(loaders, dataset);
-  const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus] = useObsFeatureMatrixData(loaders, dataset, addUrl2, true, {}, {}, { obsType, featureType, featureValueType });
+  const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls] = useObsFeatureMatrixData(loaders, dataset, true, {}, {}, { obsType, featureType, featureValueType });
   const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
   const isReady = useReady([
     matrixStatus,
     featureSelectionStatus
   ]);
+  const urls2 = useUrls([
+    matrixUrls
+  ]);
   const firstGeneSelected = geneSelection && geneSelection.length >= 1 ? geneSelection[0] : null;
   const data2 = useMemo(() => {
     if (firstGeneSelected && obsFeatureMatrix && expressionData) {
@@ -256409,6 +256238,33 @@ async function initLoader(imageData) {
       const channels2 = Array.isArray(Channels) ? Channels.map((channel, i2) => channel.Name || `Channel ${i2}`) : [Channels.Name || `Channel ${0}`];
       return { ...loader2, channels: channels2 };
     }
+    case "ome-zarr": {
+      const { coordinateTransformations: coordinateTransformationsFromOptions } = metadata2 || {};
+      const loader2 = await loadOmeZarr(url, { fetchOptions: requestInit2, type: "multiscales" });
+      const { metadata: loaderMetadata } = loader2;
+      const { omero, multiscales } = loaderMetadata;
+      if (!Array.isArray(multiscales) || multiscales.length === 0) {
+        console.error("Multiscales array must exist and have at least one element");
+      }
+      const { coordinateTransformations } = multiscales[0];
+      const axes = getNgffAxes(multiscales[0].axes);
+      const transformMatrixFromOptions = coordinateTransformationsToMatrix(coordinateTransformationsFromOptions, axes);
+      const transformMatrixFromFile = coordinateTransformationsToMatrix(coordinateTransformations, axes);
+      const transformMatrix = transformMatrixFromFile.multiplyLeft(transformMatrixFromOptions);
+      const { channels: channels2, name: omeroName } = omero;
+      return {
+        name: omeroName || "Image",
+        channels: channels2.map((c2, i2) => c2.label || `Channel ${i2}`),
+        ...transformMatrix ? {
+          metadata: {
+            transform: {
+              matrix: transformMatrix
+            }
+          }
+        } : {},
+        ...loader2
+      };
+    }
     default: {
       throw Error(`Image type (${type2}) is not supported`);
     }
@@ -256430,7 +256286,7 @@ class RasterLoader extends JsonLoader {
     }
     const { data: raster } = payload;
     const { images, renderLayers, usePhysicalSizeScaling = false } = raster;
-    const urls2 = images.filter((image2) => !image2.url.includes("zarr")).map((image2) => [image2.url, image2.name]);
+    const urls2 = images.filter((image2) => !image2.url.includes("zarr")).map((image2) => ({ url: image2.url, name: image2.name }));
     const imagesWithLoaderCreators = images.map((image2) => ({
       ...image2,
       loaderCreator: async () => initLoader(image2)
@@ -257492,9 +257348,6 @@ class OmeTiffLoader extends AbstractTwoStepLoader {
   async load() {
     const { url, requestInit: requestInit2 } = this;
     const { coordinateTransformations: coordinateTransformationsFromOptions } = this.options || {};
-    const urls2 = [
-      [url, "image"]
-    ];
     const offsets2 = await this.loadOffsets();
     const loader2 = await loadOmeTiff(url, { offsets: offsets2, headers: requestInit2 == null ? void 0 : requestInit2.headers });
     const { Name: imageName, Pixels: { Channels, DimensionOrder, PhysicalSizeX, PhysicalSizeXUnit, PhysicalSizeY, PhysicalSizeYUnit } } = loader2.metadata;
@@ -257513,6 +257366,9 @@ class OmeTiffLoader extends AbstractTwoStepLoader {
         }
       } : {}
     };
+    const urls2 = [
+      { url, name: image2.name }
+    ];
     const imagesWithLoaderCreators = [
       {
         ...image2,
@@ -257542,7 +257398,6 @@ class OmeTiffAsObsSegmentationsLoader extends OmeTiffLoader {
     const offsets2 = await this.loadOffsets();
     const loader2 = await loadOmeTiff(url, { offsets: offsets2, headers: requestInit2 == null ? void 0 : requestInit2.headers });
     const { Name: imageName, Pixels: { Channels, DimensionOrder, PhysicalSizeX, PhysicalSizeXUnit, PhysicalSizeY, PhysicalSizeYUnit } } = loader2.metadata;
-    const urls2 = [url, "OME-TIFF"];
     const transformMatrixFromOptions = coordinateTransformationsToMatrix(coordinateTransformationsFromOptions, getNgffAxesForTiff(DimensionOrder));
     const usePhysicalSizeScaling = PhysicalSizeX && PhysicalSizeXUnit && PhysicalSizeY && PhysicalSizeYUnit;
     const image2 = {
@@ -257559,6 +257414,7 @@ class OmeTiffAsObsSegmentationsLoader extends OmeTiffLoader {
         } : {}
       }
     };
+    const urls2 = [{ url, name: image2.name }];
     const imagesWithLoaderCreators = [
       {
         ...image2,
@@ -258068,6 +257924,16 @@ const baseJointFileTypes = [
   new PluginJointFileType(FileType$1.MOLECULES_JSON, expandMoleculesJson, z.null())
 ];
 const baseCoordinationTypes = [
+  new PluginCoordinationType(
+    CoordinationType$1.META_COORDINATION_SCOPES,
+    null,
+    z.record(z.any()).nullable()
+  ),
+  new PluginCoordinationType(
+    CoordinationType$1.META_COORDINATION_SCOPES_BY,
+    null,
+    z.record(z.any()).nullable()
+  ),
   new PluginCoordinationType(CoordinationType$1.DATASET, null, z.string().nullable()),
   new PluginCoordinationType(CoordinationType$1.OBS_TYPE, "cell", z.string()),
   new PluginCoordinationType(CoordinationType$1.FEATURE_TYPE, "gene", z.string()),
@@ -258208,10 +258074,11 @@ function Vitessce(props2) {
     pluginCoordinationTypes: pluginCoordinationTypesProp,
     pluginJointFileTypes: pluginJointFileTypesProp
   } = props2;
-  const configUid = config3 == null ? void 0 : config3.uid;
+  const configKey = (config3 == null ? void 0 : config3.uid) || config3;
   const configVersion = config3 == null ? void 0 : config3.version;
   const [configOrWarning, success] = useMemo(() => {
     try {
+      logConfig(config3, "pre-upgrade view config");
       const validConfig = upgradeAndParse(config3, onConfigUpgrade);
       return [validConfig, true];
     } catch (e3) {
@@ -258224,7 +258091,7 @@ function Vitessce(props2) {
         false
       ];
     }
-  }, [configUid, configVersion]);
+  }, [configKey, configVersion]);
   const mergedPluginViewTypes = useMemo(() => [
     ...baseViewTypes,
     ...pluginViewTypesProp || []