@vitessce/all 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@ var __publicField = (obj, key2, value2) => {
6
6
  };
7
7
  import * as React from "react";
8
8
  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";
9
- 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";
9
+ 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";
10
10
  import * as ReactDOM from "react-dom";
11
11
  import ReactDOM__default from "react-dom";
12
12
  function _mergeNamespaces(n3, m2) {
@@ -5525,15 +5525,15 @@ function memoizeCapped$2(func) {
5525
5525
  var cache2 = result.cache;
5526
5526
  return result;
5527
5527
  }
5528
- var rePropName$3 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
5529
- var reEscapeChar$3 = /\\(\\)?/g;
5528
+ var rePropName$2 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
5529
+ var reEscapeChar$2 = /\\(\\)?/g;
5530
5530
  var stringToPath$3 = memoizeCapped$2(function(string2) {
5531
5531
  var result = [];
5532
5532
  if (string2.charCodeAt(0) === 46) {
5533
5533
  result.push("");
5534
5534
  }
5535
- string2.replace(rePropName$3, function(match2, number2, quote, subString) {
5536
- result.push(quote ? subString.replace(reEscapeChar$3, "$1") : number2 || match2);
5535
+ string2.replace(rePropName$2, function(match2, number2, quote, subString) {
5536
+ result.push(quote ? subString.replace(reEscapeChar$2, "$1") : number2 || match2);
5537
5537
  });
5538
5538
  return result;
5539
5539
  });
@@ -14177,7 +14177,7 @@ var json2csv_umd = { exports: {} };
14177
14177
  return result == "0" && 1 / value2 == -INFINITY2 ? "-0" : result;
14178
14178
  }
14179
14179
  function castPath2(value2) {
14180
- return isArray$22(value2) ? value2 : stringToPath4(value2);
14180
+ return isArray$22(value2) ? value2 : stringToPath3(value2);
14181
14181
  }
14182
14182
  function getMapData2(map2, key2) {
14183
14183
  var data2 = map2.__data__;
@@ -14204,7 +14204,7 @@ var json2csv_umd = { exports: {} };
14204
14204
  function isMasked2(func) {
14205
14205
  return !!maskSrcKey2 && maskSrcKey2 in func;
14206
14206
  }
14207
- var stringToPath4 = memoize3(function(string2) {
14207
+ var stringToPath3 = memoize3(function(string2) {
14208
14208
  string2 = toString$12(string2);
14209
14209
  var result = [];
14210
14210
  if (reLeadingDot.test(string2)) {
@@ -18672,6 +18672,10 @@ const FileType$1 = {
18672
18672
  ANNDATA_EXPRESSION_MATRIX_ZARR: "anndata-expression-matrix.zarr"
18673
18673
  };
18674
18674
  const CoordinationType$1 = {
18675
+ // Meta coordination scopes
18676
+ META_COORDINATION_SCOPES: "metaCoordinationScopes",
18677
+ META_COORDINATION_SCOPES_BY: "metaCoordinationScopesBy",
18678
+ // Other coordination scopes
18675
18679
  DATASET: "dataset",
18676
18680
  // Entity types
18677
18681
  OBS_TYPE: "obsType",
@@ -20410,7 +20414,24 @@ function elementTypeAcceptingRef(props2, propName, componentName, location, prop
20410
20414
  return null;
20411
20415
  }
20412
20416
  const elementTypeAcceptingRef$1 = chainPropTypes(propTypesExports.elementType, elementTypeAcceptingRef);
20417
+ function _toPrimitive$1(input, hint2) {
20418
+ if (_typeof$B(input) !== "object" || input === null)
20419
+ return input;
20420
+ var prim = input[Symbol.toPrimitive];
20421
+ if (prim !== void 0) {
20422
+ var res = prim.call(input, hint2 || "default");
20423
+ if (_typeof$B(res) !== "object")
20424
+ return res;
20425
+ throw new TypeError("@@toPrimitive must return a primitive value.");
20426
+ }
20427
+ return (hint2 === "string" ? String : Number)(input);
20428
+ }
20429
+ function _toPropertyKey(arg) {
20430
+ var key2 = _toPrimitive$1(arg, "string");
20431
+ return _typeof$B(key2) === "symbol" ? key2 : String(key2);
20432
+ }
20413
20433
  function _defineProperty$n(obj, key2, value2) {
20434
+ key2 = _toPropertyKey(key2);
20414
20435
  if (key2 in obj) {
20415
20436
  Object.defineProperty(obj, key2, {
20416
20437
  value: value2,
@@ -20807,6 +20828,19 @@ function lighten(color2, coefficient) {
20807
20828
  }
20808
20829
  return recomposeColor(color2);
20809
20830
  }
20831
+ function _defineProperty$m(obj, key2, value2) {
20832
+ if (key2 in obj) {
20833
+ Object.defineProperty(obj, key2, {
20834
+ value: value2,
20835
+ enumerable: true,
20836
+ configurable: true,
20837
+ writable: true
20838
+ });
20839
+ } else {
20840
+ obj[key2] = value2;
20841
+ }
20842
+ return obj;
20843
+ }
20810
20844
  function _objectWithoutPropertiesLoose$1(source2, excluded) {
20811
20845
  if (source2 == null)
20812
20846
  return {};
@@ -20839,6 +20873,20 @@ function _objectWithoutProperties$1(source2, excluded) {
20839
20873
  }
20840
20874
  return target2;
20841
20875
  }
20876
+ function _extends$6() {
20877
+ _extends$6 = Object.assign ? Object.assign.bind() : function(target2) {
20878
+ for (var i2 = 1; i2 < arguments.length; i2++) {
20879
+ var source2 = arguments[i2];
20880
+ for (var key2 in source2) {
20881
+ if (Object.prototype.hasOwnProperty.call(source2, key2)) {
20882
+ target2[key2] = source2[key2];
20883
+ }
20884
+ }
20885
+ }
20886
+ return target2;
20887
+ };
20888
+ return _extends$6.apply(this, arguments);
20889
+ }
20842
20890
  var keys$9 = ["xs", "sm", "md", "lg", "xl"];
20843
20891
  function createBreakpoints(breakpoints) {
20844
20892
  var _breakpoints$values = breakpoints.values, values3 = _breakpoints$values === void 0 ? {
@@ -20881,7 +20929,7 @@ function createBreakpoints(breakpoints) {
20881
20929
  }
20882
20930
  return values3[key2];
20883
20931
  }
20884
- return _extends$7({
20932
+ return _extends$6({
20885
20933
  keys: keys$9,
20886
20934
  values: values3,
20887
20935
  up,
@@ -20893,23 +20941,23 @@ function createBreakpoints(breakpoints) {
20893
20941
  }
20894
20942
  function createMixins(breakpoints, spacing, mixins) {
20895
20943
  var _toolbar;
20896
- return _extends$7({
20944
+ return _extends$6({
20897
20945
  gutters: function gutters() {
20898
20946
  var styles33 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
20899
20947
  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"));
20900
- return _extends$7({
20948
+ return _extends$6({
20901
20949
  paddingLeft: spacing(2),
20902
20950
  paddingRight: spacing(2)
20903
- }, styles33, _defineProperty$n({}, breakpoints.up("sm"), _extends$7({
20951
+ }, styles33, _defineProperty$m({}, breakpoints.up("sm"), _extends$6({
20904
20952
  paddingLeft: spacing(3),
20905
20953
  paddingRight: spacing(3)
20906
20954
  }, styles33[breakpoints.up("sm")])));
20907
20955
  },
20908
20956
  toolbar: (_toolbar = {
20909
20957
  minHeight: 56
20910
- }, _defineProperty$n(_toolbar, "".concat(breakpoints.up("xs"), " and (orientation: landscape)"), {
20958
+ }, _defineProperty$m(_toolbar, "".concat(breakpoints.up("xs"), " and (orientation: landscape)"), {
20911
20959
  minHeight: 48
20912
- }), _defineProperty$n(_toolbar, breakpoints.up("sm"), {
20960
+ }), _defineProperty$m(_toolbar, breakpoints.up("sm"), {
20913
20961
  minHeight: 64
20914
20962
  }), _toolbar)
20915
20963
  }, mixins);
@@ -21034,7 +21082,7 @@ function createPalette(palette) {
21034
21082
  var mainShade = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
21035
21083
  var lightShade = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
21036
21084
  var darkShade = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 700;
21037
- color2 = _extends$7({}, color2);
21085
+ color2 = _extends$6({}, color2);
21038
21086
  if (!color2.main && color2[mainShade]) {
21039
21087
  color2.main = color2[mainShade];
21040
21088
  }
@@ -21060,7 +21108,7 @@ function createPalette(palette) {
21060
21108
  console.error("Material-UI: The palette type `".concat(type2, "` is not supported."));
21061
21109
  }
21062
21110
  }
21063
- var paletteOutput = deepmerge(_extends$7({
21111
+ var paletteOutput = deepmerge(_extends$6({
21064
21112
  // A collection of common colors.
21065
21113
  common: common$3,
21066
21114
  // The palette type, can be light or dark.
@@ -21125,7 +21173,7 @@ function createTypography(palette, typography) {
21125
21173
  return "".concat(size2 / htmlFontSize * coef, "rem");
21126
21174
  };
21127
21175
  var buildVariant = function buildVariant2(fontWeight, size2, lineHeight2, letterSpacing, casing) {
21128
- return _extends$7({
21176
+ return _extends$6({
21129
21177
  fontFamily: fontFamily2,
21130
21178
  fontWeight,
21131
21179
  fontSize: pxToRem(size2),
@@ -21150,7 +21198,7 @@ function createTypography(palette, typography) {
21150
21198
  caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
21151
21199
  overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
21152
21200
  };
21153
- return deepmerge(_extends$7({
21201
+ return deepmerge(_extends$6({
21154
21202
  htmlFontSize,
21155
21203
  pxToRem,
21156
21204
  round: roundWithDeprecationWarning,
@@ -21215,6 +21263,14 @@ function _nonIterableSpread$j() {
21215
21263
  function _toConsumableArray$j(arr) {
21216
21264
  return _arrayWithoutHoles$j(arr) || _iterableToArray$j(arr) || _unsupportedIterableToArray$n(arr) || _nonIterableSpread$j();
21217
21265
  }
21266
+ function _typeof$A(obj) {
21267
+ "@babel/helpers - typeof";
21268
+ return _typeof$A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
21269
+ return typeof obj2;
21270
+ } : function(obj2) {
21271
+ return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
21272
+ }, _typeof$A(obj);
21273
+ }
21218
21274
  function _arrayWithHoles$8(arr) {
21219
21275
  if (Array.isArray(arr))
21220
21276
  return arr;
@@ -21457,7 +21513,7 @@ function createTheme() {
21457
21513
  } else if (pseudoClasses2.indexOf(key2) !== -1 && Object.keys(child2).length > 0) {
21458
21514
  {
21459
21515
  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({
21460
- root: _defineProperty$n({}, "&$".concat(key2), child2)
21516
+ root: _defineProperty$m({}, "&$".concat(key2), child2)
21461
21517
  }, null, 2), "", "https://mui.com/r/pseudo-classes-guide"].join("\n"));
21462
21518
  }
21463
21519
  node[key2] = {};
@@ -21539,50 +21595,12 @@ function warning$2(condition, message) {
21539
21595
  }
21540
21596
  }
21541
21597
  }
21542
- function _extends$6() {
21543
- _extends$6 = Object.assign ? Object.assign.bind() : function(target2) {
21544
- for (var i2 = 1; i2 < arguments.length; i2++) {
21545
- var source2 = arguments[i2];
21546
- for (var key2 in source2) {
21547
- if (Object.prototype.hasOwnProperty.call(source2, key2)) {
21548
- target2[key2] = source2[key2];
21549
- }
21550
- }
21551
- }
21552
- return target2;
21553
- };
21554
- return _extends$6.apply(this, arguments);
21555
- }
21556
- var _typeof$A = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
21598
+ var _typeof$z = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
21557
21599
  return typeof obj;
21558
21600
  } : function(obj) {
21559
21601
  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
21560
21602
  };
21561
- var isBrowser$6 = (typeof window === "undefined" ? "undefined" : _typeof$A(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$A(document)) === "object" && document.nodeType === 9;
21562
- function _typeof$z(obj) {
21563
- "@babel/helpers - typeof";
21564
- return _typeof$z = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
21565
- return typeof obj2;
21566
- } : function(obj2) {
21567
- return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
21568
- }, _typeof$z(obj);
21569
- }
21570
- function _toPrimitive$1(input, hint2) {
21571
- if (_typeof$z(input) !== "object" || input === null)
21572
- return input;
21573
- var prim = input[Symbol.toPrimitive];
21574
- if (prim !== void 0) {
21575
- var res = prim.call(input, hint2 || "default");
21576
- if (_typeof$z(res) !== "object")
21577
- return res;
21578
- throw new TypeError("@@toPrimitive must return a primitive value.");
21579
- }
21580
- return (hint2 === "string" ? String : Number)(input);
21581
- }
21582
- function _toPropertyKey(arg) {
21583
- var key2 = _toPrimitive$1(arg, "string");
21584
- return _typeof$z(key2) === "symbol" ? key2 : String(key2);
21585
- }
21603
+ var isBrowser$6 = (typeof window === "undefined" ? "undefined" : _typeof$z(window)) === "object" && (typeof document === "undefined" ? "undefined" : _typeof$z(document)) === "object" && document.nodeType === 9;
21586
21604
  function _defineProperties$y(target2, props2) {
21587
21605
  for (var i2 = 0; i2 < props2.length; i2++) {
21588
21606
  var descriptor2 = props2[i2];
@@ -21860,7 +21878,7 @@ var StyleRule = /* @__PURE__ */ function(_BaseStyleRule) {
21860
21878
  _proto2.toString = function toString2(options) {
21861
21879
  var sheet = this.options.sheet;
21862
21880
  var link2 = sheet ? sheet.options.link : false;
21863
- var opts2 = link2 ? _extends$6({}, options, {
21881
+ var opts2 = link2 ? _extends$7({}, options, {
21864
21882
  allowEmpty: true
21865
21883
  }) : options;
21866
21884
  return toCss(this.selectorText, this.style, opts2);
@@ -21907,7 +21925,7 @@ var ConditionalRule = /* @__PURE__ */ function() {
21907
21925
  this.at = atMatch ? atMatch[1] : "unknown";
21908
21926
  this.query = options.name || "@" + this.at;
21909
21927
  this.options = options;
21910
- this.rules = new RuleList(_extends$6({}, options, {
21928
+ this.rules = new RuleList(_extends$7({}, options, {
21911
21929
  parent: this
21912
21930
  }));
21913
21931
  for (var name2 in styles33) {
@@ -21979,11 +21997,11 @@ var KeyframesRule = /* @__PURE__ */ function() {
21979
21997
  this.options = options;
21980
21998
  var scoped = options.scoped, sheet = options.sheet, generateId = options.generateId;
21981
21999
  this.id = scoped === false ? this.name : escape$1(generateId(this, sheet));
21982
- this.rules = new RuleList(_extends$6({}, options, {
22000
+ this.rules = new RuleList(_extends$7({}, options, {
21983
22001
  parent: this
21984
22002
  }));
21985
22003
  for (var name2 in frames) {
21986
- this.rules.add(name2, frames[name2], _extends$6({}, options, {
22004
+ this.rules.add(name2, frames[name2], _extends$7({}, options, {
21987
22005
  parent: this
21988
22006
  }));
21989
22007
  }
@@ -22068,7 +22086,7 @@ var KeyframeRule = /* @__PURE__ */ function(_BaseStyleRule) {
22068
22086
  _proto.toString = function toString2(options) {
22069
22087
  var sheet = this.options.sheet;
22070
22088
  var link2 = sheet ? sheet.options.link : false;
22071
- var opts2 = link2 ? _extends$6({}, options, {
22089
+ var opts2 = link2 ? _extends$7({}, options, {
22072
22090
  allowEmpty: true
22073
22091
  }) : options;
22074
22092
  return toCss(this.key, this.style, opts2);
@@ -22192,7 +22210,7 @@ var RuleList = /* @__PURE__ */ function() {
22192
22210
  var _proto = RuleList2.prototype;
22193
22211
  _proto.add = function add2(name2, decl, ruleOptions) {
22194
22212
  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;
22195
- var options = _extends$6({
22213
+ var options = _extends$7({
22196
22214
  classes: this.classes,
22197
22215
  parent,
22198
22216
  sheet,
@@ -22228,7 +22246,7 @@ var RuleList = /* @__PURE__ */ function() {
22228
22246
  }
22229
22247
  var options = ruleOptions;
22230
22248
  if (oldIndex !== -1)
22231
- options = _extends$6({}, ruleOptions, {
22249
+ options = _extends$7({}, ruleOptions, {
22232
22250
  index: oldIndex
22233
22251
  });
22234
22252
  return this.add(name2, decl, options);
@@ -22341,7 +22359,7 @@ var StyleSheet = /* @__PURE__ */ function() {
22341
22359
  this.deployed = false;
22342
22360
  this.classes = {};
22343
22361
  this.keyframes = {};
22344
- this.options = _extends$6({}, options, {
22362
+ this.options = _extends$7({}, options, {
22345
22363
  sheet: this,
22346
22364
  parent: this,
22347
22365
  classes: this.classes,
@@ -22960,7 +22978,7 @@ var Jss = /* @__PURE__ */ function() {
22960
22978
  this.options.createGenerateId = options.createGenerateId;
22961
22979
  }
22962
22980
  if (options.id) {
22963
- this.options.id = _extends$6({}, this.options.id, options.id);
22981
+ this.options.id = _extends$7({}, this.options.id, options.id);
22964
22982
  }
22965
22983
  if (options.createGenerateId || options.id) {
22966
22984
  this.generateId = this.options.createGenerateId(this.options.id);
@@ -22982,7 +23000,7 @@ var Jss = /* @__PURE__ */ function() {
22982
23000
  if (typeof index2 !== "number") {
22983
23001
  index2 = sheets.index === 0 ? 0 : sheets.index + 1;
22984
23002
  }
22985
- var sheet = new StyleSheet(styles33, _extends$6({}, options, {
23003
+ var sheet = new StyleSheet(styles33, _extends$7({}, options, {
22986
23004
  jss: this,
22987
23005
  generateId: options.generateId || this.generateId,
22988
23006
  insertionPoint: this.options.insertionPoint,
@@ -23007,7 +23025,7 @@ var Jss = /* @__PURE__ */ function() {
23007
23025
  if (typeof name2 === "object") {
23008
23026
  return this.createRule(void 0, name2, style2);
23009
23027
  }
23010
- var ruleOptions = _extends$6({}, options, {
23028
+ var ruleOptions = _extends$7({}, options, {
23011
23029
  name: name2,
23012
23030
  jss: this,
23013
23031
  Renderer: this.options.Renderer
@@ -23118,7 +23136,7 @@ var GlobalContainerRule = /* @__PURE__ */ function() {
23118
23136
  this.isProcessed = false;
23119
23137
  this.key = key2;
23120
23138
  this.options = options;
23121
- this.rules = new RuleList(_extends$7({}, options, {
23139
+ this.rules = new RuleList(_extends$6({}, options, {
23122
23140
  parent: this
23123
23141
  }));
23124
23142
  for (var selector2 in styles33) {
@@ -23158,7 +23176,7 @@ var GlobalPrefixedRule = /* @__PURE__ */ function() {
23158
23176
  this.key = key2;
23159
23177
  this.options = options;
23160
23178
  var selector2 = key2.substr(atPrefix.length);
23161
- this.rule = options.jss.createRule(selector2, style2, _extends$7({}, options, {
23179
+ this.rule = options.jss.createRule(selector2, style2, _extends$6({}, options, {
23162
23180
  parent: this
23163
23181
  }));
23164
23182
  }
@@ -23185,7 +23203,7 @@ function handleNestedGlobalContainerRule(rule2, sheet) {
23185
23203
  if (!rules)
23186
23204
  return;
23187
23205
  for (var name2 in rules) {
23188
- sheet.addRule(name2, rules[name2], _extends$7({}, options, {
23206
+ sheet.addRule(name2, rules[name2], _extends$6({}, options, {
23189
23207
  selector: addScope(name2, rule2.selector)
23190
23208
  }));
23191
23209
  }
@@ -23197,7 +23215,7 @@ function handlePrefixedGlobalRule(rule2, sheet) {
23197
23215
  if (prop[0] !== "@" || prop.substr(0, at.length) !== at)
23198
23216
  continue;
23199
23217
  var selector2 = addScope(prop.substr(at.length), rule2.selector);
23200
- sheet.addRule(selector2, style2[prop], _extends$7({}, options, {
23218
+ sheet.addRule(selector2, style2[prop], _extends$6({}, options, {
23201
23219
  selector: selector2
23202
23220
  }));
23203
23221
  delete style2[prop];
@@ -23266,12 +23284,12 @@ function jssNested() {
23266
23284
  }
23267
23285
  function getOptions(rule2, container, prevOptions) {
23268
23286
  if (prevOptions)
23269
- return _extends$6({}, prevOptions, {
23287
+ return _extends$7({}, prevOptions, {
23270
23288
  index: prevOptions.index + 1
23271
23289
  });
23272
23290
  var nestingLevel = rule2.options.nestingLevel;
23273
23291
  nestingLevel = nestingLevel === void 0 ? 1 : nestingLevel + 1;
23274
- var options = _extends$6({}, rule2.options, {
23292
+ var options = _extends$7({}, rule2.options, {
23275
23293
  nestingLevel,
23276
23294
  index: container.indexOf(rule2) + 1
23277
23295
  // We don't need the parent name to be set options for chlid.
@@ -23299,11 +23317,11 @@ function jssNested() {
23299
23317
  selector2 = selector2.replace(refRegExp, replaceRef3);
23300
23318
  var name2 = styleRule.key + "-" + prop;
23301
23319
  if ("replaceRule" in container) {
23302
- container.replaceRule(name2, style2[prop], _extends$6({}, options, {
23320
+ container.replaceRule(name2, style2[prop], _extends$7({}, options, {
23303
23321
  selector: selector2
23304
23322
  }));
23305
23323
  } else {
23306
- container.addRule(name2, style2[prop], _extends$6({}, options, {
23324
+ container.addRule(name2, style2[prop], _extends$7({}, options, {
23307
23325
  selector: selector2
23308
23326
  }));
23309
23327
  }
@@ -24073,7 +24091,7 @@ function mergeClasses$2() {
24073
24091
  if (!newClasses) {
24074
24092
  return baseClasses;
24075
24093
  }
24076
- var nextClasses = _extends$7({}, baseClasses);
24094
+ var nextClasses = _extends$6({}, baseClasses);
24077
24095
  {
24078
24096
  if (typeof newClasses === "string") {
24079
24097
  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;
24145
24163
  function StylesProvider(props2) {
24146
24164
  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"]);
24147
24165
  var outerOptions = React__default.useContext(StylesContext);
24148
- var context2 = _extends$7({}, outerOptions, {
24166
+ var context2 = _extends$6({}, outerOptions, {
24149
24167
  disableGeneration
24150
24168
  }, localOptions);
24151
24169
  {
@@ -24250,7 +24268,7 @@ const noopTheme$1 = noopTheme;
24250
24268
  function getStylesCreator(stylesOrCreator) {
24251
24269
  var themingEnabled = typeof stylesOrCreator === "function";
24252
24270
  {
24253
- if (_typeof$B(stylesOrCreator) !== "object" && !themingEnabled) {
24271
+ if (_typeof$A(stylesOrCreator) !== "object" && !themingEnabled) {
24254
24272
  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"));
24255
24273
  }
24256
24274
  }
@@ -24271,7 +24289,7 @@ function getStylesCreator(stylesOrCreator) {
24271
24289
  return styles33;
24272
24290
  }
24273
24291
  var overrides = theme.overrides[name2];
24274
- var stylesWithOverrides = _extends$7({}, styles33);
24292
+ var stylesWithOverrides = _extends$6({}, styles33);
24275
24293
  Object.keys(overrides).forEach(function(key2) {
24276
24294
  {
24277
24295
  if (!stylesWithOverrides[key2]) {
@@ -24332,7 +24350,7 @@ function attach(_ref22, props2) {
24332
24350
  };
24333
24351
  multiKeyStore$1.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
24334
24352
  }
24335
- var options = _extends$7({}, stylesCreator.options, stylesOptions, {
24353
+ var options = _extends$6({}, stylesCreator.options, stylesOptions, {
24336
24354
  theme,
24337
24355
  flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
24338
24356
  });
@@ -24345,7 +24363,7 @@ function attach(_ref22, props2) {
24345
24363
  }
24346
24364
  var styles33 = stylesCreator.create(theme, name2);
24347
24365
  if (!staticSheet) {
24348
- staticSheet = stylesOptions.jss.createStyleSheet(styles33, _extends$7({
24366
+ staticSheet = stylesOptions.jss.createStyleSheet(styles33, _extends$6({
24349
24367
  link: false
24350
24368
  }, options));
24351
24369
  staticSheet.attach();
@@ -24360,7 +24378,7 @@ function attach(_ref22, props2) {
24360
24378
  sheetManager.dynamicStyles = getDynamicStyles(styles33);
24361
24379
  }
24362
24380
  if (sheetManager.dynamicStyles) {
24363
- var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$7({
24381
+ var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$6({
24364
24382
  link: true
24365
24383
  }, options));
24366
24384
  dynamicSheet.update(props2);
@@ -24442,7 +24460,7 @@ function makeStyles$1(stylesOrCreator) {
24442
24460
  var useStyles2 = function useStyles3() {
24443
24461
  var props2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
24444
24462
  var theme = useTheme$1() || defaultTheme2;
24445
- var stylesOptions = _extends$7({}, React__default.useContext(StylesContext), stylesOptions2);
24463
+ var stylesOptions = _extends$6({}, React__default.useContext(StylesContext), stylesOptions2);
24446
24464
  var instance = React__default.useRef();
24447
24465
  var shouldUpdate = React__default.useRef();
24448
24466
  useSynchronousEffect(function() {
@@ -24622,7 +24640,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
24622
24640
  }
24623
24641
  }
24624
24642
  }
24625
- var useStyles2 = makeStyles$1(stylesOrCreator, _extends$7({
24643
+ var useStyles2 = makeStyles$1(stylesOrCreator, _extends$6({
24626
24644
  defaultTheme: defaultTheme2,
24627
24645
  Component: Component2,
24628
24646
  name: name2 || Component2.displayName,
@@ -24631,7 +24649,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
24631
24649
  var WithStyles = /* @__PURE__ */ React__default.forwardRef(function WithStyles2(props2, ref2) {
24632
24650
  props2.classes;
24633
24651
  var innerRef = props2.innerRef, other = _objectWithoutProperties$1(props2, ["classes", "innerRef"]);
24634
- var classes = useStyles2(_extends$7({}, Component2.defaultProps, props2));
24652
+ var classes = useStyles2(_extends$6({}, Component2.defaultProps, props2));
24635
24653
  var theme;
24636
24654
  var more = other;
24637
24655
  if (typeof name2 === "string" || withTheme) {
@@ -24647,7 +24665,7 @@ var withStyles$1 = function withStyles(stylesOrCreator) {
24647
24665
  more.theme = theme;
24648
24666
  }
24649
24667
  }
24650
- return /* @__PURE__ */ React__default.createElement(Component2, _extends$7({
24668
+ return /* @__PURE__ */ React__default.createElement(Component2, _extends$6({
24651
24669
  ref: innerRef || ref2,
24652
24670
  classes
24653
24671
  }, more));
@@ -24688,7 +24706,7 @@ var defaultTheme = createTheme();
24688
24706
  const defaultTheme$1 = defaultTheme;
24689
24707
  function makeStyles(stylesOrCreator) {
24690
24708
  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
24691
- return makeStyles$1(stylesOrCreator, _extends$7({
24709
+ return makeStyles$1(stylesOrCreator, _extends$6({
24692
24710
  defaultTheme: defaultTheme$1
24693
24711
  }, options));
24694
24712
  }
@@ -24700,7 +24718,7 @@ function useTheme() {
24700
24718
  return theme;
24701
24719
  }
24702
24720
  function withStyles2(stylesOrCreator, options) {
24703
- return withStylesWithoutDefault(stylesOrCreator, _extends$7({
24721
+ return withStylesWithoutDefault(stylesOrCreator, _extends$6({
24704
24722
  defaultTheme: defaultTheme$1
24705
24723
  }, options));
24706
24724
  }
@@ -24784,7 +24802,7 @@ var styles$I = function styles(theme) {
24784
24802
  };
24785
24803
  var SvgIcon = /* @__PURE__ */ React.forwardRef(function SvgIcon2(props2, ref2) {
24786
24804
  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"]);
24787
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
24805
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
24788
24806
  className: clsx(classes.root, className, color2 !== "inherit" && classes["color".concat(capitalize$1(color2))], fontSize2 !== "default" && fontSize2 !== "medium" && classes["fontSize".concat(capitalize$1(fontSize2))]),
24789
24807
  focusable: "false",
24790
24808
  viewBox,
@@ -24862,7 +24880,7 @@ const SvgIcon$1 = withStyles2(styles$I, {
24862
24880
  })(SvgIcon);
24863
24881
  function createSvgIcon(path2, displayName) {
24864
24882
  var Component2 = function Component3(props2, ref2) {
24865
- return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$7({
24883
+ return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends$6({
24866
24884
  ref: ref2
24867
24885
  }, props2), path2);
24868
24886
  };
@@ -25686,7 +25704,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
25686
25704
  }
25687
25705
  if (this.mounted) {
25688
25706
  this.setState(function(state) {
25689
- var children2 = _extends$7({}, state.children);
25707
+ var children2 = _extends$6({}, state.children);
25690
25708
  delete children2[child2.key];
25691
25709
  return {
25692
25710
  children: children2
@@ -25898,7 +25916,7 @@ var Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(props2, ref2)
25898
25916
  timer2.current = setTimeout(next3, autoTransitionDuration.current || 0);
25899
25917
  }
25900
25918
  };
25901
- return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
25919
+ return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
25902
25920
  in: inProp,
25903
25921
  onEnter: handleEnter,
25904
25922
  onEntered: handleEntered,
@@ -25910,12 +25928,12 @@ var Collapse = /* @__PURE__ */ React.forwardRef(function Collapse2(props2, ref2)
25910
25928
  nodeRef: enableStrictModeCompat ? nodeRef : void 0,
25911
25929
  timeout: timeout3 === "auto" ? null : timeout3
25912
25930
  }, other), function(state, childProps) {
25913
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
25931
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
25914
25932
  className: clsx(classes.root, classes.container, className, {
25915
25933
  "entered": classes.entered,
25916
25934
  "exited": !inProp && collapsedSize === "0px" && classes.hidden
25917
25935
  }[state]),
25918
- style: _extends$7({
25936
+ style: _extends$6({
25919
25937
  minHeight: collapsedSize
25920
25938
  }, style2),
25921
25939
  ref: handleRef
@@ -26025,7 +26043,7 @@ var styles$G = function styles3(theme) {
26025
26043
  boxShadow: shadow2
26026
26044
  };
26027
26045
  });
26028
- return _extends$7({
26046
+ return _extends$6({
26029
26047
  /* Styles applied to the root element. */
26030
26048
  root: {
26031
26049
  backgroundColor: theme.palette.background.paper,
@@ -26044,7 +26062,7 @@ var styles$G = function styles3(theme) {
26044
26062
  };
26045
26063
  var Paper = /* @__PURE__ */ React.forwardRef(function Paper2(props2, ref2) {
26046
26064
  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"]);
26047
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
26065
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
26048
26066
  className: clsx(classes.root, className, variant === "outlined" ? classes.outlined : classes["elevation".concat(elevation)], !square2 && classes.rounded),
26049
26067
  ref: ref2
26050
26068
  }, other));
@@ -26194,13 +26212,13 @@ var Accordion = /* @__PURE__ */ React.forwardRef(function Accordion2(props2, ref
26194
26212
  toggle: handleChange
26195
26213
  };
26196
26214
  }, [expanded, disabled, handleChange]);
26197
- return /* @__PURE__ */ React.createElement(Paper$1, _extends$7({
26215
+ return /* @__PURE__ */ React.createElement(Paper$1, _extends$6({
26198
26216
  className: clsx(classes.root, className, expanded && classes.expanded, disabled && classes.disabled, !square2 && classes.rounded),
26199
26217
  ref: ref2,
26200
26218
  square: square2
26201
26219
  }, other), /* @__PURE__ */ React.createElement(AccordionContext$1.Provider, {
26202
26220
  value: contextValue
26203
- }, summary), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
26221
+ }, summary), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
26204
26222
  in: expanded,
26205
26223
  timeout: "auto"
26206
26224
  }, TransitionProps), /* @__PURE__ */ React.createElement("div", {
@@ -26284,7 +26302,7 @@ var styles$E = function styles5(theme) {
26284
26302
  };
26285
26303
  var AccordionDetails = /* @__PURE__ */ React.forwardRef(function AccordionDetails2(props2, ref2) {
26286
26304
  var classes = props2.classes, className = props2.className, other = _objectWithoutProperties$1(props2, ["classes", "className"]);
26287
- return /* @__PURE__ */ React.createElement("div", _extends$7({
26305
+ return /* @__PURE__ */ React.createElement("div", _extends$6({
26288
26306
  className: clsx(classes.root, className),
26289
26307
  ref: ref2
26290
26308
  }, other));
@@ -26596,7 +26614,7 @@ var TouchRipple = /* @__PURE__ */ React.forwardRef(function TouchRipple2(props2,
26596
26614
  stop: stop3
26597
26615
  };
26598
26616
  }, [pulsate, start, stop3]);
26599
- return /* @__PURE__ */ React.createElement("span", _extends$7({
26617
+ return /* @__PURE__ */ React.createElement("span", _extends$6({
26600
26618
  className: clsx(classes.root, className),
26601
26619
  ref: container
26602
26620
  }, other), /* @__PURE__ */ React.createElement(TransitionGroup$1, {
@@ -26815,7 +26833,7 @@ var ButtonBase = /* @__PURE__ */ React.forwardRef(function ButtonBase2(props2, r
26815
26833
  }
26816
26834
  }, [enableTouchRipple]);
26817
26835
  }
26818
- return /* @__PURE__ */ React.createElement(ComponentProp, _extends$7({
26836
+ return /* @__PURE__ */ React.createElement(ComponentProp, _extends$6({
26819
26837
  className: clsx(classes.root, className, focusVisible && [classes.focusVisible, focusVisibleClassName], disabled && classes.disabled),
26820
26838
  onBlur: handleBlur,
26821
26839
  onClick,
@@ -26833,7 +26851,7 @@ var ButtonBase = /* @__PURE__ */ React.forwardRef(function ButtonBase2(props2, r
26833
26851
  tabIndex: disabled ? -1 : tabIndex
26834
26852
  }, buttonProps, other), children2, enableTouchRipple ? (
26835
26853
  /* TouchRipple is only needed client-side, x2 boost on the server. */
26836
- /* @__PURE__ */ React.createElement(TouchRipple$1, _extends$7({
26854
+ /* @__PURE__ */ React.createElement(TouchRipple$1, _extends$6({
26837
26855
  ref: rippleRef,
26838
26856
  center: centerRipple
26839
26857
  }, TouchRippleProps))
@@ -27065,7 +27083,7 @@ var styles$B = function styles7(theme) {
27065
27083
  };
27066
27084
  var IconButton$1 = /* @__PURE__ */ React.forwardRef(function IconButton(props2, ref2) {
27067
27085
  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"]);
27068
- return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
27086
+ return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
27069
27087
  className: clsx(classes.root, className, color2 !== "default" && classes["color".concat(capitalize$1(color2))], disabled && classes.disabled, size2 === "small" && classes["size".concat(capitalize$1(size2))], {
27070
27088
  "start": classes.edgeStart,
27071
27089
  "end": classes.edgeEnd
@@ -27201,7 +27219,7 @@ var AccordionSummary = /* @__PURE__ */ React.forwardRef(function AccordionSummar
27201
27219
  onClick(event2);
27202
27220
  }
27203
27221
  };
27204
- return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
27222
+ return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
27205
27223
  focusRipple: false,
27206
27224
  disableRipple: true,
27207
27225
  disabled,
@@ -27213,7 +27231,7 @@ var AccordionSummary = /* @__PURE__ */ React.forwardRef(function AccordionSummar
27213
27231
  ref: ref2
27214
27232
  }, other), /* @__PURE__ */ React.createElement("div", {
27215
27233
  className: clsx(classes.content, expanded && classes.expanded)
27216
- }, children2), expandIcon && /* @__PURE__ */ React.createElement(IconButton$2, _extends$7({
27234
+ }, children2), expandIcon && /* @__PURE__ */ React.createElement(IconButton$2, _extends$6({
27217
27235
  className: clsx(classes.expandIcon, expanded && classes.expanded),
27218
27236
  edge: "end",
27219
27237
  component: "div",
@@ -27388,7 +27406,7 @@ var defaultVariantMapping = {
27388
27406
  var Typography = /* @__PURE__ */ React.forwardRef(function Typography2(props2, ref2) {
27389
27407
  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"]);
27390
27408
  var Component2 = component || (paragraph ? "p" : variantMapping[variant] || defaultVariantMapping[variant]) || "span";
27391
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
27409
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
27392
27410
  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))]),
27393
27411
  ref: ref2
27394
27412
  }, other));
@@ -27458,7 +27476,7 @@ const Typography$1 = withStyles2(styles$z, {
27458
27476
  var styles$y = function styles10(theme) {
27459
27477
  return {
27460
27478
  /* Styles applied to the root element. */
27461
- root: _extends$7({}, theme.typography.button, {
27479
+ root: _extends$6({}, theme.typography.button, {
27462
27480
  boxSizing: "border-box",
27463
27481
  minWidth: 64,
27464
27482
  padding: "6px 16px",
@@ -27715,7 +27733,7 @@ var Button = /* @__PURE__ */ React.forwardRef(function Button2(props2, ref2) {
27715
27733
  var endIcon = endIconProp && /* @__PURE__ */ React.createElement("span", {
27716
27734
  className: clsx(classes.endIcon, classes["iconSize".concat(capitalize$1(size2))])
27717
27735
  }, endIconProp);
27718
- return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
27736
+ return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
27719
27737
  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),
27720
27738
  component,
27721
27739
  disabled,
@@ -27880,7 +27898,7 @@ var SwitchBase = /* @__PURE__ */ React.forwardRef(function SwitchBase2(props2, r
27880
27898
  }
27881
27899
  }
27882
27900
  var hasLabelFor = type2 === "checkbox" || type2 === "radio";
27883
- return /* @__PURE__ */ React.createElement(IconButton$2, _extends$7({
27901
+ return /* @__PURE__ */ React.createElement(IconButton$2, _extends$6({
27884
27902
  component: "span",
27885
27903
  className: clsx(classes.root, className, checked && classes.checked, disabled && classes.disabled),
27886
27904
  disabled,
@@ -27889,7 +27907,7 @@ var SwitchBase = /* @__PURE__ */ React.forwardRef(function SwitchBase2(props2, r
27889
27907
  onFocus: handleFocus2,
27890
27908
  onBlur: handleBlur,
27891
27909
  ref: ref2
27892
- }, other), /* @__PURE__ */ React.createElement("input", _extends$7({
27910
+ }, other), /* @__PURE__ */ React.createElement("input", _extends$6({
27893
27911
  autoFocus,
27894
27912
  checked: checkedProp,
27895
27913
  defaultChecked,
@@ -28058,7 +28076,7 @@ var Checkbox = /* @__PURE__ */ React.forwardRef(function Checkbox2(props2, ref2)
28058
28076
  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"]);
28059
28077
  var icon = indeterminate ? indeterminateIconProp : iconProp;
28060
28078
  var indeterminateIcon = indeterminate ? indeterminateIconProp : checkedIcon;
28061
- return /* @__PURE__ */ React.createElement(SwitchBase$1, _extends$7({
28079
+ return /* @__PURE__ */ React.createElement(SwitchBase$1, _extends$6({
28062
28080
  type: "checkbox",
28063
28081
  classes: {
28064
28082
  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)
28066
28084
  disabled: classes.disabled
28067
28085
  },
28068
28086
  color: color2,
28069
- inputProps: _extends$7({
28087
+ inputProps: _extends$6({
28070
28088
  "data-indeterminate": indeterminate
28071
28089
  }, inputProps),
28072
28090
  icon: /* @__PURE__ */ React.cloneElement(icon, {
@@ -28580,11 +28598,11 @@ var styles$v = {
28580
28598
  };
28581
28599
  var SimpleBackdrop = /* @__PURE__ */ React.forwardRef(function SimpleBackdrop2(props2, ref2) {
28582
28600
  var _props$invisible = props2.invisible, invisible = _props$invisible === void 0 ? false : _props$invisible, open = props2.open, other = _objectWithoutProperties$1(props2, ["invisible", "open"]);
28583
- return open ? /* @__PURE__ */ React.createElement("div", _extends$7({
28601
+ return open ? /* @__PURE__ */ React.createElement("div", _extends$6({
28584
28602
  "aria-hidden": true,
28585
28603
  ref: ref2
28586
28604
  }, other, {
28587
- style: _extends$7({}, styles$v.root, invisible ? styles$v.invisible : {}, other.style)
28605
+ style: _extends$6({}, styles$v.root, invisible ? styles$v.invisible : {}, other.style)
28588
28606
  })) : null;
28589
28607
  });
28590
28608
  SimpleBackdrop.propTypes = {
@@ -28628,7 +28646,7 @@ var Modal = /* @__PURE__ */ React.forwardRef(function Modal2(inProps, ref2) {
28628
28646
  var theme = useTheme$1();
28629
28647
  var props2 = getThemeProps({
28630
28648
  name: "MuiModal",
28631
- props: _extends$7({}, inProps),
28649
+ props: _extends$6({}, inProps),
28632
28650
  theme
28633
28651
  });
28634
28652
  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) {
28743
28761
  ref: handlePortalRef,
28744
28762
  container,
28745
28763
  disablePortal
28746
- }, /* @__PURE__ */ React.createElement("div", _extends$7({
28764
+ }, /* @__PURE__ */ React.createElement("div", _extends$6({
28747
28765
  ref: handleRef,
28748
28766
  onKeyDown: handleKeyDown2,
28749
28767
  role: "presentation"
28750
28768
  }, other, {
28751
- style: _extends$7({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
28752
- }), hideBackdrop ? null : /* @__PURE__ */ React.createElement(BackdropComponent, _extends$7({
28769
+ style: _extends$6({}, inlineStyle.root, !open && exited ? inlineStyle.hidden : {}, other.style)
28770
+ }), hideBackdrop ? null : /* @__PURE__ */ React.createElement(BackdropComponent, _extends$6({
28753
28771
  open,
28754
28772
  onClick: handleBackdropClick
28755
28773
  }, BackdropProps)), /* @__PURE__ */ React.createElement(Unstable_TrapFocus, {
@@ -28977,12 +28995,12 @@ var TextareaAutosize = /* @__PURE__ */ React.forwardRef(function TextareaAutosiz
28977
28995
  onChange(event2);
28978
28996
  }
28979
28997
  };
28980
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("textarea", _extends$7({
28998
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("textarea", _extends$6({
28981
28999
  value: value2,
28982
29000
  onChange: handleChange,
28983
29001
  ref: handleRef,
28984
29002
  rows: minRows,
28985
- style: _extends$7({
29003
+ style: _extends$6({
28986
29004
  height: state.outerHeightStyle,
28987
29005
  // Need a large enough difference to allow scrolling.
28988
29006
  // This prevents infinite rendering loop.
@@ -28994,7 +29012,7 @@ var TextareaAutosize = /* @__PURE__ */ React.forwardRef(function TextareaAutosiz
28994
29012
  readOnly: true,
28995
29013
  ref: shadowRef,
28996
29014
  tabIndex: -1,
28997
- style: _extends$7({}, styles$t.shadow, style2)
29015
+ style: _extends$6({}, styles$t.shadow, style2)
28998
29016
  }));
28999
29017
  });
29000
29018
  TextareaAutosize.propTypes = {
@@ -29078,7 +29096,7 @@ var styles$s = function styles13(theme) {
29078
29096
  "@keyframes mui-auto-fill-cancel": {}
29079
29097
  },
29080
29098
  /* Styles applied to the root element. */
29081
- root: _extends$7({}, theme.typography.body1, {
29099
+ root: _extends$6({}, theme.typography.body1, {
29082
29100
  color: theme.palette.text.primary,
29083
29101
  lineHeight: "1.1876em",
29084
29102
  // Reset (19px), match the native input line-height
@@ -29335,11 +29353,11 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
29335
29353
  }
29336
29354
  };
29337
29355
  var InputComponent = inputComponent;
29338
- var inputProps = _extends$7({}, inputPropsProp, {
29356
+ var inputProps = _extends$6({}, inputPropsProp, {
29339
29357
  ref: handleInputRef
29340
29358
  });
29341
29359
  if (typeof InputComponent !== "string") {
29342
- inputProps = _extends$7({
29360
+ inputProps = _extends$6({
29343
29361
  // Rename ref to inputRef as we don't know the
29344
29362
  // provided `inputComponent` structure.
29345
29363
  inputRef: handleInputRef,
@@ -29351,7 +29369,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
29351
29369
  if (rows && !maxRows && !minRows && !rowsMax && !rowsMin) {
29352
29370
  InputComponent = "textarea";
29353
29371
  } else {
29354
- inputProps = _extends$7({
29372
+ inputProps = _extends$6({
29355
29373
  minRows: rows || minRows,
29356
29374
  rowsMax,
29357
29375
  maxRows
@@ -29359,7 +29377,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
29359
29377
  InputComponent = TextareaAutosize$1;
29360
29378
  }
29361
29379
  } else {
29362
- inputProps = _extends$7({
29380
+ inputProps = _extends$6({
29363
29381
  type: type2
29364
29382
  }, inputProps);
29365
29383
  }
@@ -29373,13 +29391,13 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
29373
29391
  muiFormControl.setAdornedStart(Boolean(startAdornment));
29374
29392
  }
29375
29393
  }, [muiFormControl, startAdornment]);
29376
- return /* @__PURE__ */ React.createElement("div", _extends$7({
29394
+ return /* @__PURE__ */ React.createElement("div", _extends$6({
29377
29395
  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),
29378
29396
  onClick: handleClick,
29379
29397
  ref: ref2
29380
29398
  }, other), startAdornment, /* @__PURE__ */ React.createElement(FormControlContext$1.Provider, {
29381
29399
  value: null
29382
- }, /* @__PURE__ */ React.createElement(InputComponent, _extends$7({
29400
+ }, /* @__PURE__ */ React.createElement(InputComponent, _extends$6({
29383
29401
  "aria-invalid": fcs.error,
29384
29402
  "aria-describedby": ariaDescribedby,
29385
29403
  autoComplete,
@@ -29401,7 +29419,7 @@ var InputBase = /* @__PURE__ */ React.forwardRef(function InputBase2(props2, ref
29401
29419
  onBlur: handleBlur,
29402
29420
  onChange: handleChange,
29403
29421
  onFocus: handleFocus2
29404
- }))), endAdornment, renderSuffix ? renderSuffix(_extends$7({}, fcs, {
29422
+ }))), endAdornment, renderSuffix ? renderSuffix(_extends$6({}, fcs, {
29405
29423
  startAdornment
29406
29424
  })) : null);
29407
29425
  });
@@ -29719,8 +29737,8 @@ var styles$r = function styles14(theme) {
29719
29737
  };
29720
29738
  var FilledInput = /* @__PURE__ */ React.forwardRef(function FilledInput2(props2, ref2) {
29721
29739
  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"]);
29722
- return /* @__PURE__ */ React.createElement(InputBase$1, _extends$7({
29723
- classes: _extends$7({}, classes, {
29740
+ return /* @__PURE__ */ React.createElement(InputBase$1, _extends$6({
29741
+ classes: _extends$6({}, classes, {
29724
29742
  root: clsx(classes.root, !disableUnderline && classes.underline),
29725
29743
  underline: null
29726
29744
  }),
@@ -29964,7 +29982,7 @@ var FormControl = /* @__PURE__ */ React.forwardRef(function FormControl2(props2,
29964
29982
  };
29965
29983
  return /* @__PURE__ */ React.createElement(FormControlContext$1.Provider, {
29966
29984
  value: childContext
29967
- }, /* @__PURE__ */ React.createElement(Component2, _extends$7({
29985
+ }, /* @__PURE__ */ React.createElement(Component2, _extends$6({
29968
29986
  className: clsx(classes.root, className, margin !== "none" && classes["margin".concat(capitalize$1(margin))], fullWidth && classes.fullWidth),
29969
29987
  ref: ref2
29970
29988
  }, other), children2));
@@ -30041,7 +30059,7 @@ const FormControl$1 = withStyles2(styles$q, {
30041
30059
  var styles$p = function styles15(theme) {
30042
30060
  return {
30043
30061
  /* Styles applied to the root element. */
30044
- root: _extends$7({
30062
+ root: _extends$6({
30045
30063
  color: theme.palette.text.secondary
30046
30064
  }, theme.typography.caption, {
30047
30065
  textAlign: "left",
@@ -30091,7 +30109,7 @@ var FormHelperText = /* @__PURE__ */ React.forwardRef(function FormHelperText2(p
30091
30109
  muiFormControl,
30092
30110
  states: ["variant", "margin", "disabled", "error", "filled", "focused", "required"]
30093
30111
  });
30094
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
30112
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
30095
30113
  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),
30096
30114
  ref: ref2
30097
30115
  }, other), children2 === " " ? (
@@ -30164,7 +30182,7 @@ const FormHelperText$1 = withStyles2(styles$p, {
30164
30182
  var styles$o = function styles16(theme) {
30165
30183
  return {
30166
30184
  /* Styles applied to the root element. */
30167
- root: _extends$7({
30185
+ root: _extends$6({
30168
30186
  color: theme.palette.text.secondary
30169
30187
  }, theme.typography.body1, {
30170
30188
  lineHeight: 1,
@@ -30219,7 +30237,7 @@ var FormLabel = /* @__PURE__ */ React.forwardRef(function FormLabel2(props2, ref
30219
30237
  muiFormControl,
30220
30238
  states: ["color", "required", "focused", "disabled", "error", "filled"]
30221
30239
  });
30222
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
30240
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
30223
30241
  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),
30224
30242
  ref: ref2
30225
30243
  }, other), children2, fcs.required && /* @__PURE__ */ React.createElement("span", {
@@ -30308,7 +30326,7 @@ function generateGrid(globalStyles, theme, breakpoint) {
30308
30326
  };
30309
30327
  });
30310
30328
  if (breakpoint === "xs") {
30311
- _extends$7(globalStyles, styles33);
30329
+ _extends$6(globalStyles, styles33);
30312
30330
  } else {
30313
30331
  globalStyles[theme.breakpoints.up(breakpoint)] = styles33;
30314
30332
  }
@@ -30336,7 +30354,7 @@ function generateGutter(theme, breakpoint) {
30336
30354
  return styles33;
30337
30355
  }
30338
30356
  var styles$n = function styles17(theme) {
30339
- return _extends$7({
30357
+ return _extends$6({
30340
30358
  /* Styles applied to the root element. */
30341
30359
  root: {},
30342
30360
  /* Styles applied to the root element if `container={true}`. */
@@ -30440,7 +30458,7 @@ var styles$n = function styles17(theme) {
30440
30458
  var Grid$2 = /* @__PURE__ */ React.forwardRef(function Grid(props2, ref2) {
30441
30459
  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"]);
30442
30460
  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))]);
30443
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
30461
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
30444
30462
  className,
30445
30463
  ref: ref2
30446
30464
  }, other));
@@ -30546,7 +30564,7 @@ var StyledGrid = withStyles2(styles$n, {
30546
30564
  })(Grid$2);
30547
30565
  {
30548
30566
  var requireProp = requirePropFactory("Grid");
30549
- StyledGrid.propTypes = _extends$7({}, StyledGrid.propTypes, {
30567
+ StyledGrid.propTypes = _extends$6({}, StyledGrid.propTypes, {
30550
30568
  alignContent: requireProp("container"),
30551
30569
  alignItems: requireProp("container"),
30552
30570
  direction: requireProp("container"),
@@ -30663,7 +30681,7 @@ var Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props2, ref2) {
30663
30681
  clearTimeout(timer2.current);
30664
30682
  };
30665
30683
  }, []);
30666
- return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
30684
+ return /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
30667
30685
  appear: true,
30668
30686
  in: inProp,
30669
30687
  nodeRef: enableStrictModeCompat ? nodeRef : void 0,
@@ -30676,8 +30694,8 @@ var Grow = /* @__PURE__ */ React.forwardRef(function Grow2(props2, ref2) {
30676
30694
  addEndListener,
30677
30695
  timeout: timeout3 === "auto" ? null : timeout3
30678
30696
  }, other), function(state, childProps) {
30679
- return /* @__PURE__ */ React.cloneElement(children2, _extends$7({
30680
- style: _extends$7({
30697
+ return /* @__PURE__ */ React.cloneElement(children2, _extends$6({
30698
+ style: _extends$6({
30681
30699
  opacity: 0,
30682
30700
  transform: getScale$2(0.75),
30683
30701
  visibility: state === "exited" && !inProp ? "hidden" : void 0
@@ -30842,8 +30860,8 @@ var styles$l = function styles18(theme) {
30842
30860
  };
30843
30861
  var Input$1 = /* @__PURE__ */ React.forwardRef(function Input(props2, ref2) {
30844
30862
  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"]);
30845
- return /* @__PURE__ */ React.createElement(InputBase$1, _extends$7({
30846
- classes: _extends$7({}, classes, {
30863
+ return /* @__PURE__ */ React.createElement(InputBase$1, _extends$6({
30864
+ classes: _extends$6({}, classes, {
30847
30865
  root: clsx(classes.root, !disableUnderline && classes.underline),
30848
30866
  underline: null
30849
30867
  }),
@@ -31070,7 +31088,7 @@ var InputLabel = /* @__PURE__ */ React.forwardRef(function InputLabel2(props2, r
31070
31088
  muiFormControl,
31071
31089
  states: ["margin", "variant"]
31072
31090
  });
31073
- return /* @__PURE__ */ React.createElement(FormLabel$1, _extends$7({
31091
+ return /* @__PURE__ */ React.createElement(FormLabel$1, _extends$6({
31074
31092
  "data-shrink": shrink,
31075
31093
  className: clsx(classes.root, className, muiFormControl && classes.formControl, !disableAnimation && classes.animated, shrink && classes.shrink, fcs.margin === "dense" && classes.marginDense, {
31076
31094
  "filled": classes.filled,
@@ -31179,7 +31197,7 @@ var List = /* @__PURE__ */ React.forwardRef(function List2(props2, ref2) {
31179
31197
  }, [dense]);
31180
31198
  return /* @__PURE__ */ React.createElement(ListContext$1.Provider, {
31181
31199
  value: context2
31182
- }, /* @__PURE__ */ React.createElement(Component2, _extends$7({
31200
+ }, /* @__PURE__ */ React.createElement(Component2, _extends$6({
31183
31201
  className: clsx(classes.root, className, dense && classes.dense, !disablePadding && classes.padding, subheader && classes.subheader),
31184
31202
  ref: ref2
31185
31203
  }, other), subheader, children2));
@@ -31322,7 +31340,7 @@ var ListItem = /* @__PURE__ */ React.forwardRef(function ListItem2(props2, ref2)
31322
31340
  listItemRef.current = ReactDOM.findDOMNode(instance);
31323
31341
  }, []);
31324
31342
  var handleRef = useForkRef(handleOwnRef, ref2);
31325
- var componentProps = _extends$7({
31343
+ var componentProps = _extends$6({
31326
31344
  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),
31327
31345
  disabled
31328
31346
  }, other);
@@ -31343,14 +31361,14 @@ var ListItem = /* @__PURE__ */ React.forwardRef(function ListItem2(props2, ref2)
31343
31361
  }
31344
31362
  return /* @__PURE__ */ React.createElement(ListContext$1.Provider, {
31345
31363
  value: childContext
31346
- }, /* @__PURE__ */ React.createElement(ContainerComponent, _extends$7({
31364
+ }, /* @__PURE__ */ React.createElement(ContainerComponent, _extends$6({
31347
31365
  className: clsx(classes.container, ContainerClassName),
31348
31366
  ref: handleRef
31349
31367
  }, ContainerProps), /* @__PURE__ */ React.createElement(Component2, componentProps, children2), children2.pop()));
31350
31368
  }
31351
31369
  return /* @__PURE__ */ React.createElement(ListContext$1.Provider, {
31352
31370
  value: childContext
31353
- }, /* @__PURE__ */ React.createElement(Component2, _extends$7({
31371
+ }, /* @__PURE__ */ React.createElement(Component2, _extends$6({
31354
31372
  ref: handleRef
31355
31373
  }, componentProps), children2));
31356
31374
  });
@@ -31656,7 +31674,7 @@ var Popover$1 = /* @__PURE__ */ React.forwardRef(function Popover(props2, ref2)
31656
31674
  transitionDuration = void 0;
31657
31675
  }
31658
31676
  var container = containerProp || (anchorEl ? ownerDocument(getAnchorEl$1(anchorEl)).body : void 0);
31659
- return /* @__PURE__ */ React.createElement(Modal$1, _extends$7({
31677
+ return /* @__PURE__ */ React.createElement(Modal$1, _extends$6({
31660
31678
  container,
31661
31679
  open,
31662
31680
  ref: ref2,
@@ -31664,7 +31682,7 @@ var Popover$1 = /* @__PURE__ */ React.forwardRef(function Popover(props2, ref2)
31664
31682
  invisible: true
31665
31683
  },
31666
31684
  className: clsx(classes.root, className)
31667
- }, other), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$7({
31685
+ }, other), /* @__PURE__ */ React.createElement(TransitionComponent, _extends$6({
31668
31686
  appear: true,
31669
31687
  in: open,
31670
31688
  onEnter,
@@ -31675,7 +31693,7 @@ var Popover$1 = /* @__PURE__ */ React.forwardRef(function Popover(props2, ref2)
31675
31693
  timeout: transitionDuration
31676
31694
  }, TransitionProps, {
31677
31695
  onEntering: createChainedFunction(handleEntering, TransitionProps.onEntering)
31678
- }), /* @__PURE__ */ React.createElement(Paper$1, _extends$7({
31696
+ }), /* @__PURE__ */ React.createElement(Paper$1, _extends$6({
31679
31697
  elevation,
31680
31698
  ref: handlePaperRef
31681
31699
  }, PaperProps, {
@@ -32012,7 +32030,7 @@ var MenuList = /* @__PURE__ */ React.forwardRef(function MenuList2(props2, ref2)
32012
32030
  }
32013
32031
  return child2;
32014
32032
  });
32015
- return /* @__PURE__ */ React.createElement(List$1, _extends$7({
32033
+ return /* @__PURE__ */ React.createElement(List$1, _extends$6({
32016
32034
  role: "menu",
32017
32035
  ref: handleRef,
32018
32036
  className,
@@ -32144,24 +32162,24 @@ var Menu = /* @__PURE__ */ React.forwardRef(function Menu2(props2, ref2) {
32144
32162
  }
32145
32163
  return child2;
32146
32164
  });
32147
- return /* @__PURE__ */ React.createElement(Popover$2, _extends$7({
32165
+ return /* @__PURE__ */ React.createElement(Popover$2, _extends$6({
32148
32166
  getContentAnchorEl,
32149
32167
  classes: PopoverClasses,
32150
32168
  onClose,
32151
- TransitionProps: _extends$7({
32169
+ TransitionProps: _extends$6({
32152
32170
  onEntering: handleEntering
32153
32171
  }, TransitionProps),
32154
32172
  anchorOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
32155
32173
  transformOrigin: theme.direction === "rtl" ? RTL_ORIGIN : LTR_ORIGIN,
32156
- PaperProps: _extends$7({}, PaperProps, {
32157
- classes: _extends$7({}, PaperProps.classes, {
32174
+ PaperProps: _extends$6({}, PaperProps, {
32175
+ classes: _extends$6({}, PaperProps.classes, {
32158
32176
  root: classes.paper
32159
32177
  })
32160
32178
  }),
32161
32179
  open,
32162
32180
  ref: ref2,
32163
32181
  transitionDuration
32164
- }, other), /* @__PURE__ */ React.createElement(MenuList$1, _extends$7({
32182
+ }, other), /* @__PURE__ */ React.createElement(MenuList$1, _extends$6({
32165
32183
  onKeyDown: handleListKeyDown,
32166
32184
  actions: menuListActionsRef,
32167
32185
  autoFocus: autoFocus && (activeItemIndex === -1 || disableAutoFocusItem),
@@ -32282,7 +32300,7 @@ const Menu$1 = withStyles2(styles$g, {
32282
32300
  var styles$f = function styles21(theme) {
32283
32301
  return {
32284
32302
  /* Styles applied to the root element. */
32285
- root: _extends$7({}, theme.typography.body1, _defineProperty$n({
32303
+ root: _extends$6({}, theme.typography.body1, _defineProperty$m({
32286
32304
  minHeight: 48,
32287
32305
  paddingTop: 6,
32288
32306
  paddingBottom: 6,
@@ -32299,7 +32317,7 @@ var styles$f = function styles21(theme) {
32299
32317
  /* Styles applied to the root element if `selected={true}`. */
32300
32318
  selected: {},
32301
32319
  /* Styles applied to the root element if dense. */
32302
- dense: _extends$7({}, theme.typography.body2, {
32320
+ dense: _extends$6({}, theme.typography.body2, {
32303
32321
  minHeight: "auto"
32304
32322
  })
32305
32323
  };
@@ -32310,14 +32328,14 @@ var MenuItem = /* @__PURE__ */ React.forwardRef(function MenuItem2(props2, ref2)
32310
32328
  if (!props2.disabled) {
32311
32329
  tabIndex = tabIndexProp !== void 0 ? tabIndexProp : -1;
32312
32330
  }
32313
- return /* @__PURE__ */ React.createElement(ListItem$1, _extends$7({
32331
+ return /* @__PURE__ */ React.createElement(ListItem$1, _extends$6({
32314
32332
  button: true,
32315
32333
  role,
32316
32334
  tabIndex,
32317
32335
  component,
32318
32336
  selected,
32319
32337
  disableGutters,
32320
- classes: _extends$7({
32338
+ classes: _extends$6({
32321
32339
  dense: classes.dense
32322
32340
  }, ListItemClasses),
32323
32341
  className: clsx(classes.root, className, selected && classes.selected, !disableGutters && classes.gutters),
@@ -32377,7 +32395,7 @@ const MenuItem$1 = withStyles2(styles$f, {
32377
32395
  })(MenuItem);
32378
32396
  var NativeSelectInput = /* @__PURE__ */ React.forwardRef(function NativeSelectInput2(props2, ref2) {
32379
32397
  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"]);
32380
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("select", _extends$7({
32398
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("select", _extends$6({
32381
32399
  className: clsx(
32382
32400
  classes.root,
32383
32401
  // TODO v5: merge root and select
@@ -32563,11 +32581,11 @@ var NativeSelect = /* @__PURE__ */ React.forwardRef(function NativeSelect2(props
32563
32581
  muiFormControl,
32564
32582
  states: ["variant"]
32565
32583
  });
32566
- return /* @__PURE__ */ React.cloneElement(input, _extends$7({
32584
+ return /* @__PURE__ */ React.cloneElement(input, _extends$6({
32567
32585
  // Most of the logic is implemented in `NativeSelectInput`.
32568
32586
  // The `Select` component is a simple API wrapper to expose something better to play with.
32569
32587
  inputComponent: NativeSelectInput$1,
32570
- inputProps: _extends$7({
32588
+ inputProps: _extends$6({
32571
32589
  children: children2,
32572
32590
  classes,
32573
32591
  IconComponent,
@@ -32690,7 +32708,7 @@ var NotchedOutline = /* @__PURE__ */ React.forwardRef(function NotchedOutline2(p
32690
32708
  var theme = useTheme();
32691
32709
  var align2 = theme.direction === "rtl" ? "right" : "left";
32692
32710
  if (label2 !== void 0) {
32693
- return /* @__PURE__ */ React.createElement("fieldset", _extends$7({
32711
+ return /* @__PURE__ */ React.createElement("fieldset", _extends$6({
32694
32712
  "aria-hidden": true,
32695
32713
  className: clsx(classes.root, className),
32696
32714
  ref: ref2,
@@ -32704,9 +32722,9 @@ var NotchedOutline = /* @__PURE__ */ React.forwardRef(function NotchedOutline2(p
32704
32722
  })));
32705
32723
  }
32706
32724
  var labelWidth = labelWidthProp > 0 ? labelWidthProp * 0.75 + 8 : 0.01;
32707
- return /* @__PURE__ */ React.createElement("fieldset", _extends$7({
32725
+ return /* @__PURE__ */ React.createElement("fieldset", _extends$6({
32708
32726
  "aria-hidden": true,
32709
- style: _extends$7(_defineProperty$n({}, "padding".concat(capitalize$1(align2)), 8), style2),
32727
+ style: _extends$6(_defineProperty$m({}, "padding".concat(capitalize$1(align2)), 8), style2),
32710
32728
  className: clsx(classes.root, className),
32711
32729
  ref: ref2
32712
32730
  }, other), /* @__PURE__ */ React.createElement("legend", {
@@ -32849,7 +32867,7 @@ var styles$c = function styles24(theme) {
32849
32867
  };
32850
32868
  var OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(props2, ref2) {
32851
32869
  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"]);
32852
- return /* @__PURE__ */ React.createElement(InputBase$1, _extends$7({
32870
+ return /* @__PURE__ */ React.createElement(InputBase$1, _extends$6({
32853
32871
  renderSuffix: function renderSuffix(state) {
32854
32872
  return /* @__PURE__ */ React.createElement(NotchedOutline$1, {
32855
32873
  className: classes.notchedOutline,
@@ -32858,7 +32876,7 @@ var OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(pro
32858
32876
  notched: typeof notched !== "undefined" ? notched : Boolean(state.startAdornment || state.filled || state.focused)
32859
32877
  });
32860
32878
  },
32861
- classes: _extends$7({}, classes, {
32879
+ classes: _extends$6({}, classes, {
32862
32880
  root: clsx(classes.root, classes.underline),
32863
32881
  notchedOutline: null
32864
32882
  }),
@@ -34609,10 +34627,10 @@ var Popper = /* @__PURE__ */ React.forwardRef(function Popper2(props2, ref2) {
34609
34627
  }
34610
34628
  }
34611
34629
  }
34612
- var popper = new PopperJs(getAnchorEl(anchorEl), tooltipRef.current, _extends$7({
34630
+ var popper = new PopperJs(getAnchorEl(anchorEl), tooltipRef.current, _extends$6({
34613
34631
  placement: rtlPlacement
34614
34632
  }, popperOptions, {
34615
- modifiers: _extends$7({}, disablePortal ? {} : {
34633
+ modifiers: _extends$6({}, disablePortal ? {} : {
34616
34634
  // It's using scrollParent by default, we can use the viewport when using a portal.
34617
34635
  preventOverflow: {
34618
34636
  boundariesElement: "window"
@@ -34669,11 +34687,11 @@ var Popper = /* @__PURE__ */ React.forwardRef(function Popper2(props2, ref2) {
34669
34687
  return /* @__PURE__ */ React.createElement(Portal$2, {
34670
34688
  disablePortal,
34671
34689
  container
34672
- }, /* @__PURE__ */ React.createElement("div", _extends$7({
34690
+ }, /* @__PURE__ */ React.createElement("div", _extends$6({
34673
34691
  ref: handleRef,
34674
34692
  role: "tooltip"
34675
34693
  }, other, {
34676
- style: _extends$7({
34694
+ style: _extends$6({
34677
34695
  // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
34678
34696
  position: "fixed",
34679
34697
  // Fix Popper.js display issue
@@ -34768,7 +34786,7 @@ Popper.propTypes = {
34768
34786
  };
34769
34787
  const Popper$1 = Popper;
34770
34788
  function areEqualValues(a2, b2) {
34771
- if (_typeof$B(b2) === "object" && b2 !== null) {
34789
+ if (_typeof$A(b2) === "object" && b2 !== null) {
34772
34790
  return a2 === b2;
34773
34791
  }
34774
34792
  return String(a2) === String(b2);
@@ -35018,7 +35036,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
35018
35036
  tabIndex = disabled ? null : 0;
35019
35037
  }
35020
35038
  var buttonId = SelectDisplayProps.id || (name2 ? "mui-component-select-".concat(name2) : void 0);
35021
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", _extends$7({
35039
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", _extends$6({
35022
35040
  className: clsx(
35023
35041
  classes.root,
35024
35042
  // TODO v5: merge root and select
@@ -35050,7 +35068,7 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
35050
35068
  __html: "&#8203;"
35051
35069
  }
35052
35070
  })
35053
- ) : display), /* @__PURE__ */ React.createElement("input", _extends$7({
35071
+ ) : display), /* @__PURE__ */ React.createElement("input", _extends$6({
35054
35072
  value: Array.isArray(value2) ? value2.join(",") : value2,
35055
35073
  name: name2,
35056
35074
  ref: inputRef,
@@ -35061,19 +35079,19 @@ var SelectInput = /* @__PURE__ */ React.forwardRef(function SelectInput2(props2,
35061
35079
  autoFocus
35062
35080
  }, other)), /* @__PURE__ */ React.createElement(IconComponent, {
35063
35081
  className: clsx(classes.icon, classes["icon".concat(capitalize$1(variant))], open && classes.iconOpen, disabled && classes.disabled)
35064
- }), /* @__PURE__ */ React.createElement(Menu$1, _extends$7({
35082
+ }), /* @__PURE__ */ React.createElement(Menu$1, _extends$6({
35065
35083
  id: "menu-".concat(name2 || ""),
35066
35084
  anchorEl: displayNode,
35067
35085
  open,
35068
35086
  onClose: handleClose
35069
35087
  }, MenuProps, {
35070
- MenuListProps: _extends$7({
35088
+ MenuListProps: _extends$6({
35071
35089
  "aria-labelledby": labelId,
35072
35090
  role: "listbox",
35073
35091
  disableListWrap: true
35074
35092
  }, MenuProps.MenuListProps),
35075
- PaperProps: _extends$7({}, MenuProps.PaperProps, {
35076
- style: _extends$7({
35093
+ PaperProps: _extends$6({}, MenuProps.PaperProps, {
35094
+ style: _extends$6({
35077
35095
  minWidth: menuMinWidth
35078
35096
  }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
35079
35097
  })
@@ -35233,11 +35251,11 @@ var Select = /* @__PURE__ */ React.forwardRef(function Select2(props2, ref2) {
35233
35251
  }),
35234
35252
  filled: _ref2$1
35235
35253
  }[variant];
35236
- return /* @__PURE__ */ React.cloneElement(InputComponent, _extends$7({
35254
+ return /* @__PURE__ */ React.cloneElement(InputComponent, _extends$6({
35237
35255
  // Most of the logic is implemented in `SelectInput`.
35238
35256
  // The `Select` component is a simple API wrapper to expose something better to play with.
35239
35257
  inputComponent,
35240
- inputProps: _extends$7({
35258
+ inputProps: _extends$6({
35241
35259
  children: children2,
35242
35260
  IconComponent,
35243
35261
  variant,
@@ -35255,7 +35273,7 @@ var Select = /* @__PURE__ */ React.forwardRef(function Select2(props2, ref2) {
35255
35273
  onOpen,
35256
35274
  open,
35257
35275
  renderValue,
35258
- SelectDisplayProps: _extends$7({
35276
+ SelectDisplayProps: _extends$6({
35259
35277
  id: id2
35260
35278
  }, SelectDisplayProps)
35261
35279
  }, inputProps, {
@@ -35410,7 +35428,7 @@ var styles$a = function styles25(theme) {
35410
35428
  }
35411
35429
  },
35412
35430
  open: {},
35413
- offset: _extends$7({
35431
+ offset: _extends$6({
35414
35432
  zIndex: 1
35415
35433
  }, theme.typography.body2, {
35416
35434
  fontSize: theme.typography.pxToRem(12),
@@ -35761,7 +35779,7 @@ var styles$9 = function styles26(theme) {
35761
35779
  opacity: 0.8
35762
35780
  },
35763
35781
  /* Styles applied to the mark label element. */
35764
- markLabel: _extends$7({}, theme.typography.body2, {
35782
+ markLabel: _extends$6({}, theme.typography.body2, {
35765
35783
  color: theme.palette.text.secondary,
35766
35784
  position: "absolute",
35767
35785
  top: 26,
@@ -36067,8 +36085,8 @@ var Slider = /* @__PURE__ */ React.forwardRef(function Slider2(props2, ref2) {
36067
36085
  });
36068
36086
  var trackOffset = valueToPercent(range2 ? values3[0] : min2, min2, max2);
36069
36087
  var trackLeap = valueToPercent(values3[values3.length - 1], min2, max2) - trackOffset;
36070
- var trackStyle = _extends$7({}, axisProps[axis2].offset(trackOffset), axisProps[axis2].leap(trackLeap));
36071
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
36088
+ var trackStyle = _extends$6({}, axisProps[axis2].offset(trackOffset), axisProps[axis2].leap(trackLeap));
36089
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
36072
36090
  ref: handleRef,
36073
36091
  className: clsx(classes.root, classes["color".concat(capitalize$1(color2))], className, disabled && classes.disabled, marks.length > 0 && marks.some(function(mark2) {
36074
36092
  return mark2.label;
@@ -36303,7 +36321,7 @@ var styles$8 = function styles27(theme) {
36303
36321
  var _extends2;
36304
36322
  return {
36305
36323
  /* Styles applied to the root element. */
36306
- root: _extends$7({}, theme.typography.button, (_extends2 = {
36324
+ root: _extends$6({}, theme.typography.button, (_extends2 = {
36307
36325
  maxWidth: 264,
36308
36326
  minWidth: 72,
36309
36327
  position: "relative",
@@ -36311,9 +36329,9 @@ var styles$8 = function styles27(theme) {
36311
36329
  minHeight: 48,
36312
36330
  flexShrink: 0,
36313
36331
  padding: "6px 12px"
36314
- }, _defineProperty$n(_extends2, theme.breakpoints.up("sm"), {
36332
+ }, _defineProperty$m(_extends2, theme.breakpoints.up("sm"), {
36315
36333
  padding: "6px 24px"
36316
- }), _defineProperty$n(_extends2, "overflow", "hidden"), _defineProperty$n(_extends2, "whiteSpace", "normal"), _defineProperty$n(_extends2, "textAlign", "center"), _defineProperty$n(_extends2, theme.breakpoints.up("sm"), {
36334
+ }), _defineProperty$m(_extends2, "overflow", "hidden"), _defineProperty$m(_extends2, "whiteSpace", "normal"), _defineProperty$m(_extends2, "textAlign", "center"), _defineProperty$m(_extends2, theme.breakpoints.up("sm"), {
36317
36335
  minWidth: 160
36318
36336
  }), _extends2)),
36319
36337
  /* 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) {
36399
36417
  onFocus(event2);
36400
36418
  }
36401
36419
  };
36402
- return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
36420
+ return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
36403
36421
  focusRipple: !disableFocusRipple,
36404
36422
  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),
36405
36423
  ref: ref2,
@@ -36508,7 +36526,7 @@ const Tablelvl2Context$1 = Tablelvl2Context;
36508
36526
  var styles$7 = function styles28(theme) {
36509
36527
  return {
36510
36528
  /* Styles applied to the root element. */
36511
- root: _extends$7({}, theme.typography.body2, {
36529
+ root: _extends$6({}, theme.typography.body2, {
36512
36530
  display: "table-cell",
36513
36531
  verticalAlign: "inherit",
36514
36532
  // 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
36620
36638
  if (sortDirection) {
36621
36639
  ariaSort = sortDirection === "asc" ? "ascending" : "descending";
36622
36640
  }
36623
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
36641
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
36624
36642
  ref: ref2,
36625
36643
  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),
36626
36644
  "aria-sort": ariaSort,
@@ -36723,7 +36741,7 @@ var defaultComponent = "tr";
36723
36741
  var TableRow = /* @__PURE__ */ React.forwardRef(function TableRow2(props2, ref2) {
36724
36742
  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"]);
36725
36743
  var tablelvl2 = React.useContext(Tablelvl2Context$1);
36726
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
36744
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
36727
36745
  ref: ref2,
36728
36746
  className: clsx(classes.root, className, tablelvl2 && {
36729
36747
  "head": classes.head,
@@ -36879,7 +36897,7 @@ function ScrollbarSize(props2) {
36879
36897
  setMeasurements();
36880
36898
  onChange(scrollbarHeight.current);
36881
36899
  }, [onChange]);
36882
- return /* @__PURE__ */ React.createElement("div", _extends$7({
36900
+ return /* @__PURE__ */ React.createElement("div", _extends$6({
36883
36901
  style: styles$5,
36884
36902
  ref: nodeRef
36885
36903
  }, other));
@@ -36911,7 +36929,7 @@ var styles$4 = function styles30(theme) {
36911
36929
  };
36912
36930
  var TabIndicator = /* @__PURE__ */ React.forwardRef(function TabIndicator2(props2, ref2) {
36913
36931
  var classes = props2.classes, className = props2.className, color2 = props2.color, orientation = props2.orientation, other = _objectWithoutProperties$1(props2, ["classes", "className", "color", "orientation"]);
36914
- return /* @__PURE__ */ React.createElement("span", _extends$7({
36932
+ return /* @__PURE__ */ React.createElement("span", _extends$6({
36915
36933
  className: clsx(classes.root, classes["color".concat(capitalize$1(color2))], className, orientation === "vertical" && classes.vertical),
36916
36934
  ref: ref2
36917
36935
  }, other));
@@ -36968,7 +36986,7 @@ var _ref2 = /* @__PURE__ */ React.createElement(KeyboardArrowRight, {
36968
36986
  });
36969
36987
  var TabScrollButton = /* @__PURE__ */ React.forwardRef(function TabScrollButton2(props2, ref2) {
36970
36988
  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"]);
36971
- return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$7({
36989
+ return /* @__PURE__ */ React.createElement(ButtonBase$1, _extends$6({
36972
36990
  component: "div",
36973
36991
  className: clsx(classes.root, classNameProp, disabled && classes.disabled, orientation === "vertical" && classes.vertical),
36974
36992
  ref: ref2,
@@ -37062,7 +37080,7 @@ var styles$2 = function styles31(theme) {
37062
37080
  /* Styles applied to the `ScrollButtonComponent` component. */
37063
37081
  scrollButtons: {},
37064
37082
  /* Styles applied to the `ScrollButtonComponent` component if `scrollButtons="auto"` or scrollButtons="desktop"`. */
37065
- scrollButtonsDesktop: _defineProperty$n({}, theme.breakpoints.down("xs"), {
37083
+ scrollButtonsDesktop: _defineProperty$m({}, theme.breakpoints.down("xs"), {
37066
37084
  display: "none"
37067
37085
  }),
37068
37086
  /* Styles applied to the `TabIndicator` component. */
@@ -37145,7 +37163,7 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
37145
37163
  startValue = tabMeta.left - tabsMeta.left + correction;
37146
37164
  }
37147
37165
  }
37148
- var newIndicatorStyle = (_newIndicatorStyle = {}, _defineProperty$n(_newIndicatorStyle, start, startValue), _defineProperty$n(_newIndicatorStyle, size2, tabMeta ? tabMeta[size2] : 0), _newIndicatorStyle);
37166
+ var newIndicatorStyle = (_newIndicatorStyle = {}, _defineProperty$m(_newIndicatorStyle, start, startValue), _defineProperty$m(_newIndicatorStyle, size2, tabMeta ? tabMeta[size2] : 0), _newIndicatorStyle);
37149
37167
  if (isNaN(indicatorStyle[start]) || isNaN(indicatorStyle[size2])) {
37150
37168
  setIndicatorStyle(newIndicatorStyle);
37151
37169
  } else {
@@ -37189,14 +37207,14 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
37189
37207
  }) : null;
37190
37208
  var scrollButtonsActive = displayScroll.start || displayScroll.end;
37191
37209
  var showScrollButtons = scrollable && (scrollButtons === "auto" && scrollButtonsActive || scrollButtons === "desktop" || scrollButtons === "on");
37192
- conditionalElements2.scrollButtonStart = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$7({
37210
+ conditionalElements2.scrollButtonStart = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$6({
37193
37211
  orientation,
37194
37212
  direction: isRtl ? "right" : "left",
37195
37213
  onClick: handleStartScrollClick,
37196
37214
  disabled: !displayScroll.start,
37197
37215
  className: clsx(classes.scrollButtons, scrollButtons !== "on" && classes.scrollButtonsDesktop)
37198
37216
  }, TabScrollButtonProps)) : null;
37199
- conditionalElements2.scrollButtonEnd = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$7({
37217
+ conditionalElements2.scrollButtonEnd = showScrollButtons ? /* @__PURE__ */ React.createElement(ScrollButtonComponent, _extends$6({
37200
37218
  orientation,
37201
37219
  direction: isRtl ? "left" : "right",
37202
37220
  onClick: handleEndScrollClick,
@@ -37275,12 +37293,12 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
37275
37293
  updateScrollButtons: updateScrollButtonState
37276
37294
  };
37277
37295
  }, [updateIndicatorState, updateScrollButtonState]);
37278
- var indicator = /* @__PURE__ */ React.createElement(TabIndicator$1, _extends$7({
37296
+ var indicator = /* @__PURE__ */ React.createElement(TabIndicator$1, _extends$6({
37279
37297
  className: classes.indicator,
37280
37298
  orientation,
37281
37299
  color: indicatorColor
37282
37300
  }, TabIndicatorProps, {
37283
- style: _extends$7({}, indicatorStyle, TabIndicatorProps.style)
37301
+ style: _extends$6({}, indicatorStyle, TabIndicatorProps.style)
37284
37302
  }));
37285
37303
  var childIndex = 0;
37286
37304
  var children2 = React.Children.map(childrenProp, function(child2) {
@@ -37339,7 +37357,7 @@ var Tabs = /* @__PURE__ */ React.forwardRef(function Tabs2(props2, ref2) {
37339
37357
  }
37340
37358
  };
37341
37359
  var conditionalElements = getConditionalElements();
37342
- return /* @__PURE__ */ React.createElement(Component2, _extends$7({
37360
+ return /* @__PURE__ */ React.createElement(Component2, _extends$6({
37343
37361
  className: clsx(classes.root, className, vertical && classes.vertical),
37344
37362
  ref: ref2
37345
37363
  }, other), conditionalElements.scrollButtonStart, conditionalElements.scrollbarSizeListener, /* @__PURE__ */ React.createElement("div", {
@@ -37501,7 +37519,7 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props2, ref
37501
37519
  var helperTextId = helperText && id2 ? "".concat(id2, "-helper-text") : void 0;
37502
37520
  var inputLabelId = label2 && id2 ? "".concat(id2, "-label") : void 0;
37503
37521
  var InputComponent = variantComponent[variant];
37504
- var InputElement = /* @__PURE__ */ React.createElement(InputComponent, _extends$7({
37522
+ var InputElement = /* @__PURE__ */ React.createElement(InputComponent, _extends$6({
37505
37523
  "aria-describedby": helperTextId,
37506
37524
  autoComplete,
37507
37525
  autoFocus,
@@ -37523,7 +37541,7 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props2, ref
37523
37541
  placeholder,
37524
37542
  inputProps
37525
37543
  }, InputMore, InputProps));
37526
- return /* @__PURE__ */ React.createElement(FormControl$1, _extends$7({
37544
+ return /* @__PURE__ */ React.createElement(FormControl$1, _extends$6({
37527
37545
  className: clsx(classes.root, className),
37528
37546
  disabled,
37529
37547
  error: error2,
@@ -37533,16 +37551,16 @@ var TextField = /* @__PURE__ */ React.forwardRef(function TextField2(props2, ref
37533
37551
  required: required2,
37534
37552
  color: color2,
37535
37553
  variant
37536
- }, other), label2 && /* @__PURE__ */ React.createElement(InputLabel$1, _extends$7({
37554
+ }, other), label2 && /* @__PURE__ */ React.createElement(InputLabel$1, _extends$6({
37537
37555
  htmlFor: id2,
37538
37556
  id: inputLabelId
37539
- }, InputLabelProps), label2), select2 ? /* @__PURE__ */ React.createElement(Select$1, _extends$7({
37557
+ }, InputLabelProps), label2), select2 ? /* @__PURE__ */ React.createElement(Select$1, _extends$6({
37540
37558
  "aria-describedby": helperTextId,
37541
37559
  id: id2,
37542
37560
  labelId: inputLabelId,
37543
37561
  value: value2,
37544
37562
  input: InputElement
37545
- }, SelectProps), children2) : InputElement, helperText && /* @__PURE__ */ React.createElement(FormHelperText$1, _extends$7({
37563
+ }, SelectProps), children2) : InputElement, helperText && /* @__PURE__ */ React.createElement(FormHelperText$1, _extends$6({
37546
37564
  id: helperTextId
37547
37565
  }, FormHelperTextProps), helperText));
37548
37566
  });
@@ -37756,14 +37774,12 @@ function Description(props2) {
37756
37774
  const classes = useStyles$d();
37757
37775
  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)] });
37758
37776
  }
37759
- const addUrl = () => {
37760
- };
37761
37777
  function DescriptionSubscriber(props2) {
37762
37778
  const { coordinationScopes, description: descriptionOverride, removeGridComponent, theme, title: title2 = "Description" } = props2;
37763
37779
  const loaders = useLoaders();
37764
37780
  const [{ dataset, spatialImageLayer: rasterLayers }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.DESCRIPTION], coordinationScopes);
37765
37781
  const [description2] = useDescription(loaders, dataset);
37766
- const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, addUrl, false, {}, {}, {});
37782
+ const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, false, {}, {}, {});
37767
37783
  const { loaders: imageLayerLoaders = [], meta: imageLayerMeta = [] } = image2 || {};
37768
37784
  const isReady = useReady([imageStatus]);
37769
37785
  const metadata2 = useMemo(() => {
@@ -38197,8 +38213,8 @@ var defineProperty$6 = function defineProperty(it, key2, desc) {
38197
38213
  return $Object$2.defineProperty(it, key2, desc);
38198
38214
  };
38199
38215
  var defineProperty$5 = { "default": defineProperty$6, __esModule: true };
38200
- var _defineProperty$m = defineProperty$5;
38201
- var _defineProperty2$1 = _interopRequireDefault$p(_defineProperty$m);
38216
+ var _defineProperty$l = defineProperty$5;
38217
+ var _defineProperty2$1 = _interopRequireDefault$p(_defineProperty$l);
38202
38218
  function _interopRequireDefault$p(obj) {
38203
38219
  return obj && obj.__esModule ? obj : { default: obj };
38204
38220
  }
@@ -38220,8 +38236,8 @@ var _default$9 = function(instance, Constructor) {
38220
38236
  throw new TypeError("Cannot call a class as a function");
38221
38237
  }
38222
38238
  };
38223
- var _defineProperty$l = defineProperty$5;
38224
- var _defineProperty2 = _interopRequireDefault$o(_defineProperty$l);
38239
+ var _defineProperty$k = defineProperty$5;
38240
+ var _defineProperty2 = _interopRequireDefault$o(_defineProperty$k);
38225
38241
  function _interopRequireDefault$o(obj) {
38226
38242
  return obj && obj.__esModule ? obj : { default: obj };
38227
38243
  }
@@ -40949,27 +40965,13 @@ function _objectSpread2$2(target2) {
40949
40965
  for (var i2 = 1; i2 < arguments.length; i2++) {
40950
40966
  var source2 = null != arguments[i2] ? arguments[i2] : {};
40951
40967
  i2 % 2 ? ownKeys$a(Object(source2), true).forEach(function(key2) {
40952
- _defineProperty$n(target2, key2, source2[key2]);
40968
+ _defineProperty$m(target2, key2, source2[key2]);
40953
40969
  }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2)) : ownKeys$a(Object(source2)).forEach(function(key2) {
40954
40970
  Object.defineProperty(target2, key2, Object.getOwnPropertyDescriptor(source2, key2));
40955
40971
  });
40956
40972
  }
40957
40973
  return target2;
40958
40974
  }
40959
- function _defineProperty$k(obj, key2, value2) {
40960
- key2 = _toPropertyKey(key2);
40961
- if (key2 in obj) {
40962
- Object.defineProperty(obj, key2, {
40963
- value: value2,
40964
- enumerable: true,
40965
- configurable: true,
40966
- writable: true
40967
- });
40968
- } else {
40969
- obj[key2] = value2;
40970
- }
40971
- return obj;
40972
- }
40973
40975
  function ownKeys$9(object2, enumerableOnly) {
40974
40976
  var keys4 = Object.keys(object2);
40975
40977
  if (Object.getOwnPropertySymbols) {
@@ -40984,7 +40986,7 @@ function _objectSpread2$1(target2) {
40984
40986
  for (var i2 = 1; i2 < arguments.length; i2++) {
40985
40987
  var source2 = null != arguments[i2] ? arguments[i2] : {};
40986
40988
  i2 % 2 ? ownKeys$9(Object(source2), true).forEach(function(key2) {
40987
- _defineProperty$k(target2, key2, source2[key2]);
40989
+ _defineProperty$n(target2, key2, source2[key2]);
40988
40990
  }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2)) : ownKeys$9(Object(source2)).forEach(function(key2) {
40989
40991
  Object.defineProperty(target2, key2, Object.getOwnPropertyDescriptor(source2, key2));
40990
40992
  });
@@ -41035,7 +41037,7 @@ function _isNativeReflectConstruct$w() {
41035
41037
  }
41036
41038
  }
41037
41039
  function _possibleConstructorReturn$w(self2, call) {
41038
- if (call && (_typeof$z(call) === "object" || typeof call === "function")) {
41040
+ if (call && (_typeof$B(call) === "object" || typeof call === "function")) {
41039
41041
  return call;
41040
41042
  } else if (call !== void 0) {
41041
41043
  throw new TypeError("Derived constructors may only return object or undefined");
@@ -41122,7 +41124,7 @@ function findDOMNode(node) {
41122
41124
  function fillRef(ref2, node) {
41123
41125
  if (typeof ref2 === "function") {
41124
41126
  ref2(node);
41125
- } else if (_typeof$z(ref2) === "object" && ref2 && "current" in ref2) {
41127
+ } else if (_typeof$B(ref2) === "object" && ref2 && "current" in ref2) {
41126
41128
  ref2.current = node;
41127
41129
  }
41128
41130
  }
@@ -41337,7 +41339,7 @@ var transitionEndName = internalTransitionEndName || "transitionend";
41337
41339
  function getTransitionName$1(transitionName, transitionType) {
41338
41340
  if (!transitionName)
41339
41341
  return null;
41340
- if (_typeof$z(transitionName) === "object") {
41342
+ if (_typeof$B(transitionName) === "object") {
41341
41343
  var type2 = transitionType.replace(/-\w/g, function(match2) {
41342
41344
  return match2[1].toUpperCase();
41343
41345
  });
@@ -41507,11 +41509,11 @@ function useStatus(supportMotion, visible, getElement2, _ref3) {
41507
41509
  var _ref22, _ref32, _ref4;
41508
41510
  switch (status) {
41509
41511
  case STATUS_APPEAR:
41510
- return _ref22 = {}, _defineProperty$k(_ref22, STEP_PREPARE, onAppearPrepare), _defineProperty$k(_ref22, STEP_START, onAppearStart), _defineProperty$k(_ref22, STEP_ACTIVE, onAppearActive), _ref22;
41512
+ return _ref22 = {}, _defineProperty$n(_ref22, STEP_PREPARE, onAppearPrepare), _defineProperty$n(_ref22, STEP_START, onAppearStart), _defineProperty$n(_ref22, STEP_ACTIVE, onAppearActive), _ref22;
41511
41513
  case STATUS_ENTER:
41512
- return _ref32 = {}, _defineProperty$k(_ref32, STEP_PREPARE, onEnterPrepare), _defineProperty$k(_ref32, STEP_START, onEnterStart), _defineProperty$k(_ref32, STEP_ACTIVE, onEnterActive), _ref32;
41514
+ return _ref32 = {}, _defineProperty$n(_ref32, STEP_PREPARE, onEnterPrepare), _defineProperty$n(_ref32, STEP_START, onEnterStart), _defineProperty$n(_ref32, STEP_ACTIVE, onEnterActive), _ref32;
41513
41515
  case STATUS_LEAVE:
41514
- return _ref4 = {}, _defineProperty$k(_ref4, STEP_PREPARE, onLeavePrepare), _defineProperty$k(_ref4, STEP_START, onLeaveStart), _defineProperty$k(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
41516
+ return _ref4 = {}, _defineProperty$n(_ref4, STEP_PREPARE, onLeavePrepare), _defineProperty$n(_ref4, STEP_START, onLeaveStart), _defineProperty$n(_ref4, STEP_ACTIVE, onLeaveActive), _ref4;
41515
41517
  default:
41516
41518
  return {};
41517
41519
  }
@@ -41618,7 +41620,7 @@ var DomWrapper = /* @__PURE__ */ function(_React$Component) {
41618
41620
  }(React.Component);
41619
41621
  function genCSSMotion(config3) {
41620
41622
  var transitionSupport = config3;
41621
- if (_typeof$z(config3) === "object") {
41623
+ if (_typeof$B(config3) === "object") {
41622
41624
  transitionSupport = config3.transitionSupport;
41623
41625
  }
41624
41626
  function isSupportTransition(props2) {
@@ -41678,7 +41680,7 @@ function genCSSMotion(config3) {
41678
41680
  statusSuffix = "start";
41679
41681
  }
41680
41682
  motionChildren = children2(_objectSpread2$1(_objectSpread2$1({}, mergedProps), {}, {
41681
- 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)),
41683
+ 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)),
41682
41684
  style: statusStyle
41683
41685
  }), setNodeRef);
41684
41686
  }
@@ -41731,7 +41733,7 @@ function Mask(props2) {
41731
41733
  animation: maskAnimation
41732
41734
  }));
41733
41735
  }
41734
- return /* @__PURE__ */ React.createElement(CSSMotion, _extends$6({}, motion, {
41736
+ return /* @__PURE__ */ React.createElement(CSSMotion, _extends$7({}, motion, {
41735
41737
  visible,
41736
41738
  removeOnLeave: true
41737
41739
  }), function(_ref3) {
@@ -44185,7 +44187,7 @@ function getElement(func) {
44185
44187
  return func();
44186
44188
  }
44187
44189
  function getPoint(point2) {
44188
- if (_typeof$z(point2) !== "object" || !point2)
44190
+ if (_typeof$B(point2) !== "object" || !point2)
44189
44191
  return null;
44190
44192
  return point2;
44191
44193
  }
@@ -44360,7 +44362,7 @@ function _regeneratorRuntime$1() {
44360
44362
  var record = tryCatch2(generator[method2], generator, arg);
44361
44363
  if ("throw" !== record.type) {
44362
44364
  var result = record.arg, value2 = result.value;
44363
- return value2 && "object" == _typeof$z(value2) && hasOwn2.call(value2, "__await") ? PromiseImpl.resolve(value2.__await).then(function(value3) {
44365
+ return value2 && "object" == _typeof$B(value2) && hasOwn2.call(value2, "__await") ? PromiseImpl.resolve(value2.__await).then(function(value3) {
44364
44366
  invoke2("next", value3, resolve2, reject);
44365
44367
  }, function(err2) {
44366
44368
  invoke2("throw", err2, resolve2, reject);
@@ -44825,7 +44827,7 @@ var PopupInner = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
44825
44827
  className: "".concat(prefixCls, "-content")
44826
44828
  }, children2);
44827
44829
  }
44828
- return /* @__PURE__ */ React.createElement(CSSMotion, _extends$6({
44830
+ return /* @__PURE__ */ React.createElement(CSSMotion, _extends$7({
44829
44831
  visible,
44830
44832
  ref: elementRef,
44831
44833
  leavedClassName: "".concat(prefixCls, "-hidden")
@@ -44884,7 +44886,7 @@ var MobilePopupInner = /* @__PURE__ */ React.forwardRef(function(props2, ref2) {
44884
44886
  if (popupRender) {
44885
44887
  childNode = popupRender(childNode);
44886
44888
  }
44887
- return /* @__PURE__ */ React.createElement(CSSMotion, _extends$6({
44889
+ return /* @__PURE__ */ React.createElement(CSSMotion, _extends$7({
44888
44890
  visible,
44889
44891
  ref: elementRef,
44890
44892
  removeOnLeave: true
@@ -44914,10 +44916,10 @@ var Popup$1 = /* @__PURE__ */ React.forwardRef(function(_ref3, ref2) {
44914
44916
  setInMobile(isMobile$1());
44915
44917
  }
44916
44918
  }, [visible, mobile]);
44917
- var popupNode = inMobile ? /* @__PURE__ */ React.createElement(MobilePopupInner, _extends$6({}, cloneProps, {
44919
+ var popupNode = inMobile ? /* @__PURE__ */ React.createElement(MobilePopupInner, _extends$7({}, cloneProps, {
44918
44920
  mobile,
44919
44921
  ref: ref2
44920
- })) : /* @__PURE__ */ React.createElement(PopupInner, _extends$6({}, cloneProps, {
44922
+ })) : /* @__PURE__ */ React.createElement(PopupInner, _extends$7({}, cloneProps, {
44921
44923
  ref: ref2
44922
44924
  }));
44923
44925
  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Mask, cloneProps), popupNode);
@@ -45104,7 +45106,7 @@ function generateTrigger(PortalComponent) {
45104
45106
  }
45105
45107
  mouseProps.onMouseDown = _this.onPopupMouseDown;
45106
45108
  mouseProps.onTouchStart = _this.onPopupMouseDown;
45107
- return /* @__PURE__ */ React.createElement(Popup$1, _extends$6({
45109
+ return /* @__PURE__ */ React.createElement(Popup$1, _extends$7({
45108
45110
  prefixCls,
45109
45111
  destroyPopupOnHide,
45110
45112
  visible: popupVisible,
@@ -45634,12 +45636,12 @@ var Tooltip$2 = function Tooltip(props2, ref2) {
45634
45636
  var autoDestroy = false;
45635
45637
  if (typeof destroyTooltipOnHide === "boolean") {
45636
45638
  destroyTooltip = destroyTooltipOnHide;
45637
- } else if (destroyTooltipOnHide && _typeof$B(destroyTooltipOnHide) === "object") {
45639
+ } else if (destroyTooltipOnHide && _typeof$A(destroyTooltipOnHide) === "object") {
45638
45640
  var keepParent = destroyTooltipOnHide.keepParent;
45639
45641
  destroyTooltip = keepParent === true;
45640
45642
  autoDestroy = keepParent === false;
45641
45643
  }
45642
- return /* @__PURE__ */ React.createElement(Trigger, _extends$7({
45644
+ return /* @__PURE__ */ React.createElement(Trigger, _extends$6({
45643
45645
  popupClassName: overlayClassName,
45644
45646
  prefixCls,
45645
45647
  popup: getPopupElement,
@@ -46136,6 +46138,7 @@ const useHelpTooltipStyles = makeStyles((theme) => ({
46136
46138
  cursor: "pointer",
46137
46139
  width: "100%",
46138
46140
  backgroundColor: "transparent",
46141
+ color: theme.palette.grayDarkD15,
46139
46142
  borderRadius: "2px",
46140
46143
  "&:hover": {
46141
46144
  backgroundColor: theme.palette.grayLightL10
@@ -48035,19 +48038,19 @@ function memoizeCapped$1(func) {
48035
48038
  }
48036
48039
  var _memoizeCapped = memoizeCapped$1;
48037
48040
  var memoizeCapped = _memoizeCapped;
48038
- var rePropName$2 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
48039
- var reEscapeChar$2 = /\\(\\)?/g;
48040
- var stringToPath$1$1 = memoizeCapped(function(string2) {
48041
+ var rePropName$1 = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
48042
+ var reEscapeChar$1 = /\\(\\)?/g;
48043
+ var stringToPath$1 = memoizeCapped(function(string2) {
48041
48044
  var result = [];
48042
48045
  if (string2.charCodeAt(0) === 46) {
48043
48046
  result.push("");
48044
48047
  }
48045
- string2.replace(rePropName$2, function(match2, number2, quote, subString) {
48046
- result.push(quote ? subString.replace(reEscapeChar$2, "$1") : number2 || match2);
48048
+ string2.replace(rePropName$1, function(match2, number2, quote, subString) {
48049
+ result.push(quote ? subString.replace(reEscapeChar$1, "$1") : number2 || match2);
48047
48050
  });
48048
48051
  return result;
48049
48052
  });
48050
- var _stringToPath = stringToPath$1$1;
48053
+ var _stringToPath = stringToPath$1;
48051
48054
  var Symbol$2 = _Symbol, arrayMap$1 = _arrayMap, isArray$7 = isArray_1, isSymbol$2 = isSymbol_1;
48052
48055
  var INFINITY$1 = 1 / 0;
48053
48056
  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) {
51109
51112
  const setWarning = useSetWarning();
51110
51113
  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);
51111
51114
  const title2 = titleOverride || `${capitalize$2(obsType)} Sets`;
51112
- const [urls2, addUrl2] = useUrls(loaders, dataset);
51113
51115
  useEffect(() => {
51114
51116
  setCellSetExpansion([]);
51115
51117
  }, [loaders, dataset]);
51116
- const [{ obsIndex, obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
51117
- const isReady = useReady([
51118
- obsSetsStatus
51119
- ]);
51118
+ const [{ obsIndex, obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
51119
+ const isReady = useReady([obsSetsStatus]);
51120
+ const urls2 = useUrls([obsSetsUrls]);
51120
51121
  useEffect(() => {
51121
51122
  if (additionalCellSets) {
51122
51123
  let upgradedCellSets;
@@ -52643,13 +52644,13 @@ const matches = typeof process !== "undefined" && process.version && /v([0-9]*)/
52643
52644
  matches && parseFloat(matches[1]) || 0;
52644
52645
  class WorkerJob {
52645
52646
  constructor(jobName, workerThread) {
52646
- _defineProperty$k(this, "name", void 0);
52647
- _defineProperty$k(this, "workerThread", void 0);
52648
- _defineProperty$k(this, "isRunning", true);
52649
- _defineProperty$k(this, "result", void 0);
52650
- _defineProperty$k(this, "_resolve", () => {
52647
+ _defineProperty$n(this, "name", void 0);
52648
+ _defineProperty$n(this, "workerThread", void 0);
52649
+ _defineProperty$n(this, "isRunning", true);
52650
+ _defineProperty$n(this, "result", void 0);
52651
+ _defineProperty$n(this, "_resolve", () => {
52651
52652
  });
52652
- _defineProperty$k(this, "_reject", () => {
52653
+ _defineProperty$n(this, "_reject", () => {
52653
52654
  });
52654
52655
  this.name = jobName;
52655
52656
  this.workerThread = workerThread;
@@ -52753,14 +52754,14 @@ class WorkerThread {
52753
52754
  return typeof Worker !== "undefined" && isBrowser$2 || typeof Worker$1 !== "undefined" && !isBrowser$2;
52754
52755
  }
52755
52756
  constructor(props2) {
52756
- _defineProperty$k(this, "name", void 0);
52757
- _defineProperty$k(this, "source", void 0);
52758
- _defineProperty$k(this, "url", void 0);
52759
- _defineProperty$k(this, "terminated", false);
52760
- _defineProperty$k(this, "worker", void 0);
52761
- _defineProperty$k(this, "onMessage", void 0);
52762
- _defineProperty$k(this, "onError", void 0);
52763
- _defineProperty$k(this, "_loadableURL", "");
52757
+ _defineProperty$n(this, "name", void 0);
52758
+ _defineProperty$n(this, "source", void 0);
52759
+ _defineProperty$n(this, "url", void 0);
52760
+ _defineProperty$n(this, "terminated", false);
52761
+ _defineProperty$n(this, "worker", void 0);
52762
+ _defineProperty$n(this, "onMessage", void 0);
52763
+ _defineProperty$n(this, "onError", void 0);
52764
+ _defineProperty$n(this, "_loadableURL", "");
52764
52765
  const {
52765
52766
  name: name2,
52766
52767
  source: source2,
@@ -52851,19 +52852,19 @@ class WorkerPool {
52851
52852
  return WorkerThread.isSupported();
52852
52853
  }
52853
52854
  constructor(props2) {
52854
- _defineProperty$k(this, "name", "unnamed");
52855
- _defineProperty$k(this, "source", void 0);
52856
- _defineProperty$k(this, "url", void 0);
52857
- _defineProperty$k(this, "maxConcurrency", 1);
52858
- _defineProperty$k(this, "maxMobileConcurrency", 1);
52859
- _defineProperty$k(this, "onDebug", () => {
52860
- });
52861
- _defineProperty$k(this, "reuseWorkers", true);
52862
- _defineProperty$k(this, "props", {});
52863
- _defineProperty$k(this, "jobQueue", []);
52864
- _defineProperty$k(this, "idleQueue", []);
52865
- _defineProperty$k(this, "count", 0);
52866
- _defineProperty$k(this, "isDestroyed", false);
52855
+ _defineProperty$n(this, "name", "unnamed");
52856
+ _defineProperty$n(this, "source", void 0);
52857
+ _defineProperty$n(this, "url", void 0);
52858
+ _defineProperty$n(this, "maxConcurrency", 1);
52859
+ _defineProperty$n(this, "maxMobileConcurrency", 1);
52860
+ _defineProperty$n(this, "onDebug", () => {
52861
+ });
52862
+ _defineProperty$n(this, "reuseWorkers", true);
52863
+ _defineProperty$n(this, "props", {});
52864
+ _defineProperty$n(this, "jobQueue", []);
52865
+ _defineProperty$n(this, "idleQueue", []);
52866
+ _defineProperty$n(this, "count", 0);
52867
+ _defineProperty$n(this, "isDestroyed", false);
52867
52868
  this.source = props2.source;
52868
52869
  this.url = props2.url;
52869
52870
  this.setProps(props2);
@@ -52981,8 +52982,8 @@ class WorkerFarm {
52981
52982
  return WorkerFarm._workerFarm;
52982
52983
  }
52983
52984
  constructor(props2) {
52984
- _defineProperty$k(this, "props", void 0);
52985
- _defineProperty$k(this, "workerPools", /* @__PURE__ */ new Map());
52985
+ _defineProperty$n(this, "props", void 0);
52986
+ _defineProperty$n(this, "workerPools", /* @__PURE__ */ new Map());
52986
52987
  this.props = {
52987
52988
  ...DEFAULT_PROPS$4
52988
52989
  };
@@ -53031,7 +53032,7 @@ class WorkerFarm {
53031
53032
  };
53032
53033
  }
53033
53034
  }
53034
- _defineProperty$k(WorkerFarm, "_workerFarm", void 0);
53035
+ _defineProperty$n(WorkerFarm, "_workerFarm", void 0);
53035
53036
  const NPM_TAG = "latest";
53036
53037
  function getWorkerURL(worker, options = {}) {
53037
53038
  const workerOptions = options[worker.id] || {};
@@ -53338,20 +53339,20 @@ function getHiResTimestamp$1() {
53338
53339
  }
53339
53340
  class Stat {
53340
53341
  constructor(name2, type2) {
53341
- _defineProperty$k(this, "name", void 0);
53342
- _defineProperty$k(this, "type", void 0);
53343
- _defineProperty$k(this, "sampleSize", 1);
53344
- _defineProperty$k(this, "time", void 0);
53345
- _defineProperty$k(this, "count", void 0);
53346
- _defineProperty$k(this, "samples", void 0);
53347
- _defineProperty$k(this, "lastTiming", void 0);
53348
- _defineProperty$k(this, "lastSampleTime", void 0);
53349
- _defineProperty$k(this, "lastSampleCount", void 0);
53350
- _defineProperty$k(this, "_count", 0);
53351
- _defineProperty$k(this, "_time", 0);
53352
- _defineProperty$k(this, "_samples", 0);
53353
- _defineProperty$k(this, "_startTime", 0);
53354
- _defineProperty$k(this, "_timerPending", false);
53342
+ _defineProperty$n(this, "name", void 0);
53343
+ _defineProperty$n(this, "type", void 0);
53344
+ _defineProperty$n(this, "sampleSize", 1);
53345
+ _defineProperty$n(this, "time", void 0);
53346
+ _defineProperty$n(this, "count", void 0);
53347
+ _defineProperty$n(this, "samples", void 0);
53348
+ _defineProperty$n(this, "lastTiming", void 0);
53349
+ _defineProperty$n(this, "lastSampleTime", void 0);
53350
+ _defineProperty$n(this, "lastSampleCount", void 0);
53351
+ _defineProperty$n(this, "_count", 0);
53352
+ _defineProperty$n(this, "_time", 0);
53353
+ _defineProperty$n(this, "_samples", 0);
53354
+ _defineProperty$n(this, "_startTime", 0);
53355
+ _defineProperty$n(this, "_timerPending", false);
53355
53356
  this.name = name2;
53356
53357
  this.type = type2;
53357
53358
  this.reset();
@@ -53448,8 +53449,8 @@ class Stat {
53448
53449
  }
53449
53450
  class Stats {
53450
53451
  constructor(options) {
53451
- _defineProperty$k(this, "id", void 0);
53452
- _defineProperty$k(this, "stats", {});
53452
+ _defineProperty$n(this, "id", void 0);
53453
+ _defineProperty$n(this, "stats", {});
53453
53454
  this.id = options.id;
53454
53455
  this.stats = {};
53455
53456
  this._initializeStats(options.stats);
@@ -53522,12 +53523,12 @@ const DEFAULT_PROPS$3 = {
53522
53523
  };
53523
53524
  class RequestScheduler {
53524
53525
  constructor(props2 = {}) {
53525
- _defineProperty$n(this, "props", void 0);
53526
- _defineProperty$n(this, "stats", void 0);
53527
- _defineProperty$n(this, "activeRequestCount", 0);
53528
- _defineProperty$n(this, "requestQueue", []);
53529
- _defineProperty$n(this, "requestMap", /* @__PURE__ */ new Map());
53530
- _defineProperty$n(this, "deferredUpdate", null);
53526
+ _defineProperty$m(this, "props", void 0);
53527
+ _defineProperty$m(this, "stats", void 0);
53528
+ _defineProperty$m(this, "activeRequestCount", 0);
53529
+ _defineProperty$m(this, "requestQueue", []);
53530
+ _defineProperty$m(this, "requestMap", /* @__PURE__ */ new Map());
53531
+ _defineProperty$m(this, "deferredUpdate", null);
53531
53532
  this.props = {
53532
53533
  ...DEFAULT_PROPS$3,
53533
53534
  ...props2
@@ -53890,9 +53891,9 @@ class LocalStorage {
53890
53891
  constructor(id2) {
53891
53892
  let defaultSettings = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
53892
53893
  let type2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "sessionStorage";
53893
- _defineProperty$k(this, "storage", void 0);
53894
- _defineProperty$k(this, "id", void 0);
53895
- _defineProperty$k(this, "config", {});
53894
+ _defineProperty$n(this, "storage", void 0);
53895
+ _defineProperty$n(this, "id", void 0);
53896
+ _defineProperty$n(this, "config", {});
53896
53897
  this.storage = getStorage(type2);
53897
53898
  this.id = id2;
53898
53899
  this.config = {};
@@ -54043,13 +54044,13 @@ let Log$1 = class Log {
54043
54044
  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
54044
54045
  id: ""
54045
54046
  };
54046
- _defineProperty$k(this, "id", void 0);
54047
- _defineProperty$k(this, "VERSION", VERSION$a);
54048
- _defineProperty$k(this, "_startTs", getHiResTimestamp());
54049
- _defineProperty$k(this, "_deltaTs", getHiResTimestamp());
54050
- _defineProperty$k(this, "_storage", void 0);
54051
- _defineProperty$k(this, "userData", {});
54052
- _defineProperty$k(this, "LOG_THROTTLE_TIMEOUT", 0);
54047
+ _defineProperty$n(this, "id", void 0);
54048
+ _defineProperty$n(this, "VERSION", VERSION$a);
54049
+ _defineProperty$n(this, "_startTs", getHiResTimestamp());
54050
+ _defineProperty$n(this, "_deltaTs", getHiResTimestamp());
54051
+ _defineProperty$n(this, "_storage", void 0);
54052
+ _defineProperty$n(this, "userData", {});
54053
+ _defineProperty$n(this, "LOG_THROTTLE_TIMEOUT", 0);
54053
54054
  this.id = id2;
54054
54055
  this._storage = new LocalStorage("__probe-".concat(this.id, "__"), DEFAULT_SETTINGS);
54055
54056
  this.userData = {};
@@ -54250,7 +54251,7 @@ let Log$1 = class Log {
54250
54251
  return noop$9;
54251
54252
  }
54252
54253
  };
54253
- _defineProperty$k(Log$1, "VERSION", VERSION$a);
54254
+ _defineProperty$n(Log$1, "VERSION", VERSION$a);
54254
54255
  function normalizeLogLevel(logLevel) {
54255
54256
  if (!logLevel) {
54256
54257
  return 0;
@@ -54379,7 +54380,7 @@ class NullLog {
54379
54380
  }
54380
54381
  class ConsoleLog {
54381
54382
  constructor() {
54382
- _defineProperty$n(this, "console", void 0);
54383
+ _defineProperty$m(this, "console", void 0);
54383
54384
  this.console = console;
54384
54385
  }
54385
54386
  log(...args) {
@@ -66206,10 +66207,10 @@ class SphericalCoordinates {
66206
66207
  altitude,
66207
66208
  radiusScale = EARTH_RADIUS_METERS
66208
66209
  } = {}) {
66209
- _defineProperty$n(this, "phi", void 0);
66210
- _defineProperty$n(this, "theta", void 0);
66211
- _defineProperty$n(this, "radius", void 0);
66212
- _defineProperty$n(this, "radiusScale", void 0);
66210
+ _defineProperty$m(this, "phi", void 0);
66211
+ _defineProperty$m(this, "theta", void 0);
66212
+ _defineProperty$m(this, "radius", void 0);
66213
+ _defineProperty$m(this, "radiusScale", void 0);
66213
66214
  this.phi = phi2;
66214
66215
  this.theta = theta;
66215
66216
  this.radius = radius2 || altitude || 1;
@@ -66743,8 +66744,8 @@ class Pose {
66743
66744
  position: position2,
66744
66745
  orientation
66745
66746
  } = {}) {
66746
- _defineProperty$n(this, "position", void 0);
66747
- _defineProperty$n(this, "orientation", void 0);
66747
+ _defineProperty$m(this, "position", void 0);
66748
+ _defineProperty$m(this, "orientation", void 0);
66748
66749
  if (Array.isArray(position2) && position2.length === 3) {
66749
66750
  this.position = new Vector3(position2);
66750
66751
  } else {
@@ -70016,31 +70017,31 @@ let WebMercatorViewport$1 = class WebMercatorViewport {
70016
70017
  width: 1,
70017
70018
  height: 1
70018
70019
  }) {
70019
- _defineProperty$k(this, "latitude", void 0);
70020
- _defineProperty$k(this, "longitude", void 0);
70021
- _defineProperty$k(this, "zoom", void 0);
70022
- _defineProperty$k(this, "pitch", void 0);
70023
- _defineProperty$k(this, "bearing", void 0);
70024
- _defineProperty$k(this, "altitude", void 0);
70025
- _defineProperty$k(this, "fovy", void 0);
70026
- _defineProperty$k(this, "meterOffset", void 0);
70027
- _defineProperty$k(this, "center", void 0);
70028
- _defineProperty$k(this, "width", void 0);
70029
- _defineProperty$k(this, "height", void 0);
70030
- _defineProperty$k(this, "scale", void 0);
70031
- _defineProperty$k(this, "distanceScales", void 0);
70032
- _defineProperty$k(this, "viewMatrix", void 0);
70033
- _defineProperty$k(this, "projectionMatrix", void 0);
70034
- _defineProperty$k(this, "viewProjectionMatrix", void 0);
70035
- _defineProperty$k(this, "pixelProjectionMatrix", void 0);
70036
- _defineProperty$k(this, "pixelUnprojectionMatrix", void 0);
70037
- _defineProperty$k(this, "equals", (viewport) => {
70020
+ _defineProperty$n(this, "latitude", void 0);
70021
+ _defineProperty$n(this, "longitude", void 0);
70022
+ _defineProperty$n(this, "zoom", void 0);
70023
+ _defineProperty$n(this, "pitch", void 0);
70024
+ _defineProperty$n(this, "bearing", void 0);
70025
+ _defineProperty$n(this, "altitude", void 0);
70026
+ _defineProperty$n(this, "fovy", void 0);
70027
+ _defineProperty$n(this, "meterOffset", void 0);
70028
+ _defineProperty$n(this, "center", void 0);
70029
+ _defineProperty$n(this, "width", void 0);
70030
+ _defineProperty$n(this, "height", void 0);
70031
+ _defineProperty$n(this, "scale", void 0);
70032
+ _defineProperty$n(this, "distanceScales", void 0);
70033
+ _defineProperty$n(this, "viewMatrix", void 0);
70034
+ _defineProperty$n(this, "projectionMatrix", void 0);
70035
+ _defineProperty$n(this, "viewProjectionMatrix", void 0);
70036
+ _defineProperty$n(this, "pixelProjectionMatrix", void 0);
70037
+ _defineProperty$n(this, "pixelUnprojectionMatrix", void 0);
70038
+ _defineProperty$n(this, "equals", (viewport) => {
70038
70039
  if (!(viewport instanceof WebMercatorViewport)) {
70039
70040
  return false;
70040
70041
  }
70041
70042
  return viewport.width === this.width && viewport.height === this.height && equals$2(viewport.projectionMatrix, this.projectionMatrix) && equals$2(viewport.viewMatrix, this.viewMatrix);
70042
70043
  });
70043
- _defineProperty$k(this, "project", (lngLatZ, options = {}) => {
70044
+ _defineProperty$n(this, "project", (lngLatZ, options = {}) => {
70044
70045
  const {
70045
70046
  topLeft = true
70046
70047
  } = options;
@@ -70050,7 +70051,7 @@ let WebMercatorViewport$1 = class WebMercatorViewport {
70050
70051
  const y22 = topLeft ? y2 : this.height - y2;
70051
70052
  return lngLatZ.length === 2 ? [x2, y22] : [x2, y22, coord[2]];
70052
70053
  });
70053
- _defineProperty$k(this, "unproject", (xyz, options = {}) => {
70054
+ _defineProperty$n(this, "unproject", (xyz, options = {}) => {
70054
70055
  const {
70055
70056
  topLeft = true,
70056
70057
  targetZ = void 0
@@ -70065,12 +70066,12 @@ let WebMercatorViewport$1 = class WebMercatorViewport {
70065
70066
  }
70066
70067
  return Number.isFinite(targetZ) ? [X3, Y3, targetZ] : [X3, Y3];
70067
70068
  });
70068
- _defineProperty$k(this, "projectPosition", (xyz) => {
70069
+ _defineProperty$n(this, "projectPosition", (xyz) => {
70069
70070
  const [X3, Y3] = lngLatToWorld(xyz);
70070
70071
  const Z = (xyz[2] || 0) * this.distanceScales.unitsPerMeter[2];
70071
70072
  return [X3, Y3, Z];
70072
70073
  });
70073
- _defineProperty$k(this, "unprojectPosition", (xyz) => {
70074
+ _defineProperty$n(this, "unprojectPosition", (xyz) => {
70074
70075
  const [X3, Y3] = worldToLngLat(xyz);
70075
70076
  const Z = (xyz[2] || 0) * this.distanceScales.metersPerUnit[2];
70076
70077
  return [X3, Y3, Z];
@@ -91468,10 +91469,10 @@ const scratchVector$6 = new Vector3();
91468
91469
  const scratchNormal$3 = new Vector3();
91469
91470
  class AxisAlignedBoundingBox {
91470
91471
  constructor(minimum = [0, 0, 0], maximum = [0, 0, 0], center2) {
91471
- _defineProperty$k(this, "center", void 0);
91472
- _defineProperty$k(this, "halfDiagonal", void 0);
91473
- _defineProperty$k(this, "minimum", void 0);
91474
- _defineProperty$k(this, "maximum", void 0);
91472
+ _defineProperty$n(this, "center", void 0);
91473
+ _defineProperty$n(this, "halfDiagonal", void 0);
91474
+ _defineProperty$n(this, "minimum", void 0);
91475
+ _defineProperty$n(this, "maximum", void 0);
91475
91476
  center2 = center2 || scratchVector$6.copy(minimum).add(maximum).scale(0.5);
91476
91477
  this.center = new Vector3(center2);
91477
91478
  this.halfDiagonal = new Vector3(maximum).subtract(this.center);
@@ -91535,8 +91536,8 @@ const scratchVector$5 = new Vector3();
91535
91536
  const scratchVector2$2 = new Vector3();
91536
91537
  class BoundingSphere {
91537
91538
  constructor(center2 = [0, 0, 0], radius2 = 0) {
91538
- _defineProperty$k(this, "center", void 0);
91539
- _defineProperty$k(this, "radius", void 0);
91539
+ _defineProperty$n(this, "center", void 0);
91540
+ _defineProperty$n(this, "radius", void 0);
91540
91541
  this.radius = -0;
91541
91542
  this.center = new Vector3();
91542
91543
  this.fromCenterRadius(center2, radius2);
@@ -91634,8 +91635,8 @@ const MATRIX3 = {
91634
91635
  };
91635
91636
  class OrientedBoundingBox {
91636
91637
  constructor(center2 = [0, 0, 0], halfAxes = [0, 0, 0, 0, 0, 0, 0, 0, 0]) {
91637
- _defineProperty$k(this, "center", void 0);
91638
- _defineProperty$k(this, "halfAxes", void 0);
91638
+ _defineProperty$n(this, "center", void 0);
91639
+ _defineProperty$n(this, "halfAxes", void 0);
91639
91640
  this.center = new Vector3().from(center2);
91640
91641
  this.halfAxes = new Matrix3(halfAxes);
91641
91642
  }
@@ -91804,8 +91805,8 @@ const scratchPosition$2 = new Vector3();
91804
91805
  const scratchNormal$2 = new Vector3();
91805
91806
  class Plane {
91806
91807
  constructor(normal = [0, 0, 1], distance2 = 0) {
91807
- _defineProperty$k(this, "normal", void 0);
91808
- _defineProperty$k(this, "distance", void 0);
91808
+ _defineProperty$n(this, "normal", void 0);
91809
+ _defineProperty$n(this, "distance", void 0);
91809
91810
  this.normal = new Vector3();
91810
91811
  this.distance = -0;
91811
91812
  this.fromNormalDistance(normal, distance2);
@@ -91856,7 +91857,7 @@ const scratchPlaneNormal = new Vector3();
91856
91857
  new Plane(new Vector3(1, 0, 0), 0);
91857
91858
  class CullingVolume {
91858
91859
  constructor(planes = []) {
91859
- _defineProperty$k(this, "planes", void 0);
91860
+ _defineProperty$n(this, "planes", void 0);
91860
91861
  this.planes = planes;
91861
91862
  }
91862
91863
  fromBoundingSphere(boundingSphere) {
@@ -91921,9 +91922,9 @@ class CullingVolume {
91921
91922
  return mask2;
91922
91923
  }
91923
91924
  }
91924
- _defineProperty$k(CullingVolume, "MASK_OUTSIDE", 4294967295);
91925
- _defineProperty$k(CullingVolume, "MASK_INSIDE", 0);
91926
- _defineProperty$k(CullingVolume, "MASK_INDETERMINATE", 2147483647);
91925
+ _defineProperty$n(CullingVolume, "MASK_OUTSIDE", 4294967295);
91926
+ _defineProperty$n(CullingVolume, "MASK_INSIDE", 0);
91927
+ _defineProperty$n(CullingVolume, "MASK_INDETERMINATE", 2147483647);
91927
91928
  new Vector3();
91928
91929
  new Vector3();
91929
91930
  new Vector3();
@@ -107690,9 +107691,9 @@ const DRACO_DATA_TYPE_TO_TYPED_ARRAY_MAP = {
107690
107691
  const INDEX_ITEM_SIZE = 4;
107691
107692
  class DracoParser {
107692
107693
  constructor(draco) {
107693
- _defineProperty$k(this, "draco", void 0);
107694
- _defineProperty$k(this, "decoder", void 0);
107695
- _defineProperty$k(this, "metadataQuerier", void 0);
107694
+ _defineProperty$n(this, "draco", void 0);
107695
+ _defineProperty$n(this, "decoder", void 0);
107696
+ _defineProperty$n(this, "metadataQuerier", void 0);
107696
107697
  this.draco = draco;
107697
107698
  this.decoder = new this.draco.Decoder();
107698
107699
  this.metadataQuerier = new this.draco.MetadataQuerier();
@@ -109954,15 +109955,15 @@ const scratchHeight = new Vector3();
109954
109955
  const scratchCartesian = new Vector3();
109955
109956
  class Ellipsoid {
109956
109957
  constructor(x2 = 0, y2 = 0, z2 = 0) {
109957
- _defineProperty$k(this, "radii", void 0);
109958
- _defineProperty$k(this, "radiiSquared", void 0);
109959
- _defineProperty$k(this, "radiiToTheFourth", void 0);
109960
- _defineProperty$k(this, "oneOverRadii", void 0);
109961
- _defineProperty$k(this, "oneOverRadiiSquared", void 0);
109962
- _defineProperty$k(this, "minimumRadius", void 0);
109963
- _defineProperty$k(this, "maximumRadius", void 0);
109964
- _defineProperty$k(this, "centerToleranceSquared", _MathUtils.EPSILON1);
109965
- _defineProperty$k(this, "squaredXOverSquaredZ", void 0);
109958
+ _defineProperty$n(this, "radii", void 0);
109959
+ _defineProperty$n(this, "radiiSquared", void 0);
109960
+ _defineProperty$n(this, "radiiToTheFourth", void 0);
109961
+ _defineProperty$n(this, "oneOverRadii", void 0);
109962
+ _defineProperty$n(this, "oneOverRadiiSquared", void 0);
109963
+ _defineProperty$n(this, "minimumRadius", void 0);
109964
+ _defineProperty$n(this, "maximumRadius", void 0);
109965
+ _defineProperty$n(this, "centerToleranceSquared", _MathUtils.EPSILON1);
109966
+ _defineProperty$n(this, "squaredXOverSquaredZ", void 0);
109966
109967
  assert$7(x2 >= 0);
109967
109968
  assert$7(y2 >= 0);
109968
109969
  assert$7(z2 >= 0);
@@ -110059,7 +110060,7 @@ class Ellipsoid {
110059
110060
  return scratchPosition$1.set(0, 0, z2).to(result);
110060
110061
  }
110061
110062
  }
110062
- _defineProperty$k(Ellipsoid, "WGS84", new Ellipsoid(WGS84_RADIUS_X$1, WGS84_RADIUS_Y$1, WGS84_RADIUS_Z$1));
110063
+ _defineProperty$n(Ellipsoid, "WGS84", new Ellipsoid(WGS84_RADIUS_X$1, WGS84_RADIUS_Y$1, WGS84_RADIUS_Z$1));
110063
110064
  class DoublyLinkedListNode {
110064
110065
  constructor(item, previous, next3) {
110065
110066
  _defineProperty$n(this, "item", void 0);
@@ -120454,13 +120455,13 @@ var shams$1 = function hasSymbols() {
120454
120455
  }
120455
120456
  return true;
120456
120457
  };
120457
- var hasSymbols$4 = shams$1;
120458
+ var hasSymbols$3 = shams$1;
120458
120459
  var shams = function hasToStringTagShams() {
120459
- return hasSymbols$4() && !!Symbol.toStringTag;
120460
+ return hasSymbols$3() && !!Symbol.toStringTag;
120460
120461
  };
120461
120462
  var origSymbol = typeof Symbol !== "undefined" && Symbol;
120462
120463
  var hasSymbolSham = shams$1;
120463
- var hasSymbols$3 = function hasNativeSymbols() {
120464
+ var hasSymbols$2 = function hasNativeSymbols() {
120464
120465
  if (typeof origSymbol !== "function") {
120465
120466
  return false;
120466
120467
  }
@@ -120475,6 +120476,13 @@ var hasSymbols$3 = function hasNativeSymbols() {
120475
120476
  }
120476
120477
  return hasSymbolSham();
120477
120478
  };
120479
+ var test$1 = {
120480
+ foo: {}
120481
+ };
120482
+ var $Object = Object;
120483
+ var hasProto$1 = function hasProto() {
120484
+ return { __proto__: test$1 }.foo === test$1.foo && !({ __proto__: null } instanceof $Object);
120485
+ };
120478
120486
  var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
120479
120487
  var slice$4 = Array.prototype.slice;
120480
120488
  var toStr$2 = Object.prototype.toString;
@@ -120520,61 +120528,64 @@ var implementation$7 = function bind2(that2) {
120520
120528
  };
120521
120529
  var implementation$6 = implementation$7;
120522
120530
  var functionBind = Function.prototype.bind || implementation$6;
120523
- var bind$4 = functionBind;
120524
- var src = bind$4.call(Function.call, Object.prototype.hasOwnProperty);
120525
- var undefined$3;
120526
- var $SyntaxError$1 = SyntaxError;
120527
- var $Function$1 = Function;
120528
- var $TypeError$1 = TypeError;
120529
- var getEvalledConstructor$1 = function(expressionSyntax) {
120531
+ var bind$3 = functionBind;
120532
+ var src = bind$3.call(Function.call, Object.prototype.hasOwnProperty);
120533
+ var undefined$2;
120534
+ var $SyntaxError = SyntaxError;
120535
+ var $Function = Function;
120536
+ var $TypeError = TypeError;
120537
+ var getEvalledConstructor = function(expressionSyntax) {
120530
120538
  try {
120531
- return $Function$1('"use strict"; return (' + expressionSyntax + ").constructor;")();
120539
+ return $Function('"use strict"; return (' + expressionSyntax + ").constructor;")();
120532
120540
  } catch (e3) {
120533
120541
  }
120534
120542
  };
120535
- var $gOPD$2 = Object.getOwnPropertyDescriptor;
120536
- if ($gOPD$2) {
120543
+ var $gOPD$1 = Object.getOwnPropertyDescriptor;
120544
+ if ($gOPD$1) {
120537
120545
  try {
120538
- $gOPD$2({}, "");
120546
+ $gOPD$1({}, "");
120539
120547
  } catch (e3) {
120540
- $gOPD$2 = null;
120548
+ $gOPD$1 = null;
120541
120549
  }
120542
120550
  }
120543
- var throwTypeError$1 = function() {
120544
- throw new $TypeError$1();
120551
+ var throwTypeError = function() {
120552
+ throw new $TypeError();
120545
120553
  };
120546
- var ThrowTypeError$1 = $gOPD$2 ? function() {
120554
+ var ThrowTypeError = $gOPD$1 ? function() {
120547
120555
  try {
120548
120556
  arguments.callee;
120549
- return throwTypeError$1;
120557
+ return throwTypeError;
120550
120558
  } catch (calleeThrows) {
120551
120559
  try {
120552
- return $gOPD$2(arguments, "callee").get;
120560
+ return $gOPD$1(arguments, "callee").get;
120553
120561
  } catch (gOPDthrows) {
120554
- return throwTypeError$1;
120562
+ return throwTypeError;
120555
120563
  }
120556
120564
  }
120557
- }() : throwTypeError$1;
120558
- var hasSymbols$2 = hasSymbols$3();
120559
- var getProto$3 = Object.getPrototypeOf || function(x2) {
120565
+ }() : throwTypeError;
120566
+ var hasSymbols$1 = hasSymbols$2();
120567
+ var hasProto2 = hasProto$1();
120568
+ var getProto$2 = Object.getPrototypeOf || (hasProto2 ? function(x2) {
120560
120569
  return x2.__proto__;
120561
- };
120562
- var needsEval$1 = {};
120563
- var TypedArray$2 = typeof Uint8Array === "undefined" ? undefined$3 : getProto$3(Uint8Array);
120564
- var INTRINSICS$1 = {
120565
- "%AggregateError%": typeof AggregateError === "undefined" ? undefined$3 : AggregateError,
120570
+ } : null);
120571
+ var needsEval = {};
120572
+ var TypedArray$1 = typeof Uint8Array === "undefined" || !getProto$2 ? undefined$2 : getProto$2(Uint8Array);
120573
+ var INTRINSICS = {
120574
+ "%AggregateError%": typeof AggregateError === "undefined" ? undefined$2 : AggregateError,
120566
120575
  "%Array%": Array,
120567
- "%ArrayBuffer%": typeof ArrayBuffer === "undefined" ? undefined$3 : ArrayBuffer,
120568
- "%ArrayIteratorPrototype%": hasSymbols$2 ? getProto$3([][Symbol.iterator]()) : undefined$3,
120569
- "%AsyncFromSyncIteratorPrototype%": undefined$3,
120570
- "%AsyncFunction%": needsEval$1,
120571
- "%AsyncGenerator%": needsEval$1,
120572
- "%AsyncGeneratorFunction%": needsEval$1,
120573
- "%AsyncIteratorPrototype%": needsEval$1,
120574
- "%Atomics%": typeof Atomics === "undefined" ? undefined$3 : Atomics,
120575
- "%BigInt%": typeof BigInt === "undefined" ? undefined$3 : BigInt,
120576
+ "%ArrayBuffer%": typeof ArrayBuffer === "undefined" ? undefined$2 : ArrayBuffer,
120577
+ "%ArrayIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$2,
120578
+ "%AsyncFromSyncIteratorPrototype%": undefined$2,
120579
+ "%AsyncFunction%": needsEval,
120580
+ "%AsyncGenerator%": needsEval,
120581
+ "%AsyncGeneratorFunction%": needsEval,
120582
+ "%AsyncIteratorPrototype%": needsEval,
120583
+ "%Atomics%": typeof Atomics === "undefined" ? undefined$2 : Atomics,
120584
+ "%BigInt%": typeof BigInt === "undefined" ? undefined$2 : BigInt,
120585
+ "%BigInt64Array%": typeof BigInt64Array === "undefined" ? undefined$2 : BigInt64Array,
120586
+ "%BigUint64Array%": typeof BigUint64Array === "undefined" ? undefined$2 : BigUint64Array,
120576
120587
  "%Boolean%": Boolean,
120577
- "%DataView%": typeof DataView === "undefined" ? undefined$3 : DataView,
120588
+ "%DataView%": typeof DataView === "undefined" ? undefined$2 : DataView,
120578
120589
  "%Date%": Date,
120579
120590
  "%decodeURI%": decodeURI,
120580
120591
  "%decodeURIComponent%": decodeURIComponent,
@@ -120584,73 +120595,81 @@ var INTRINSICS$1 = {
120584
120595
  "%eval%": eval,
120585
120596
  // eslint-disable-line no-eval
120586
120597
  "%EvalError%": EvalError,
120587
- "%Float32Array%": typeof Float32Array === "undefined" ? undefined$3 : Float32Array,
120588
- "%Float64Array%": typeof Float64Array === "undefined" ? undefined$3 : Float64Array,
120589
- "%FinalizationRegistry%": typeof FinalizationRegistry === "undefined" ? undefined$3 : FinalizationRegistry,
120590
- "%Function%": $Function$1,
120591
- "%GeneratorFunction%": needsEval$1,
120592
- "%Int8Array%": typeof Int8Array === "undefined" ? undefined$3 : Int8Array,
120593
- "%Int16Array%": typeof Int16Array === "undefined" ? undefined$3 : Int16Array,
120594
- "%Int32Array%": typeof Int32Array === "undefined" ? undefined$3 : Int32Array,
120598
+ "%Float32Array%": typeof Float32Array === "undefined" ? undefined$2 : Float32Array,
120599
+ "%Float64Array%": typeof Float64Array === "undefined" ? undefined$2 : Float64Array,
120600
+ "%FinalizationRegistry%": typeof FinalizationRegistry === "undefined" ? undefined$2 : FinalizationRegistry,
120601
+ "%Function%": $Function,
120602
+ "%GeneratorFunction%": needsEval,
120603
+ "%Int8Array%": typeof Int8Array === "undefined" ? undefined$2 : Int8Array,
120604
+ "%Int16Array%": typeof Int16Array === "undefined" ? undefined$2 : Int16Array,
120605
+ "%Int32Array%": typeof Int32Array === "undefined" ? undefined$2 : Int32Array,
120595
120606
  "%isFinite%": isFinite,
120596
120607
  "%isNaN%": isNaN,
120597
- "%IteratorPrototype%": hasSymbols$2 ? getProto$3(getProto$3([][Symbol.iterator]())) : undefined$3,
120598
- "%JSON%": typeof JSON === "object" ? JSON : undefined$3,
120599
- "%Map%": typeof Map === "undefined" ? undefined$3 : Map,
120600
- "%MapIteratorPrototype%": typeof Map === "undefined" || !hasSymbols$2 ? undefined$3 : getProto$3((/* @__PURE__ */ new Map())[Symbol.iterator]()),
120608
+ "%IteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$2,
120609
+ "%JSON%": typeof JSON === "object" ? JSON : undefined$2,
120610
+ "%Map%": typeof Map === "undefined" ? undefined$2 : Map,
120611
+ "%MapIteratorPrototype%": typeof Map === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Map())[Symbol.iterator]()),
120601
120612
  "%Math%": Math,
120602
120613
  "%Number%": Number,
120603
120614
  "%Object%": Object,
120604
120615
  "%parseFloat%": parseFloat,
120605
120616
  "%parseInt%": parseInt,
120606
- "%Promise%": typeof Promise === "undefined" ? undefined$3 : Promise,
120607
- "%Proxy%": typeof Proxy === "undefined" ? undefined$3 : Proxy,
120617
+ "%Promise%": typeof Promise === "undefined" ? undefined$2 : Promise,
120618
+ "%Proxy%": typeof Proxy === "undefined" ? undefined$2 : Proxy,
120608
120619
  "%RangeError%": RangeError,
120609
120620
  "%ReferenceError%": ReferenceError,
120610
- "%Reflect%": typeof Reflect === "undefined" ? undefined$3 : Reflect,
120621
+ "%Reflect%": typeof Reflect === "undefined" ? undefined$2 : Reflect,
120611
120622
  "%RegExp%": RegExp,
120612
- "%Set%": typeof Set === "undefined" ? undefined$3 : Set,
120613
- "%SetIteratorPrototype%": typeof Set === "undefined" || !hasSymbols$2 ? undefined$3 : getProto$3((/* @__PURE__ */ new Set())[Symbol.iterator]()),
120614
- "%SharedArrayBuffer%": typeof SharedArrayBuffer === "undefined" ? undefined$3 : SharedArrayBuffer,
120623
+ "%Set%": typeof Set === "undefined" ? undefined$2 : Set,
120624
+ "%SetIteratorPrototype%": typeof Set === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Set())[Symbol.iterator]()),
120625
+ "%SharedArrayBuffer%": typeof SharedArrayBuffer === "undefined" ? undefined$2 : SharedArrayBuffer,
120615
120626
  "%String%": String,
120616
- "%StringIteratorPrototype%": hasSymbols$2 ? getProto$3(""[Symbol.iterator]()) : undefined$3,
120617
- "%Symbol%": hasSymbols$2 ? Symbol : undefined$3,
120618
- "%SyntaxError%": $SyntaxError$1,
120619
- "%ThrowTypeError%": ThrowTypeError$1,
120620
- "%TypedArray%": TypedArray$2,
120621
- "%TypeError%": $TypeError$1,
120622
- "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined$3 : Uint8Array,
120623
- "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined$3 : Uint8ClampedArray,
120624
- "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined$3 : Uint16Array,
120625
- "%Uint32Array%": typeof Uint32Array === "undefined" ? undefined$3 : Uint32Array,
120627
+ "%StringIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(""[Symbol.iterator]()) : undefined$2,
120628
+ "%Symbol%": hasSymbols$1 ? Symbol : undefined$2,
120629
+ "%SyntaxError%": $SyntaxError,
120630
+ "%ThrowTypeError%": ThrowTypeError,
120631
+ "%TypedArray%": TypedArray$1,
120632
+ "%TypeError%": $TypeError,
120633
+ "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined$2 : Uint8Array,
120634
+ "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined$2 : Uint8ClampedArray,
120635
+ "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined$2 : Uint16Array,
120636
+ "%Uint32Array%": typeof Uint32Array === "undefined" ? undefined$2 : Uint32Array,
120626
120637
  "%URIError%": URIError,
120627
- "%WeakMap%": typeof WeakMap === "undefined" ? undefined$3 : WeakMap,
120628
- "%WeakRef%": typeof WeakRef === "undefined" ? undefined$3 : WeakRef,
120629
- "%WeakSet%": typeof WeakSet === "undefined" ? undefined$3 : WeakSet
120638
+ "%WeakMap%": typeof WeakMap === "undefined" ? undefined$2 : WeakMap,
120639
+ "%WeakRef%": typeof WeakRef === "undefined" ? undefined$2 : WeakRef,
120640
+ "%WeakSet%": typeof WeakSet === "undefined" ? undefined$2 : WeakSet
120630
120641
  };
120631
- var doEval$1 = function doEval(name2) {
120642
+ if (getProto$2) {
120643
+ try {
120644
+ null.error;
120645
+ } catch (e3) {
120646
+ var errorProto = getProto$2(getProto$2(e3));
120647
+ INTRINSICS["%Error.prototype%"] = errorProto;
120648
+ }
120649
+ }
120650
+ var doEval = function doEval2(name2) {
120632
120651
  var value2;
120633
120652
  if (name2 === "%AsyncFunction%") {
120634
- value2 = getEvalledConstructor$1("async function () {}");
120653
+ value2 = getEvalledConstructor("async function () {}");
120635
120654
  } else if (name2 === "%GeneratorFunction%") {
120636
- value2 = getEvalledConstructor$1("function* () {}");
120655
+ value2 = getEvalledConstructor("function* () {}");
120637
120656
  } else if (name2 === "%AsyncGeneratorFunction%") {
120638
- value2 = getEvalledConstructor$1("async function* () {}");
120657
+ value2 = getEvalledConstructor("async function* () {}");
120639
120658
  } else if (name2 === "%AsyncGenerator%") {
120640
- var fn = doEval("%AsyncGeneratorFunction%");
120659
+ var fn = doEval2("%AsyncGeneratorFunction%");
120641
120660
  if (fn) {
120642
120661
  value2 = fn.prototype;
120643
120662
  }
120644
120663
  } else if (name2 === "%AsyncIteratorPrototype%") {
120645
- var gen = doEval("%AsyncGenerator%");
120646
- if (gen) {
120647
- value2 = getProto$3(gen.prototype);
120664
+ var gen = doEval2("%AsyncGenerator%");
120665
+ if (gen && getProto$2) {
120666
+ value2 = getProto$2(gen.prototype);
120648
120667
  }
120649
120668
  }
120650
- INTRINSICS$1[name2] = value2;
120669
+ INTRINSICS[name2] = value2;
120651
120670
  return value2;
120652
120671
  };
120653
- var LEGACY_ALIASES$1 = {
120672
+ var LEGACY_ALIASES = {
120654
120673
  "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"],
120655
120674
  "%ArrayPrototype%": ["Array", "prototype"],
120656
120675
  "%ArrayProto_entries%": ["Array", "prototype", "entries"],
@@ -120703,43 +120722,43 @@ var LEGACY_ALIASES$1 = {
120703
120722
  "%WeakMapPrototype%": ["WeakMap", "prototype"],
120704
120723
  "%WeakSetPrototype%": ["WeakSet", "prototype"]
120705
120724
  };
120706
- var bind$3 = functionBind;
120707
- var hasOwn$2 = src;
120708
- var $concat$1 = bind$3.call(Function.call, Array.prototype.concat);
120709
- var $spliceApply$1 = bind$3.call(Function.apply, Array.prototype.splice);
120710
- var $replace$1 = bind$3.call(Function.call, String.prototype.replace);
120711
- var $strSlice$1 = bind$3.call(Function.call, String.prototype.slice);
120712
- var $exec$2 = bind$3.call(Function.call, RegExp.prototype.exec);
120713
- var rePropName$1 = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
120714
- var reEscapeChar$1 = /\\(\\)?/g;
120715
- var stringToPath$1 = function stringToPath(string2) {
120716
- var first = $strSlice$1(string2, 0, 1);
120717
- var last = $strSlice$1(string2, -1);
120725
+ var bind$2 = functionBind;
120726
+ var hasOwn$1 = src;
120727
+ var $concat = bind$2.call(Function.call, Array.prototype.concat);
120728
+ var $spliceApply = bind$2.call(Function.apply, Array.prototype.splice);
120729
+ var $replace = bind$2.call(Function.call, String.prototype.replace);
120730
+ var $strSlice = bind$2.call(Function.call, String.prototype.slice);
120731
+ var $exec$1 = bind$2.call(Function.call, RegExp.prototype.exec);
120732
+ var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
120733
+ var reEscapeChar = /\\(\\)?/g;
120734
+ var stringToPath = function stringToPath2(string2) {
120735
+ var first = $strSlice(string2, 0, 1);
120736
+ var last = $strSlice(string2, -1);
120718
120737
  if (first === "%" && last !== "%") {
120719
- throw new $SyntaxError$1("invalid intrinsic syntax, expected closing `%`");
120738
+ throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");
120720
120739
  } else if (last === "%" && first !== "%") {
120721
- throw new $SyntaxError$1("invalid intrinsic syntax, expected opening `%`");
120740
+ throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");
120722
120741
  }
120723
120742
  var result = [];
120724
- $replace$1(string2, rePropName$1, function(match2, number2, quote, subString) {
120725
- result[result.length] = quote ? $replace$1(subString, reEscapeChar$1, "$1") : number2 || match2;
120743
+ $replace(string2, rePropName, function(match2, number2, quote, subString) {
120744
+ result[result.length] = quote ? $replace(subString, reEscapeChar, "$1") : number2 || match2;
120726
120745
  });
120727
120746
  return result;
120728
120747
  };
120729
- var getBaseIntrinsic$1 = function getBaseIntrinsic(name2, allowMissing) {
120748
+ var getBaseIntrinsic = function getBaseIntrinsic2(name2, allowMissing) {
120730
120749
  var intrinsicName = name2;
120731
120750
  var alias;
120732
- if (hasOwn$2(LEGACY_ALIASES$1, intrinsicName)) {
120733
- alias = LEGACY_ALIASES$1[intrinsicName];
120751
+ if (hasOwn$1(LEGACY_ALIASES, intrinsicName)) {
120752
+ alias = LEGACY_ALIASES[intrinsicName];
120734
120753
  intrinsicName = "%" + alias[0] + "%";
120735
120754
  }
120736
- if (hasOwn$2(INTRINSICS$1, intrinsicName)) {
120737
- var value2 = INTRINSICS$1[intrinsicName];
120738
- if (value2 === needsEval$1) {
120739
- value2 = doEval$1(intrinsicName);
120755
+ if (hasOwn$1(INTRINSICS, intrinsicName)) {
120756
+ var value2 = INTRINSICS[intrinsicName];
120757
+ if (value2 === needsEval) {
120758
+ value2 = doEval(intrinsicName);
120740
120759
  }
120741
120760
  if (typeof value2 === "undefined" && !allowMissing) {
120742
- throw new $TypeError$1("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
120761
+ throw new $TypeError("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
120743
120762
  }
120744
120763
  return {
120745
120764
  alias,
@@ -120747,52 +120766,52 @@ var getBaseIntrinsic$1 = function getBaseIntrinsic(name2, allowMissing) {
120747
120766
  value: value2
120748
120767
  };
120749
120768
  }
120750
- throw new $SyntaxError$1("intrinsic " + name2 + " does not exist!");
120769
+ throw new $SyntaxError("intrinsic " + name2 + " does not exist!");
120751
120770
  };
120752
- var getIntrinsic$1 = function GetIntrinsic(name2, allowMissing) {
120771
+ var getIntrinsic = function GetIntrinsic(name2, allowMissing) {
120753
120772
  if (typeof name2 !== "string" || name2.length === 0) {
120754
- throw new $TypeError$1("intrinsic name must be a non-empty string");
120773
+ throw new $TypeError("intrinsic name must be a non-empty string");
120755
120774
  }
120756
120775
  if (arguments.length > 1 && typeof allowMissing !== "boolean") {
120757
- throw new $TypeError$1('"allowMissing" argument must be a boolean');
120776
+ throw new $TypeError('"allowMissing" argument must be a boolean');
120758
120777
  }
120759
- if ($exec$2(/^%?[^%]*%?$/, name2) === null) {
120760
- throw new $SyntaxError$1("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
120778
+ if ($exec$1(/^%?[^%]*%?$/, name2) === null) {
120779
+ throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
120761
120780
  }
120762
- var parts = stringToPath$1(name2);
120781
+ var parts = stringToPath(name2);
120763
120782
  var intrinsicBaseName = parts.length > 0 ? parts[0] : "";
120764
- var intrinsic = getBaseIntrinsic$1("%" + intrinsicBaseName + "%", allowMissing);
120783
+ var intrinsic = getBaseIntrinsic("%" + intrinsicBaseName + "%", allowMissing);
120765
120784
  var intrinsicRealName = intrinsic.name;
120766
120785
  var value2 = intrinsic.value;
120767
120786
  var skipFurtherCaching = false;
120768
120787
  var alias = intrinsic.alias;
120769
120788
  if (alias) {
120770
120789
  intrinsicBaseName = alias[0];
120771
- $spliceApply$1(parts, $concat$1([0, 1], alias));
120790
+ $spliceApply(parts, $concat([0, 1], alias));
120772
120791
  }
120773
120792
  for (var i2 = 1, isOwn = true; i2 < parts.length; i2 += 1) {
120774
120793
  var part = parts[i2];
120775
- var first = $strSlice$1(part, 0, 1);
120776
- var last = $strSlice$1(part, -1);
120794
+ var first = $strSlice(part, 0, 1);
120795
+ var last = $strSlice(part, -1);
120777
120796
  if ((first === '"' || first === "'" || first === "`" || (last === '"' || last === "'" || last === "`")) && first !== last) {
120778
- throw new $SyntaxError$1("property names with quotes must have matching quotes");
120797
+ throw new $SyntaxError("property names with quotes must have matching quotes");
120779
120798
  }
120780
120799
  if (part === "constructor" || !isOwn) {
120781
120800
  skipFurtherCaching = true;
120782
120801
  }
120783
120802
  intrinsicBaseName += "." + part;
120784
120803
  intrinsicRealName = "%" + intrinsicBaseName + "%";
120785
- if (hasOwn$2(INTRINSICS$1, intrinsicRealName)) {
120786
- value2 = INTRINSICS$1[intrinsicRealName];
120804
+ if (hasOwn$1(INTRINSICS, intrinsicRealName)) {
120805
+ value2 = INTRINSICS[intrinsicRealName];
120787
120806
  } else if (value2 != null) {
120788
120807
  if (!(part in value2)) {
120789
120808
  if (!allowMissing) {
120790
- throw new $TypeError$1("base intrinsic for " + name2 + " exists, but the property is not available.");
120809
+ throw new $TypeError("base intrinsic for " + name2 + " exists, but the property is not available.");
120791
120810
  }
120792
120811
  return void 0;
120793
120812
  }
120794
- if ($gOPD$2 && i2 + 1 >= parts.length) {
120795
- var desc = $gOPD$2(value2, part);
120813
+ if ($gOPD$1 && i2 + 1 >= parts.length) {
120814
+ var desc = $gOPD$1(value2, part);
120796
120815
  isOwn = !!desc;
120797
120816
  if (isOwn && "get" in desc && !("originalValue" in desc.get)) {
120798
120817
  value2 = desc.get;
@@ -120800,11 +120819,11 @@ var getIntrinsic$1 = function GetIntrinsic(name2, allowMissing) {
120800
120819
  value2 = value2[part];
120801
120820
  }
120802
120821
  } else {
120803
- isOwn = hasOwn$2(value2, part);
120822
+ isOwn = hasOwn$1(value2, part);
120804
120823
  value2 = value2[part];
120805
120824
  }
120806
120825
  if (isOwn && !skipFurtherCaching) {
120807
- INTRINSICS$1[intrinsicRealName] = value2;
120826
+ INTRINSICS[intrinsicRealName] = value2;
120808
120827
  }
120809
120828
  }
120810
120829
  }
@@ -120813,13 +120832,13 @@ var getIntrinsic$1 = function GetIntrinsic(name2, allowMissing) {
120813
120832
  var callBind$3 = { exports: {} };
120814
120833
  (function(module2) {
120815
120834
  var bind4 = functionBind;
120816
- var GetIntrinsic4 = getIntrinsic$1;
120817
- var $apply = GetIntrinsic4("%Function.prototype.apply%");
120818
- var $call = GetIntrinsic4("%Function.prototype.call%");
120819
- var $reflectApply = GetIntrinsic4("%Reflect.apply%", true) || bind4.call($call, $apply);
120820
- var $gOPD2 = GetIntrinsic4("%Object.getOwnPropertyDescriptor%", true);
120821
- var $defineProperty2 = GetIntrinsic4("%Object.defineProperty%", true);
120822
- var $max = GetIntrinsic4("%Math.max%");
120835
+ var GetIntrinsic3 = getIntrinsic;
120836
+ var $apply = GetIntrinsic3("%Function.prototype.apply%");
120837
+ var $call = GetIntrinsic3("%Function.prototype.call%");
120838
+ var $reflectApply = GetIntrinsic3("%Reflect.apply%", true) || bind4.call($call, $apply);
120839
+ var $gOPD2 = GetIntrinsic3("%Object.getOwnPropertyDescriptor%", true);
120840
+ var $defineProperty2 = GetIntrinsic3("%Object.defineProperty%", true);
120841
+ var $max = GetIntrinsic3("%Math.max%");
120823
120842
  if ($defineProperty2) {
120824
120843
  try {
120825
120844
  $defineProperty2({}, "a", { value: 1 });
@@ -120851,7 +120870,7 @@ var callBind$3 = { exports: {} };
120851
120870
  }
120852
120871
  })(callBind$3);
120853
120872
  var callBindExports = callBind$3.exports;
120854
- var GetIntrinsic$1 = getIntrinsic$1;
120873
+ var GetIntrinsic$1 = getIntrinsic;
120855
120874
  var callBind$2 = callBindExports;
120856
120875
  var $indexOf = callBind$2(GetIntrinsic$1("String.prototype.indexOf"));
120857
120876
  var callBound$2 = function callBoundIntrinsic(name2, allowMissing) {
@@ -120881,314 +120900,8 @@ var supportsStandardArguments = function() {
120881
120900
  }();
120882
120901
  isStandardArguments.isLegacyArguments = isLegacyArguments;
120883
120902
  var isArguments$1 = supportsStandardArguments ? isStandardArguments : isLegacyArguments;
120884
- var test$1 = {
120885
- foo: {}
120886
- };
120887
- var $Object = Object;
120888
- var hasProto$1 = function hasProto() {
120889
- return { __proto__: test$1 }.foo === test$1.foo && !({ __proto__: null } instanceof $Object);
120890
- };
120891
- var undefined$2;
120892
- var $SyntaxError = SyntaxError;
120893
- var $Function = Function;
120894
- var $TypeError = TypeError;
120895
- var getEvalledConstructor = function(expressionSyntax) {
120896
- try {
120897
- return $Function('"use strict"; return (' + expressionSyntax + ").constructor;")();
120898
- } catch (e3) {
120899
- }
120900
- };
120901
- var $gOPD$1 = Object.getOwnPropertyDescriptor;
120902
- if ($gOPD$1) {
120903
- try {
120904
- $gOPD$1({}, "");
120905
- } catch (e3) {
120906
- $gOPD$1 = null;
120907
- }
120908
- }
120909
- var throwTypeError = function() {
120910
- throw new $TypeError();
120911
- };
120912
- var ThrowTypeError = $gOPD$1 ? function() {
120913
- try {
120914
- arguments.callee;
120915
- return throwTypeError;
120916
- } catch (calleeThrows) {
120917
- try {
120918
- return $gOPD$1(arguments, "callee").get;
120919
- } catch (gOPDthrows) {
120920
- return throwTypeError;
120921
- }
120922
- }
120923
- }() : throwTypeError;
120924
- var hasSymbols$1 = hasSymbols$3();
120925
- var hasProto2 = hasProto$1();
120926
- var getProto$2 = Object.getPrototypeOf || (hasProto2 ? function(x2) {
120927
- return x2.__proto__;
120928
- } : null);
120929
- var needsEval = {};
120930
- var TypedArray$1 = typeof Uint8Array === "undefined" || !getProto$2 ? undefined$2 : getProto$2(Uint8Array);
120931
- var INTRINSICS = {
120932
- "%AggregateError%": typeof AggregateError === "undefined" ? undefined$2 : AggregateError,
120933
- "%Array%": Array,
120934
- "%ArrayBuffer%": typeof ArrayBuffer === "undefined" ? undefined$2 : ArrayBuffer,
120935
- "%ArrayIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2([][Symbol.iterator]()) : undefined$2,
120936
- "%AsyncFromSyncIteratorPrototype%": undefined$2,
120937
- "%AsyncFunction%": needsEval,
120938
- "%AsyncGenerator%": needsEval,
120939
- "%AsyncGeneratorFunction%": needsEval,
120940
- "%AsyncIteratorPrototype%": needsEval,
120941
- "%Atomics%": typeof Atomics === "undefined" ? undefined$2 : Atomics,
120942
- "%BigInt%": typeof BigInt === "undefined" ? undefined$2 : BigInt,
120943
- "%BigInt64Array%": typeof BigInt64Array === "undefined" ? undefined$2 : BigInt64Array,
120944
- "%BigUint64Array%": typeof BigUint64Array === "undefined" ? undefined$2 : BigUint64Array,
120945
- "%Boolean%": Boolean,
120946
- "%DataView%": typeof DataView === "undefined" ? undefined$2 : DataView,
120947
- "%Date%": Date,
120948
- "%decodeURI%": decodeURI,
120949
- "%decodeURIComponent%": decodeURIComponent,
120950
- "%encodeURI%": encodeURI,
120951
- "%encodeURIComponent%": encodeURIComponent,
120952
- "%Error%": Error,
120953
- "%eval%": eval,
120954
- // eslint-disable-line no-eval
120955
- "%EvalError%": EvalError,
120956
- "%Float32Array%": typeof Float32Array === "undefined" ? undefined$2 : Float32Array,
120957
- "%Float64Array%": typeof Float64Array === "undefined" ? undefined$2 : Float64Array,
120958
- "%FinalizationRegistry%": typeof FinalizationRegistry === "undefined" ? undefined$2 : FinalizationRegistry,
120959
- "%Function%": $Function,
120960
- "%GeneratorFunction%": needsEval,
120961
- "%Int8Array%": typeof Int8Array === "undefined" ? undefined$2 : Int8Array,
120962
- "%Int16Array%": typeof Int16Array === "undefined" ? undefined$2 : Int16Array,
120963
- "%Int32Array%": typeof Int32Array === "undefined" ? undefined$2 : Int32Array,
120964
- "%isFinite%": isFinite,
120965
- "%isNaN%": isNaN,
120966
- "%IteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(getProto$2([][Symbol.iterator]())) : undefined$2,
120967
- "%JSON%": typeof JSON === "object" ? JSON : undefined$2,
120968
- "%Map%": typeof Map === "undefined" ? undefined$2 : Map,
120969
- "%MapIteratorPrototype%": typeof Map === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Map())[Symbol.iterator]()),
120970
- "%Math%": Math,
120971
- "%Number%": Number,
120972
- "%Object%": Object,
120973
- "%parseFloat%": parseFloat,
120974
- "%parseInt%": parseInt,
120975
- "%Promise%": typeof Promise === "undefined" ? undefined$2 : Promise,
120976
- "%Proxy%": typeof Proxy === "undefined" ? undefined$2 : Proxy,
120977
- "%RangeError%": RangeError,
120978
- "%ReferenceError%": ReferenceError,
120979
- "%Reflect%": typeof Reflect === "undefined" ? undefined$2 : Reflect,
120980
- "%RegExp%": RegExp,
120981
- "%Set%": typeof Set === "undefined" ? undefined$2 : Set,
120982
- "%SetIteratorPrototype%": typeof Set === "undefined" || !hasSymbols$1 || !getProto$2 ? undefined$2 : getProto$2((/* @__PURE__ */ new Set())[Symbol.iterator]()),
120983
- "%SharedArrayBuffer%": typeof SharedArrayBuffer === "undefined" ? undefined$2 : SharedArrayBuffer,
120984
- "%String%": String,
120985
- "%StringIteratorPrototype%": hasSymbols$1 && getProto$2 ? getProto$2(""[Symbol.iterator]()) : undefined$2,
120986
- "%Symbol%": hasSymbols$1 ? Symbol : undefined$2,
120987
- "%SyntaxError%": $SyntaxError,
120988
- "%ThrowTypeError%": ThrowTypeError,
120989
- "%TypedArray%": TypedArray$1,
120990
- "%TypeError%": $TypeError,
120991
- "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined$2 : Uint8Array,
120992
- "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined$2 : Uint8ClampedArray,
120993
- "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined$2 : Uint16Array,
120994
- "%Uint32Array%": typeof Uint32Array === "undefined" ? undefined$2 : Uint32Array,
120995
- "%URIError%": URIError,
120996
- "%WeakMap%": typeof WeakMap === "undefined" ? undefined$2 : WeakMap,
120997
- "%WeakRef%": typeof WeakRef === "undefined" ? undefined$2 : WeakRef,
120998
- "%WeakSet%": typeof WeakSet === "undefined" ? undefined$2 : WeakSet
120999
- };
121000
- if (getProto$2) {
121001
- try {
121002
- null.error;
121003
- } catch (e3) {
121004
- var errorProto = getProto$2(getProto$2(e3));
121005
- INTRINSICS["%Error.prototype%"] = errorProto;
121006
- }
121007
- }
121008
- var doEval2 = function doEval3(name2) {
121009
- var value2;
121010
- if (name2 === "%AsyncFunction%") {
121011
- value2 = getEvalledConstructor("async function () {}");
121012
- } else if (name2 === "%GeneratorFunction%") {
121013
- value2 = getEvalledConstructor("function* () {}");
121014
- } else if (name2 === "%AsyncGeneratorFunction%") {
121015
- value2 = getEvalledConstructor("async function* () {}");
121016
- } else if (name2 === "%AsyncGenerator%") {
121017
- var fn = doEval3("%AsyncGeneratorFunction%");
121018
- if (fn) {
121019
- value2 = fn.prototype;
121020
- }
121021
- } else if (name2 === "%AsyncIteratorPrototype%") {
121022
- var gen = doEval3("%AsyncGenerator%");
121023
- if (gen && getProto$2) {
121024
- value2 = getProto$2(gen.prototype);
121025
- }
121026
- }
121027
- INTRINSICS[name2] = value2;
121028
- return value2;
121029
- };
121030
- var LEGACY_ALIASES = {
121031
- "%ArrayBufferPrototype%": ["ArrayBuffer", "prototype"],
121032
- "%ArrayPrototype%": ["Array", "prototype"],
121033
- "%ArrayProto_entries%": ["Array", "prototype", "entries"],
121034
- "%ArrayProto_forEach%": ["Array", "prototype", "forEach"],
121035
- "%ArrayProto_keys%": ["Array", "prototype", "keys"],
121036
- "%ArrayProto_values%": ["Array", "prototype", "values"],
121037
- "%AsyncFunctionPrototype%": ["AsyncFunction", "prototype"],
121038
- "%AsyncGenerator%": ["AsyncGeneratorFunction", "prototype"],
121039
- "%AsyncGeneratorPrototype%": ["AsyncGeneratorFunction", "prototype", "prototype"],
121040
- "%BooleanPrototype%": ["Boolean", "prototype"],
121041
- "%DataViewPrototype%": ["DataView", "prototype"],
121042
- "%DatePrototype%": ["Date", "prototype"],
121043
- "%ErrorPrototype%": ["Error", "prototype"],
121044
- "%EvalErrorPrototype%": ["EvalError", "prototype"],
121045
- "%Float32ArrayPrototype%": ["Float32Array", "prototype"],
121046
- "%Float64ArrayPrototype%": ["Float64Array", "prototype"],
121047
- "%FunctionPrototype%": ["Function", "prototype"],
121048
- "%Generator%": ["GeneratorFunction", "prototype"],
121049
- "%GeneratorPrototype%": ["GeneratorFunction", "prototype", "prototype"],
121050
- "%Int8ArrayPrototype%": ["Int8Array", "prototype"],
121051
- "%Int16ArrayPrototype%": ["Int16Array", "prototype"],
121052
- "%Int32ArrayPrototype%": ["Int32Array", "prototype"],
121053
- "%JSONParse%": ["JSON", "parse"],
121054
- "%JSONStringify%": ["JSON", "stringify"],
121055
- "%MapPrototype%": ["Map", "prototype"],
121056
- "%NumberPrototype%": ["Number", "prototype"],
121057
- "%ObjectPrototype%": ["Object", "prototype"],
121058
- "%ObjProto_toString%": ["Object", "prototype", "toString"],
121059
- "%ObjProto_valueOf%": ["Object", "prototype", "valueOf"],
121060
- "%PromisePrototype%": ["Promise", "prototype"],
121061
- "%PromiseProto_then%": ["Promise", "prototype", "then"],
121062
- "%Promise_all%": ["Promise", "all"],
121063
- "%Promise_reject%": ["Promise", "reject"],
121064
- "%Promise_resolve%": ["Promise", "resolve"],
121065
- "%RangeErrorPrototype%": ["RangeError", "prototype"],
121066
- "%ReferenceErrorPrototype%": ["ReferenceError", "prototype"],
121067
- "%RegExpPrototype%": ["RegExp", "prototype"],
121068
- "%SetPrototype%": ["Set", "prototype"],
121069
- "%SharedArrayBufferPrototype%": ["SharedArrayBuffer", "prototype"],
121070
- "%StringPrototype%": ["String", "prototype"],
121071
- "%SymbolPrototype%": ["Symbol", "prototype"],
121072
- "%SyntaxErrorPrototype%": ["SyntaxError", "prototype"],
121073
- "%TypedArrayPrototype%": ["TypedArray", "prototype"],
121074
- "%TypeErrorPrototype%": ["TypeError", "prototype"],
121075
- "%Uint8ArrayPrototype%": ["Uint8Array", "prototype"],
121076
- "%Uint8ClampedArrayPrototype%": ["Uint8ClampedArray", "prototype"],
121077
- "%Uint16ArrayPrototype%": ["Uint16Array", "prototype"],
121078
- "%Uint32ArrayPrototype%": ["Uint32Array", "prototype"],
121079
- "%URIErrorPrototype%": ["URIError", "prototype"],
121080
- "%WeakMapPrototype%": ["WeakMap", "prototype"],
121081
- "%WeakSetPrototype%": ["WeakSet", "prototype"]
121082
- };
121083
- var bind$2 = functionBind;
121084
- var hasOwn$1 = src;
121085
- var $concat = bind$2.call(Function.call, Array.prototype.concat);
121086
- var $spliceApply = bind$2.call(Function.apply, Array.prototype.splice);
121087
- var $replace = bind$2.call(Function.call, String.prototype.replace);
121088
- var $strSlice = bind$2.call(Function.call, String.prototype.slice);
121089
- var $exec$1 = bind$2.call(Function.call, RegExp.prototype.exec);
121090
- var rePropName = /[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g;
121091
- var reEscapeChar = /\\(\\)?/g;
121092
- var stringToPath2 = function stringToPath3(string2) {
121093
- var first = $strSlice(string2, 0, 1);
121094
- var last = $strSlice(string2, -1);
121095
- if (first === "%" && last !== "%") {
121096
- throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");
121097
- } else if (last === "%" && first !== "%") {
121098
- throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");
121099
- }
121100
- var result = [];
121101
- $replace(string2, rePropName, function(match2, number2, quote, subString) {
121102
- result[result.length] = quote ? $replace(subString, reEscapeChar, "$1") : number2 || match2;
121103
- });
121104
- return result;
121105
- };
121106
- var getBaseIntrinsic2 = function getBaseIntrinsic3(name2, allowMissing) {
121107
- var intrinsicName = name2;
121108
- var alias;
121109
- if (hasOwn$1(LEGACY_ALIASES, intrinsicName)) {
121110
- alias = LEGACY_ALIASES[intrinsicName];
121111
- intrinsicName = "%" + alias[0] + "%";
121112
- }
121113
- if (hasOwn$1(INTRINSICS, intrinsicName)) {
121114
- var value2 = INTRINSICS[intrinsicName];
121115
- if (value2 === needsEval) {
121116
- value2 = doEval2(intrinsicName);
121117
- }
121118
- if (typeof value2 === "undefined" && !allowMissing) {
121119
- throw new $TypeError("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
121120
- }
121121
- return {
121122
- alias,
121123
- name: intrinsicName,
121124
- value: value2
121125
- };
121126
- }
121127
- throw new $SyntaxError("intrinsic " + name2 + " does not exist!");
121128
- };
121129
- var getIntrinsic = function GetIntrinsic2(name2, allowMissing) {
121130
- if (typeof name2 !== "string" || name2.length === 0) {
121131
- throw new $TypeError("intrinsic name must be a non-empty string");
121132
- }
121133
- if (arguments.length > 1 && typeof allowMissing !== "boolean") {
121134
- throw new $TypeError('"allowMissing" argument must be a boolean');
121135
- }
121136
- if ($exec$1(/^%?[^%]*%?$/, name2) === null) {
121137
- throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
121138
- }
121139
- var parts = stringToPath2(name2);
121140
- var intrinsicBaseName = parts.length > 0 ? parts[0] : "";
121141
- var intrinsic = getBaseIntrinsic2("%" + intrinsicBaseName + "%", allowMissing);
121142
- var intrinsicRealName = intrinsic.name;
121143
- var value2 = intrinsic.value;
121144
- var skipFurtherCaching = false;
121145
- var alias = intrinsic.alias;
121146
- if (alias) {
121147
- intrinsicBaseName = alias[0];
121148
- $spliceApply(parts, $concat([0, 1], alias));
121149
- }
121150
- for (var i2 = 1, isOwn = true; i2 < parts.length; i2 += 1) {
121151
- var part = parts[i2];
121152
- var first = $strSlice(part, 0, 1);
121153
- var last = $strSlice(part, -1);
121154
- if ((first === '"' || first === "'" || first === "`" || (last === '"' || last === "'" || last === "`")) && first !== last) {
121155
- throw new $SyntaxError("property names with quotes must have matching quotes");
121156
- }
121157
- if (part === "constructor" || !isOwn) {
121158
- skipFurtherCaching = true;
121159
- }
121160
- intrinsicBaseName += "." + part;
121161
- intrinsicRealName = "%" + intrinsicBaseName + "%";
121162
- if (hasOwn$1(INTRINSICS, intrinsicRealName)) {
121163
- value2 = INTRINSICS[intrinsicRealName];
121164
- } else if (value2 != null) {
121165
- if (!(part in value2)) {
121166
- if (!allowMissing) {
121167
- throw new $TypeError("base intrinsic for " + name2 + " exists, but the property is not available.");
121168
- }
121169
- return void 0;
121170
- }
121171
- if ($gOPD$1 && i2 + 1 >= parts.length) {
121172
- var desc = $gOPD$1(value2, part);
121173
- isOwn = !!desc;
121174
- if (isOwn && "get" in desc && !("originalValue" in desc.get)) {
121175
- value2 = desc.get;
121176
- } else {
121177
- value2 = value2[part];
121178
- }
121179
- } else {
121180
- isOwn = hasOwn$1(value2, part);
121181
- value2 = value2[part];
121182
- }
121183
- if (isOwn && !skipFurtherCaching) {
121184
- INTRINSICS[intrinsicRealName] = value2;
121185
- }
121186
- }
121187
- }
121188
- return value2;
121189
- };
121190
- var GetIntrinsic3 = getIntrinsic;
121191
- var $defineProperty = GetIntrinsic3("%Object.defineProperty%", true);
120903
+ var GetIntrinsic2 = getIntrinsic;
120904
+ var $defineProperty = GetIntrinsic2("%Object.defineProperty%", true);
121192
120905
  var hasPropertyDescriptors$1 = function hasPropertyDescriptors() {
121193
120906
  if ($defineProperty) {
121194
120907
  try {
@@ -155474,16 +155187,16 @@ async function getDecoder(fileDirectory) {
155474
155187
  const Decoder = await importFn();
155475
155188
  return new Decoder(fileDirectory);
155476
155189
  }
155477
- addDecoder([void 0, 1], () => import("./raw-3c693341.js").then((m2) => m2.default));
155478
- addDecoder(5, () => import("./lzw-865bd058.js").then((m2) => m2.default));
155190
+ addDecoder([void 0, 1], () => import("./raw-90cab418.js").then((m2) => m2.default));
155191
+ addDecoder(5, () => import("./lzw-e2d5a7f6.js").then((m2) => m2.default));
155479
155192
  addDecoder(6, () => {
155480
155193
  throw new Error("old style JPEG compression is not supported.");
155481
155194
  });
155482
- addDecoder(7, () => import("./jpeg-e740c9a5.js").then((m2) => m2.default));
155483
- addDecoder([8, 32946], () => import("./deflate-f57b3163.js").then((m2) => m2.default));
155484
- addDecoder(32773, () => import("./packbits-d4191efd.js").then((m2) => m2.default));
155485
- addDecoder(34887, () => import("./lerc-01e6c4d8.js").then((m2) => m2.default));
155486
- addDecoder(50001, () => import("./webimage-83da2258.js").then((m2) => m2.default));
155195
+ addDecoder(7, () => import("./jpeg-d5225556.js").then((m2) => m2.default));
155196
+ addDecoder([8, 32946], () => import("./deflate-c18e8d14.js").then((m2) => m2.default));
155197
+ addDecoder(32773, () => import("./packbits-b6a798a9.js").then((m2) => m2.default));
155198
+ addDecoder(34887, () => import("./lerc-e2ffe296.js").then((m2) => m2.default));
155199
+ addDecoder(50001, () => import("./webimage-ad4dfc02.js").then((m2) => m2.default));
155487
155200
  function copyNewSize(array2, width2, height2, samplesPerPixel = 1) {
155488
155201
  return new (Object.getPrototypeOf(array2)).constructor(width2 * height2 * samplesPerPixel);
155489
155202
  }
@@ -171929,7 +171642,7 @@ const VisibilityOffIcon = createSvgIcon(/* @__PURE__ */ React.createElement("pat
171929
171642
  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"
171930
171643
  }), "VisibilityOff");
171931
171644
  const useStyles$b = makeStyles(() => ({
171932
- button: {
171645
+ toolButton: {
171933
171646
  display: "inline-flex",
171934
171647
  "&:active": {
171935
171648
  opacity: ".65",
@@ -171952,7 +171665,7 @@ const useStyles$b = makeStyles(() => ({
171952
171665
  transform: "scale(0.98)"
171953
171666
  // make the button slightly smaller
171954
171667
  },
171955
- icon: {
171668
+ toolIcon: {
171956
171669
  // btn btn-outline-secondary mr-2 icon
171957
171670
  padding: "0",
171958
171671
  height: "2em",
@@ -171990,12 +171703,12 @@ const useStyles$b = makeStyles(() => ({
171990
171703
  function IconTool(props2) {
171991
171704
  const { alt, onClick, isActive: isActive2, children: children2 } = props2;
171992
171705
  const classes = useStyles$b();
171993
- return jsxRuntimeExports.jsx("button", { className: clsx(classes.icon, { [classes.toolActive]: isActive2 }), onClick, type: "button", title: alt, children: children2 });
171706
+ return jsxRuntimeExports.jsx("button", { className: clsx(classes.toolIcon, { [classes.toolActive]: isActive2 }), onClick, type: "button", title: alt, children: children2 });
171994
171707
  }
171995
171708
  function IconButton2(props2) {
171996
171709
  const { alt, onClick, children: children2 } = props2;
171997
171710
  const classes = useStyles$b();
171998
- return jsxRuntimeExports.jsx("button", { className: clsx(classes.icon, classes.button), onClick, type: "button", title: alt, children: children2 });
171711
+ return jsxRuntimeExports.jsx("button", { className: clsx(classes.toolIcon, classes.toolButton), onClick, type: "button", title: alt, children: children2 });
171999
171712
  }
172000
171713
  function ToolMenu(props2) {
172001
171714
  const { setActiveTool, activeTool, visibleTools = { pan: true, selectLasso: true }, recenterOnClick = () => {
@@ -172099,7 +171812,7 @@ class AbstractSpatialOrScatterplot extends PureComponent {
172099
171812
  // eslint-disable-next-line consistent-return
172100
171813
  onHover(info2) {
172101
171814
  const { coordinate, sourceLayer: layer, tile } = info2;
172102
- const { setCellHighlight, cellHighlight, setComponentHover, layers } = this.props;
171815
+ const { setCellHighlight, cellHighlight, setComponentHover, layers, setHoverInfo } = this.props;
172103
171816
  const hasBitmask = (layers || []).some((l2) => l2.type === "bitmask");
172104
171817
  if (!setCellHighlight || !tile) {
172105
171818
  return null;
@@ -172108,6 +171821,9 @@ class AbstractSpatialOrScatterplot extends PureComponent {
172108
171821
  if (cellHighlight && hasBitmask) {
172109
171822
  setCellHighlight(null);
172110
171823
  }
171824
+ if (setHoverInfo) {
171825
+ setHoverInfo(null, null);
171826
+ }
172111
171827
  return null;
172112
171828
  }
172113
171829
  const { content: content2, bbox: bbox2, index: { z: z2 } } = tile;
@@ -172115,6 +171831,9 @@ class AbstractSpatialOrScatterplot extends PureComponent {
172115
171831
  if (cellHighlight && hasBitmask) {
172116
171832
  setCellHighlight(null);
172117
171833
  }
171834
+ if (setHoverInfo) {
171835
+ setHoverInfo(null, null);
171836
+ }
172118
171837
  return null;
172119
171838
  }
172120
171839
  const { data: data2, width: width2, height: height2 } = content2;
@@ -172146,6 +171865,13 @@ class AbstractSpatialOrScatterplot extends PureComponent {
172146
171865
  }
172147
171866
  setCellHighlight(cellId ? String(cellId) : null);
172148
171867
  }
171868
+ if (setHoverInfo) {
171869
+ if (cellId) {
171870
+ setHoverInfo(hoverData, coordinate);
171871
+ } else {
171872
+ setHoverInfo(null, null);
171873
+ }
171874
+ }
172149
171875
  }
172150
171876
  }
172151
171877
  /**
@@ -172160,7 +171886,8 @@ class AbstractSpatialOrScatterplot extends PureComponent {
172160
171886
  if (updateViewInfo && viewport) {
172161
171887
  updateViewInfo({
172162
171888
  uuid,
172163
- project: (obsId) => {
171889
+ project: viewport.project,
171890
+ projectFromId: (obsId) => {
172164
171891
  try {
172165
171892
  if (obsIndex && obsLocations) {
172166
171893
  const getObsCoords = makeGetObsCoords(obsLocations);
@@ -172775,7 +172502,7 @@ function ScatterplotTooltipSubscriber(props2) {
172775
172502
  const viewInfo = useComponentViewInfo(parentUuid);
172776
172503
  const [cellInfo, x2, y2] = obsHighlight && getObsInfo ? [
172777
172504
  getObsInfo(obsHighlight),
172778
- ...viewInfo && viewInfo.project ? viewInfo.project(obsHighlight) : [null, null]
172505
+ ...viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsHighlight) : [null, null]
172779
172506
  ] : [null, null, null];
172780
172507
  return cellInfo ? jsxRuntimeExports.jsx(Tooltip2D, { x: x2, y: y2, parentUuid, sourceUuid, parentWidth: width2, parentHeight: height2, children: jsxRuntimeExports.jsx(TooltipContent, { info: cellInfo }) }) : null;
172781
172508
  }
@@ -174758,17 +174485,17 @@ function EmbeddingScatterplotSubscriber(props2) {
174758
174485
  const setComponentHover = useSetComponentHover();
174759
174486
  const setComponentViewInfo = useSetComponentViewInfo(uuid);
174760
174487
  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);
174488
+ const { embeddingZoom: initialZoom, embeddingTargetX: initialTargetX, embeddingTargetY: initialTargetY } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SCATTERPLOT], coordinationScopes);
174761
174489
  const observationsLabel = observationsLabelOverride || obsType;
174762
- const [urls2, addUrl2] = useUrls(loaders, dataset);
174763
174490
  const [width2, height2, deckRef] = useDeckCanvasSize();
174764
174491
  const title2 = titleOverride || `Scatterplot (${mapping})`;
174765
- const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset, addUrl2);
174766
- const [{ obsIndex: obsEmbeddingIndex, obsEmbedding }, obsEmbeddingStatus] = useObsEmbeddingData(loaders, dataset, addUrl2, true, {}, {}, { obsType, embeddingType: mapping });
174492
+ const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
174493
+ const [{ obsIndex: obsEmbeddingIndex, obsEmbedding }, obsEmbeddingStatus, obsEmbeddingUrls] = useObsEmbeddingData(loaders, dataset, true, {}, {}, { obsType, embeddingType: mapping });
174767
174494
  const cellsCount = (obsEmbeddingIndex == null ? void 0 : obsEmbeddingIndex.length) || 0;
174768
- const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
174495
+ const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
174769
174496
  const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
174770
- const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
174771
- const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
174497
+ const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
174498
+ const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
174772
174499
  const isReady = useReady([
174773
174500
  obsEmbeddingStatus,
174774
174501
  obsSetsStatus,
@@ -174776,6 +174503,12 @@ function EmbeddingScatterplotSubscriber(props2) {
174776
174503
  featureLabelsStatus,
174777
174504
  matrixIndicesStatus
174778
174505
  ]);
174506
+ const urls2 = useUrls([
174507
+ obsEmbeddingUrls,
174508
+ obsSetsUrls,
174509
+ matrixIndicesUrls,
174510
+ featureLabelsUrls
174511
+ ]);
174779
174512
  const [dynamicCellRadius, setDynamicCellRadius] = useState(cellRadiusFixed);
174780
174513
  const [dynamicCellOpacity, setDynamicCellOpacity] = useState(cellOpacityFixed);
174781
174514
  const [originalViewState, setOriginalViewState] = useState(null);
@@ -174848,33 +174581,39 @@ function EmbeddingScatterplotSubscriber(props2) {
174848
174581
  return [null, null, null, null, null];
174849
174582
  }, [obsEmbedding]);
174850
174583
  useEffect(() => {
174851
- if (xRange && yRange && isReady) {
174584
+ if (xRange && yRange) {
174852
174585
  const pointSizeDevicePixels = getPointSizeDevicePixels(window.devicePixelRatio, zoom2, xRange, yRange, width2, height2);
174853
174586
  setDynamicCellRadius(pointSizeDevicePixels);
174854
174587
  const nextCellOpacityScale = getPointOpacity(zoom2, xRange, yRange, width2, height2, numCells, averageFillDensity);
174855
174588
  setDynamicCellOpacity(nextCellOpacityScale);
174856
- if (typeof targetX2 !== "number" || typeof targetY2 !== "number") {
174589
+ if (typeof initialTargetX !== "number" || typeof initialTargetY !== "number") {
174857
174590
  const newTargetX = xExtent[0] + xRange / 2;
174858
174591
  const newTargetY = yExtent[0] + yRange / 2;
174859
174592
  const newZoom = Math.log2(Math.min(width2 / xRange, height2 / yRange));
174860
- setTargetX(newTargetX);
174861
- setTargetY(-newTargetY);
174862
- setZoom(newZoom);
174593
+ const notYetInitialized = typeof targetX2 !== "number" || typeof targetY2 !== "number";
174594
+ const stillDefaultInitialized = targetX2 === newTargetX && targetY2 === -newTargetY;
174595
+ if (notYetInitialized || stillDefaultInitialized) {
174596
+ setTargetX(newTargetX);
174597
+ setTargetY(-newTargetY);
174598
+ setZoom(newZoom);
174599
+ }
174863
174600
  setOriginalViewState({ target: [newTargetX, -newTargetY, 0], zoom: newZoom });
174864
174601
  } else if (!originalViewState) {
174865
- setOriginalViewState({ target: [targetX2, targetY2, 0], zoom: zoom2 });
174602
+ setOriginalViewState({ target: [initialTargetX, initialTargetY, 0], zoom: initialZoom });
174866
174603
  }
174867
174604
  }
174868
174605
  }, [
174869
174606
  xRange,
174870
174607
  yRange,
174871
- isReady,
174872
174608
  xExtent,
174873
174609
  yExtent,
174874
174610
  numCells,
174875
174611
  width2,
174876
174612
  height2,
174613
+ initialZoom,
174877
174614
  zoom2,
174615
+ initialTargetX,
174616
+ initialTargetY,
174878
174617
  averageFillDensity
174879
174618
  ]);
174880
174619
  const getObsInfo = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
@@ -174953,7 +174692,6 @@ function GatingSubscriber(props2) {
174953
174692
  const setComponentHover = useSetComponentHover();
174954
174693
  const setComponentViewInfo = useSetComponentViewInfo(uuid);
174955
174694
  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);
174956
- const [urls2, addUrl2] = useUrls(loaders, dataset);
174957
174695
  const [width2, height2, deckRef] = useDeckCanvasSize();
174958
174696
  const title2 = useMemo(() => {
174959
174697
  if (titleOverride) {
@@ -174966,11 +174704,11 @@ function GatingSubscriber(props2) {
174966
174704
  }, [titleOverride, gatingFeatureSelectionX, gatingFeatureSelectionY]);
174967
174705
  const featureSelectionX = useMemo(() => gatingFeatureSelectionX ? [gatingFeatureSelectionX] : null, [gatingFeatureSelectionX]);
174968
174706
  const featureSelectionY = useMemo(() => gatingFeatureSelectionY ? [gatingFeatureSelectionY] : null, [gatingFeatureSelectionY]);
174969
- const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
174707
+ const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
174970
174708
  const [expressionDataColor, loadedColor, featureSelectionColorStatus] = useFeatureSelection(loaders, dataset, false, gatingFeatureSelectionColor, { obsType, featureType, featureValueType });
174971
174709
  const [expressionDataX, loadedX, featureSelectionXStatus] = useFeatureSelection(loaders, dataset, false, featureSelectionX, { obsType, featureType, featureValueType });
174972
174710
  const [expressionDataY, loadedY, featureSelectionYStatus] = useFeatureSelection(loaders, dataset, false, featureSelectionY, { obsType, featureType, featureValueType });
174973
- const [{ obsIndex, featureIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
174711
+ const [{ obsIndex, featureIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
174974
174712
  const cellsCount = (obsIndex == null ? void 0 : obsIndex.length) || 0;
174975
174713
  const isReady = useReady([
174976
174714
  obsSetsStatus,
@@ -174979,6 +174717,10 @@ function GatingSubscriber(props2) {
174979
174717
  featureSelectionYStatus,
174980
174718
  matrixIndicesStatus
174981
174719
  ]);
174720
+ const urls2 = useUrls([
174721
+ obsSetsUrls,
174722
+ matrixIndicesUrls
174723
+ ]);
174982
174724
  const obsXY = useMemo(() => {
174983
174725
  if (!(cellsCount && (expressionDataX == null ? void 0 : expressionDataX[0]) && (expressionDataY == null ? void 0 : expressionDataY[0]) && featureSelectionX && featureSelectionY)) {
174984
174726
  return null;
@@ -175422,7 +175164,7 @@ var config$1 = function config(options) {
175422
175164
  }
175423
175165
  return Object.freeze(DEFAULT_CONFIG);
175424
175166
  };
175425
- _extends$7(config$1, DEFAULT_CONFIG, {
175167
+ _extends$6(config$1, DEFAULT_CONFIG, {
175426
175168
  MATRIX_OPTIONS,
175427
175169
  NUMBER_OPTIONS
175428
175170
  });
@@ -185192,7 +184934,7 @@ function _objectSpread$3(target2) {
185192
184934
  var source2 = arguments[i2] != null ? arguments[i2] : {};
185193
184935
  if (i2 % 2) {
185194
184936
  ownKeys$3(Object(source2), true).forEach(function(key2) {
185195
- _defineProperty$n(target2, key2, source2[key2]);
184937
+ _defineProperty$m(target2, key2, source2[key2]);
185196
184938
  });
185197
184939
  } else if (Object.getOwnPropertyDescriptors) {
185198
184940
  Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2));
@@ -186020,7 +185762,7 @@ function _objectSpread$2(target2) {
186020
185762
  var source2 = arguments[i2] != null ? arguments[i2] : {};
186021
185763
  if (i2 % 2) {
186022
185764
  ownKeys$2(Object(source2), true).forEach(function(key2) {
186023
- _defineProperty$n(target2, key2, source2[key2]);
185765
+ _defineProperty$m(target2, key2, source2[key2]);
186024
185766
  });
186025
185767
  } else if (Object.getOwnPropertyDescriptors) {
186026
185768
  Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source2));
@@ -187426,9 +187168,9 @@ var createUnitClass = /* @__PURE__ */ factory(name$8, dependencies$7, (_ref3) =>
187426
187168
  }
187427
187169
  }
187428
187170
  };
187429
- PREFIXES.SHORTLONG = _extends$7({}, PREFIXES.SHORT, PREFIXES.LONG);
187430
- PREFIXES.BINARY_SHORT = _extends$7({}, PREFIXES.BINARY_SHORT_SI, PREFIXES.BINARY_SHORT_IEC);
187431
- PREFIXES.BINARY_LONG = _extends$7({}, PREFIXES.BINARY_LONG_SI, PREFIXES.BINARY_LONG_IEC);
187171
+ PREFIXES.SHORTLONG = _extends$6({}, PREFIXES.SHORT, PREFIXES.LONG);
187172
+ PREFIXES.BINARY_SHORT = _extends$6({}, PREFIXES.BINARY_SHORT_SI, PREFIXES.BINARY_SHORT_IEC);
187173
+ PREFIXES.BINARY_LONG = _extends$6({}, PREFIXES.BINARY_LONG_SI, PREFIXES.BINARY_LONG_IEC);
187432
187174
  var BASE_DIMENSIONS = ["MASS", "LENGTH", "TIME", "CURRENT", "TEMPERATURE", "LUMINOUS_INTENSITY", "AMOUNT_OF_SUBSTANCE", "ANGLE", "BIT"];
187433
187175
  var BASE_UNITS = {
187434
187176
  NONE: {
@@ -191219,16 +190961,13 @@ const useToggleStyles = makeStyles(() => ({
191219
190961
  cameraLabel: {
191220
190962
  padding: "0px 0px 0px 16px"
191221
190963
  },
191222
- box: {
190964
+ toggleBox: {
191223
190965
  padding: "0px"
191224
- },
191225
- button: {
191226
- padding: "0px 0px 0px 8px"
191227
190966
  }
191228
190967
  }));
191229
190968
  const ToggleFixedAxisButton = ({ setSpatialAxisFixed, spatialAxisFixed, use3d }) => {
191230
190969
  const classes = useToggleStyles();
191231
- 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) }) })] });
190970
+ 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) }) })] });
191232
190971
  };
191233
190972
  function SpatialOptions(props2) {
191234
190973
  const { observationsLabel, cellColorEncoding, setCellColorEncoding, setSpatialAxisFixed, spatialAxisFixed, use3d, tooltipsVisible, setTooltipsVisible, geneExpressionColormap, setGeneExpressionColormap, geneExpressionColormapRange, setGeneExpressionColormapRange, canShowExpressionOptions, canShowColorEncodingOption, canShow3DOptions } = props2;
@@ -191259,13 +190998,25 @@ function SpatialOptions(props2) {
191259
190998
  }, 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] });
191260
190999
  }
191261
191000
  function SpatialTooltipSubscriber(props2) {
191262
- const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo } = props2;
191001
+ const { parentUuid, obsHighlight, width: width2, height: height2, getObsInfo, hoverData, hoverCoord, useHoverInfoForTooltip, getObsIdFromHoverData } = props2;
191263
191002
  const sourceUuid = useComponentHover();
191264
191003
  const viewInfo = useComponentViewInfo(parentUuid);
191265
- const [cellInfo, x2, y2] = obsHighlight && getObsInfo ? [
191266
- getObsInfo(obsHighlight),
191267
- ...viewInfo && viewInfo.project ? viewInfo.project(obsHighlight) : [null, null]
191268
- ] : [null, null, null];
191004
+ let [cellInfo, x2, y2] = [null, null, null];
191005
+ if (useHoverInfoForTooltip && getObsIdFromHoverData && hoverData && hoverCoord && parentUuid === sourceUuid) {
191006
+ const obsId = getObsIdFromHoverData(hoverData);
191007
+ if (obsId) {
191008
+ [cellInfo, x2, y2] = [
191009
+ getObsInfo(obsId),
191010
+ ...viewInfo && viewInfo.project ? viewInfo.project(hoverCoord) : [null, null]
191011
+ ];
191012
+ }
191013
+ } else if (!useHoverInfoForTooltip && getObsInfo && obsHighlight) {
191014
+ const obsId = obsHighlight;
191015
+ [cellInfo, x2, y2] = [
191016
+ getObsInfo(obsId),
191017
+ ...viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsId) : [null, null]
191018
+ ];
191019
+ }
191269
191020
  return cellInfo ? jsxRuntimeExports.jsx(Tooltip2D, { x: x2, y: y2, parentUuid, sourceUuid, parentWidth: width2, parentHeight: height2, children: jsxRuntimeExports.jsx(TooltipContent, { info: cellInfo }) }) : null;
191270
191021
  }
191271
191022
  function SpatialSubscriber(props2) {
@@ -191274,27 +191025,27 @@ function SpatialSubscriber(props2) {
191274
191025
  const setComponentHover = useSetComponentHover();
191275
191026
  const setComponentViewInfo = useSetComponentViewInfo(uuid);
191276
191027
  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);
191028
+ const { spatialZoom: initialZoom, spatialTargetX: initialTargetX, spatialTargetY: initialTargetY, spatialTargetZ: initialTargetZ } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.SPATIAL], coordinationScopes);
191277
191029
  const observationsLabel = observationsLabelOverride || obsType;
191278
191030
  const [{ imageLayerCallbacks, segmentationLayerCallbacks }] = useAuxiliaryCoordination(COMPONENT_COORDINATION_TYPES.layerController, coordinationScopes);
191279
191031
  const use3d = imageLayers == null ? void 0 : imageLayers.some((l2) => l2.use3d);
191280
- const [urls2, addUrl2] = useUrls(loaders, dataset);
191281
191032
  const [width2, height2, deckRef] = useDeckCanvasSize();
191282
- const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset, addUrl2);
191033
+ const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
191283
191034
  const hasExpressionData = useHasLoader(loaders, dataset, DataType$2.OBS_FEATURE_MATRIX, { obsType, featureType, featureValueType });
191284
191035
  const hasSegmentationsData = useHasLoader(loaders, dataset, DataType$2.OBS_SEGMENTATIONS, { obsType });
191285
191036
  const hasLocationsData = useHasLoader(loaders, dataset, DataType$2.OBS_LOCATIONS, { obsType });
191286
191037
  const hasImageData = useHasLoader(loaders, dataset, DataType$2.IMAGE, {});
191287
- const [{ obsIndex: obsLocationsIndex, obsLocations }, obsLocationsStatus] = useObsLocationsData(loaders, dataset, addUrl2, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, { obsType: "molecule" });
191288
- const [{ obsLabels: obsLocationsLabels }, obsLabelsStatus] = useObsLabelsData(loaders, dataset, addUrl2, false, {}, {}, { obsType: "molecule" });
191289
- const [{ obsIndex: obsCentroidsIndex, obsLocations: obsCentroids }, obsCentroidsStatus] = useObsLocationsData(loaders, dataset, addUrl2, false, {}, {}, { obsType });
191290
- const [{ obsIndex: obsSegmentationsIndex, obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus] = useObsSegmentationsData(loaders, dataset, addUrl2, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, { obsType });
191291
- const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
191038
+ const [{ obsIndex: obsLocationsIndex, obsLocations }, obsLocationsStatus, obsLocationsUrls] = useObsLocationsData(loaders, dataset, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, { obsType: "molecule" });
191039
+ const [{ obsLabels: obsLocationsLabels }, obsLabelsStatus, obsLabelsUrls] = useObsLabelsData(loaders, dataset, false, {}, {}, { obsType: "molecule" });
191040
+ const [{ obsIndex: obsCentroidsIndex, obsLocations: obsCentroids }, obsCentroidsStatus, obsCentroidsUrls] = useObsLocationsData(loaders, dataset, false, {}, {}, { obsType });
191041
+ const [{ obsIndex: obsSegmentationsIndex, obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus, obsSegmentationsUrls] = useObsSegmentationsData(loaders, dataset, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, { obsType });
191042
+ const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
191292
191043
  const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
191293
- const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
191294
- const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, addUrl2, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: imageLayers }, {});
191044
+ const [{ obsIndex: matrixObsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
191045
+ const [{ image: image2 }, imageStatus, imageUrls] = useImageData(loaders, dataset, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: imageLayers }, {});
191295
191046
  const { loaders: imageLayerLoaders = [], meta: meta2 = [] } = image2 || {};
191296
- const [neighborhoods, neighborhoodsStatus] = useNeighborhoodsData(loaders, dataset, addUrl2, false, { setSpatialNeighborhoodLayer: setNeighborhoodsLayer }, { spatialNeighborhoodLayer: neighborhoodsLayer });
191297
- const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
191047
+ const [neighborhoods, neighborhoodsStatus, neighborhoodsUrls] = useNeighborhoodsData(loaders, dataset, false, { setSpatialNeighborhoodLayer: setNeighborhoodsLayer }, { spatialNeighborhoodLayer: neighborhoodsLayer });
191048
+ const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
191298
191049
  const isReady = useReady([
191299
191050
  obsLocationsStatus,
191300
191051
  obsLabelsStatus,
@@ -191307,6 +191058,17 @@ function SpatialSubscriber(props2) {
191307
191058
  neighborhoodsStatus,
191308
191059
  featureLabelsStatus
191309
191060
  ]);
191061
+ const urls2 = useUrls([
191062
+ obsLocationsUrls,
191063
+ obsLabelsUrls,
191064
+ obsCentroidsUrls,
191065
+ obsSegmentationsUrls,
191066
+ obsSetsUrls,
191067
+ matrixIndicesUrls,
191068
+ imageUrls,
191069
+ neighborhoodsUrls,
191070
+ featureLabelsUrls
191071
+ ]);
191310
191072
  const obsLocationsFeatureIndex = useMemo(() => {
191311
191073
  if (obsLocationsLabels) {
191312
191074
  return Array.from(new Set(obsLocationsLabels));
@@ -191315,8 +191077,8 @@ function SpatialSubscriber(props2) {
191315
191077
  }, [obsLocationsLabels]);
191316
191078
  const moleculesCount = (obsLocationsFeatureIndex == null ? void 0 : obsLocationsFeatureIndex.length) || 0;
191317
191079
  const locationsCount = (obsLocationsIndex == null ? void 0 : obsLocationsIndex.length) || 0;
191318
- const [originalViewState, setOriginalViewState] = useState({ target: [targetX2, targetY2, targetZ], zoom: zoom2 });
191319
- const { initialTargetX, initialTargetY, initialTargetZ, initialZoom } = useMemo(
191080
+ const [originalViewState, setOriginalViewState] = useState(null);
191081
+ const { initialTargetX: defaultTargetX, initialTargetY: defaultTargetY, initialTargetZ: defaultTargetZ, initialZoom: defaultZoom } = useMemo(
191320
191082
  () => getInitialSpatialTargets({
191321
191083
  width: width2,
191322
191084
  height: height2,
@@ -191332,23 +191094,47 @@ function SpatialSubscriber(props2) {
191332
191094
  return (_a2 = metadata2 == null ? void 0 : metadata2.transform) == null ? void 0 : _a2.matrix;
191333
191095
  })
191334
191096
  }),
191335
- // Deliberate dependency omissions: width/height - technically then
191336
- // these initial values will be "wrong" after resizing, but it shouldn't be far enough
191337
- // off to be noticeable.
191338
191097
  // Deliberate dependency omissions: imageLayerLoaders and meta - using `image` as
191339
191098
  // an indirect dependency instead.
191340
191099
  // eslint-disable-next-line react-hooks/exhaustive-deps
191341
- [image2, use3d, hasImageData, obsCentroids, obsSegmentations, obsSegmentationsType]
191100
+ [
191101
+ image2,
191102
+ use3d,
191103
+ hasImageData,
191104
+ obsCentroids,
191105
+ obsSegmentations,
191106
+ obsSegmentationsType,
191107
+ width2,
191108
+ height2
191109
+ ]
191342
191110
  );
191343
191111
  useEffect(() => {
191344
- if (typeof targetX2 !== "number" || typeof targetY2 !== "number") {
191345
- setTargetX(initialTargetX);
191346
- setTargetY(initialTargetY);
191347
- setTargetZ(initialTargetZ);
191348
- setZoom(initialZoom);
191349
- setOriginalViewState({ target: [initialTargetX, initialTargetY, initialTargetZ], zoom: initialZoom });
191350
- }
191351
- }, [initialTargetX, initialTargetY, initialTargetZ, initialZoom]);
191112
+ if (typeof initialTargetX !== "number" || typeof initialTargetY !== "number") {
191113
+ const notYetInitialized = typeof targetX2 !== "number" || typeof targetY2 !== "number";
191114
+ const stillDefaultInitialized = targetX2 === defaultTargetX && targetY2 === defaultTargetY;
191115
+ if (notYetInitialized || stillDefaultInitialized) {
191116
+ setTargetX(defaultTargetX);
191117
+ setTargetY(defaultTargetY);
191118
+ setTargetZ(defaultTargetZ);
191119
+ setZoom(defaultZoom);
191120
+ }
191121
+ setOriginalViewState({ target: [defaultTargetX, defaultTargetY, defaultTargetZ], zoom: defaultZoom });
191122
+ } else if (!originalViewState) {
191123
+ setOriginalViewState({
191124
+ target: [initialTargetX, initialTargetY, initialTargetZ],
191125
+ zoom: initialZoom
191126
+ });
191127
+ }
191128
+ }, [
191129
+ defaultTargetX,
191130
+ defaultTargetY,
191131
+ defaultTargetZ,
191132
+ defaultZoom,
191133
+ initialTargetX,
191134
+ initialTargetY,
191135
+ initialTargetZ,
191136
+ initialZoom
191137
+ ]);
191352
191138
  const mergedCellSets = useMemo(() => mergeObsSets(cellSets, additionalCellSets), [cellSets, additionalCellSets]);
191353
191139
  const setCellSelectionProp = useCallback((v) => {
191354
191140
  setObsSelection(v, additionalCellSets, cellSetColor, setCellSetSelection, setAdditionalCellSets, setCellSetColor, setCellColorEncoding);
@@ -191375,6 +191161,21 @@ function SpatialSubscriber(props2) {
191375
191161
  ]);
191376
191162
  const cellSelection = useMemo(() => Array.from(cellColors.keys()), [cellColors]);
191377
191163
  const getObsInfo = useGetObsInfo(observationsLabel, obsLabelsTypes, obsLabelsData, obsSetsMembership);
191164
+ const [hoverData, setHoverData] = useState(null);
191165
+ const [hoverCoord, setHoverCoord] = useState(null);
191166
+ const useHoverInfoForTooltip = !obsCentroids;
191167
+ const setHoverInfo = useCallback(debounce$5((data2, coord) => {
191168
+ setHoverData(data2);
191169
+ setHoverCoord(coord);
191170
+ }, 10, { trailing: true }), [setHoverData, setHoverCoord, useHoverInfoForTooltip]);
191171
+ const getObsIdFromHoverData = useCallback((data2) => {
191172
+ if (useHoverInfoForTooltip) {
191173
+ const spatialTargetC = 0;
191174
+ const obsId = data2 == null ? void 0 : data2[spatialTargetC];
191175
+ return obsId;
191176
+ }
191177
+ return null;
191178
+ }, [useHoverInfoForTooltip]);
191378
191179
  const setViewState = ({ zoom: newZoom, target: target2, rotationX: newRotationX, rotationOrbit: newRotationOrbit, orbitAxis: newOrbitAxis }) => {
191379
191180
  setZoom(newZoom);
191380
191181
  setTargetX(target2[0]);
@@ -191461,9 +191262,9 @@ function SpatialSubscriber(props2) {
191461
191262
  rotationZ,
191462
191263
  rotationOrbit,
191463
191264
  orbitAxis
191464
- }, 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: () => {
191265
+ }, 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: () => {
191465
191266
  setComponentHover(uuid);
191466
- }, 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, {
191267
+ }, 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, {
191467
191268
  visible: true,
191468
191269
  // Fix to dark theme due to black background of spatial plot.
191469
191270
  theme: "dark",
@@ -191669,8 +191470,8 @@ function shouldUsePaddedImplementation(dataLength) {
191669
191470
  return dataLength <= DATA_TEXTURE_SIZE ** 2;
191670
191471
  }
191671
191472
  const Heatmap$1 = forwardRef((props2, deckRef) => {
191672
- 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 = () => {
191673
- }, transpose: transpose2 = false, variablesTitle = "Genes", observationsTitle = "Cells", variablesDashes = true, observationsDashes = true, useDevicePixels = 1, hideObservationLabels = false, hideVariableLabels = false, onHeatmapClick, setColorEncoding, featureIndex } = props2;
191473
+ 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 = () => {
191474
+ }, transpose: transpose2 = false, variablesTitle = "Genes", observationsTitle = "Cells", variablesDashes = true, observationsDashes = true, useDevicePixels = 1, hideObservationLabels = false, hideVariableLabels = false, onHeatmapClick, setColorEncoding, obsIndex, featureIndex, featureLabelsMap } = props2;
191674
191475
  const viewState = {
191675
191476
  ...rawViewState,
191676
191477
  target: transpose2 ? [rawViewState.target[1], rawViewState.target[0]] : rawViewState.target,
@@ -191679,11 +191480,6 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191679
191480
  const axisLeftTitle = transpose2 ? variablesTitle : observationsTitle;
191680
191481
  const axisTopTitle = transpose2 ? observationsTitle : variablesTitle;
191681
191482
  const workerPool = useMemo(() => new HeatmapPool(), []);
191682
- useEffect(() => {
191683
- if (clearPleaseWait && expression2) {
191684
- clearPleaseWait("expression-matrix");
191685
- }
191686
- }, [clearPleaseWait, expression2]);
191687
191483
  const tilesRef = useRef();
191688
191484
  const dataRef = useRef();
191689
191485
  const [axisLeftLabels, setAxisLeftLabels] = useState([]);
@@ -191693,15 +191489,15 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191693
191489
  const [tileIteration, incTileIteration] = useReducer((i2) => i2 + 1, 0);
191694
191490
  const [backlog, setBacklog] = useState([]);
191695
191491
  useEffect(() => {
191696
- if (expression2 && expression2.matrix && !shouldUsePaddedImplementation(expression2.matrix.length)) {
191697
- dataRef.current = copyUint8Array(expression2.matrix);
191492
+ if (uint8ObsFeatureMatrix && !shouldUsePaddedImplementation(uint8ObsFeatureMatrix.length)) {
191493
+ dataRef.current = copyUint8Array(uint8ObsFeatureMatrix);
191698
191494
  }
191699
- }, [dataRef, expression2]);
191495
+ }, [dataRef, uint8ObsFeatureMatrix]);
191700
191496
  useEffect(() => {
191701
- if (!expression2) {
191497
+ if (!obsIndex) {
191702
191498
  return;
191703
191499
  }
191704
- const newCellOrdering = !cellColors || cellColors.size === 0 ? expression2.rows : Array.from(cellColors.keys());
191500
+ const newCellOrdering = !cellColors || cellColors.size === 0 ? obsIndex : Array.from(cellColors.keys());
191705
191501
  const oldCellOrdering = transpose2 ? axisTopLabels : axisLeftLabels;
191706
191502
  if (!isEqual$4(oldCellOrdering, newCellOrdering)) {
191707
191503
  if (transpose2) {
@@ -191710,33 +191506,33 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191710
191506
  setAxisLeftLabels(newCellOrdering);
191711
191507
  }
191712
191508
  }
191713
- }, [expression2, cellColors, axisTopLabels, axisLeftLabels, transpose2]);
191509
+ }, [obsIndex, cellColors, axisTopLabels, axisLeftLabels, transpose2]);
191714
191510
  useEffect(() => {
191715
- if (!expression2) {
191511
+ if (!featureIndex) {
191716
191512
  return;
191717
191513
  }
191718
191514
  if (transpose2) {
191719
- setAxisLeftLabels(expression2.cols);
191515
+ setAxisLeftLabels(featureIndex);
191720
191516
  } else {
191721
- setAxisTopLabels(expression2.cols);
191517
+ setAxisTopLabels(featureIndex);
191722
191518
  }
191723
- }, [expression2, transpose2]);
191519
+ }, [featureIndex, transpose2]);
191724
191520
  const [longestCellLabel, longestGeneLabel] = useMemo(() => {
191725
- if (!expression2) {
191521
+ if (!obsIndex || !featureIndex) {
191726
191522
  return ["", ""];
191727
191523
  }
191728
191524
  return [
191729
- getLongestString(expression2.rows),
191730
- getLongestString([...expression2.cols, ...cellColorLabels])
191525
+ getLongestString(obsIndex),
191526
+ getLongestString([...featureIndex, ...cellColorLabels])
191731
191527
  ];
191732
- }, [expression2, cellColorLabels]);
191528
+ }, [featureIndex, cellColorLabels, obsIndex]);
191733
191529
  const expressionRowLookUp = useMemo(() => {
191734
191530
  const lookUp = /* @__PURE__ */ new Map();
191735
- if (expression2 == null ? void 0 : expression2.rows) {
191736
- expression2.rows.forEach((cell2, j) => lookUp.set(cell2, j));
191531
+ if (obsIndex) {
191532
+ obsIndex.forEach((cell2, j) => lookUp.set(cell2, j));
191737
191533
  }
191738
191534
  return lookUp;
191739
- }, [expression2]);
191535
+ }, [obsIndex]);
191740
191536
  const width2 = axisTopLabels.length;
191741
191537
  const height2 = axisLeftLabels.length;
191742
191538
  const [axisOffsetLeft, axisOffsetTop] = getAxisSizes(transpose2, longestGeneLabel, longestCellLabel, hideObservationLabels, hideVariableLabels);
@@ -191764,7 +191560,7 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191764
191560
  useEffect(() => {
191765
191561
  updateViewInfo({
191766
191562
  uuid,
191767
- project: (cellId, geneId) => {
191563
+ projectFromId: (cellId, geneId) => {
191768
191564
  const colI = transpose2 ? axisTopLabels.indexOf(cellId) : axisTopLabels.indexOf(geneId);
191769
191565
  const rowI = transpose2 ? axisLeftLabels.indexOf(geneId) : axisLeftLabels.indexOf(cellId);
191770
191566
  return heatmapToMousePosition(colI, rowI, {
@@ -191812,29 +191608,28 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191812
191608
  });
191813
191609
  }, [matrixRight, matrixBottom, transpose2, setViewState]);
191814
191610
  useEffect(() => {
191815
- if (!expression2 || !expression2.matrix || expression2.matrix.length < DATA_TEXTURE_SIZE ** 2) {
191611
+ if (!uint8ObsFeatureMatrix || uint8ObsFeatureMatrix.length < DATA_TEXTURE_SIZE ** 2) {
191816
191612
  return;
191817
191613
  }
191818
191614
  if (axisTopLabels && axisLeftLabels && xTiles && yTiles) {
191819
191615
  setBacklog((prev) => [...prev, v4$1()]);
191820
191616
  }
191821
- }, [dataRef, expression2, axisTopLabels, axisLeftLabels, xTiles, yTiles]);
191617
+ }, [dataRef, uint8ObsFeatureMatrix, axisTopLabels, axisLeftLabels, xTiles, yTiles]);
191822
191618
  useEffect(() => {
191823
191619
  if (backlog.length < 1 || shouldUsePaddedImplementation(dataRef.current.length)) {
191824
191620
  return;
191825
191621
  }
191826
191622
  const curr = backlog[backlog.length - 1];
191827
191623
  if (dataRef.current && dataRef.current.buffer.byteLength && expressionRowLookUp.size > 0 && !shouldUsePaddedImplementation(dataRef.current.length)) {
191828
- const { cols, matrix: matrix2 } = expression2;
191829
191624
  const promises = range$a(yTiles).map((i2) => range$a(xTiles).map(async (j) => workerPool.process({
191830
191625
  curr,
191831
191626
  tileI: i2,
191832
191627
  tileJ: j,
191833
191628
  tileSize: TILE_SIZE,
191834
191629
  cellOrdering: transpose2 ? axisTopLabels : axisLeftLabels,
191835
- cols,
191630
+ cols: featureIndex,
191836
191631
  transpose: transpose2,
191837
- data: matrix2.buffer.slice(),
191632
+ data: uint8ObsFeatureMatrix.buffer.slice(),
191838
191633
  expressionRowLookUp
191839
191634
  })));
191840
191635
  const process2 = async () => {
@@ -191854,27 +191649,28 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191854
191649
  axisLeftLabels,
191855
191650
  axisTopLabels,
191856
191651
  backlog,
191857
- expression2,
191652
+ uint8ObsFeatureMatrix,
191858
191653
  transpose2,
191859
191654
  xTiles,
191860
191655
  yTiles,
191861
191656
  workerPool,
191862
- expressionRowLookUp
191657
+ expressionRowLookUp,
191658
+ featureIndex
191863
191659
  ]);
191864
191660
  useEffect(() => {
191865
191661
  setIsRendering(backlog.length > 0);
191866
191662
  }, [backlog, setIsRendering]);
191867
191663
  const paddedExpressions = useMemo(() => {
191868
191664
  const cellOrdering = transpose2 ? axisTopLabels : axisLeftLabels;
191869
- if ((expression2 == null ? void 0 : expression2.matrix) && cellOrdering.length && gl && shouldUsePaddedImplementation(expression2.matrix.length)) {
191665
+ if (uint8ObsFeatureMatrix && cellOrdering.length && gl && shouldUsePaddedImplementation(uint8ObsFeatureMatrix.length)) {
191870
191666
  let newIndex = 0;
191871
191667
  for (let cellOrderingIndex = 0; cellOrderingIndex < cellOrdering.length; cellOrderingIndex += 1) {
191872
191668
  const cell2 = cellOrdering[cellOrderingIndex];
191873
191669
  newIndex = transpose2 ? cellOrderingIndex : newIndex;
191874
191670
  const cellIndex = expressionRowLookUp.get(cell2);
191875
- for (let geneIndex = 0; geneIndex < expression2.cols.length; geneIndex += 1) {
191876
- const index2 = cellIndex * expression2.cols.length + geneIndex;
191877
- paddedExpressionContainer[newIndex % (DATA_TEXTURE_SIZE * DATA_TEXTURE_SIZE)] = expression2.matrix[index2];
191671
+ for (let geneIndex = 0; geneIndex < featureIndex.length; geneIndex += 1) {
191672
+ const index2 = cellIndex * featureIndex.length + geneIndex;
191673
+ paddedExpressionContainer[newIndex % (DATA_TEXTURE_SIZE * DATA_TEXTURE_SIZE)] = uint8ObsFeatureMatrix[index2];
191878
191674
  newIndex = transpose2 ? newIndex + cellOrdering.length : newIndex + 1;
191879
191675
  }
191880
191676
  }
@@ -191896,18 +191692,18 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191896
191692
  transpose2,
191897
191693
  axisTopLabels,
191898
191694
  axisLeftLabels,
191899
- expression2,
191695
+ uint8ObsFeatureMatrix,
191900
191696
  expressionRowLookUp,
191697
+ featureIndex,
191901
191698
  gl
191902
191699
  ]);
191903
191700
  const heatmapLayers = useMemo(() => {
191904
- const usePaddedExpressions = (expression2 == null ? void 0 : expression2.matrix) && shouldUsePaddedImplementation(expression2 == null ? void 0 : expression2.matrix.length);
191701
+ const usePaddedExpressions = uint8ObsFeatureMatrix && shouldUsePaddedImplementation(uint8ObsFeatureMatrix.length);
191905
191702
  if ((!tilesRef.current || backlog.length) && !usePaddedExpressions) {
191906
191703
  return [];
191907
191704
  }
191908
191705
  if (usePaddedExpressions) {
191909
191706
  let getLayer2 = function(i2, j) {
191910
- const { cols } = expression2;
191911
191707
  return new PaddedExpressionHeatmapBitmapLayer({
191912
191708
  id: `heatmapLayer-${i2}-${j}`,
191913
191709
  image: paddedExpressions,
@@ -191921,7 +191717,7 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191921
191717
  tileJ: j,
191922
191718
  numXTiles: xTiles,
191923
191719
  numYTiles: yTiles,
191924
- origDataSize: transpose2 ? [cols.length, cellOrdering.length] : [cellOrdering.length, cols.length],
191720
+ origDataSize: transpose2 ? [featureIndex.length, cellOrdering.length] : [cellOrdering.length, featureIndex.length],
191925
191721
  aggSizeX,
191926
191722
  aggSizeY,
191927
191723
  colormap,
@@ -191961,28 +191757,29 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
191961
191757
  const layers2 = tilesRef.current.map((tile, index2) => getLayer(Math.floor(index2 / xTiles), index2 % xTiles, tile));
191962
191758
  return layers2;
191963
191759
  }, [
191964
- expression2,
191760
+ uint8ObsFeatureMatrix,
191965
191761
  backlog.length,
191966
191762
  transpose2,
191967
191763
  axisTopLabels,
191968
191764
  axisLeftLabels,
191969
- yTiles,
191970
- xTiles,
191971
191765
  paddedExpressions,
191972
191766
  matrixLeft,
191973
191767
  tileWidth,
191974
191768
  matrixTop,
191975
191769
  tileHeight,
191770
+ yTiles,
191771
+ xTiles,
191976
191772
  aggSizeX,
191977
191773
  aggSizeY,
191978
191774
  colormap,
191979
191775
  colormapRange,
191980
- tileIteration
191776
+ tileIteration,
191777
+ featureIndex
191981
191778
  ]);
191982
191779
  const axisLeftDashes = transpose2 ? variablesDashes : observationsDashes;
191983
191780
  const axisTopDashes = transpose2 ? observationsDashes : variablesDashes;
191984
- const axisTopLabelData = useMemo(() => axisTopLabels.map((d, i2) => [i2, axisTopDashes ? `- ${d}` : d]), [axisTopLabels, axisTopDashes]);
191985
- const axisLeftLabelData = useMemo(() => axisLeftLabels.map((d, i2) => [i2, axisLeftDashes ? `${d} -` : d]), [axisLeftLabels, axisLeftDashes]);
191781
+ const axisTopLabelData = useMemo(() => (!transpose2 && featureLabelsMap ? axisTopLabels.map((d) => featureLabelsMap.get(d) || d) : axisTopLabels).map((d, i2) => [i2, axisTopDashes ? `- ${d}` : d]), [axisTopLabels, axisTopDashes, transpose2, featureLabelsMap]);
191782
+ const axisLeftLabelData = useMemo(() => (transpose2 && featureLabelsMap ? axisLeftLabels.map((d) => featureLabelsMap.get(d) || d) : axisLeftLabels).map((d, i2) => [i2, axisLeftDashes ? `${d} -` : d]), [axisLeftLabels, axisLeftDashes, transpose2, featureLabelsMap]);
191986
191783
  const cellColorLabelsData = useMemo(() => cellColorLabels.map((d, i2) => [i2, d && (transpose2 ? `${d} -` : `- ${d}`)]), [cellColorLabels, transpose2]);
191987
191784
  const hideTopLabels = transpose2 ? hideObservationLabels : hideVariableLabels;
191988
191785
  const hideLeftLabels = transpose2 ? hideVariableLabels : hideObservationLabels;
@@ -192153,7 +191950,7 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
192153
191950
  const showText = width2 > 0 && height2 > 0;
192154
191951
  const layers = heatmapLayers.concat(showText ? textLayers : []).concat(...cellColorsLayersList);
192155
191952
  function onHover(info2, event2) {
192156
- if (!expression2) {
191953
+ if (!uint8ObsFeatureMatrix) {
192157
191954
  return;
192158
191955
  }
192159
191956
  let highlightedCell = null;
@@ -192179,8 +191976,8 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
192179
191976
  setTrackHighlight(null);
192180
191977
  setColorEncoding("geneSelection");
192181
191978
  } else {
192182
- const obsI2 = expression2.rows.indexOf(transpose2 ? axisTopLabels[trackColI] : axisLeftLabels[trackColI]);
192183
- const cellIndex = expression2.rows[obsI2];
191979
+ const obsI2 = obsIndex.indexOf(transpose2 ? axisTopLabels[trackColI] : axisLeftLabels[trackColI]);
191980
+ const cellIndex = obsIndex[obsI2];
192184
191981
  setTrackHighlight([cellIndex, trackI, mouseX, mouseY]);
192185
191982
  highlightedCell = cellIndex;
192186
191983
  setColorEncoding("cellSelection");
@@ -192196,9 +191993,9 @@ const Heatmap$1 = forwardRef((props2, deckRef) => {
192196
191993
  numRows: height2,
192197
191994
  numCols: width2
192198
191995
  });
192199
- const obsI = expression2.rows.indexOf(transpose2 ? axisTopLabels[colI] : axisLeftLabels[rowI]);
192200
- const varI = expression2.cols.indexOf(transpose2 ? axisLeftLabels[rowI] : axisTopLabels[colI]);
192201
- const obsId = expression2.rows[obsI];
191996
+ const obsI = obsIndex.indexOf(transpose2 ? axisTopLabels[colI] : axisLeftLabels[rowI]);
191997
+ const varI = featureIndex.indexOf(transpose2 ? axisLeftLabels[rowI] : axisTopLabels[colI]);
191998
+ const obsId = obsIndex[obsI];
192202
191999
  const varId = featureIndex[varI];
192203
192000
  if (setComponentHover) {
192204
192001
  setComponentHover();
@@ -192296,11 +192093,11 @@ function HeatmapTooltipSubscriber(props2) {
192296
192093
  const viewInfo = useComponentViewInfo(parentUuid);
192297
192094
  const [cellInfo, cellCoord] = obsHighlight && getObsInfo ? [
192298
192095
  getObsInfo(obsHighlight),
192299
- viewInfo && viewInfo.project ? viewInfo.project(obsHighlight, null)[transpose2 ? 0 : 1] : null
192096
+ viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(obsHighlight, null)[transpose2 ? 0 : 1] : null
192300
192097
  ] : [null, null];
192301
192098
  const [geneInfo, geneCoord] = featureHighlight && getFeatureInfo ? [
192302
192099
  getFeatureInfo(featureHighlight),
192303
- viewInfo && viewInfo.project ? viewInfo.project(null, featureHighlight)[transpose2 ? 1 : 0] : null
192100
+ viewInfo && viewInfo.projectFromId ? viewInfo.projectFromId(null, featureHighlight)[transpose2 ? 1 : 0] : null
192304
192101
  ] : [null, null];
192305
192102
  const x2 = transpose2 ? cellCoord : geneCoord;
192306
192103
  const y2 = transpose2 ? geneCoord : cellCoord;
@@ -192348,17 +192145,21 @@ function HeatmapSubscriber(props2) {
192348
192145
  const variablesTitle = capitalize$2(variablesPluralLabel);
192349
192146
  const [isRendering, setIsRendering] = useState(false);
192350
192147
  const [hoveredColorEncoding, setHoveredColorEncoding] = useState("geneSelection");
192351
- const [urls2, addUrl2] = useUrls(loaders, dataset);
192352
192148
  const [width2, height2, deckRef] = useDeckCanvasSize();
192353
- const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset, addUrl2);
192354
- const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
192355
- const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus] = useObsFeatureMatrixData(loaders, dataset, addUrl2, true, {}, {}, { obsType, featureType, featureValueType });
192356
- const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
192149
+ const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
192150
+ const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
192151
+ const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls] = useObsFeatureMatrixData(loaders, dataset, true, {}, {}, { obsType, featureType, featureValueType });
192152
+ const [{ obsSets: cellSets, obsSetsMembership }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
192357
192153
  const isReady = useReady([
192358
192154
  featureLabelsStatus,
192359
192155
  matrixStatus,
192360
192156
  obsSetsStatus
192361
192157
  ]);
192158
+ const urls2 = useUrls([
192159
+ featureLabelsUrls,
192160
+ matrixUrls,
192161
+ obsSetsUrls
192162
+ ]);
192362
192163
  const [uint8ObsFeatureMatrix, obsFeatureMatrixExtent] = useUint8ObsFeatureMatrix({ obsFeatureMatrix });
192363
192164
  const mergedCellSets = useMemo(() => mergeObsSets(cellSets, additionalCellSets), [cellSets, additionalCellSets]);
192364
192165
  const cellColors = useMemo(() => getCellColors({
@@ -192383,16 +192184,6 @@ function HeatmapSubscriber(props2) {
192383
192184
  }
192384
192185
  return null;
192385
192186
  }, [variablesLabel, featureLabelsMap]);
192386
- const expressionMatrix = useMemo(() => {
192387
- if (obsIndex && featureIndex && uint8ObsFeatureMatrix) {
192388
- return {
192389
- rows: obsIndex,
192390
- cols: featureLabelsMap ? featureIndex.map((key2) => featureLabelsMap.get(key2) || key2) : featureIndex,
192391
- matrix: uint8ObsFeatureMatrix.data
192392
- };
192393
- }
192394
- return null;
192395
- }, [obsIndex, featureIndex, uint8ObsFeatureMatrix, featureLabelsMap]);
192396
192187
  const cellsCount = obsIndex ? obsIndex.length : 0;
192397
192188
  const genesCount = featureIndex ? featureIndex.length : 0;
192398
192189
  const setTrackHighlight = useCallback(() => {
@@ -192422,7 +192213,7 @@ function HeatmapSubscriber(props2) {
192422
192213
  setZoomY(zoom2);
192423
192214
  setTargetX(target2[0]);
192424
192215
  setTargetY(target2[1]);
192425
- }, colormapRange: geneExpressionColormapRange, setColormapRange: setGeneExpressionColormapRange, height: height2, width: width2, theme, uuid, expressionMatrix, cellColors, colormap: geneExpressionColormap, setIsRendering, setCellHighlight, setGeneHighlight, featureIndex, setTrackHighlight, setComponentHover: () => {
192216
+ }, 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: () => {
192426
192217
  setComponentHover(uuid);
192427
192218
  }, 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 })] });
192428
192219
  }
@@ -196625,10 +196416,10 @@ const useStyles$8 = makeStyles((theme) => ({
196625
196416
  backgroundClip: "unset"
196626
196417
  }
196627
196418
  },
196628
- radio: {
196419
+ tableRadio: {
196629
196420
  borderRadius: "50%"
196630
196421
  },
196631
- checkbox: {
196422
+ tableCheckbox: {
196632
196423
  borderRadius: "2px"
196633
196424
  }
196634
196425
  }));
@@ -196709,7 +196500,7 @@ function SelectableTable(props2) {
196709
196500
  const inputUuid = v4$1();
196710
196501
  const rowRenderer = ({ index: index2, style: style2 }) => (
196711
196502
  // eslint-disable-next-line jsx-a11y/interactive-supports-focus
196712
- 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])
196503
+ 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])
196713
196504
  );
196714
196505
  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)) });
196715
196506
  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) {
196725
196516
  rowGetter: ({ index: index2 }) => data2[index2]
196726
196517
  }) }) });
196727
196518
  }
196519
+ const FEATURELIST_SORT_OPTIONS = [
196520
+ "alphabetical",
196521
+ "original"
196522
+ ];
196523
+ const ALT_COLNAME = "Alternate ID";
196728
196524
  const useStyles$7 = makeStyles(() => ({
196729
196525
  searchBar: {
196730
196526
  marginBottom: "4px",
@@ -196734,10 +196530,11 @@ const useStyles$7 = makeStyles(() => ({
196734
196530
  }
196735
196531
  }));
196736
196532
  function FeatureList(props2) {
196737
- const { hasColorEncoding, geneList = [], featureLabelsMap, featureType, geneSelection = [], geneFilter = null, setGeneSelection, enableMultiSelect, showTable, sort: sort2 } = props2;
196533
+ const { hasColorEncoding, geneList = [], featureLabelsMap, geneSelection = [], geneFilter = null, setGeneSelection, enableMultiSelect, showFeatureTable, featureListSort, featureListSortKey, hasFeatureLabels, primaryColumnName } = props2;
196738
196534
  const classes = useStyles$7();
196739
196535
  const [searchTerm, setSearchTerm] = useState("");
196740
196536
  const [searchResults, setSearchResults] = useState(geneList);
196537
+ const selectableTableSortKey = featureListSortKey === "featureIndex" ? "key" : "name";
196741
196538
  useEffect(() => {
196742
196539
  const results = geneList.filter((gene) => {
196743
196540
  var _a2;
@@ -196758,44 +196555,87 @@ function FeatureList(props2) {
196758
196555
  }
196759
196556
  }
196760
196557
  }
196761
- let data2 = searchResults.filter((gene) => geneFilter ? geneFilter.includes(gene) : true).map((gene) => ({
196762
- key: gene,
196763
- name: (featureLabelsMap == null ? void 0 : featureLabelsMap.get(gene)) || gene,
196764
- value: geneSelection ? geneSelection.includes(gene) : false
196765
- }));
196766
- if (sort2 === "alphabetical") {
196767
- data2 = data2.sort((a2, b2) => a2.name.localeCompare(b2.name));
196768
- }
196558
+ const data2 = useMemo(() => {
196559
+ const preSortedData = searchResults.filter((gene) => geneFilter ? geneFilter.includes(gene) : true).map((gene) => ({
196560
+ key: gene,
196561
+ name: (featureLabelsMap == null ? void 0 : featureLabelsMap.get(gene)) || gene,
196562
+ value: geneSelection ? geneSelection.includes(gene) : false
196563
+ }));
196564
+ if (preSortedData && featureListSort === "alphabetical" && preSortedData.length > 0) {
196565
+ return preSortedData.sort((a2, b2) => a2[selectableTableSortKey].localeCompare(b2[selectableTableSortKey]));
196566
+ }
196567
+ return preSortedData;
196568
+ }, [
196569
+ featureListSort,
196570
+ selectableTableSortKey,
196571
+ searchResults,
196572
+ geneFilter,
196573
+ featureLabelsMap,
196574
+ geneSelection
196575
+ ]);
196769
196576
  const handleChange = (event2) => {
196770
196577
  setSearchTerm(event2.target.value);
196771
196578
  };
196772
- const columns = ["name"];
196773
- const columnLabels = [`${capitalize$2(featureType)} ID`];
196774
- if (showTable) {
196775
- columns.push("key");
196776
- columnLabels.push("Alternate ID");
196777
- }
196579
+ const [columns, columnLabels] = useMemo(() => {
196580
+ if (showFeatureTable && hasFeatureLabels) {
196581
+ return [
196582
+ ["name", "key"],
196583
+ [primaryColumnName, ALT_COLNAME]
196584
+ ];
196585
+ }
196586
+ return [
196587
+ ["name"],
196588
+ [primaryColumnName]
196589
+ ];
196590
+ }, [showFeatureTable, primaryColumnName, hasFeatureLabels]);
196778
196591
  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 })] });
196779
196592
  }
196593
+ function FeatureListOptions(props2) {
196594
+ const { children: children2, featureListSort, setFeatureListSort, featureListSortKey, setFeatureListSortKey, showFeatureTable, setShowFeatureTable, hasFeatureLabels, primaryColumnName } = props2;
196595
+ function handleFeatureListSortChange(event2) {
196596
+ setFeatureListSort(event2.target.value);
196597
+ }
196598
+ function handleFeatureListSortKeyChange(event2) {
196599
+ setFeatureListSortKey(event2.target.value);
196600
+ }
196601
+ function handleShowTableChange(event2) {
196602
+ setShowFeatureTable(event2.target.checked);
196603
+ }
196604
+ const classes = usePlotOptionsStyles();
196605
+ 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: {
196606
+ id: "feature-list-sort-option-select"
196607
+ }, 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: {
196608
+ id: "feature-list-sort-key-select"
196609
+ }, 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] });
196610
+ }
196780
196611
  function FeatureListSubscriber(props2) {
196781
- const { coordinationScopes, removeGridComponent, variablesLabelOverride, theme, title: titleOverride, enableMultiSelect = false, showTable = false, sort: sort2 = "alphabetical" } = props2;
196612
+ const { coordinationScopes, removeGridComponent, variablesLabelOverride, theme, title: titleOverride, enableMultiSelect = false, showTable = false, sort: sort2 = "alphabetical", sortKey: sortKey2 = null } = props2;
196782
196613
  const loaders = useLoaders();
196783
196614
  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);
196784
196615
  const variablesLabel = variablesLabelOverride || featureType;
196785
196616
  const title2 = titleOverride || `${capitalize$2(variablesLabel)} List`;
196786
- const [urls2, addUrl2] = useUrls(loaders, dataset);
196787
- const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
196788
- const [{ featureIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, true, { featureType });
196617
+ const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
196618
+ const [{ featureIndex }, matrixIndicesStatus, obsFeatureMatrixUrls] = useObsFeatureMatrixIndices(loaders, dataset, true, { featureType });
196789
196619
  const isReady = useReady([
196790
196620
  featureLabelsStatus,
196791
196621
  matrixIndicesStatus
196792
196622
  ]);
196623
+ const urls2 = useUrls([
196624
+ featureLabelsUrls,
196625
+ obsFeatureMatrixUrls
196626
+ ]);
196793
196627
  const geneList = featureIndex || [];
196794
196628
  const numGenes = geneList.length;
196629
+ const hasFeatureLabels = Boolean(featureLabelsMap);
196795
196630
  function setGeneSelectionAndColorEncoding(newSelection) {
196796
196631
  setGeneSelection(newSelection);
196797
196632
  setCellColorEncoding("geneSelection");
196798
196633
  }
196634
+ const [showFeatureTable, setShowFeatureTable] = useState(showTable);
196635
+ const [featureListSort, setFeatureListSort] = useState(sort2);
196636
+ const [featureListSortKey, setFeatureListSortKey] = useState(null);
196637
+ const initialSortKey = sortKey2 || (hasFeatureLabels ? "featureLabels" : "featureIndex");
196638
+ const primaryColumnName = `${capitalize$2(featureType)} ID`;
196799
196639
  return jsxRuntimeExports.jsx(TitleInfo, {
196800
196640
  title: title2,
196801
196641
  info: `${commaNumber(numGenes)} ${plur(variablesLabel, numGenes)}`,
@@ -196807,7 +196647,8 @@ function FeatureListSubscriber(props2) {
196807
196647
  removeGridComponent,
196808
196648
  isReady,
196809
196649
  urls: urls2,
196810
- children: jsxRuntimeExports.jsx(FeatureList, { hasColorEncoding: cellColorEncoding === "geneSelection", showTable, geneList, sort: sort2, featureLabelsMap, featureType, geneSelection, geneFilter, setGeneSelection: setGeneSelectionAndColorEncoding, setGeneFilter, setGeneHighlight, enableMultiSelect })
196650
+ options: jsxRuntimeExports.jsx(FeatureListOptions, { featureListSort, setFeatureListSort, featureListSortKey: featureListSortKey || initialSortKey, setFeatureListSortKey, showFeatureTable, setShowFeatureTable, hasFeatureLabels: Boolean(featureLabelsMap), primaryColumnName }),
196651
+ 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 })
196811
196652
  });
196812
196653
  }
196813
196654
  const useSpanStyles = makeStyles(() => ({
@@ -196830,45 +196671,22 @@ const useSelectStyles = makeStyles(() => ({
196830
196671
  margin: "4px 0"
196831
196672
  }
196832
196673
  }));
196833
- withStyles2((theme) => ({
196834
- paper: {
196835
- backgroundColor: theme.palette.background.paper
196836
- },
196837
- span: {
196838
- width: "70px",
196839
- textAlign: "center",
196840
- paddingLeft: "2px",
196841
- paddingRight: "2px"
196842
- },
196843
- colors: {
196844
- "&:hover": {
196845
- backgroundColor: "transparent"
196846
- },
196847
- paddingLeft: "2px",
196848
- paddingRight: "2px"
196849
- },
196850
- popper: {
196851
- zIndex: 4
196852
- }
196853
- }));
196854
196674
  const sharedControllerStyles = {
196855
196675
  width: "100%",
196856
196676
  flexDirection: "column"
196857
196677
  };
196858
196678
  const useControllerSectionStyles = makeStyles(() => ({
196859
- root: {
196679
+ layerControllerRoot: {
196860
196680
  ...sharedControllerStyles,
196861
196681
  padding: "0px 8px"
196862
196682
  }
196863
196683
  }));
196864
- const StyledAccordionDetails = withStyles2(() => ({
196865
- root: {
196684
+ const useAccordionStyles = makeStyles((theme) => ({
196685
+ accordionDetailsRoot: {
196866
196686
  ...sharedControllerStyles,
196867
196687
  padding: "8px 8px 24px 8px"
196868
- }
196869
- }))(AccordionDetails$1);
196870
- const StyledAccordionSummary = withStyles2((theme) => ({
196871
- root: {
196688
+ },
196689
+ accordionSummaryRoot: {
196872
196690
  padding: "0px 8px"
196873
196691
  },
196874
196692
  content: {
@@ -196884,30 +196702,30 @@ const StyledAccordionSummary = withStyles2((theme) => ({
196884
196702
  top: theme.spacing(-1.3)
196885
196703
  }
196886
196704
  }
196887
- }))(AccordionSummary$1);
196888
- const StyledInputLabel = withStyles2(() => ({
196889
- root: {
196705
+ }));
196706
+ const useInputLabelStyles = makeStyles(() => ({
196707
+ inputLabelRoot: {
196890
196708
  fontSize: "14px"
196891
196709
  }
196892
- }))(InputLabel$1);
196893
- const OverflowEllipsisGrid = withStyles2(() => ({
196710
+ }));
196711
+ const useOverflowEllipsisGridStyles = makeStyles(() => ({
196894
196712
  item: {
196895
196713
  width: "100%",
196896
196714
  overflow: "hidden",
196897
196715
  whiteSpace: "nowrap",
196898
196716
  textOverflow: "ellipsis"
196899
196717
  }
196900
- }))(Grid$3);
196901
- const StyledSelectionSlider = withStyles2(() => ({
196902
- root: {
196718
+ }));
196719
+ const useSelectionSliderStyles = makeStyles(() => ({
196720
+ selectionSliderRoot: {
196903
196721
  marginTop: "7px"
196904
196722
  },
196905
196723
  markActive: {
196906
196724
  backgroundColor: "rgba(128, 128, 128, 0.7)"
196907
196725
  }
196908
- }))(Slider$1);
196726
+ }));
196909
196727
  const useStyles$6 = makeStyles((theme) => ({
196910
- container: {
196728
+ paletteContainer: {
196911
196729
  width: "70px",
196912
196730
  height: "40px",
196913
196731
  display: "flex",
@@ -196928,7 +196746,7 @@ const useStyles$6 = makeStyles((theme) => ({
196928
196746
  }));
196929
196747
  const ColorPalette = ({ handleChange }) => {
196930
196748
  const classes = useStyles$6();
196931
- 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)) });
196749
+ 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)) });
196932
196750
  };
196933
196751
  const useStyles$5 = makeStyles(() => ({
196934
196752
  menuButton: {
@@ -197179,7 +196997,7 @@ function VectorLayerController(props2) {
197179
196997
  handleLayerChange({ ...layer, visible: v });
197180
196998
  }
197181
196999
  const classes = useControllerSectionStyles();
197182
- return jsxRuntimeExports.jsx(Grid$3, { item: true, style: { marginTop: "10px" }, children: jsxRuntimeExports.jsxs(Paper$1, { className: classes.root, children: [jsxRuntimeExports.jsx(Typography$1, { style: {
197000
+ return jsxRuntimeExports.jsx(Grid$3, { item: true, style: { marginTop: "10px" }, children: jsxRuntimeExports.jsxs(Paper$1, { className: classes.layerControllerRoot, children: [jsxRuntimeExports.jsx(Typography$1, { style: {
197183
197001
  padding: "15px 8px 0px 8px",
197184
197002
  marginBottom: "-5px"
197185
197003
  }, 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 }) {
197281
197099
  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)) });
197282
197100
  }
197283
197101
  function GlobalSelectionSlider({ field: field2, value: value2, handleChange, possibleValues }) {
197284
- return jsxRuntimeExports.jsx(StyledSelectionSlider, {
197102
+ const classes = useSelectionSliderStyles();
197103
+ return jsxRuntimeExports.jsx(Slider$1, {
197104
+ classes: { root: classes.selectionSliderRoot, markActive: classes.markActive },
197285
197105
  value: value2,
197286
197106
  // See https://github.com/hms-dbmi/viv/issues/176 for why
197287
197107
  // we have the two handlers.
@@ -197594,6 +197414,9 @@ function LayerController(props2) {
197594
197414
  );
197595
197415
  }
197596
197416
  const controllerSectionClasses = useControllerSectionStyles();
197417
+ const accordionClasses = useAccordionStyles();
197418
+ const inputLabelClasses = useInputLabelStyles();
197419
+ const overflowEllipsisGridClasses = useOverflowEllipsisGridStyles();
197597
197420
  const { visible } = layer;
197598
197421
  const visibleSetting = typeof visible === "boolean" ? visible : true;
197599
197422
  const Visibility = visibleSetting ? VisibilityIcon : VisibilityOffIcon;
@@ -197632,10 +197455,15 @@ function LayerController(props2) {
197632
197455
  spatialWidth,
197633
197456
  modelMatrix: modelMatrix2
197634
197457
  }), 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" })] });
197635
- return jsxRuntimeExports.jsxs(Accordion$1, { className: controllerSectionClasses.root, onChange: (e3, expanded) => {
197458
+ return jsxRuntimeExports.jsxs(Accordion$1, { className: controllerSectionClasses.layerControllerRoot, onChange: (e3, expanded) => {
197636
197459
  var _a3, _b, _c;
197637
197460
  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");
197638
- }, 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) => {
197461
+ }, TransitionProps: { enter: false }, expanded: !disabled && isExpanded, children: [jsxRuntimeExports.jsx(AccordionSummary$1, { classes: {
197462
+ root: accordionClasses.accordionSummaryRoot,
197463
+ content: accordionClasses.content,
197464
+ expanded: accordionClasses.expanded,
197465
+ expandIcon: accordionClasses.expandIcon
197466
+ }, 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) => {
197639
197467
  if (!disabled) {
197640
197468
  e3.stopPropagation();
197641
197469
  const nextVisible = typeof visible === "boolean" ? !visible : false;
@@ -197646,7 +197474,7 @@ function LayerController(props2) {
197646
197474
  marginBottom: 2,
197647
197475
  padding: 0,
197648
197476
  minWidth: 0
197649
- }, 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: {
197477
+ }, 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: {
197650
197478
  fontSize: ".75rem",
197651
197479
  bottom: 12,
197652
197480
  width: "50%",
@@ -197850,12 +197678,9 @@ function LayerControllerSubscriber(props2) {
197850
197678
  const layerControllerRef = useRef();
197851
197679
  const [componentWidth, componentHeight] = useClosestVitessceContainerSize(layerControllerRef);
197852
197680
  const { height: windowHeight, width: windowWidth } = useWindowDimensions();
197853
- const [obsLocationsData, obsLocationsStatus] = useObsLocationsData(loaders, dataset, () => {
197854
- }, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, {});
197855
- const [{ obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus] = useObsSegmentationsData(loaders, dataset, () => {
197856
- }, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, {});
197857
- const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, () => {
197858
- }, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: rasterLayers }, {});
197681
+ const [obsLocationsData, obsLocationsStatus] = useObsLocationsData(loaders, dataset, false, { setSpatialPointLayer: setMoleculesLayer }, { spatialPointLayer: moleculesLayer }, {});
197682
+ const [{ obsSegmentations, obsSegmentationsType }, obsSegmentationsStatus] = useObsSegmentationsData(loaders, dataset, false, { setSpatialSegmentationLayer: setCellsLayer }, { spatialSegmentationLayer: cellsLayer }, {});
197683
+ const [{ image: image2 }, imageStatus] = useImageData(loaders, dataset, false, { setSpatialImageLayer: setRasterLayers }, { spatialImageLayer: rasterLayers }, {});
197859
197684
  const { loaders: imageLayerLoaders, meta: imageLayerMeta } = image2 || {};
197860
197685
  const isReady = useReady([
197861
197686
  obsLocationsStatus,
@@ -198472,7 +198297,7 @@ const HIGLASS_BUNDLE_VERSION = "1.11.13";
198472
198297
  const HIGLASS_CSS_URL = `https://unpkg.com/${HIGLASS_PKG_NAME}@${HIGLASS_BUNDLE_VERSION}/dist/hglib.css`;
198473
198298
  register({ dataFetcher: ZarrMultivecDataFetcher, config: ZarrMultivecDataFetcher.config }, { pluginType: "dataFetcher" });
198474
198299
  const LazyHiGlassComponent = React__default.lazy(async () => {
198475
- const { HiGlassComponent } = await import("./hglib-1422f224.js").then((n3) => n3.h);
198300
+ const { HiGlassComponent } = await import("./hglib-8b454259.js").then((n3) => n3.h);
198476
198301
  return { default: HiGlassComponent };
198477
198302
  });
198478
198303
  const HG_SIZE = 800;
@@ -198629,9 +198454,9 @@ function GenomicProfilesSubscriber(props2) {
198629
198454
  const [width2, height2, containerRef] = useGridItemSize();
198630
198455
  const loaders = useLoaders();
198631
198456
  const [{ dataset, obsSetColor: cellSetColor, obsSetSelection: cellSetSelection }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType$1.GENOMIC_PROFILES], coordinationScopes);
198632
- const [urls2, addUrl2] = useUrls(loaders, dataset);
198633
- const [genomicProfilesAttrs, genomicProfilesStatus] = useGenomicProfilesData(loaders, dataset, addUrl2, true, {}, {}, {});
198457
+ const [genomicProfilesAttrs, genomicProfilesStatus, genomicProfilesUrls] = useGenomicProfilesData(loaders, dataset, true, {}, {}, {});
198634
198458
  const isReady = useReady([genomicProfilesStatus]);
198459
+ const urls2 = useUrls([genomicProfilesUrls]);
198635
198460
  const hgViewConfig = useMemo(() => {
198636
198461
  if (!genomicProfilesAttrs || urls2.length !== 1) {
198637
198462
  return null;
@@ -255485,18 +255310,22 @@ function CellSetExpressionPlotSubscriber(props2) {
255485
255310
  const loaders = useLoaders();
255486
255311
  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);
255487
255312
  const [width2, height2, containerRef] = useGridItemSize();
255488
- const [urls2, addUrl2] = useUrls(loaders, dataset);
255489
255313
  const transformOptions = VALUE_TRANSFORM_OPTIONS;
255490
255314
  const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
255491
- const [{ featureLabelsMap }, featureLabelsStatus] = useFeatureLabelsData(loaders, dataset, addUrl2, false, {}, {}, { featureType });
255492
- const [{ obsIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl2, false, { obsType, featureType, featureValueType });
255493
- const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, true, {}, {}, { obsType });
255315
+ const [{ featureLabelsMap }, featureLabelsStatus, featureLabelsUrls] = useFeatureLabelsData(loaders, dataset, false, {}, {}, { featureType });
255316
+ const [{ obsIndex }, matrixIndicesStatus, matrixIndicesUrls] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
255317
+ const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, true, {}, {}, { obsType });
255494
255318
  const isReady = useReady([
255495
255319
  featureSelectionStatus,
255496
255320
  matrixIndicesStatus,
255497
255321
  obsSetsStatus,
255498
255322
  featureLabelsStatus
255499
255323
  ]);
255324
+ const urls2 = useUrls([
255325
+ featureLabelsUrls,
255326
+ matrixIndicesUrls,
255327
+ obsSetsUrls
255328
+ ]);
255500
255329
  const [expressionArr, setArr, expressionMax] = useExpressionByCellSet(expressionData, obsIndex, cellSets, additionalCellSets, geneSelection, cellSetSelection, cellSetColor, featureValueTransform, featureValueTransformCoefficient, theme);
255501
255330
  const firstGeneSelected = geneSelection && geneSelection.length >= 1 ? (featureLabelsMap == null ? void 0 : featureLabelsMap.get(geneSelection[0])) || geneSelection[0] : null;
255502
255331
  const selectedTransformName = (_a2 = transformOptions.find((o2) => o2.value === featureValueTransform)) == null ? void 0 : _a2.name;
@@ -255626,13 +255455,11 @@ function CellSetSizesPlotSubscriber(props2) {
255626
255455
  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);
255627
255456
  const title2 = titleOverride || `${capitalize$2(obsType)} Set Sizes`;
255628
255457
  const [width2, height2, containerRef] = useGridItemSize();
255629
- const [urls2, addUrl2] = useUrls(loaders, dataset);
255630
255458
  const [currentHierarchy, setCurrentHierarchy] = useState([]);
255631
255459
  const [prevCellSetSelection, setPrevCellSetSelection] = useState([]);
255632
- const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl2, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
255633
- const isReady = useReady([
255634
- obsSetsStatus
255635
- ]);
255460
+ const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, true, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
255461
+ const isReady = useReady([obsSetsStatus]);
255462
+ const urls2 = useUrls([obsSetsUrls]);
255636
255463
  const mergedCellSets = useMemo(() => mergeObsSets(cellSets, additionalCellSets), [cellSets, additionalCellSets]);
255637
255464
  const data2 = useMemo(() => {
255638
255465
  if (cellSetSelection && cellSetColor && mergedCellSets && cellSets) {
@@ -255732,13 +255559,15 @@ function ExpressionHistogramSubscriber(props2) {
255732
255559
  const loaders = useLoaders();
255733
255560
  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);
255734
255561
  const [width2, height2, containerRef] = useGridItemSize();
255735
- const [urls2, addUrl2] = useUrls(loaders, dataset);
255736
- const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus] = useObsFeatureMatrixData(loaders, dataset, addUrl2, true, {}, {}, { obsType, featureType, featureValueType });
255562
+ const [{ obsIndex, featureIndex, obsFeatureMatrix }, matrixStatus, matrixUrls] = useObsFeatureMatrixData(loaders, dataset, true, {}, {}, { obsType, featureType, featureValueType });
255737
255563
  const [expressionData, loadedFeatureSelection, featureSelectionStatus] = useFeatureSelection(loaders, dataset, false, geneSelection, { obsType, featureType, featureValueType });
255738
255564
  const isReady = useReady([
255739
255565
  matrixStatus,
255740
255566
  featureSelectionStatus
255741
255567
  ]);
255568
+ const urls2 = useUrls([
255569
+ matrixUrls
255570
+ ]);
255742
255571
  const firstGeneSelected = geneSelection && geneSelection.length >= 1 ? geneSelection[0] : null;
255743
255572
  const data2 = useMemo(() => {
255744
255573
  if (firstGeneSelected && obsFeatureMatrix && expressionData) {
@@ -256409,6 +256238,33 @@ async function initLoader(imageData) {
256409
256238
  const channels2 = Array.isArray(Channels) ? Channels.map((channel, i2) => channel.Name || `Channel ${i2}`) : [Channels.Name || `Channel ${0}`];
256410
256239
  return { ...loader2, channels: channels2 };
256411
256240
  }
256241
+ case "ome-zarr": {
256242
+ const { coordinateTransformations: coordinateTransformationsFromOptions } = metadata2 || {};
256243
+ const loader2 = await loadOmeZarr(url, { fetchOptions: requestInit2, type: "multiscales" });
256244
+ const { metadata: loaderMetadata } = loader2;
256245
+ const { omero, multiscales } = loaderMetadata;
256246
+ if (!Array.isArray(multiscales) || multiscales.length === 0) {
256247
+ console.error("Multiscales array must exist and have at least one element");
256248
+ }
256249
+ const { coordinateTransformations } = multiscales[0];
256250
+ const axes = getNgffAxes(multiscales[0].axes);
256251
+ const transformMatrixFromOptions = coordinateTransformationsToMatrix(coordinateTransformationsFromOptions, axes);
256252
+ const transformMatrixFromFile = coordinateTransformationsToMatrix(coordinateTransformations, axes);
256253
+ const transformMatrix = transformMatrixFromFile.multiplyLeft(transformMatrixFromOptions);
256254
+ const { channels: channels2, name: omeroName } = omero;
256255
+ return {
256256
+ name: omeroName || "Image",
256257
+ channels: channels2.map((c2, i2) => c2.label || `Channel ${i2}`),
256258
+ ...transformMatrix ? {
256259
+ metadata: {
256260
+ transform: {
256261
+ matrix: transformMatrix
256262
+ }
256263
+ }
256264
+ } : {},
256265
+ ...loader2
256266
+ };
256267
+ }
256412
256268
  default: {
256413
256269
  throw Error(`Image type (${type2}) is not supported`);
256414
256270
  }
@@ -256430,7 +256286,7 @@ class RasterLoader extends JsonLoader {
256430
256286
  }
256431
256287
  const { data: raster } = payload;
256432
256288
  const { images, renderLayers, usePhysicalSizeScaling = false } = raster;
256433
- const urls2 = images.filter((image2) => !image2.url.includes("zarr")).map((image2) => [image2.url, image2.name]);
256289
+ const urls2 = images.filter((image2) => !image2.url.includes("zarr")).map((image2) => ({ url: image2.url, name: image2.name }));
256434
256290
  const imagesWithLoaderCreators = images.map((image2) => ({
256435
256291
  ...image2,
256436
256292
  loaderCreator: async () => initLoader(image2)
@@ -257492,9 +257348,6 @@ class OmeTiffLoader extends AbstractTwoStepLoader {
257492
257348
  async load() {
257493
257349
  const { url, requestInit: requestInit2 } = this;
257494
257350
  const { coordinateTransformations: coordinateTransformationsFromOptions } = this.options || {};
257495
- const urls2 = [
257496
- [url, "image"]
257497
- ];
257498
257351
  const offsets2 = await this.loadOffsets();
257499
257352
  const loader2 = await loadOmeTiff(url, { offsets: offsets2, headers: requestInit2 == null ? void 0 : requestInit2.headers });
257500
257353
  const { Name: imageName, Pixels: { Channels, DimensionOrder, PhysicalSizeX, PhysicalSizeXUnit, PhysicalSizeY, PhysicalSizeYUnit } } = loader2.metadata;
@@ -257513,6 +257366,9 @@ class OmeTiffLoader extends AbstractTwoStepLoader {
257513
257366
  }
257514
257367
  } : {}
257515
257368
  };
257369
+ const urls2 = [
257370
+ { url, name: image2.name }
257371
+ ];
257516
257372
  const imagesWithLoaderCreators = [
257517
257373
  {
257518
257374
  ...image2,
@@ -257542,7 +257398,6 @@ class OmeTiffAsObsSegmentationsLoader extends OmeTiffLoader {
257542
257398
  const offsets2 = await this.loadOffsets();
257543
257399
  const loader2 = await loadOmeTiff(url, { offsets: offsets2, headers: requestInit2 == null ? void 0 : requestInit2.headers });
257544
257400
  const { Name: imageName, Pixels: { Channels, DimensionOrder, PhysicalSizeX, PhysicalSizeXUnit, PhysicalSizeY, PhysicalSizeYUnit } } = loader2.metadata;
257545
- const urls2 = [url, "OME-TIFF"];
257546
257401
  const transformMatrixFromOptions = coordinateTransformationsToMatrix(coordinateTransformationsFromOptions, getNgffAxesForTiff(DimensionOrder));
257547
257402
  const usePhysicalSizeScaling = PhysicalSizeX && PhysicalSizeXUnit && PhysicalSizeY && PhysicalSizeYUnit;
257548
257403
  const image2 = {
@@ -257559,6 +257414,7 @@ class OmeTiffAsObsSegmentationsLoader extends OmeTiffLoader {
257559
257414
  } : {}
257560
257415
  }
257561
257416
  };
257417
+ const urls2 = [{ url, name: image2.name }];
257562
257418
  const imagesWithLoaderCreators = [
257563
257419
  {
257564
257420
  ...image2,
@@ -258068,6 +257924,16 @@ const baseJointFileTypes = [
258068
257924
  new PluginJointFileType(FileType$1.MOLECULES_JSON, expandMoleculesJson, z.null())
258069
257925
  ];
258070
257926
  const baseCoordinationTypes = [
257927
+ new PluginCoordinationType(
257928
+ CoordinationType$1.META_COORDINATION_SCOPES,
257929
+ null,
257930
+ z.record(z.any()).nullable()
257931
+ ),
257932
+ new PluginCoordinationType(
257933
+ CoordinationType$1.META_COORDINATION_SCOPES_BY,
257934
+ null,
257935
+ z.record(z.any()).nullable()
257936
+ ),
258071
257937
  new PluginCoordinationType(CoordinationType$1.DATASET, null, z.string().nullable()),
258072
257938
  new PluginCoordinationType(CoordinationType$1.OBS_TYPE, "cell", z.string()),
258073
257939
  new PluginCoordinationType(CoordinationType$1.FEATURE_TYPE, "gene", z.string()),
@@ -258208,10 +258074,11 @@ function Vitessce(props2) {
258208
258074
  pluginCoordinationTypes: pluginCoordinationTypesProp,
258209
258075
  pluginJointFileTypes: pluginJointFileTypesProp
258210
258076
  } = props2;
258211
- const configUid = config3 == null ? void 0 : config3.uid;
258077
+ const configKey = (config3 == null ? void 0 : config3.uid) || config3;
258212
258078
  const configVersion = config3 == null ? void 0 : config3.version;
258213
258079
  const [configOrWarning, success] = useMemo(() => {
258214
258080
  try {
258081
+ logConfig(config3, "pre-upgrade view config");
258215
258082
  const validConfig = upgradeAndParse(config3, onConfigUpgrade);
258216
258083
  return [validConfig, true];
258217
258084
  } catch (e3) {
@@ -258224,7 +258091,7 @@ function Vitessce(props2) {
258224
258091
  false
258225
258092
  ];
258226
258093
  }
258227
- }, [configUid, configVersion]);
258094
+ }, [configKey, configVersion]);
258228
258095
  const mergedPluginViewTypes = useMemo(() => [
258229
258096
  ...baseViewTypes,
258230
258097
  ...pluginViewTypesProp || []