@ohif/app 3.9.0-beta.52 → 3.9.0-beta.54

package/dist/{app.bundle.d781a60f8a0340af9dec.js → app.bundle.b0d7489a2dc221b7e9b4.js}

@@ -126,8 +126,8 @@ var ui_src = __webpack_require__(38604);
 var ui_next_src = __webpack_require__(51946);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(52490);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var core_src = __webpack_require__(84793);
 // EXTERNAL MODULE: ../node_modules/react-router/dist/index.js
 var react_router_dist = __webpack_require__(85066);
 // EXTERNAL MODULE: ./hooks/useSearchParams.ts
@@ -1048,8 +1048,8 @@ function WorkList({
     };
   });
   const hasStudies = numOfStudies > 0;
-  const versionNumber = "3.9.0-beta.52";
-  const commitHash = "f660f8e970c0226b34a9de10e2c57429dcce6763";
+  const versionNumber = "3.9.0-beta.54";
+  const commitHash = "2048b19484c0b1fae73f993cfaa814f861bbd230";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -1933,7 +1933,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(428), __webpack_require__.e(818), __webpack_require__.e(497), __webpack_require__.e(993), __webpack_require__.e(604), __webpack_require__.e(793), __webpack_require__.e(10), __webpack_require__.e(217)]).then(__webpack_require__.bind(__webpack_require__, 21217));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(428), __webpack_require__.e(818), __webpack_require__.e(497), __webpack_require__.e(993), __webpack_require__.e(604), __webpack_require__.e(793), __webpack_require__.e(10), __webpack_require__.e(516)]).then(__webpack_require__.bind(__webpack_require__, 15516));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
@@ -2891,7 +2891,7 @@ async function appInit(appConfigOrFunc, defaultExtensions, defaultModes) {
     appConfig
   });
   servicesManager.setExtensionManager(extensionManager);
-  servicesManager.registerServices([core_src/* UINotificationService */.ex.REGISTRATION, core_src/* UIModalService */.vq.REGISTRATION, core_src/* UIDialogService */.wA.REGISTRATION, core_src/* UIViewportDialogService */.Zi.REGISTRATION, core_src.MeasurementService.REGISTRATION, core_src/* DisplaySetService */.iY.REGISTRATION, [core_src/* CustomizationService */.wQ.REGISTRATION, appConfig.customizationService], core_src.ToolbarService.REGISTRATION, core_src/* ViewportGridService */.pK.REGISTRATION, core_src/* HangingProtocolService */.hy.REGISTRATION, core_src/* CineService */.d5.REGISTRATION, core_src/* UserAuthenticationService */.qS.REGISTRATION, core_src/* PanelService */.Ku.REGISTRATION, core_src/* WorkflowStepsService */.Og.REGISTRATION, core_src/* StateSyncService */.v.REGISTRATION]);
+  servicesManager.registerServices([core_src/* UINotificationService */.ex.REGISTRATION, core_src/* UIModalService */.vq.REGISTRATION, core_src/* UIDialogService */.wA.REGISTRATION, core_src/* UIViewportDialogService */.Zi.REGISTRATION, core_src.MeasurementService.REGISTRATION, core_src/* DisplaySetService */.iY.REGISTRATION, [core_src/* CustomizationService */.wQ.REGISTRATION, appConfig.customizationService], core_src.ToolbarService.REGISTRATION, core_src/* ViewportGridService */.pK.REGISTRATION, core_src/* HangingProtocolService */.hy.REGISTRATION, core_src/* CineService */.d5.REGISTRATION, core_src/* UserAuthenticationService */.qS.REGISTRATION, core_src/* PanelService */.Ku.REGISTRATION, core_src/* WorkflowStepsService */.Og.REGISTRATION, core_src/* StateSyncService */.v.REGISTRATION, [core_src/* StudyPrefetcherService */.P_.REGISTRATION, appConfig.studyPrefetcher]]);
   core_src/* errorHandler */.Po.getHTTPErrorHandler = () => {
     if (typeof appConfig.httpErrorHandler === 'function') {
       return appConfig.httpErrorHandler;
@@ -5027,7 +5027,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-const package_namespaceObject = JSON.parse('{"i8":"3.9.0-beta.51"}');
+const package_namespaceObject = JSON.parse('{"i8":"3.9.0-beta.53"}');
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -5851,7 +5851,7 @@ i18next/* default */.Z.currentLanguage = () => ({
 
 /***/ }),
 
-/***/ 84340:
+/***/ 28607:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -6094,6 +6094,41 @@ const SvgCloseIcon = ({
 })));
 
 /* harmony default export */ const closeIcon = (__webpack_require__.p + "assets/images/closeIcon.svg");
+;// CONCATENATED MODULE: ../../ui/src/assets/icons/database.svg
+var database_g;
+function database_extends() { return database_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, database_extends.apply(null, arguments); }
+
+const SvgDatabase = ({
+  title,
+  titleId,
+  ...props
+}) => /*#__PURE__*/react.createElement("svg", database_extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 19,
+  height: 19,
+  viewBox: "0 0 19 19",
+  "aria-labelledby": titleId
+}, props), title ? /*#__PURE__*/react.createElement("title", {
+  id: titleId
+}, title) : null, database_g || (database_g = /*#__PURE__*/react.createElement("g", {
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2,
+  transform: "matrix(.84874 0 0 .84874 .136 .142)"
+}, /*#__PURE__*/react.createElement("ellipse", {
+  cx: 11,
+  cy: 4,
+  rx: 9,
+  ry: 3
+}), /*#__PURE__*/react.createElement("path", {
+  d: "M2 4v14a9 3 0 0 0 18 0V4"
+}), /*#__PURE__*/react.createElement("path", {
+  d: "M2 11a9 3 0 0 0 18 0"
+}))));
+
+/* harmony default export */ const database = (__webpack_require__.p + "assets/images/database.svg");
 ;// CONCATENATED MODULE: ../../ui/src/assets/icons/dotted-circle.svg
 var dotted_circle_path;
 function dotted_circle_extends() { return dotted_circle_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, dotted_circle_extends.apply(null, arguments); }
