@ohif/app 3.12.0-beta.86 → 3.12.0-beta.88

package/dist/{7412.bundle.9c3066742e534aaabb61.js → 7412.bundle.34fe5e72833e857edc0a.js}

@@ -1256,7 +1256,7 @@ function drawLine(svgDrawingHelper, annotationUID, lineUID, start, end, options
     if (isNaN(start[0]) || isNaN(start[1]) || isNaN(end[0]) || isNaN(end[1])) {
         return;
     }
-    const { color = 'rgb(0, 255, 0)', width = 10, lineWidth, lineDash, markerStartId = null, markerEndId = null, shadow = false, strokeOpacity = 1, } = options;
+    const { color = 'rgb(0, 255, 0)', width = 10, lineWidth, lineDash, markerStartId = null, markerEndId = null, shadow = false, strokeOpacity = 1, textBoxLinkLineColor, } = options;
     const strokeWidth = lineWidth || width;
     const svgns = 'http://www.w3.org/2000/svg';
     const svgNodeHash = (0,_getHash__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(annotationUID, 'line', lineUID);
@@ -1268,7 +1268,7 @@ function drawLine(svgDrawingHelper, annotationUID, lineUID, start, end, options
         y1: `${start[1]}`,
         x2: `${end[0]}`,
         y2: `${end[1]}`,
-        stroke: color,
+        stroke: textBoxLinkLineColor || color,
         style: dropShadowStyle,
         'stroke-width': strokeWidth,
         'stroke-dasharray': lineDash,
@@ -1500,9 +1500,14 @@ function drawTextBox(svgDrawingHelper, annotationUID, textUID, textLines, positi
     return textGroupBoundingBox;
 }
 function _drawTextGroup(svgDrawingHelper, annotationUID, textUID, textLines = [''], position, options) {
-    const { padding, color, fontFamily, fontSize, background } = options;
+    const { padding, color, fontFamily, fontSize, background, textBoxBorderRadius, textBoxMargin, } = options;
     let textGroupBoundingBox;
     const [x, y] = [position[0] + padding, position[1] + padding];
+    const backgroundStyles = {
+        color: background,
+        textBoxBorderRadius,
+        textBoxMargin,
+    };
     const svgns = 'http://www.w3.org/2000/svg';
     const svgNodeHash = (0,_getHash__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(annotationUID, 'text', textUID);
     const existingTextGroup = svgDrawingHelper.getSvgNode(svgNodeHash);
@@ -1534,7 +1539,7 @@ function _drawTextGroup(svgDrawingHelper, annotationUID, textUID, textLines = ['
         (0,_setAttributesIfNecessary__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(textAttributes, textElement);
         (0,_setAttributesIfNecessary__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(textGroupAttributes, existingTextGroup);
         existingTextGroup.setAttribute('data-annotation-uid', annotationUID);
-        textGroupBoundingBox = _drawTextBackground(existingTextGroup, background);
+        textGroupBoundingBox = _drawTextBackground(existingTextGroup, backgroundStyles);
         svgDrawingHelper.setNodeTouched(svgNodeHash);
     }
     else {
@@ -1582,8 +1587,10 @@ function _createTextSpan(text) {
     textSpanElement.textContent = text;
     return textSpanElement;
 }
-function _drawTextBackground(group, color) {
+function _drawTextBackground(group, backgroundStyles) {
+    const { color, textBoxBorderRadius = 0, textBoxMargin = 0, } = backgroundStyles;
     let element = group.querySelector('rect.background');
+    const textElement = group.querySelector('text').getBBox();
     if (!color) {
         if (element) {
             group.removeChild(element);
@@ -1599,10 +1606,19 @@ function _drawTextBackground(group, color) {
     const attributes = {
         x: `${bBox.x}`,
         y: `${bBox.y}`,
-        width: `${bBox.width}`,
-        height: `${bBox.height}`,
+        width: `${textElement.width + Number(textBoxMargin) * 2}`,
+        height: `${textElement.height + Number(textBoxMargin) * 2}`,
         fill: color,
+        rx: textBoxBorderRadius,
+        ry: textBoxBorderRadius,
     };
+    if (textBoxMargin) {
+        const tSpans = Array.from(group.querySelector('text').querySelectorAll('tspan'));
+        tSpans.forEach((tspan, i) => {
+            i === 0 && tspan.setAttribute('y', textBoxMargin);
+            tspan.setAttribute('x', textBoxMargin);
+        });
+    }
     (0,_setAttributesIfNecessary__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(attributes, element);
     return bBox;
 }
@@ -4382,14 +4398,18 @@ const annotation_state = {
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99737);
 /* harmony import */ var _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18682);
-/* harmony import */ var _getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(93210);
-/* harmony import */ var _tools_displayTools_Surface_surfaceDisplay__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67014);
-/* harmony import */ var _tools_displayTools_Contour_contourDisplay__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(25894);
-/* harmony import */ var _tools_displayTools_Labelmap_labelmapDisplay__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(684);
-/* harmony import */ var _store_addTool__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(68040);
-/* harmony import */ var _store_state__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(85204);
-/* harmony import */ var _tools_annotation_PlanarFreehandContourSegmentationTool__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(37590);
-/* harmony import */ var _store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(77609);
+/* harmony import */ var _getSegmentation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33283);
+/* harmony import */ var _getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(93210);
+/* harmony import */ var _tools_displayTools_Surface_surfaceDisplay__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(67014);
+/* harmony import */ var _tools_displayTools_Contour_contourDisplay__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(25894);
+/* harmony import */ var _tools_displayTools_Labelmap_labelmapDisplay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(684);
+/* harmony import */ var _store_addTool__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(68040);
+/* harmony import */ var _store_state__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(85204);
+/* harmony import */ var _tools_annotation_PlanarFreehandContourSegmentationTool__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(37590);
+/* harmony import */ var _store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(77609);
+/* harmony import */ var _segmentationEventManager__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(10692);
+
+
 
 
 
@@ -4402,11 +4422,11 @@ const annotation_state = {
 
 
 const renderers = {
-    [_enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Labelmap]: _tools_displayTools_Labelmap_labelmapDisplay__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Ay,
-    [_enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Contour]: _tools_displayTools_Contour_contourDisplay__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A,
-    [_enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Surface]: _tools_displayTools_Surface_surfaceDisplay__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Ay,
+    [_enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Labelmap]: _tools_displayTools_Labelmap_labelmapDisplay__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Ay,
+    [_enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Contour]: _tools_displayTools_Contour_contourDisplay__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A,
+    [_enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Surface]: _tools_displayTools_Surface_surfaceDisplay__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Ay,
 };
-const planarContourToolName = _tools_annotation_PlanarFreehandContourSegmentationTool__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A.toolName;
+const planarContourToolName = _tools_annotation_PlanarFreehandContourSegmentationTool__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A.toolName;
 class SegmentationRenderingEngine {
     constructor() {
         this._needsRender = new Set();
@@ -4450,13 +4470,13 @@ class SegmentationRenderingEngine {
         for (const viewport of viewports) {
             const viewportId = viewport.id;
             if (segmentationId) {
-                const segmentationRepresentations = (0,_getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_3__/* .getSegmentationRepresentations */ .r$)(viewportId, { segmentationId });
+                const segmentationRepresentations = (0,_getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_4__/* .getSegmentationRepresentations */ .r$)(viewportId, { segmentationId });
                 if (segmentationRepresentations?.length > 0) {
                     viewportIds.push(viewportId);
                 }
             }
             else {
-                const segmentationRepresentations = (0,_getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_3__/* .getSegmentationRepresentations */ .r$)(viewportId);
+                const segmentationRepresentations = (0,_getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_4__/* .getSegmentationRepresentations */ .r$)(viewportId);
                 if (segmentationRepresentations?.length > 0) {
                     viewportIds.push(viewportId);
                 }
@@ -4486,7 +4506,7 @@ class SegmentationRenderingEngine {
         }
     }
     _triggerRender(viewportId) {
-        const segmentationRepresentations = (0,_getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_3__/* .getSegmentationRepresentations */ .r$)(viewportId);
+        const segmentationRepresentations = (0,_getSegmentationRepresentation__WEBPACK_IMPORTED_MODULE_4__/* .getSegmentationRepresentations */ .r$)(viewportId);
         if (!segmentationRepresentations?.length) {
             return;
         }
@@ -4494,15 +4514,19 @@ class SegmentationRenderingEngine {
         if (!viewport) {
             return;
         }
-        const viewportRenderList = [];
         const segmentationRenderList = segmentationRepresentations.map((representation) => {
             if (representation.type === _enums__WEBPACK_IMPORTED_MODULE_1__.SegmentationRepresentations.Contour) {
                 this._addPlanarFreeHandToolIfAbsent(viewport);
             }
             const display = renderers[representation.type];
+            const segmentation = (0,_getSegmentation__WEBPACK_IMPORTED_MODULE_3__/* .getSegmentation */ .T)(representation.segmentationId);
+            const existingRepresentation = segmentation.representationData[representation.type] !== undefined;
             try {
-                const viewportId = display.render(viewport, representation);
-                viewportRenderList.push(viewportId);
+                display.render(viewport, representation).then(() => {
+                    if (!existingRepresentation) {
+                        (0,_segmentationEventManager__WEBPACK_IMPORTED_MODULE_12__/* .addDefaultSegmentationListener */ .Np)(viewport, representation.segmentationId, representation.type);
+                    }
+                });
             }
             catch (error) {
                 console.error(error);
@@ -4536,10 +4560,10 @@ class SegmentationRenderingEngine {
         });
     }
     _addPlanarFreeHandToolIfAbsent(viewport) {
-        if (!(planarContourToolName in _store_state__WEBPACK_IMPORTED_MODULE_8__/* .state */ .wk.tools)) {
-            (0,_store_addTool__WEBPACK_IMPORTED_MODULE_7__/* .addTool */ .Gx)(_tools_annotation_PlanarFreehandContourSegmentationTool__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A);
+        if (!(planarContourToolName in _store_state__WEBPACK_IMPORTED_MODULE_9__/* .state */ .wk.tools)) {
+            (0,_store_addTool__WEBPACK_IMPORTED_MODULE_8__/* .addTool */ .Gx)(_tools_annotation_PlanarFreehandContourSegmentationTool__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .A);
         }
-        const toolGroup = (0,_store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_10__.getToolGroupForViewport)(viewport.id);
+        const toolGroup = (0,_store_ToolGroupManager__WEBPACK_IMPORTED_MODULE_11__.getToolGroupForViewport)(viewport.id);
         if (!toolGroup.hasTool(planarContourToolName)) {
             toolGroup.addTool(planarContourToolName);
             toolGroup.setToolPassive(planarContourToolName);
@@ -5764,9 +5788,11 @@ __webpack_require__.d(__webpack_exports__, {
   activeSegmentation: () => (/* reexport */ activeSegmentation),
   addContourRepresentationToViewport: () => (/* reexport */ addSegmentationRepresentationsToViewport/* addContourRepresentationToViewport */.At),
   addContourRepresentationToViewportMap: () => (/* reexport */ addSegmentationRepresentationsToViewport/* addContourRepresentationToViewportMap */.cs),
+  addDefaultSegmentationListener: () => (/* reexport */ segmentationEventManager/* addDefaultSegmentationListener */.Np),
   addLabelmapRepresentationToViewport: () => (/* reexport */ addSegmentationRepresentationsToViewport/* addLabelmapRepresentationToViewport */.Wz),
   addLabelmapRepresentationToViewportMap: () => (/* reexport */ addSegmentationRepresentationsToViewport/* addLabelmapRepresentationToViewportMap */.w9),
   addRepresentationData: () => (/* reexport */ internalAddRepresentationData/* default */.A),
+  addSegmentationListener: () => (/* reexport */ segmentationEventManager/* addSegmentationListener */.MC),
   addSegmentationRepresentations: () => (/* reexport */ addSegmentationRepresentationsToViewport/* addSegmentationRepresentations */.gR),
   addSegmentations: () => (/* reexport */ addSegmentations/* addSegmentations */.d),
   addSurfaceRepresentationToViewport: () => (/* reexport */ addSegmentationRepresentationsToViewport/* addSurfaceRepresentationToViewport */.Hr),
@@ -5778,12 +5804,14 @@ __webpack_require__.d(__webpack_exports__, {
   getLabelmapImageIds: () => (/* reexport */ getLabelmapImageIds),
   getLabelmapImageIdsForImageId: () => (/* reexport */ getCurrentLabelmapImageIdForViewport/* getLabelmapImageIdsForImageId */.T8),
   helpers: () => (/* binding */ helpers),
+  removeAllSegmentationListeners: () => (/* reexport */ segmentationEventManager/* removeAllSegmentationListeners */.bm),
   removeAllSegmentationRepresentations: () => (/* reexport */ removeSegmentationRepresentations/* removeAllSegmentationRepresentations */.us),
   removeAllSegmentations: () => (/* reexport */ removeSegmentation/* removeAllSegmentations */.j),
   removeContourRepresentation: () => (/* reexport */ removeSegmentationRepresentations/* removeContourRepresentation */.OE),
   removeLabelmapRepresentation: () => (/* reexport */ removeSegmentationRepresentations/* removeLabelmapRepresentation */.kN),
   removeSegment: () => (/* reexport */ removeSegment),
   removeSegmentation: () => (/* reexport */ removeSegmentation/* removeSegmentation */.z),
+  removeSegmentationListener: () => (/* reexport */ segmentationEventManager/* removeSegmentationListener */.L8),
   removeSegmentationRepresentation: () => (/* reexport */ removeSegmentationRepresentations/* removeSegmentationRepresentation */.E8),
   removeSegmentationRepresentations: () => (/* reexport */ removeSegmentationRepresentations/* removeSegmentationRepresentations */.nc),
   removeSurfaceRepresentation: () => (/* reexport */ removeSegmentationRepresentations/* removeSurfaceRepresentation */.JC),
@@ -5944,8 +5972,8 @@ var SegmentationStyle = __webpack_require__(92686);
 function getStyle(specifier) {
     return SegmentationStyle/* segmentationStyle */.Y.getStyle(specifier);
 }
-function setStyle(specifier, style) {
-    SegmentationStyle/* segmentationStyle */.Y.setStyle(specifier, style);
+function setStyle(specifier, style, merge) {
+    SegmentationStyle/* segmentationStyle */.Y.setStyle(specifier, style, merge);
     if (!specifier.viewportId && !specifier.segmentationId) {
         const segmentations = (0,getSegmentations/* getSegmentations */.K)();
         segmentations.forEach((segmentation) => {
@@ -6133,6 +6161,8 @@ var removeSegmentation = __webpack_require__(63427);
 var getCurrentLabelmapImageIdForViewport = __webpack_require__(97577);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/getActiveSegmentation.js
 var getActiveSegmentation = __webpack_require__(67165);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/segmentationEventManager.js
+var segmentationEventManager = __webpack_require__(10692);
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/index.js
 
 
@@ -6156,6 +6186,7 @@ var getActiveSegmentation = __webpack_require__(67165);
 
 
 
+
 
 
 const helpers = {
@@ -6176,13 +6207,17 @@ const helpers = {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   U: () => (/* binding */ internalAddSegmentationRepresentation)
 /* harmony export */ });
-/* harmony import */ var _constants_COLOR_LUT__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(93952);
-/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58640);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(99737);
-/* harmony import */ var _triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49906);
-/* harmony import */ var _addColorLUT__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4714);
-/* harmony import */ var _SegmentationStateManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(59475);
-/* harmony import */ var _segmentIndex__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70930);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
+/* harmony import */ var _constants_COLOR_LUT__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(93952);
+/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(58640);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(99737);
+/* harmony import */ var _triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49906);
+/* harmony import */ var _addColorLUT__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4714);
+/* harmony import */ var _SegmentationStateManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(59475);
+/* harmony import */ var _segmentationEventManager__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(10692);
+/* harmony import */ var _segmentIndex__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(70930);
+
+
 
 
 
@@ -6196,27 +6231,34 @@ function internalAddSegmentationRepresentation(viewportId, representationInput)
         colorLUTIndex: getColorLUTIndex(config),
         ...config,
     };
-    _SegmentationStateManager__WEBPACK_IMPORTED_MODULE_5__/* .defaultSegmentationStateManager */ ._6.addSegmentationRepresentation(viewportId, segmentationId, representationInput.type, renderingConfig);
-    if (!(0,_segmentIndex__WEBPACK_IMPORTED_MODULE_6__.getActiveSegmentIndex)(segmentationId)) {
+    _SegmentationStateManager__WEBPACK_IMPORTED_MODULE_6__/* .defaultSegmentationStateManager */ ._6.addSegmentationRepresentation(viewportId, segmentationId, representationInput.type, renderingConfig);
+    const { viewport } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElementByViewportId)(viewportId) || {};
+    if (viewport) {
+        (0,_segmentationEventManager__WEBPACK_IMPORTED_MODULE_7__/* .addDefaultSegmentationListener */ .Np)(viewport, segmentationId, representationInput.type);
+    }
+    if (!(0,_segmentIndex__WEBPACK_IMPORTED_MODULE_8__.getActiveSegmentIndex)(segmentationId)) {
         let firstSegmentIndex = 1;
-        const segmentation = _SegmentationStateManager__WEBPACK_IMPORTED_MODULE_5__/* .defaultSegmentationStateManager */ ._6.getSegmentation(segmentationId);
+        const segmentation = _SegmentationStateManager__WEBPACK_IMPORTED_MODULE_6__/* .defaultSegmentationStateManager */ ._6.getSegmentation(segmentationId);
         if (segmentation) {
             const segmentKeys = Object.keys(segmentation.segments);
             if (segmentKeys.length > 0) {
                 firstSegmentIndex = segmentKeys.map((k) => Number(k)).sort()[0];
             }
-            (0,_segmentIndex__WEBPACK_IMPORTED_MODULE_6__.setActiveSegmentIndex)(segmentationId, firstSegmentIndex);
+            (0,_segmentIndex__WEBPACK_IMPORTED_MODULE_8__.setActiveSegmentIndex)(segmentationId, firstSegmentIndex);
         }
     }
-    if (representationInput.type === _enums__WEBPACK_IMPORTED_MODULE_2__.SegmentationRepresentations.Contour) {
-        (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_1__/* .triggerAnnotationRenderForViewportIds */ .t)([viewportId]);
+    if (representationInput.type === _enums__WEBPACK_IMPORTED_MODULE_3__.SegmentationRepresentations.Contour) {
+        (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_2__/* .triggerAnnotationRenderForViewportIds */ .t)([viewportId]);
+    }
+    if (representationInput.type === _enums__WEBPACK_IMPORTED_MODULE_3__.SegmentationRepresentations.Surface) {
+        (0,_triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_4__.triggerSegmentationDataModified)(segmentationId);
     }
-    (0,_triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_3__.triggerSegmentationModified)(segmentationId);
+    (0,_triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_4__.triggerSegmentationModified)(segmentationId);
 }
 function getColorLUTIndex(config) {
     const { colorLUTOrIndex } = config || {};
     if (colorLUTOrIndex === undefined) {
-        const index = (0,_addColorLUT__WEBPACK_IMPORTED_MODULE_4__/* .addColorLUT */ .u)(JSON.parse(JSON.stringify(_constants_COLOR_LUT__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)));
+        const index = (0,_addColorLUT__WEBPACK_IMPORTED_MODULE_5__/* .addColorLUT */ .u)(JSON.parse(JSON.stringify(_constants_COLOR_LUT__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)));
         return index;
     }
     if (typeof colorLUTOrIndex === 'number') {
@@ -6224,10 +6266,10 @@ function getColorLUTIndex(config) {
     }
     if (Array.isArray(colorLUTOrIndex) &&
         colorLUTOrIndex.every((item) => Array.isArray(item) && item.length === 4)) {
-        const index = (0,_addColorLUT__WEBPACK_IMPORTED_MODULE_4__/* .addColorLUT */ .u)(colorLUTOrIndex);
+        const index = (0,_addColorLUT__WEBPACK_IMPORTED_MODULE_5__/* .addColorLUT */ .u)(colorLUTOrIndex);
         return index;
     }
-    const index = (0,_addColorLUT__WEBPACK_IMPORTED_MODULE_4__/* .addColorLUT */ .u)(JSON.parse(JSON.stringify(_constants_COLOR_LUT__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)));
+    const index = (0,_addColorLUT__WEBPACK_IMPORTED_MODULE_5__/* .addColorLUT */ .u)(JSON.parse(JSON.stringify(_constants_COLOR_LUT__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)));
     return index;
 }
 
@@ -6307,6 +6349,8 @@ var surfaceDisplay = __webpack_require__(67014);
 
 
 
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/segmentationEventManager.js
+var segmentationEventManager = __webpack_require__(10692);
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/removeSegmentationRepresentations.js
 
 
@@ -6315,6 +6359,7 @@ var surfaceDisplay = __webpack_require__(67014);
 
 
 
+
 function removeSegmentationRepresentation(viewportId, specifier, immediate) {
     return _removeSegmentationRepresentations(viewportId, specifier, immediate);
 }
@@ -6374,6 +6419,7 @@ function _removeRepresentationObject(viewportId, segmentationId, type, immediate
         else if (representation.type === SegmentationRepresentations/* default */.A.Surface) {
             surfaceDisplay/* default */.Ay.removeRepresentation(viewportId, representation.segmentationId, immediate);
         }
+        (0,segmentationEventManager/* removeSegmentationListener */.L8)(representation.segmentationId, representation.type);
     });
     const { viewport } = (0,esm.getEnabledElementByViewportId)(viewportId) || {};
     if (viewport) {
@@ -6516,6 +6562,97 @@ function getLockedSegmentIndices(segmentationId) {
 
 
 
+/***/ }),
+
+/***/ 10692:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   L8: () => (/* binding */ removeSegmentationListener),
+/* harmony export */   MC: () => (/* binding */ addSegmentationListener),
+/* harmony export */   Np: () => (/* binding */ addDefaultSegmentationListener),
+/* harmony export */   bm: () => (/* binding */ removeAllSegmentationListeners)
+/* harmony export */ });
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(99737);
+/* harmony import */ var _triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49906);
+/* harmony import */ var _utilities_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(52905);
+/* harmony import */ var _tools_displayTools_Surface_surfaceDisplay__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(67014);
+/* harmony import */ var _tools_displayTools_Contour_contourDisplay__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(25894);
+/* harmony import */ var _tools_displayTools_Labelmap_labelmapDisplay__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(684);
+/* harmony import */ var _getSegmentation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(33283);
+
+
+
+
+
+
+
+
+const renderers = {
+    [_enums__WEBPACK_IMPORTED_MODULE_1__.SegmentationRepresentations.Labelmap]: _tools_displayTools_Labelmap_labelmapDisplay__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Ay,
+    [_enums__WEBPACK_IMPORTED_MODULE_1__.SegmentationRepresentations.Contour]: _tools_displayTools_Contour_contourDisplay__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A,
+    [_enums__WEBPACK_IMPORTED_MODULE_1__.SegmentationRepresentations.Surface]: _tools_displayTools_Surface_surfaceDisplay__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Ay,
+};
+const segmentationListeners = new Map();
+function addDefaultSegmentationListener(viewport, segmentationId, representationType) {
+    const updateFunction = renderers[representationType].getUpdateFunction(viewport);
+    if (updateFunction) {
+        addSegmentationListener(segmentationId, representationType, updateFunction);
+    }
+}
+function addSegmentationListener(segmentationId, representationType, updateFunction) {
+    if (!segmentationListeners.has(segmentationId)) {
+        segmentationListeners.set(segmentationId, new Map());
+    }
+    const listenerMap = segmentationListeners.get(segmentationId);
+    if (listenerMap.has(representationType)) {
+        removeSegmentationListener(segmentationId, representationType);
+    }
+    const listener = createDebouncedSegmentationListener(segmentationId, representationType, updateFunction);
+    _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.eventTarget.addEventListener(_enums__WEBPACK_IMPORTED_MODULE_1__.Events.SEGMENTATION_DATA_MODIFIED, listener);
+    listenerMap.set(representationType, listener);
+}
+function removeSegmentationListener(segmentationId, representationType) {
+    const listenerMap = segmentationListeners.get(segmentationId);
+    if (!listenerMap) {
+        return;
+    }
+    const listener = listenerMap.get(representationType);
+    if (!listener) {
+        return;
+    }
+    _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.eventTarget.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_1__.Events.SEGMENTATION_DATA_MODIFIED, listener);
+    listenerMap.delete(representationType);
+}
+function removeAllSegmentationListeners(segmentationId) {
+    const listenerMap = segmentationListeners.get(segmentationId);
+    if (!listenerMap) {
+        return;
+    }
+    for (const listener of listenerMap.values()) {
+        _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.eventTarget.removeEventListener(_enums__WEBPACK_IMPORTED_MODULE_1__.Events.SEGMENTATION_DATA_MODIFIED, listener);
+    }
+    segmentationListeners.delete(segmentationId);
+}
+function createDebouncedSegmentationListener(segmentationId, representationType, updateFunction) {
+    const debouncedHandler = (0,_utilities_debounce__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)((event) => {
+        const eventSegmentationId = event.detail?.segmentationId;
+        const segmentation = (0,_getSegmentation__WEBPACK_IMPORTED_MODULE_7__/* .getSegmentation */ .T)(eventSegmentationId);
+        if (eventSegmentationId === segmentationId &&
+            !!segmentation?.representationData?.[representationType]) {
+            updateFunction(segmentationId);
+            (0,_triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_2__.triggerSegmentationModified)(segmentationId);
+        }
+    }, 300);
+    return ((event) => {
+        debouncedHandler(event);
+    });
+}
+
+
+
 /***/ }),
 
 /***/ 98870:
@@ -29468,7 +29605,7 @@ async function render(viewport, contourRepresentation) {
         (0,_config__WEBPACK_IMPORTED_MODULE_5__/* .getPolySeg */ .Qy)()?.canComputeRequestedRepresentation(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.Contour) &&
         !polySegConversionInProgressForViewportId.get(viewport.id)) {
         polySegConversionInProgressForViewportId.set(viewport.id, true);
-        contourData = await (0,_utilities_segmentation_computeAndAddRepresentation__WEBPACK_IMPORTED_MODULE_6__/* .computeAndAddRepresentation */ .d)(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.Contour, () => polySeg.computeContourData(segmentationId, { viewport }), () => undefined);
+        contourData = await (0,_utilities_segmentation_computeAndAddRepresentation__WEBPACK_IMPORTED_MODULE_6__/* .computeAndAddRepresentation */ .d)(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.Contour, () => polySeg.computeContourData(segmentationId, { viewport }));
         polySegConversionInProgressForViewportId.set(viewport.id, false);
     }
     else if (!contourData && !(0,_config__WEBPACK_IMPORTED_MODULE_5__/* .getPolySeg */ .Qy)()) {
@@ -29575,7 +29712,11 @@ function _checkContourNormalsMatchViewport(annotationUIDsMap, viewportNormal) {
     }
     return true;
 }
+function getUpdateFunction(viewport) {
+    return null;
+}
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+    getUpdateFunction,
     render,
     removeRepresentation,
 });
@@ -29657,7 +29798,7 @@ async function render(viewport, representation) {
         !polySegConversionInProgress) {
         polySegConversionInProgress = true;
         const polySeg = (0,_config__WEBPACK_IMPORTED_MODULE_12__/* .getPolySeg */ .Qy)();
-        labelmapData = await (0,_utilities_segmentation_computeAndAddRepresentation__WEBPACK_IMPORTED_MODULE_13__/* .computeAndAddRepresentation */ .d)(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A.Labelmap, () => polySeg.computeLabelmapData(segmentationId, { viewport }), () => null, () => {
+        labelmapData = await (0,_utilities_segmentation_computeAndAddRepresentation__WEBPACK_IMPORTED_MODULE_13__/* .computeAndAddRepresentation */ .d)(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A.Labelmap, () => polySeg.computeLabelmapData(segmentationId, { viewport }), () => {
             _stateManagement_segmentation_SegmentationStateManager__WEBPACK_IMPORTED_MODULE_15__/* .defaultSegmentationStateManager */ ._6.processLabelmapRepresentationAddition(viewport.id, segmentationId);
             setTimeout(() => {
                 (0,_stateManagement_segmentation_triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_14__.triggerSegmentationDataModified)(segmentationId);
@@ -29874,7 +30015,11 @@ async function _addLabelmapToViewport(viewport, labelmapData, segmentationId, co
     const result = await (0,_addLabelmapToElement__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(viewport.element, labelmapData, segmentationId, config);
     return result || undefined;
 }
+function getUpdateFunction(viewport) {
+    return;
+}
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+    getUpdateFunction,
     render,
     removeRepresentation,
 });
@@ -29890,7 +30035,7 @@ async function _addLabelmapToViewport(viewport, labelmapData, segmentationId, co
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Ay: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* unused harmony exports render, removeRepresentation */
+/* unused harmony exports getUpdateFunction, render, removeRepresentation */
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
 /* harmony import */ var _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(18682);
 /* harmony import */ var _removeSurfaceFromElement__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20552);
@@ -29931,7 +30076,7 @@ async function render(viewport, representation) {
     if (!SurfaceData &&
         (0,_config__WEBPACK_IMPORTED_MODULE_6__/* .getPolySeg */ .Qy)()?.canComputeRequestedRepresentation(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.Surface)) {
         const polySeg = (0,_config__WEBPACK_IMPORTED_MODULE_6__/* .getPolySeg */ .Qy)();
-        SurfaceData = await (0,_utilities_segmentation_computeAndAddRepresentation__WEBPACK_IMPORTED_MODULE_7__/* .computeAndAddRepresentation */ .d)(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.Surface, () => polySeg.computeSurfaceData(segmentationId, { viewport }), () => polySeg.updateSurfaceData(segmentationId, { viewport }));
+        SurfaceData = await (0,_utilities_segmentation_computeAndAddRepresentation__WEBPACK_IMPORTED_MODULE_7__/* .computeAndAddRepresentation */ .d)(segmentationId, _enums_SegmentationRepresentations__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.Surface, () => polySeg.computeSurfaceData(segmentationId, { viewport }));
         if (!SurfaceData) {
             throw new Error(`No Surface data found for segmentationId ${segmentationId} even we tried to compute it`);
         }
@@ -29971,7 +30116,12 @@ async function render(viewport, representation) {
     });
     viewport.render();
 }
+function getUpdateFunction(viewport) {
+    const polySeg = (0,_config__WEBPACK_IMPORTED_MODULE_6__/* .getPolySeg */ .Qy)();
+    return (segmentationId) => polySeg.updateSurfaceData(segmentationId, { viewport });
+}
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+    getUpdateFunction,
     render,
     removeRepresentation,
 });
@@ -44322,7 +44472,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   r: () => (/* binding */ version)
 /* harmony export */ });
-const version = '4.9.1';
+const version = '4.11.2';
 
 
 /***/ }),

package/dist/{9548.bundle.b91ebbc3a8ad7206b3aa.js → 9548.bundle.dc1d2a51c2834260179f.js}

@@ -10435,8 +10435,8 @@ function AboutModalDefault() {
     name
   } = (0,browser_detect_es5/* default */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.12.0-beta.86";
-  const commitHash = "02f6744dab993f16cf2516fd5f657e0743e3fa42";
+  const versionNumber = "3.12.0-beta.88";
+  const commitHash = "9ca02b4071f77600f7dcd87930fecdcf3d1c249f";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU, {
     className: "w-[400px]"