@ohif/app 3.13.0-beta.55 → 3.13.0-beta.57

package/dist/{9205.bundle.9a5f5dd04fd0831d9a4a.js → 9205.bundle.6b78bf79808aee905cd5.js}

@@ -10619,6 +10619,11 @@ const OPERATION = {
     SLAB: 3,
 };
 class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationTool */ .EC {
+    static { this.minimalModeExamples = new Map([
+        ['Default', { enabled: false, lineLengthInPx: 40 }],
+        ['Minimal 40px', { enabled: true, lineLengthInPx: 40 }],
+        ['Minimal 80px', { enabled: true, lineLengthInPx: 80 }],
+    ]); }
     constructor(toolProps = {}, defaultToolProps = {
         supportedInteractionTypes: ['Mouse'],
         configuration: {
@@ -10637,6 +10642,10 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             enableHDPIHandles: false,
             referenceLinesCenterGapRadius: 20,
             referenceLinesCenterGapRatio: null,
+            minimal: {
+                enabled: false,
+                lineLengthInPx: 40,
+            },
             filterActorUIDsToSetSlabThickness: [],
             slabThicknessBlendMode: _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.Enums.BlendModes.MAXIMUM_INTENSITY_BLEND,
             centerPoint: {
@@ -10965,15 +10974,15 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.normalize */ .Zc.normalize(canvasUnitVectorFromCenter, canvasUnitVectorFromCenter);
                 const canvasVectorFromCenterLong = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
                 gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.scale */ .Zc.scale(canvasVectorFromCenterLong, canvasUnitVectorFromCenter, canvasDiagonalLength * 100);
-                const canvasVectorFromCenterMid = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
-                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.scale */ .Zc.scale(canvasVectorFromCenterMid, canvasUnitVectorFromCenter, canvasMinDimensionLength * 0.4);
                 const canvasVectorFromCenterShort = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
                 gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.scale */ .Zc.scale(canvasVectorFromCenterShort, canvasUnitVectorFromCenter, canvasMinDimensionLength * 0.2);
                 const canvasVectorFromCenterStart = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
                 const mobileConfig = this.configuration.mobile;
-                const { referenceLinesCenterGapRatio } = mobileConfig?.enabled
+                const activeConfiguration = mobileConfig?.enabled
                     ? mobileConfig
                     : this.configuration;
+                const { referenceLinesCenterGapRatio } = activeConfiguration;
+                const minimalCrosshairConfig = getMinimalCrosshairConfig(this.configuration);
                 const centerGap = referenceLinesCenterGapRatio > 0
                     ? canvasMinDimensionLength * referenceLinesCenterGapRatio
                     : this.configuration.referenceLinesCenterGapRadius;
@@ -10992,10 +11001,18 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.subtract */ .Zc.subtract(refLinePointFour, refLinesCenter, canvasVectorFromCenterLong);
                 (0,_utilities_math_vec2_liangBarksyClip__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .A)(refLinePointOne, refLinePointTwo, canvasBox);
                 (0,_utilities_math_vec2_liangBarksyClip__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .A)(refLinePointThree, refLinePointFour, canvasBox);
-                const rotHandleOne = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
-                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.subtract */ .Zc.subtract(rotHandleOne, crosshairCenterCanvas, canvasVectorFromCenterMid);
-                const rotHandleTwo = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
-                gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.add */ .Zc.add(rotHandleTwo, crosshairCenterCanvas, canvasVectorFromCenterMid);
+                if (minimalCrosshairConfig.enabled) {
+                    const minimalCanvasVectorFromCenterLong = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
+                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.scale */ .Zc.scale(minimalCanvasVectorFromCenterLong, canvasUnitVectorFromCenter, minimalCrosshairConfig.lineLengthInPx);
+                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.add */ .Zc.add(refLinePointOne, refLinesCenter, canvasVectorFromCenterStart);
+                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.add */ .Zc.add(refLinePointTwo, refLinePointOne, minimalCanvasVectorFromCenterLong);
+                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.subtract */ .Zc.subtract(refLinePointThree, refLinesCenter, canvasVectorFromCenterStart);
+                    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.subtract */ .Zc.subtract(refLinePointFour, refLinePointThree, minimalCanvasVectorFromCenterLong);
+                    (0,_utilities_math_vec2_liangBarksyClip__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .A)(refLinePointOne, refLinePointTwo, canvasBox);
+                    (0,_utilities_math_vec2_liangBarksyClip__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .A)(refLinePointThree, refLinePointFour, canvasBox);
+                }
+                const rotHandleOne = getSegmentMidpoint(refLinePointOne, refLinePointTwo);
+                const rotHandleTwo = getSegmentMidpoint(refLinePointThree, refLinePointFour);
                 let stHandlesCenterCanvas = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.clone */ .Zc.clone(crosshairCenterCanvas);
                 if (!otherViewportDraggableRotatable &&
                     otherViewportSlabThicknessControlsOn) {
@@ -11075,12 +11092,15 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             const color = viewportColor !== undefined ? viewportColor : 'rgb(200, 200, 200)';
             referenceLines.forEach((line, lineIndex) => {
                 const otherViewport = line[0];
+                const minimalCrosshairConfig = getMinimalCrosshairConfig(this.configuration);
                 const viewportColor = this._getReferenceLineColor(otherViewport.id);
                 const viewportControllable = this._getReferenceLineControllable(otherViewport.id);
-                const viewportDraggableRotatable = this._getReferenceLineDraggableRotatable(otherViewport.id) ||
-                    this.configuration.mobile?.enabled;
-                const viewportSlabThicknessControlsOn = this._getReferenceLineSlabThicknessControlsOn(otherViewport.id) ||
-                    this.configuration.mobile?.enabled;
+                const viewportDraggableRotatable = !minimalCrosshairConfig.enabled &&
+                    (this._getReferenceLineDraggableRotatable(otherViewport.id) ||
+                        this.configuration.mobile?.enabled);
+                const viewportSlabThicknessControlsOn = !minimalCrosshairConfig.enabled &&
+                    (this._getReferenceLineSlabThicknessControlsOn(otherViewport.id) ||
+                        this.configuration.mobile?.enabled);
                 const selectedViewportId = data.activeViewportIds.find((id) => id === otherViewport.id);
                 let color = viewportColor !== undefined ? viewportColor : 'rgb(200, 200, 200)';
                 let lineWidth = 1;
@@ -11091,7 +11111,8 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                     lineWidth = 2.5;
                 }
                 let lineUID = `${lineIndex}`;
-                if (viewportControllable && viewportDraggableRotatable) {
+                if (viewportControllable &&
+                    (viewportDraggableRotatable || minimalCrosshairConfig.enabled)) {
                     lineUID = `${lineIndex}One`;
                     (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_7__.drawLine)(svgDrawingHelper, annotationUID, lineUID, line[1], line[2], {
                         color,
@@ -11129,31 +11150,33 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                     newRtpoints.push(rotHandleWorldOne, rotHandleWorldTwo);
                     const slabThicknessHandlesActive = data.handles.activeOperation === OPERATION.SLAB;
                     const slabThicknessHandles = [line[11], line[12], line[13], line[14]];
-                    const slabThicknessHandleWorldOne = [
-                        viewport.canvasToWorld(line[11]),
-                        otherViewport,
-                        line[5],
-                        line[6],
-                    ];
-                    const slabThicknessHandleWorldTwo = [
-                        viewport.canvasToWorld(line[12]),
-                        otherViewport,
-                        line[5],
-                        line[6],
-                    ];
-                    const slabThicknessHandleWorldThree = [
-                        viewport.canvasToWorld(line[13]),
-                        otherViewport,
-                        line[7],
-                        line[8],
-                    ];
-                    const slabThicknessHandleWorldFour = [
-                        viewport.canvasToWorld(line[14]),
-                        otherViewport,
-                        line[7],
-                        line[8],
-                    ];
-                    newStpoints.push(slabThicknessHandleWorldOne, slabThicknessHandleWorldTwo, slabThicknessHandleWorldThree, slabThicknessHandleWorldFour);
+                    if (!minimalCrosshairConfig.enabled) {
+                        const slabThicknessHandleWorldOne = [
+                            viewport.canvasToWorld(line[11]),
+                            otherViewport,
+                            line[5],
+                            line[6],
+                        ];
+                        const slabThicknessHandleWorldTwo = [
+                            viewport.canvasToWorld(line[12]),
+                            otherViewport,
+                            line[5],
+                            line[6],
+                        ];
+                        const slabThicknessHandleWorldThree = [
+                            viewport.canvasToWorld(line[13]),
+                            otherViewport,
+                            line[7],
+                            line[8],
+                        ];
+                        const slabThicknessHandleWorldFour = [
+                            viewport.canvasToWorld(line[14]),
+                            otherViewport,
+                            line[7],
+                            line[8],
+                        ];
+                        newStpoints.push(slabThicknessHandleWorldOne, slabThicknessHandleWorldTwo, slabThicknessHandleWorldThree, slabThicknessHandleWorldFour);
+                    }
                     let handleRadius = this.configuration.handleRadius *
                         (this.configuration.enableHDPIHandles ? window.devicePixelRatio : 1);
                     let opacity = 1;
@@ -11490,6 +11513,7 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 emitEvent: true,
                 updateViewportCameras: false,
             });
+            viewport.render();
             _store_state__WEBPACK_IMPORTED_MODULE_8__/* .state */ .wk.isInteractingWithTool = false;
             return true;
         };
@@ -12166,6 +12190,7 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
         }
     }
     _getRotationHandleNearImagePoint(viewport, annotation, canvasCoords, proximity) {
+        const minimalCrosshairConfig = getMinimalCrosshairConfig(this.configuration);
         const { data } = annotation;
         const { rotationPoints } = data.handles;
         for (let i = 0; i < rotationPoints.length; i++) {
@@ -12175,7 +12200,8 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             if (!viewportControllable) {
                 continue;
             }
-            const viewportDraggableRotatable = this._getReferenceLineDraggableRotatable(otherViewport.id);
+            const viewportDraggableRotatable = !minimalCrosshairConfig.enabled &&
+                this._getReferenceLineDraggableRotatable(otherViewport.id);
             if (!viewportDraggableRotatable) {
                 continue;
             }
@@ -12191,6 +12217,7 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
         return null;
     }
     _getSlabThicknessHandleNearImagePoint(viewport, annotation, canvasCoords, proximity) {
+        const minimalCrosshairConfig = getMinimalCrosshairConfig(this.configuration);
         const { data } = annotation;
         const { slabThicknessPoints } = data.handles;
         for (let i = 0; i < slabThicknessPoints.length; i++) {
@@ -12200,7 +12227,8 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             if (!viewportControllable) {
                 continue;
             }
-            const viewportSlabThicknessControlsOn = this._getReferenceLineSlabThicknessControlsOn(otherViewport.id);
+            const viewportSlabThicknessControlsOn = !minimalCrosshairConfig.enabled &&
+                this._getReferenceLineSlabThicknessControlsOn(otherViewport.id);
             if (!viewportSlabThicknessControlsOn) {
                 continue;
             }
@@ -12217,6 +12245,7 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
         return null;
     }
     _pointNearTool(element, annotation, canvasCoords, proximity) {
+        const minimalCrosshairConfig = getMinimalCrosshairConfig(this.configuration);
         const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_4__.getEnabledElement)(element);
         const { viewport } = enabledElement;
         const { clientWidth, clientHeight } = viewport.canvas;
@@ -12229,7 +12258,8 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
             const otherViewport = rotationPoints[i][1];
             const viewportControllable = this._getReferenceLineControllable(otherViewport.id);
             const viewportDraggableRotatable = this._getReferenceLineDraggableRotatable(otherViewport.id);
-            if (!viewportControllable || !viewportDraggableRotatable) {
+            if (!viewportControllable ||
+                (!viewportDraggableRotatable && !minimalCrosshairConfig.enabled)) {
                 continue;
             }
             const lineSegment1 = {
@@ -12266,7 +12296,8 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
                 continue;
             }
             const viewportControllable = this._getReferenceLineControllable(otherViewport.id);
-            const viewportSlabThicknessControlsOn = this._getReferenceLineSlabThicknessControlsOn(otherViewport.id);
+            const viewportSlabThicknessControlsOn = !minimalCrosshairConfig.enabled &&
+                this._getReferenceLineSlabThicknessControlsOn(otherViewport.id);
             if (!viewportControllable || !viewportSlabThicknessControlsOn) {
                 continue;
             }
@@ -12319,6 +12350,29 @@ class CrosshairsTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .AnnotationToo
         return data.handles.activeOperation === OPERATION.DRAG ? true : false;
     }
 }
+function getMinimalCrosshairConfig(configuration) {
+    const minimal = configuration?.minimal;
+    if (!minimal?.enabled) {
+        return {
+            enabled: false,
+            lineLengthInPx: 0,
+        };
+    }
+    const lineLengthInPx = typeof minimal.lineLengthInPx === 'number' &&
+        Number.isFinite(minimal.lineLengthInPx)
+        ? minimal.lineLengthInPx
+        : 40;
+    return {
+        enabled: true,
+        lineLengthInPx: Math.max(0, lineLengthInPx),
+    };
+}
+function getSegmentMidpoint(start, end) {
+    const midpoint = gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.create */ .Zc.create();
+    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.add */ .Zc.add(midpoint, start, end);
+    gl_matrix__WEBPACK_IMPORTED_MODULE_0__/* .vec2.scale */ .Zc.scale(midpoint, midpoint, 0.5);
+    return midpoint;
+}
 CrosshairsTool.toolName = 'Crosshairs';
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CrosshairsTool);
 
@@ -31223,6 +31277,8 @@ function getUpdateFunction(viewport) {
 /* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(58640);
 /* harmony import */ var _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23631);
 /* harmony import */ var _strategies_utils_getStrategyData__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(40905);
+/* harmony import */ var _stateManagement_segmentation_getActiveSegmentation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(67165);
+
 
 
 
@@ -31319,6 +31375,18 @@ class BrushTool extends _LabelmapBaseTool__WEBPACK_IMPORTED_MODULE_9__/* ["defau
             const { element, currentPoints } = eventData;
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
             const { viewport } = enabledElement;
+            const activeSegmentation = (0,_stateManagement_segmentation_getActiveSegmentation__WEBPACK_IMPORTED_MODULE_11__/* .getActiveSegmentation */ .T)(viewport.id);
+            if (!activeSegmentation) {
+                const event = new CustomEvent(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.Enums.Events.ERROR_EVENT, {
+                    detail: {
+                        type: 'Segmentation',
+                        message: 'No active segmentation detected, create a segmentation representation before using the brush tool',
+                    },
+                    cancelable: true,
+                });
+                _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.eventTarget.dispatchEvent(event);
+                return false;
+            }
             this._editData = this.createEditData(element);
             this._activateDraw(element);
             (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_7__.hideElementCursor)(element);
@@ -47396,7 +47464,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   r: () => (/* binding */ version)
 /* harmony export */ });
-const version = '4.20.0';
+const version = '4.21.2';
 
 
 /***/ },

package/dist/{app.bundle.04375dd24e95144264bc.js → app.bundle.c5811ab6d141ad64e2f4.js}

@@ -7827,6 +7827,7 @@ class StackViewport extends Viewport/* default */.A {
         this.targetImageIdIndex = 0;
         this.resetCamera();
         this.initializeElementDisabledHandler();
+        console.warn('Linked CS3D version test.  Remove before merging.');
     }
     setUseCPURendering(value) {
         this.useCPURendering = value;
@@ -46425,7 +46426,7 @@ function toLowHighRange(windowWidth, windowCenter, voiLUTFunction = _enums_VOILU
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   r: () => (/* binding */ version)
 /* harmony export */ });
-const version = '4.20.0';
+const version = '4.21.2';
 
 
 /***/ },
@@ -78589,7 +78590,6 @@ var SystemProvider = __webpack_require__(83641);
 
 
 
-
 /**
  * Tab properties that drive which tab group is used for thumbnail display.
  */
@@ -78621,14 +78621,11 @@ function createStudyBrowserTabs(primaryStudyInstanceUIDs, studyDisplayList, disp
     displaySetService,
     customizationService
   } = servicesManager.services;
-  const shouldSortBySeriesUID = "" === 'true';
   const primaryStudies = [];
   const allStudies = [];
   studyDisplayList.forEach(study => {
     const displaySetsForStudy = displaySets.filter(ds => ds.StudyInstanceUID === study.studyInstanceUid);
-
-    // sort them by seriesInstanceUID
-    const sortCriteria = shouldSortBySeriesUID ? sortStudy/* seriesSortCriteria */.Hx.compareSeriesUID : customizationService.getCustomization('sortingCriteria');
+    const sortCriteria = customizationService.getCustomization('sortingCriteria');
     const sortedDisplaySets = displaySetsForStudy.sort((a, b) => {
       const displaySetA = displaySetService.getDisplaySetByUID(a.displaySetInstanceUID);
       const displaySetB = displaySetService.getDisplaySetByUID(b.displaySetInstanceUID);
@@ -78997,6 +78994,7 @@ const utils = {
   sortStudy: sortStudy/* sortStudy */.ml,
   sortStudySeries: sortStudy/* sortStudySeries */.LM,
   sortStudyInstances: sortStudy/* sortStudyInstances */.Gb,
+  sortDisplaySetsCopy: sortStudy/* sortDisplaySetsCopy */.LH,
   sortingCriteria: sortStudy/* sortingCriteria */.y1,
   seriesSortCriteria: sortStudy/* seriesSortCriteria */.Hx,
   instancesSortCriteria: sortStudy/* instancesSortCriteria */.iB,
@@ -79076,13 +79074,14 @@ const iopTolerance = 0.01;
  * @param {Object[]} instances An array of `OHIFInstanceMetadata` objects.
  */
 function isDisplaySetReconstructable(instances, appConfig) {
-  if (!instances.length) {
+  const definedInstances = instances?.filter(Boolean) || [];
+  if (!definedInstances.length) {
     return {
       value: false
     };
   }
-  const firstInstance = instances[0];
-  const isMultiframe = firstInstance.NumberOfFrames > 1;
+  const firstInstance = definedInstances[0];
+  const isMultiframe = (firstInstance.NumberOfFrames || 0) > 1;
   if (appConfig) {
     const rows = (0,_toNumber__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(firstInstance.Rows);
     const columns = (0,_toNumber__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(firstInstance.Columns);
@@ -79096,19 +79095,19 @@ function isDisplaySetReconstructable(instances, appConfig) {
   // in favor of the calculation by metadata (orientation and positions)
 
   // Can't reconstruct if we only have one image.
-  if (!isMultiframe && instances.length === 1) {
+  if (!isMultiframe && definedInstances.length === 1) {
     return {
       value: false
     };
   }
 
   // Can't reconstruct if all instances don't have the ImagePositionPatient.
-  if (!isMultiframe && !instances.every(instance => instance.ImagePositionPatient)) {
+  if (!isMultiframe && !definedInstances.every(instance => instance.ImagePositionPatient)) {
     return {
       value: false
     };
   }
-  const sortedInstances = (0,_sortInstancesByPosition__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(instances);
+  const sortedInstances = (0,_sortInstancesByPosition__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(definedInstances);
   return isMultiframe ? processMultiframe(sortedInstances[0]) : processSingleframe(sortedInstances);
 }
 function hasPixelMeasurements(multiFrameInstance) {
@@ -79388,6 +79387,7 @@ function sortInstances(instances) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Gb: () => (/* binding */ sortStudyInstances),
 /* harmony export */   Hx: () => (/* binding */ seriesSortCriteria),
+/* harmony export */   LH: () => (/* binding */ sortDisplaySetsCopy),
 /* harmony export */   LM: () => (/* binding */ sortStudySeries),
 /* harmony export */   hr: () => (/* binding */ isValidForPositionSort),
 /* harmony export */   iB: () => (/* binding */ instancesSortCriteria),
@@ -79521,6 +79521,31 @@ const sortingCriteria = {
   seriesSortCriteria,
   instancesSortCriteria
 };
+/**
+ * Returns a new array of display sets sorted by default series order
+ * ({@link seriesSortCriteria.default} / {@link seriesInfoSortingCriteria}), not
+ * the app customization. Does not mutate the input.
+ *
+ * With `studyInstanceUIDFirst`, only that study's display sets are sorted; they
+ * are placed before the rest, which keeps source order (e.g. load order).
+ */
+function sortDisplaySetsCopy(displaySets, options) {
+  const seriesSortingCriteria = options?.seriesSortingCriteria ?? seriesSortCriteria.default;
+  const studyFirst = options?.studyInstanceUIDFirst;
+  if (!studyFirst) {
+    return [...displaySets].sort(seriesSortingCriteria);
+  }
+  const sameStudy = [];
+  const otherStudy = [];
+  for (const ds of displaySets) {
+    if (ds.StudyInstanceUID === studyFirst) {
+      sameStudy.push(ds);
+    } else {
+      otherStudy.push(ds);
+    }
+  }
+  return [...[...sameStudy].sort(seriesSortingCriteria), ...otherStudy];
+}
 
 /**
  * Sorts given series or display sets
@@ -80732,7 +80757,7 @@ const detectionOptions = {
   }
 });
 ;// ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.54"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.56"}');
 ;// ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -203128,9 +203153,10 @@ const CinePlayer = ({
     onOpenChange: setPopoverOpen
   }, /*#__PURE__*/react.createElement(Popover_PopoverTrigger, {
     asChild: true
-  }, /*#__PURE__*/react.createElement(Button, {
-    variant: "ghost",
-    className: "h-full border-none bg-transparent p-0 hover:bg-transparent"
+  }, /*#__PURE__*/react.createElement("div", {
+    role: "button",
+    tabIndex: 0,
+    className: "h-full cursor-pointer border-none bg-transparent p-0"
   }, /*#__PURE__*/react.createElement(Numeric.Container, {
     mode: "stepper",
     min: minFrameRate,
@@ -242271,19 +242297,19 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(8963), __webpack_require__.e(5261), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(3461), __webpack_require__.e(4819)]).then(__webpack_require__.bind(__webpack_require__, 8877));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(5261), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(3461), __webpack_require__.e(4819)]).then(__webpack_require__.bind(__webpack_require__, 8877));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(8963), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(3461), __webpack_require__.e(7829)]).then(__webpack_require__.bind(__webpack_require__, 93461));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(3461), __webpack_require__.e(7829)]).then(__webpack_require__.bind(__webpack_require__, 93461));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(8963), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(8305)]).then(__webpack_require__.bind(__webpack_require__, 9099));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(8305)]).then(__webpack_require__.bind(__webpack_require__, 9099));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-pmap") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(8963), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(5028)]).then(__webpack_require__.bind(__webpack_require__, 82098));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(5028)]).then(__webpack_require__.bind(__webpack_require__, 82098));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
@@ -242303,7 +242329,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(8963), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(8583)]).then(__webpack_require__.bind(__webpack_require__, 57289));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(9567), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(4579), __webpack_require__.e(9195), __webpack_require__.e(4688), __webpack_require__.e(8583)]).then(__webpack_require__.bind(__webpack_require__, 57289));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
@@ -242451,7 +242477,6 @@ function isSeriesFilterUsed(instances, filters) {
 
 
 const {
-  seriesSortCriteria,
   getSplitParam
 } = core_src/* utils */.Wp;
 
@@ -242485,7 +242510,7 @@ async function defaultRouteInit({
     const displaySets = displaySetService.getActiveDisplaySets();
     // The display sets are not necessarily in load order, even though the
     // series got started in load order, so re-sort them before hanging
-    const sortCriteria = seriesSortCriteria.default;
+    const sortCriteria = customizationService.getCustomization('sortingCriteria');
     if (!displaySets || !displaySets.length) {
       return;
     }
@@ -247465,11 +247490,15 @@ function App({
 }
 App.propTypes = {
   config: prop_types_default().oneOfType([(prop_types_default()).func, prop_types_default().shape({
-    routerBasename: (prop_types_default()).string.isRequired,
+    routerBasename: (prop_types_default()).string,
     oidc: (prop_types_default()).array,
     whiteLabeling: (prop_types_default()).object,
-    extensions: (prop_types_default()).array
-  })]).isRequired,
+    extensions: (prop_types_default()).array,
+    showLoadingIndicator: (prop_types_default()).bool,
+    showStudyList: (prop_types_default()).bool,
+    modes: (prop_types_default()).array,
+    dataSources: (prop_types_default()).array
+  })]),
   /* Extensions that are "bundled" or "baked-in" to the application.
    * These would be provided at build time as part of they entry point. */
   defaultExtensions: (prop_types_default()).array,
@@ -397394,7 +397423,7 @@ function __rewriteRelativeImportExtension(path, preserveJsx) {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"83e606ea86caa2df88ef","147":"173b4a11960d03a3b5b0","213":"364991fba6e70bc7cd77","572":"70369a8c69b843375431","732":"ea6f9d8504e37e01a208","1459":"4f54bf77141a08462da6","1608":"e4aadbf17d38143dacdf","1927":"be67b3aafe238ca9f191","1933":"8c1773e86b1eed77653a","2007":"53073c15cca1c5a41ae4","2018":"d76655cc62a1009337cb","2075":"0e69a126a39539ff8e9a","2108":"aea8d3b39486dd5ab39e","2424":"03de3be230cc85c5c14c","2701":"b591cf6385ed53ed6093","3054":"a2a50c4674d99c619ca7","3138":"40ff12b4aa9261c7a645","3461":"e527b6102089241a08a4","3694":"ba3878791df68055b11d","4202":"850a7c7c011800b3daea","4287":"b7840e7b94cbbc102236","4406":"573d234b4641d23cf8db","4507":"a11a6b1400ac7a346237","4688":"2a7b26d424c2833ea120","4819":"41df7cda2c874834364b","5015":"930236f37a00de540ef9","5028":"64e0b8f7138a94f618f0","5261":"2655560097e9250eac44","5457":"7cea223c7bcc026dc730","5485":"95465ead6fa4364e4f5b","5802":"addd0259c8f9d0a18244","6027":"341f4c542e39956faace","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7431":"5e14641f2c71e852abe7","7639":"51442e9ba8673a681f7c","8094":"148a66619607e37cbf19","8305":"542bb77e07b85db27cd2","8499":"bc39abf1c562140f68e8","8558":"e4185367997d3d6c77b7","8583":"7ea87eed08326b01736e","8963":"0f106869f9d0eb0bba03","9195":"b0bd35b23c7aa169b105","9205":"9a5f5dd04fd0831d9a4a","9567":"be350438bed4e656f278","9845":"267831496ba080d9f8da","9862":"09783830f0cb75a84d2a","9927":"35cc9feef2f57895ee4f"}[chunkId] + ".js";
+/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"c0e6e3180af6c4f8dabf","147":"173b4a11960d03a3b5b0","213":"dc576ea795e4a6a7dc3e","572":"742a17aa1a2d5e60bd5c","732":"ea6f9d8504e37e01a208","1459":"718ed3e06ddad6886842","1608":"e4aadbf17d38143dacdf","1927":"be67b3aafe238ca9f191","1933":"a2ec7f8a65111243f6dc","2007":"2559b710030605fc2bc6","2018":"8cb089e81368eb734980","2075":"23265b8e7597c398db4f","2108":"aea8d3b39486dd5ab39e","2424":"bc4c7415edc6a01f7dd2","2701":"b591cf6385ed53ed6093","3054":"a2a50c4674d99c619ca7","3138":"d2c48ea91c3fdd90fe21","3461":"b655849c1ba6566602f9","3694":"3b615c718f2b47a606dd","4202":"850a7c7c011800b3daea","4287":"b7840e7b94cbbc102236","4406":"573d234b4641d23cf8db","4507":"3d6b17fe9baabc952b22","4579":"d5ef5d2773b62664e752","4688":"896ddb11e9276caec842","4819":"9afd6cfc8a24b319b76a","5015":"d89c0342dd9bde5f8abd","5028":"45fecbd127eeff1a0974","5261":"2655560097e9250eac44","5457":"c018f8a44ea6381bd15f","5485":"49c5559cad07ebabe3e0","5802":"addd0259c8f9d0a18244","6027":"46b8af7ad7e241eff14b","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7431":"5e14641f2c71e852abe7","7639":"7aa2c60eef713d244379","8094":"148a66619607e37cbf19","8305":"b82aab492af93134f2c8","8499":"739bf1264b665b4a2e1c","8558":"e25ba6de607a3de1fc18","8583":"a7fac43e4a53b4bd11e2","9195":"01d23d17e6b812946e71","9205":"6b78bf79808aee905cd5","9567":"be350438bed4e656f278","9845":"267831496ba080d9f8da","9862":"09783830f0cb75a84d2a","9927":"cd4c30c6f12bcacff2d2"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	

package/dist/{compute.bundle.ba3878791df68055b11d.js → compute.bundle.3b615c718f2b47a606dd.js}

@@ -136,7 +136,7 @@
 /******/ 		// This function allow to reference async chunks and chunks that the entrypoint depends on
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".bundle." + {"2075":"0e69a126a39539ff8e9a","4287":"b7840e7b94cbbc102236","6354":"929febcf6d326e582e00","6386":"e75a2f70039dfe42f935","7537":"1c612642a1e8a96179ed"}[chunkId] + ".js";
+/******/ 			return "" + chunkId + ".bundle." + {"2075":"23265b8e7597c398db4f","4287":"b7840e7b94cbbc102236","6354":"929febcf6d326e582e00","6386":"6667cdf4dbea2109a438","7537":"03b36e2bf6285e71718d"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	

package/dist/index.html

@@ -3,4 +3,4 @@
         return import(moduleId);
       }
 
-      window.PUBLIC_URL = '/';</script><script defer="defer" src="/app.bundle.04375dd24e95144264bc.js"></script><link href="/app.bundle.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-portal"></div><div id="root"></div></body></html>
+      window.PUBLIC_URL = '/';</script><script defer="defer" src="/app.bundle.c5811ab6d141ad64e2f4.js"></script><link href="/app.bundle.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="react-portal"></div><div id="root"></div></body></html>

package/dist/{interpolation.bundle.53073c15cca1c5a41ae4.js → interpolation.bundle.2559b710030605fc2bc6.js}

@@ -637,7 +637,7 @@ function generateUUID() {
 /******/ 		// This function allow to reference async chunks and chunks that the entrypoint depends on
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".bundle." + {"2516":"f62228e9a800de8d4b31","5491":"4866d2ecb20dd089e071","5830":"791019deddd536980a11","6354":"929febcf6d326e582e00","6376":"839c708f2fc41e76ee58","7190":"6314b558746e394aeb0e"}[chunkId] + ".js";
+/******/ 			return "" + chunkId + ".bundle." + {"2516":"f62228e9a800de8d4b31","5491":"4866d2ecb20dd089e071","5830":"791019deddd536980a11","6354":"929febcf6d326e582e00","6376":"738c873196491232acb6","7190":"3738008038e70525764f"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	

package/dist/{polySeg.bundle.70369a8c69b843375431.js → polySeg.bundle.742a17aa1a2d5e60bd5c.js}

@@ -136,7 +136,7 @@
 /******/ 		// This function allow to reference async chunks and chunks that the entrypoint depends on
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + (chunkId === 3694 ? "compute" : chunkId) + ".bundle." + {"3694":"ba3878791df68055b11d","4287":"b7840e7b94cbbc102236","6354":"929febcf6d326e582e00","7537":"1c612642a1e8a96179ed","7758":"c8d106364298e7d288f0","9039":"6c84d903d5baaecf2f3a","9567":"be350438bed4e656f278"}[chunkId] + ".js";
+/******/ 			return "" + (chunkId === 3694 ? "compute" : chunkId) + ".bundle." + {"3694":"3b615c718f2b47a606dd","4287":"b7840e7b94cbbc102236","6354":"929febcf6d326e582e00","7537":"03b36e2bf6285e71718d","7758":"c8d106364298e7d288f0","9039":"8686977ad015d1bda4ab","9567":"be350438bed4e656f278"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/