@@ -11750,6 +11785,7 @@ const SvgToolWindowRegion = ({
 
 
 
+
 
 
 const ICONS = {
@@ -11762,6 +11798,7 @@ const ICONS = {
   cancel: SvgCancel,
   clipboard: SvgClipboard,
   close: SvgCloseIcon,
+  database: SvgDatabase,
   'dotted-circle': SvgDottedCircle,
   'circled-checkmark': SvgCircledCheckmark,
   'chevron-down': SvgChevronDown,
@@ -19646,8 +19683,8 @@ ViewportDialogProvider.propTypes = {
 // EXTERNAL MODULE: ../../../node_modules/lodash.merge/index.js
 var lodash_merge = __webpack_require__(12178);
 var lodash_merge_default = /*#__PURE__*/__webpack_require__.n(lodash_merge);
-// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(63810);
+// EXTERNAL MODULE: ../../core/src/index.ts + 74 modules
+var src = __webpack_require__(84793);
 ;// CONCATENATED MODULE: ../../ui/src/utils/viewportLabels.ts
 const viewportLabels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
 /* harmony default export */ const utils_viewportLabels = (viewportLabels);
@@ -34219,6 +34256,7 @@ const Thumbnail = ({
   description,
   seriesNumber,
   numInstances,
+  loadingProgress,
   countIcon,
   messages,
   dragData = {},
@@ -34278,7 +34316,12 @@ const Thumbnail = ({
   }, /*#__PURE__*/react.createElement(Icon/* default */.Z, {
     name: countIcon || 'group-layers',
     className: "mr-2 w-3"
-  }), ` ${numInstances}`), /*#__PURE__*/react.createElement(components_DisplaySetMessageListTooltip, {
+  }), ` ${numInstances}`), /*#__PURE__*/react.createElement("div", {
+    className: "flex mr-2 last:mr-0"
+  }, loadingProgress && loadingProgress < 1 && /*#__PURE__*/react.createElement(react.Fragment, null, Math.round(loadingProgress * 100), "%"), loadingProgress && loadingProgress === 1 && /*#__PURE__*/react.createElement(Icon/* default */.Z, {
+    name: 'database',
+    className: "w-3"
+  })), /*#__PURE__*/react.createElement(components_DisplaySetMessageListTooltip, {
     messages: messages,
     id: `display-set-tooltip-${displaySetInstanceUID}`
   })), /*#__PURE__*/react.createElement("div", {
@@ -34304,6 +34347,7 @@ Thumbnail.propTypes = {
   description: (prop_types_default()).string.isRequired,
   seriesNumber: StringNumber.isRequired,
   numInstances: (prop_types_default()).number.isRequired,
+  loadingProgress: (prop_types_default()).number,
   messages: (prop_types_default()).object,
   isActive: (prop_types_default()).bool.isRequired,
   onClick: (prop_types_default()).func.isRequired,
@@ -34449,6 +34493,7 @@ function ThumbnailTracked({
   description,
   seriesNumber,
   numInstances,
+  loadingProgress,
   countIcon,
   messages,
   dragData,
@@ -34501,6 +34546,7 @@ function ThumbnailTracked({
     messages: messages,
     numInstances: numInstances,
     countIcon: countIcon,
+    loadingProgress: loadingProgress,
     isActive: isActive,
     onClick: onClick,
     onDoubleClick: onDoubleClick
@@ -34525,6 +34571,7 @@ ThumbnailTracked.propTypes = {
   description: (prop_types_default()).string.isRequired,
   seriesNumber: StringNumber.isRequired,
   numInstances: (prop_types_default()).number.isRequired,
+  loadingProgress: (prop_types_default()).number,
   onClick: (prop_types_default()).func.isRequired,
   onDoubleClick: (prop_types_default()).func.isRequired,
   onClickUntrack: (prop_types_default()).func.isRequired,
@@ -34559,6 +34606,7 @@ const ThumbnailList = ({
     dragData,
     seriesNumber,
     numInstances,
+    loadingProgress,
     modality,
     componentType,
     seriesDate,
@@ -34597,6 +34645,7 @@ const ThumbnailList = ({
           description: description,
           seriesNumber: seriesNumber,
           numInstances: numInstances,
+          loadingProgress: loadingProgress,
           countIcon: countIcon,
           imageSrc: imageSrc,
           imageAltText: imageAltText,
@@ -60368,8 +60417,8 @@ const HeaderItem = ({
   }, children);
 };
 /* harmony default export */ const AllInOneMenu_HeaderItem = (HeaderItem);
-// EXTERNAL MODULE: ../../ui/src/components/Icon/getIcon.js + 202 modules
-var getIcon = __webpack_require__(84340);
+// EXTERNAL MODULE: ../../ui/src/components/Icon/getIcon.js + 203 modules
+var getIcon = __webpack_require__(28607);
 ;// CONCATENATED MODULE: ../../ui/src/components/AllInOneMenu/IconMenu.tsx
 
 
@@ -61440,7 +61489,7 @@ function _getImageOrientationPatient(image) {
 
 /***/ }),
 
-/***/ 63810:
+/***/ 84793:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -61467,6 +61516,7 @@ __webpack_require__.d(__webpack_exports__, {
   H: () => (/* reexport */ ServiceProvidersManager),
   Xw: () => (/* reexport */ ServicesManager),
   v: () => (/* reexport */ services_StateSyncService),
+  P_: () => (/* reexport */ StudyPrefetcherService),
   ToolbarService: () => (/* reexport */ ToolBarService),
   wA: () => (/* reexport */ services_UIDialogService),
   vq: () => (/* reexport */ services_UIModalService),
@@ -63808,8 +63858,8 @@ class ViewportGridService extends pubSubServiceInterface/* PubSubService */.h {
     // Just update a single viewport, but use the multi-viewport update for it.
     this.setDisplaySetsForViewports([props]);
   }
-  setDisplaySetsForViewports(props) {
-    this.serviceImplementation._setDisplaySetsForViewports(props);
+  async setDisplaySetsForViewports(props) {
+    await this.serviceImplementation._setDisplaySetsForViewports(props);
     const state = this.getState();
     const viewports = [];
     for (const viewport of props) {
@@ -67274,6 +67324,548 @@ WorkflowStepsService.REGISTRATION = {
 ;// CONCATENATED MODULE: ../../core/src/services/WorkflowStepsService/index.ts
 
 /* harmony default export */ const services_WorkflowStepsService = (WorkflowStepsService);
+;// CONCATENATED MODULE: ../../core/src/services/StudyPrefetcherService/StudyPrefetcherService.ts
+var _StudyPrefetcherService;
+
+
+const IMAGE_REQUEST_TYPE = 'prefetch';
+const StudyPrefetcherService_EVENTS = {
+  SERVICE_STARTED: 'event::studyPrefetcherService:started',
+  SERVICE_STOPPED: 'event::studyPrefetcherService:stopped',
+  DISPLAYSET_LOAD_PROGRESS: 'event::studyPrefetcherService:displaySetLoadProgress',
+  DISPLAYSET_LOAD_COMPLETE: 'event::studyPrefetcherService:displaySetLoadComplete'
+};
+
+/**
+ * Order used for prefetching display set
+ */
+var StudyPrefetchOrder = /*#__PURE__*/function (StudyPrefetchOrder) {
+  StudyPrefetchOrder["closest"] = "closest";
+  StudyPrefetchOrder["downward"] = "downward";
+  StudyPrefetchOrder["upward"] = "upward";
+  return StudyPrefetchOrder;
+}(StudyPrefetchOrder || {});
+/**
+ * Study Prefetcher configuration
+ */
+class StudyPrefetcherService extends pubSubServiceInterface/* PubSubService */.h {
+  constructor({
+    servicesManager,
+    extensionManager,
+    configuration
+  }) {
+    super(StudyPrefetcherService_EVENTS);
+    this._extensionManager = void 0;
+    this._servicesManager = void 0;
+    this._subscriptions = void 0;
+    this._activeDisplaySetsInstanceUIDs = [];
+    this._pendingRequests = [];
+    this._inflightRequests = new Map();
+    this._isRunning = false;
+    this._displaySetLoadingStates = new Map();
+    this._imageIdsToDisplaySetsMap = new Map();
+    this.config = {
+      /* Enable/disable study prefetching service */
+      enabled: false,
+      /* Number of displaysets to be prefetched */
+      displaySetsCount: 1,
+      /**
+       * Max number of concurrent prefetch requests
+       * High numbers may impact on the time to load a new dropped series because
+       * the browser will be busy with all prefetching requests. As soon as the
+       * prefetch requests get fulfilled the new ones from the new dropped series
+       * are sent to the server.
+       *
+       * TODO: abort all prefetch requests when a new series is loaded on a viewport.
+       * (need to add support for `AbortController` on Cornerstone)
+       * */
+      maxNumPrefetchRequests: 10,
+      /* Display sets prefetching order (closest, downward and upward) */
+      order: StudyPrefetchOrder.downward
+    };
+    // Properties set by Cornerstone extension (initStudyPrefetcherService)
+    this.requestType = IMAGE_REQUEST_TYPE;
+    this.cache = void 0;
+    this.imageLoadPoolManager = void 0;
+    this.imageLoader = void 0;
+    this.imageLoadEventsManager = void 0;
+    this._servicesManager = servicesManager;
+    this._extensionManager = extensionManager;
+    this._subscriptions = [];
+    Object.assign(this.config, configuration);
+  }
+  onModeEnter() {
+    this._addEventListeners();
+  }
+
+  /**
+   * The onModeExit returns the service to the initial state.
+   */
+  onModeExit() {
+    this._removeEventListeners();
+    this._stopPrefetching();
+  }
+  _addImageLoadingEventsListeners() {
+    const fnOnImageLoadCompleted = imageId => {
+      // `sendNextRequests` must be called after image loaded/failed events
+      // to make sure prefetch requests shall be sent as soon as the active
+      // displaySets (active viewport) are loaded.
+      //
+      // PS: active display sets are not loaded by this service and that is why
+      // the requests shall not be in the inflight queue.
+      if (!this._inflightRequests.get(imageId)) {
+        this._sendNextRequests();
+      }
+    };
+    const fnImageLoadedEventListener = evt => {
+      const {
+        image
+      } = evt.detail;
+      const {
+        imageId
+      } = image;
+      this._moveImageIdToLoadedSet(imageId);
+      fnOnImageLoadCompleted(imageId);
+    };
+    const fnImageLoadFailedEventListener = evt => {
+      const {
+        imageId
+      } = evt.detail;
+      this._moveImageIdToFailedSet(imageId);
+      fnOnImageLoadCompleted(imageId);
+    };
+    return this.imageLoadEventsManager.addEventListeners(fnImageLoadedEventListener, fnImageLoadFailedEventListener);
+  }
+  _addServicesListeners() {
+    const {
+      displaySetService,
+      viewportGridService
+    } = this._servicesManager.services;
+
+    // Restart the prefetcher after any change to the displaySets
+    // (eg: sorting the displaySets on StudyBrowser)
+    const displaySetsChangedSubscription = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_CHANGED, () => this._syncWithActiveViewport({
+      forceRestart: true
+    }));
+
+    // Loads new datasets when making a new viewport active
+    const viewportGridActiveViewportIdSubscription = viewportGridService.subscribe(services_ViewportGridService.EVENTS.ACTIVE_VIEWPORT_ID_CHANGED, ({
+      viewportId
+    }) => this._syncWithActiveViewport({
+      activeViewportId: viewportId
+    }));
+
+    // Continue loading datasets after changing the layout (eg: from 1x1 to 2x1)
+    const viewportGridLayoutChangedSubscription = viewportGridService.subscribe(services_ViewportGridService.EVENTS.LAYOUT_CHANGED, () => this._syncWithActiveViewport());
+
+    // Loads new datasets after loading a new display set on a viewport
+    const viewportGridStateChangedSubscription = viewportGridService.subscribe(services_ViewportGridService.EVENTS.GRID_STATE_CHANGED, () => this._syncWithActiveViewport());
+
+    // Loads the first datasets right after opening the viewer
+    const viewportGridViewportreadySubscription = viewportGridService.subscribe(services_ViewportGridService.EVENTS.VIEWPORTS_READY, () => {
+      this._syncWithActiveViewport();
+      this._startPrefetching();
+    });
+    return [displaySetsChangedSubscription, viewportGridActiveViewportIdSubscription, viewportGridLayoutChangedSubscription, viewportGridStateChangedSubscription, viewportGridViewportreadySubscription];
+  }
+  _addEventListeners() {
+    const imageLoadingEventsSubscriptions = this._addImageLoadingEventsListeners();
+    const servicesSubscriptions = this._addServicesListeners();
+    this._subscriptions.push(...imageLoadingEventsSubscriptions);
+    this._subscriptions.push(...servicesSubscriptions);
+  }
+  _removeEventListeners() {
+    this._subscriptions.forEach(subscription => subscription.unsubscribe());
+    this._subscriptions = [];
+  }
+  _syncWithActiveViewport({
+    activeViewportId,
+    forceRestart
+  } = {}) {
+    const {
+      viewportGridService
+    } = this._servicesManager.services;
+    const viewportGridServiceState = viewportGridService.getState();
+    const {
+      viewports
+    } = viewportGridServiceState;
+    activeViewportId = activeViewportId ?? viewportGridServiceState.activeViewportId;
+
+    // If may be null when the viewer is loaded
+    if (!activeViewportId) {
+      return;
+    }
+    const activeViewport = viewports.get(activeViewportId);
+    const displaySetUpdated = this._setActiveDisplaySetsUIDs(activeViewport.displaySetInstanceUIDs);
+    if (forceRestart || displaySetUpdated) {
+      this._restartPrefetching();
+    }
+  }
+  _setActiveDisplaySetsUIDs(newActiveDisplaySetInstanceUIDs) {
+    const sameDisplaySets = newActiveDisplaySetInstanceUIDs.length === this._activeDisplaySetsInstanceUIDs.length && newActiveDisplaySetInstanceUIDs.every(uid => this._activeDisplaySetsInstanceUIDs.includes(uid));
+    if (sameDisplaySets) {
+      return false;
+    }
+    this._activeDisplaySetsInstanceUIDs = [...newActiveDisplaySetInstanceUIDs];
+    this._restartPrefetching();
+    return true;
+  }
+  _areActiveDisplaySetsLoaded() {
+    const {
+      _activeDisplaySetsInstanceUIDs: displaySetsInstanceUIDs
+    } = this;
+    return displaySetsInstanceUIDs.length && displaySetsInstanceUIDs.every(displaySetsInstanceUID => this._displaySetLoadingStates.get(displaySetsInstanceUID).loadingProgress >= 1);
+  }
+  _getClosestDisplaySets(displaySets, activeDisplaySetIndex) {
+    const sortedDisplaySets = [];
+    let previousIndex = activeDisplaySetIndex - 1;
+    let nextIndex = activeDisplaySetIndex + 1;
+    while (previousIndex >= 0 || nextIndex < displaySets.length) {
+      if (previousIndex >= 0) {
+        sortedDisplaySets.push(displaySets[previousIndex]);
+        previousIndex--;
+      }
+      if (nextIndex < displaySets.length) {
+        sortedDisplaySets.push(displaySets[nextIndex]);
+        nextIndex++;
+      }
+    }
+    return sortedDisplaySets;
+  }
+  _getDownwardDisplaySets(displaySets, activeDisplaySetIndex) {
+    const sortedDisplaySets = [];
+    for (let i = activeDisplaySetIndex + 1; i < displaySets.length; i++) {
+      sortedDisplaySets.push(displaySets[i]);
+    }
+    return sortedDisplaySets;
+  }
+  _getUpwardDisplaySets(displaySets, activeDisplaySetIndex) {
+    const sortedDisplaySets = [];
+    for (let i = activeDisplaySetIndex - 1; i >= 0 && i !== activeDisplaySetIndex; i--) {
+      sortedDisplaySets.push(displaySets[i]);
+    }
+    return sortedDisplaySets;
+  }
+  _getSortedDisplaySetsToPrefetch(displaySets) {
+    if (!this._activeDisplaySetsInstanceUIDs?.length) {
+      return [];
+    }
+    const {
+      displaySetsCount
+    } = this.config;
+    const activeDisplaySetsInstanceUIDs = this._activeDisplaySetsInstanceUIDs;
+    const [activeDisplaySetUID] = activeDisplaySetsInstanceUIDs;
+    const activeDisplaySetIndex = displaySets.findIndex(ds => ds.displaySetInstanceUID === activeDisplaySetUID);
+    const getDisplaySetsFunctionsMap = {
+      [StudyPrefetchOrder.closest]: this._getClosestDisplaySets,
+      [StudyPrefetchOrder.downward]: this._getDownwardDisplaySets,
+      [StudyPrefetchOrder.upward]: this._getUpwardDisplaySets
+    };
+    const {
+      order
+    } = this.config;
+    const fnGetDisplaySets = getDisplaySetsFunctionsMap[order];
+    if (!fnGetDisplaySets) {
+      throw new Error(`Invalid order (${order})`);
+    }
+
+    // Creates a `Set` to look for UIDs in O(1) instead of O(n)
+    const uidsSet = new Set(activeDisplaySetsInstanceUIDs);
+
+    // Remove any active displaySet that may still be in the activeDisplaySetsInstanceUIDs.
+    // That may happen when activeDisplaySetsInstanceUIDs has more than one element.
+    return fnGetDisplaySets.call(this, displaySets, activeDisplaySetIndex).filter(ds => !uidsSet.has(ds.displaySetInstanceUID)).slice(0, displaySetsCount);
+  }
+  _getDisplaySets() {
+    const {
+      displaySetService
+    } = this._servicesManager.services;
+    const displaySets = [...displaySetService.getActiveDisplaySets()];
+    let displaySetsToPrefetch = this._getSortedDisplaySetsToPrefetch(displaySets);
+    return {
+      displaySets,
+      displaySetsToPrefetch
+    };
+  }
+  _updateImageIdsDisplaySetMap(displaySetInstanceUID, imageIds) {
+    for (const imageId of imageIds) {
+      let displaySetsInstanceUIDsMap = this._imageIdsToDisplaySetsMap.get(imageId);
+      if (!displaySetsInstanceUIDsMap) {
+        displaySetsInstanceUIDsMap = new Set();
+        this._imageIdsToDisplaySetsMap.set(imageId, displaySetsInstanceUIDsMap);
+      }
+      displaySetsInstanceUIDsMap.add(displaySetInstanceUID);
+    }
+  }
+  _getImageIdsForDisplaySet(displaySet) {
+    const dataSource = this._extensionManager.getActiveDataSource()[0];
+    return dataSource.getImageIdsForDisplaySet(displaySet);
+  }
+  _updateDisplaySetLoadingProgress(displaySetLoadingState) {
+    const {
+      numInstances,
+      loadedImageIds,
+      failedImageIds
+    } = displaySetLoadingState;
+    const loadingProgress = (loadedImageIds.size + failedImageIds.size) / numInstances;
+    displaySetLoadingState.loadingProgress = loadingProgress;
+  }
+  _addDisplaySetLoadingState(displaySet) {
+    const {
+      displaySetInstanceUID
+    } = displaySet;
+    const imageIds = this._getImageIdsForDisplaySet(displaySet);
+    let displaySetLoadingState = this._displaySetLoadingStates.get(displaySetInstanceUID);
+    if (displaySetLoadingState) {
+      return;
+    }
+    const pendingImageIds = new Set(imageIds);
+    const loadedImageIds = new Set();
+
+    // Needs to check which image is already loaded to update the progress properly
+    // because some images may already be loaded (thumbnails and viewports).
+    for (const imageId of imageIds) {
+      if (this.cache.isImageCached(imageId)) {
+        loadedImageIds.add(imageId);
+      } else {
+        pendingImageIds.add(imageId);
+      }
+    }
+    displaySetLoadingState = {
+      displaySetInstanceUID,
+      numInstances: imageIds.length,
+      pendingImageIds,
+      loadedImageIds,
+      failedImageIds: new Set(),
+      loadingProgress: 0
+    };
+    this._updateDisplaySetLoadingProgress(displaySetLoadingState);
+    this._displaySetLoadingStates.set(displaySetInstanceUID, displaySetLoadingState);
+    this._updateImageIdsDisplaySetMap(displaySetInstanceUID, imageIds);
+
+    // Notify the UI that something is already loaded (eg: update StudyBrowser)
+    if (loadedImageIds.size) {
+      this._triggerDisplaySetEvents(displaySetInstanceUID);
+    }
+  }
+  _loadDisplaySets() {
+    const {
+      displaySets,
+      displaySetsToPrefetch
+    } = this._getDisplaySets();
+    displaySets.forEach(displaySet => this._addDisplaySetLoadingState(displaySet));
+    displaySetsToPrefetch.forEach(displaySet => this._enqueueDisplaySetImagesRequests(displaySet));
+  }
+  _moveImageIdToLoadedSet(imageId) {
+    const displaySetsInstanceUIDs = this._imageIdsToDisplaySetsMap.get(imageId);
+    if (!displaySetsInstanceUIDs) {
+      return;
+    }
+    for (const displaySetInstanceUID of Array.from(displaySetsInstanceUIDs.values())) {
+      const displaySetLoadingState = this._displaySetLoadingStates.get(displaySetInstanceUID);
+      const {
+        pendingImageIds,
+        loadedImageIds
+      } = displaySetLoadingState;
+      pendingImageIds.delete(imageId);
+      loadedImageIds.add(imageId);
+      this._updateDisplaySetLoadingProgress(displaySetLoadingState);
+      this._triggerDisplaySetEvents(displaySetInstanceUID);
+    }
+    return true;
+  }
+  _moveImageIdToFailedSet(imageId) {
+    const displaySetsInstanceUIDs = this._imageIdsToDisplaySetsMap.get(imageId);
+    if (!displaySetsInstanceUIDs) {
+      return;
+    }
+    for (const displaySetInstanceUID of Array.from(displaySetsInstanceUIDs.values())) {
+      const displaySetLoadingState = this._displaySetLoadingStates.get(displaySetInstanceUID);
+      const {
+        pendingImageIds,
+        failedImageIds
+      } = displaySetLoadingState;
+      pendingImageIds.delete(imageId);
+      failedImageIds.add(imageId);
+      this._updateDisplaySetLoadingProgress(displaySetLoadingState);
+      this._triggerDisplaySetEvents(displaySetInstanceUID);
+    }
+    return true;
+  }
+  _triggerDisplaySetEvents(displaySetInstanceUID) {
+    const displaySetLoadingState = this._displaySetLoadingStates.get(displaySetInstanceUID);
+    const {
+      loadingProgress,
+      numInstances
+    } = displaySetLoadingState;
+    this._broadcastEvent(this.EVENTS.DISPLAYSET_LOAD_PROGRESS, {
+      displaySetInstanceUID,
+      numInstances,
+      loadingProgress
+    });
+    if (loadingProgress >= 1) {
+      this._broadcastEvent(this.EVENTS.DISPLAYSET_LOAD_COMPLETE, {
+        displaySetInstanceUID
+      });
+    }
+  }
+  _onImagePrefetchSuccess(imageRequest) {
+    if (imageRequest.aborted) {
+      return;
+    }
+    const {
+      imageId
+    } = imageRequest;
+    this._inflightRequests.delete(imageId);
+    this._moveImageIdToLoadedSet(imageId);
+
+    // `sendNextRequests` must be called after removing the request from the inflight
+    // queue otherwise it shall not be able to send the request (maxNumPrefetchRequests)
+    this._sendNextRequests();
+  }
+  _onImagePrefetchFailed(imageRequest, error) {
+    if (imageRequest.aborted) {
+      return;
+    }
+    console.warn(`An error ocurred when trying to load "${imageRequest.imageId}"`, error);
+    const {
+      imageId
+    } = imageRequest;
+    this._inflightRequests.delete(imageId);
+    this._moveImageIdToFailedSet(imageId);
+
+    // `sendNextRequests` must be called after removing the request from the inflight
+    // queue otherwise it shall not be able to send the request (maxNumPrefetchRequests)
+    this._sendNextRequests();
+  }
+  async _sendNextRequests() {
+    // If the service has stopped with async requests in progress this method may
+    // get called again when each of those requests are fulfilled.
+    if (!this._isRunning) {
+      return;
+    }
+
+    // Does not send any prefetch request until the active display sets are loaded
+    if (!this._areActiveDisplaySetsLoaded()) {
+      return;
+    }
+    const {
+      _pendingRequests: pendingRequests,
+      _inflightRequests: inflightRequests
+    } = this;
+    const {
+      maxNumPrefetchRequests
+    } = this.config;
+    if (!pendingRequests.length || inflightRequests.size >= maxNumPrefetchRequests) {
+      return;
+    }
+    const numImageRequests = Math.min(pendingRequests.length, maxNumPrefetchRequests - inflightRequests.size);
+    const imageRequests = this._pendingRequests.splice(0, numImageRequests);
+    imageRequests.forEach(imageRequest => {
+      const {
+        imageId
+      } = imageRequest;
+      const options = {
+        priority: -5,
+        requestType: this.requestType,
+        additionalDetails: {
+          imageId
+        },
+        preScale: {
+          enabled: true
+        }
+      };
+      this.imageLoadPoolManager.addRequest(async () => this.imageLoader.loadAndCacheImage(imageId, options).then(_image => this._onImagePrefetchSuccess(imageRequest), error => this._onImagePrefetchFailed(imageRequest, error)), this.requestType, {
+        imageId
+      });
+      inflightRequests.set(imageId, imageRequest);
+    });
+  }
+  _enqueueDisplaySetImagesRequests(displaySet) {
+    const {
+      displaySetInstanceUID
+    } = displaySet;
+    const imageIds = this._getImageIdsForDisplaySet(displaySet);
+    imageIds.forEach(imageId => {
+      if (this.cache.isImageCached(imageId)) {
+        this._moveImageIdToLoadedSet(imageId);
+        return;
+      }
+      this._pendingRequests.push({
+        displaySetInstanceUID,
+        imageId,
+        aborted: false
+      });
+    });
+  }
+
+  /**
+   * Start prefetching the display sets based on the active viewport and app configuration.
+   */
+  _startPrefetching() {
+    if (this._isRunning) {
+      return;
+    }
+    if (!this.config.enabled) {
+      console.log('StudyPrefetcher is not enabled');
+      return;
+    }
+    this._isRunning = true;
+    this._loadDisplaySets();
+    this._sendNextRequests();
+    this._broadcastEvent(this.EVENTS.SERVICE_STARTED, {});
+  }
+
+  /**
+   * Stop prefetching the display sets.
+   * All internal variables are cleared but activeDisplaySetsInstanceUIDs otherwise restart would not work.
+   */
+  _stopPrefetching() {
+    if (!this._isRunning) {
+      return;
+    }
+    this._isRunning = false;
+
+    // Mark all inflight requests as aborted before clearing the map.
+    this._inflightRequests.forEach(inflightRequest => inflightRequest.aborted = true);
+    this._pendingRequests = [];
+    this._displaySetLoadingStates.clear();
+    this._imageIdsToDisplaySetsMap.clear();
+    this._inflightRequests.clear();
+    this.imageLoadPoolManager.clearRequestStack(IMAGE_REQUEST_TYPE);
+    this._broadcastEvent(this.EVENTS.SERVICE_STOPPED, {});
+  }
+
+  /**
+   * Restart prefetching in case it is already running.
+   */
+  _restartPrefetching() {
+    if (this._isRunning) {
+      this._stopPrefetching();
+      this._startPrefetching();
+    }
+  }
+}
+_StudyPrefetcherService = StudyPrefetcherService;
+StudyPrefetcherService.REGISTRATION = {
+  name: 'studyPrefetcherService',
+  altName: 'StudyPrefetcherService',
+  create: ({
+    configuration,
+    servicesManager,
+    extensionManager
+  }) => {
+    return new _StudyPrefetcherService({
+      servicesManager,
+      extensionManager,
+      configuration
+    });
+  }
+};
+
+;// CONCATENATED MODULE: ../../core/src/services/StudyPrefetcherService/index.ts
+
+
 ;// CONCATENATED MODULE: ../../core/src/services/index.ts
 
 
@@ -67294,6 +67886,7 @@ WorkflowStepsService.REGISTRATION = {
 
 
 
+
 
 ;// CONCATENATED MODULE: ../../core/src/extensions/ExtensionManager.ts
 
@@ -67626,6 +68219,11 @@ class ExtensionManager extends pubSubServiceInterface/* PubSubService */.h {
   getRegisteredExtensionIds() {
     return [...this.registeredExtensionIds];
   }
+  getUniqueServicesList(servicesManager) {
+    // Make sure only one service instance is returned because almost all services are
+    // registered with different keys (eg: StudyPrefetcherService and studyPrefetcherService)
+    return Array.from(new Set(Object.values(servicesManager.services)));
+  }
 
   /**
    * Calls all the services and extension on mode enters.
@@ -67641,11 +68239,12 @@ class ExtensionManager extends pubSubServiceInterface/* PubSubService */.h {
       _hotkeysManager,
       _extensionLifeCycleHooks
     } = this;
+    const services = this.getUniqueServicesList(_servicesManager);
 
     // The onModeEnter of the service must occur BEFORE the extension
     // onModeEnter in order to reset the state to a standard state
     // before the extension restores and cached data.
-    for (const service of Object.values(_servicesManager.services)) {
+    for (const service of services) {
       service?.onModeEnter?.();
     }
     registeredExtensionIds.forEach(extensionId => {
@@ -67666,6 +68265,7 @@ class ExtensionManager extends pubSubServiceInterface/* PubSubService */.h {
       _commandsManager,
       _extensionLifeCycleHooks
     } = this;
+    const services = this.getUniqueServicesList(_servicesManager);
     registeredExtensionIds.forEach(extensionId => {
       const onModeExit = _extensionLifeCycleHooks.onModeExit[extensionId];
       if (typeof onModeExit === 'function') {
@@ -67678,7 +68278,7 @@ class ExtensionManager extends pubSubServiceInterface/* PubSubService */.h {
 
     // The service onModeExit calls must occur after the extension ones
     // so that extension ones can store/restore data.
-    for (const service of Object.values(_servicesManager.services)) {
+    for (const service of services) {
       try {
         service?.onModeExit?.();
       } catch (e) {
@@ -69857,7 +70457,8 @@ const OHIF = {
   PubSubService: pubSubServiceInterface/* PubSubService */.h,
   PanelService: services_PanelService,
   useToolbar: useToolbar,
-  WorkflowStepsService: services_WorkflowStepsService
+  WorkflowStepsService: services_WorkflowStepsService,
+  StudyPrefetcherService: StudyPrefetcherService
 };
 
 
@@ -187534,7 +188135,7 @@ ContextMenu.propTypes = {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43001);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3827);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _getIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84340);
+/* harmony import */ var _getIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28607);
 
 
 
@@ -374956,7 +375557,8 @@ module.exports = function regexTester(regex) {
 /***/ ((__unused_webpack_module, exports) => {
 
 "use strict";
-/** @license React v0.19.1
+/**
+ * @license React
  * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -374964,19 +375566,16 @@ module.exports = function regexTester(regex) {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
-var f,g,h,k,l;
-if("undefined"===typeof window||"function"!==typeof MessageChannel){var p=null,q=null,t=function(){if(null!==p)try{var a=exports.unstable_now();p(!0,a);p=null}catch(b){throw setTimeout(t,0),b;}},u=Date.now();exports.unstable_now=function(){return Date.now()-u};f=function(a){null!==p?setTimeout(f,0,a):(p=a,setTimeout(t,0))};g=function(a,b){q=setTimeout(a,b)};h=function(){clearTimeout(q)};k=function(){return!1};l=exports.unstable_forceFrameRate=function(){}}else{var w=window.performance,x=window.Date,
-y=window.setTimeout,z=window.clearTimeout;if("undefined"!==typeof console){var A=window.cancelAnimationFrame;"function"!==typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills");"function"!==typeof A&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")}if("object"===
-typeof w&&"function"===typeof w.now)exports.unstable_now=function(){return w.now()};else{var B=x.now();exports.unstable_now=function(){return x.now()-B}}var C=!1,D=null,E=-1,F=5,G=0;k=function(){return exports.unstable_now()>=G};l=function(){};exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):F=0<a?Math.floor(1E3/a):5};var H=new MessageChannel,I=H.port2;H.port1.onmessage=
-function(){if(null!==D){var a=exports.unstable_now();G=a+F;try{D(!0,a)?I.postMessage(null):(C=!1,D=null)}catch(b){throw I.postMessage(null),b;}}else C=!1};f=function(a){D=a;C||(C=!0,I.postMessage(null))};g=function(a,b){E=y(function(){a(exports.unstable_now())},b)};h=function(){z(E);E=-1}}function J(a,b){var c=a.length;a.push(b);a:for(;;){var d=c-1>>>1,e=a[d];if(void 0!==e&&0<K(e,b))a[d]=b,a[c]=e,c=d;else break a}}function L(a){a=a[0];return void 0===a?null:a}
-function M(a){var b=a[0];if(void 0!==b){var c=a.pop();if(c!==b){a[0]=c;a:for(var d=0,e=a.length;d<e;){var m=2*(d+1)-1,n=a[m],v=m+1,r=a[v];if(void 0!==n&&0>K(n,c))void 0!==r&&0>K(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else if(void 0!==r&&0>K(r,c))a[d]=r,a[v]=c,d=v;else break a}}return b}return null}function K(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var N=[],O=[],P=1,Q=null,R=3,S=!1,T=!1,U=!1;
-function V(a){for(var b=L(O);null!==b;){if(null===b.callback)M(O);else if(b.startTime<=a)M(O),b.sortIndex=b.expirationTime,J(N,b);else break;b=L(O)}}function W(a){U=!1;V(a);if(!T)if(null!==L(N))T=!0,f(X);else{var b=L(O);null!==b&&g(W,b.startTime-a)}}
-function X(a,b){T=!1;U&&(U=!1,h());S=!0;var c=R;try{V(b);for(Q=L(N);null!==Q&&(!(Q.expirationTime>b)||a&&!k());){var d=Q.callback;if(null!==d){Q.callback=null;R=Q.priorityLevel;var e=d(Q.expirationTime<=b);b=exports.unstable_now();"function"===typeof e?Q.callback=e:Q===L(N)&&M(N);V(b)}else M(N);Q=L(N)}if(null!==Q)var m=!0;else{var n=L(O);null!==n&&g(W,n.startTime-b);m=!1}return m}finally{Q=null,R=c,S=!1}}
-function Y(a){switch(a){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1E4;default:return 5E3}}var Z=l;exports.unstable_IdlePriority=5;exports.unstable_ImmediatePriority=1;exports.unstable_LowPriority=4;exports.unstable_NormalPriority=3;exports.unstable_Profiling=null;exports.unstable_UserBlockingPriority=2;exports.unstable_cancelCallback=function(a){a.callback=null};exports.unstable_continueExecution=function(){T||S||(T=!0,f(X))};
-exports.unstable_getCurrentPriorityLevel=function(){return R};exports.unstable_getFirstCallbackNode=function(){return L(N)};exports.unstable_next=function(a){switch(R){case 1:case 2:case 3:var b=3;break;default:b=R}var c=R;R=b;try{return a()}finally{R=c}};exports.unstable_pauseExecution=function(){};exports.unstable_requestPaint=Z;exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=R;R=a;try{return b()}finally{R=c}};
-exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();if("object"===typeof c&&null!==c){var e=c.delay;e="number"===typeof e&&0<e?d+e:d;c="number"===typeof c.timeout?c.timeout:Y(a)}else c=Y(a),e=d;c=e+c;a={id:P++,callback:b,priorityLevel:a,startTime:e,expirationTime:c,sortIndex:-1};e>d?(a.sortIndex=e,J(O,a),null===L(N)&&a===L(O)&&(U?h():U=!0,g(W,e-d))):(a.sortIndex=c,J(N,a),T||S||(T=!0,f(X)));return a};
-exports.unstable_shouldYield=function(){var a=exports.unstable_now();V(a);var b=L(N);return b!==Q&&null!==Q&&null!==b&&null!==b.callback&&b.startTime<=a&&b.expirationTime<Q.expirationTime||k()};exports.unstable_wrapCallback=function(a){var b=R;return function(){var c=R;R=b;try{return a.apply(this,arguments)}finally{R=c}}};
+function f(a,b){var c=a.length;a.push(b);a:for(;0<c;){var d=c-1>>>1,e=a[d];if(0<g(e,b))a[d]=b,a[c]=e,c=d;else break a}}function h(a){return 0===a.length?null:a[0]}function k(a){if(0===a.length)return null;var b=a[0],c=a.pop();if(c!==b){a[0]=c;a:for(var d=0,e=a.length,w=e>>>1;d<w;){var m=2*(d+1)-1,C=a[m],n=m+1,x=a[n];if(0>g(C,c))n<e&&0>g(x,C)?(a[d]=x,a[n]=c,d=n):(a[d]=C,a[m]=c,d=m);else if(n<e&&0>g(x,c))a[d]=x,a[n]=c,d=n;else break a}}return b}
+function g(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}if("object"===typeof performance&&"function"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}var r=[],t=[],u=1,v=null,y=3,z=!1,A=!1,B=!1,D="function"===typeof setTimeout?setTimeout:null,E="function"===typeof clearTimeout?clearTimeout:null,F="undefined"!==typeof setImmediate?setImmediate:null;
+"undefined"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function G(a){for(var b=h(t);null!==b;){if(null===b.callback)k(t);else if(b.startTime<=a)k(t),b.sortIndex=b.expirationTime,f(r,b);else break;b=h(t)}}function H(a){B=!1;G(a);if(!A)if(null!==h(r))A=!0,I(J);else{var b=h(t);null!==b&&K(H,b.startTime-a)}}
+function J(a,b){A=!1;B&&(B=!1,E(L),L=-1);z=!0;var c=y;try{G(b);for(v=h(r);null!==v&&(!(v.expirationTime>b)||a&&!M());){var d=v.callback;if("function"===typeof d){v.callback=null;y=v.priorityLevel;var e=d(v.expirationTime<=b);b=exports.unstable_now();"function"===typeof e?v.callback=e:v===h(r)&&k(r);G(b)}else k(r);v=h(r)}if(null!==v)var w=!0;else{var m=h(t);null!==m&&K(H,m.startTime-b);w=!1}return w}finally{v=null,y=c,z=!1}}var N=!1,O=null,L=-1,P=5,Q=-1;
+function M(){return exports.unstable_now()-Q<P?!1:!0}function R(){if(null!==O){var a=exports.unstable_now();Q=a;var b=!0;try{b=O(!0,a)}finally{b?S():(N=!1,O=null)}}else N=!1}var S;if("function"===typeof F)S=function(){F(R)};else if("undefined"!==typeof MessageChannel){var T=new MessageChannel,U=T.port2;T.port1.onmessage=R;S=function(){U.postMessage(null)}}else S=function(){D(R,0)};function I(a){O=a;N||(N=!0,S())}function K(a,b){L=D(function(){a(exports.unstable_now())},b)}
+exports.unstable_IdlePriority=5;exports.unstable_ImmediatePriority=1;exports.unstable_LowPriority=4;exports.unstable_NormalPriority=3;exports.unstable_Profiling=null;exports.unstable_UserBlockingPriority=2;exports.unstable_cancelCallback=function(a){a.callback=null};exports.unstable_continueExecution=function(){A||z||(A=!0,I(J))};
+exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):P=0<a?Math.floor(1E3/a):5};exports.unstable_getCurrentPriorityLevel=function(){return y};exports.unstable_getFirstCallbackNode=function(){return h(r)};exports.unstable_next=function(a){switch(y){case 1:case 2:case 3:var b=3;break;default:b=y}var c=y;y=b;try{return a()}finally{y=c}};exports.unstable_pauseExecution=function(){};
+exports.unstable_requestPaint=function(){};exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=y;y=a;try{return b()}finally{y=c}};
+exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?d+c:d):c=d;switch(a){case 1:var e=-1;break;case 2:e=250;break;case 5:e=1073741823;break;case 4:e=1E4;break;default:e=5E3}e=c+e;a={id:u++,callback:b,priorityLevel:a,startTime:c,expirationTime:e,sortIndex:-1};c>d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};
+exports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};
 
 
 /***/ }),
@@ -393227,7 +393826,7 @@ function __disposeResources(env) {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"158":"histogram-worker","607":"suv-peak-worker","985":"polySeg"}[chunkId] || chunkId) + ".bundle." + {"10":"c626810bd199ab63f3a2","153":"8f00f4310208024890d2","158":"e7e9fea2c3236b0e747a","169":"eeb9614e7b06f896c70f","202":"bb0e8196739bb896dc9e","210":"d69d940a6b0a5fd60a02","217":"0062f653c3f106777a2f","246":"26883d5e7649848ac00f","281":"f69da42cda732b1853f7","286":"985c5ebbb2158c7e59ab","315":"f7f9e6c76811f8a6a30f","353":"79e29af337df8bfc6ce0","360":"48ee0dcf983460ccfa3f","372":"ab285c12eeb9b509aea0","376":"79453127db5f42215b71","412":"836f106f6e2896dc42a5","417":"abf8bcee0f246002acb9","428":"744fc5865b2d747de88a","497":"ee102d6243f984113f08","498":"bb47c493dd02451f77ef","502":"5eaf758f5d2583c89175","530":"87f8b13ff55bf7b2a6d1","552":"6b69034625105790fb87","571":"a80609c9815339516d77","591":"08b3095d2bbea32d236a","604":"83f50929b208c60e48da","607":"eb11e71db02e52601ecf","658":"358716d6aee4c190f2cd","757":"1900204cf3e21d28e3b0","791":"999d1d43103a61565916","793":"c92f52ddff0e3bf506e6","818":"cda4e369fdee5459a544","831":"9e1a3495947e5bb49756","842":"5f140089d52350155046","888":"0c078cfae635297cfcd5","931":"f6fa2a436ace89ebf60f","944":"b28b6bf61814d7335b7a","962":"33f3dcd6115d9f597657","978":"2c82f42354d37219849d","985":"b25c61224998018d0f79","993":"aa31ebda5a5f62c44de5","994":"018b0c76da2b447ebcc1"}[chunkId] + ".js";
+/******/ 			return "" + ({"158":"histogram-worker","607":"suv-peak-worker","985":"polySeg"}[chunkId] || chunkId) + ".bundle." + {"10":"c626810bd199ab63f3a2","153":"4263246744bdb7397061","158":"e7e9fea2c3236b0e747a","169":"483057ed84ca3e92513a","202":"bb0e8196739bb896dc9e","210":"23df9d395237def99256","246":"07aee1251a6cfac762d0","281":"80f169c084e30c148f09","286":"985c5ebbb2158c7e59ab","315":"f7f9e6c76811f8a6a30f","353":"4371e55b06de8f3c7aa7","360":"40c4f2cac5dc24cbd151","372":"d9ed2938305b951123a8","376":"4c934b0adf377e00de69","412":"836f106f6e2896dc42a5","417":"abf8bcee0f246002acb9","428":"744fc5865b2d747de88a","497":"ee102d6243f984113f08","498":"bb47c493dd02451f77ef","502":"38ca85216c5168ce773b","516":"85aeaa0680375e6eedd1","530":"87f8b13ff55bf7b2a6d1","552":"bf1485400629f36602a9","571":"2b4e21bc61d7685a5fdb","591":"3b939d8f32f22c4e9978","604":"83f50929b208c60e48da","607":"eb11e71db02e52601ecf","658":"358716d6aee4c190f2cd","757":"1900204cf3e21d28e3b0","791":"b5c3d922846354a1f244","793":"c92f52ddff0e3bf506e6","818":"cda4e369fdee5459a544","831":"9e1a3495947e5bb49756","842":"24d9a57ef3a6f60abcd7","888":"f624d032cdccc374fa84","931":"f6fa2a436ace89ebf60f","944":"6b7e1773f5cf2637cf67","962":"230a6e51c90ae71baa2f","978":"60ae5483cf810ecd524a","985":"b25c61224998018d0f79","993":"aa31ebda5a5f62c44de5","994":"5dc798210cd5c4493e0e"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -393399,7 +393998,7 @@ function __disposeResources(env) {
 /******/ 		};
 /******/ 		
 /******/ 		__webpack_require__.f.miniCss = (chunkId, promises) => {
-/******/ 			var cssChunks = {"169":1,"210":1,"217":1,"286":1,"552":1,"757":1,"994":1};
+/******/ 			var cssChunks = {"169":1,"210":1,"286":1,"516":1,"552":1,"757":1,"994":1};
 /******/ 			if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
 /******/ 			else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
 /******/ 				promises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(() => {
@@ -393414,7 +394013,7 @@ function __disposeResources(env) {
 /******/ 		// no hmr
 /******/ 		
 /******/ 		__webpack_require__.F.miniCss = (chunkId) => {
-/******/ 			if((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && /^(2(10|17|86)|143|169|552|757|994)$/.test(chunkId)) {
+/******/ 			if((!__webpack_require__.o(installedCssChunks, chunkId) || installedCssChunks[chunkId] === undefined) && /^(143|169|210|286|516|552|757|994)$/.test(chunkId)) {
 /******/ 				installedCssChunks[chunkId] = null;
 /******/ 				var link = document.createElement('link');
 /******/ 		
@@ -393549,12 +394148,12 @@ function __disposeResources(env) {
 /******/ 			"210": [
 /******/ 				315
 /******/ 			],
-/******/ 			"217": [
-/******/ 				169
-/******/ 			],
 /******/ 			"360": [
 /******/ 				571
 /******/ 			],
+/******/ 			"516": [
+/******/ 				169
+/******/ 			],
 /******/ 			"591": [
 /******/ 				412
 /******/ 			],