@ohif/app 3.13.0-beta.21 → 3.13.0-beta.23

package/dist/{933.bundle.c8f45e1f380ad5a34e07.js → 933.bundle.a6220d057519db0b7651.js}

@@ -2044,7 +2044,7 @@ function filterToolsWithMoveableHandles(element, ToolAndAnnotations, canvasCoord
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15327);
 /* harmony import */ var _distancePointToContour__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(13271);
 /* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74347);
-/* harmony import */ var _utilities_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(85895);
+/* harmony import */ var _utilities_math__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(18153);
 
 
 
@@ -2432,7 +2432,7 @@ GrowCutBaseTool.toolName = 'GrowCutBaseTool';
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   X: () => (/* binding */ distancePointToContour)
 /* harmony export */ });
-/* harmony import */ var _utilities_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85895);
+/* harmony import */ var _utilities_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(18153);
 
 const distancePointToContour = (viewport, annotation, coords) => {
     if (!annotation?.data?.contour?.polyline?.length) {

package/dist/{app.bundle.38dca800f336facdb28b.js → app.bundle.f8d7e7242f341be6acab.js}

@@ -5574,21 +5574,38 @@ class BaseVolumeViewport extends Viewport/* default */.A {
             }
         }
         else if (typeof orientation === 'string') {
-            if (orientation === 'acquisition') {
+            if (orientation === enums.OrientationAxis.ACQUISITION) {
                 return this._getAcquisitionPlaneOrientation();
             }
-            else if (orientation === 'reformat' ||
-                orientation.includes('_reformat')) {
+            else if (orientation === enums.OrientationAxis.REFORMAT) {
                 return (0,getCameraVectors/* getCameraVectors */.S8)(this, {
                     useViewportNormal: true,
                 });
             }
+            else if (orientation === enums.OrientationAxis.AXIAL_REFORMAT ||
+                orientation === enums.OrientationAxis.SAGITTAL_REFORMAT ||
+                orientation === enums.OrientationAxis.CORONAL_REFORMAT) {
+                let baseOrientation;
+                if (orientation === enums.OrientationAxis.AXIAL_REFORMAT) {
+                    baseOrientation = enums.OrientationAxis.AXIAL;
+                }
+                else if (orientation === enums.OrientationAxis.SAGITTAL_REFORMAT) {
+                    baseOrientation = enums.OrientationAxis.SAGITTAL;
+                }
+                else {
+                    baseOrientation = enums.OrientationAxis.CORONAL;
+                }
+                return (0,getCameraVectors/* getCameraVectors */.S8)(this, {
+                    useViewportNormal: true,
+                    orientation: baseOrientation,
+                });
+            }
             else if (constants.MPR_CAMERA_VALUES[orientation]) {
                 this.viewportProperties.orientation = orientation;
                 return constants.MPR_CAMERA_VALUES[orientation];
             }
         }
-        throw new Error(`Invalid orientation: ${orientation}. Valid orientations are: ${Object.keys(constants.MPR_CAMERA_VALUES).join(', ')}`);
+        throw new Error(`Invalid orientation: ${orientation}. Valid orientations are: ${Object.keys(constants.MPR_CAMERA_VALUES).join(', ')}, ${enums.OrientationAxis.ACQUISITION}, ${enums.OrientationAxis.REFORMAT}, ${enums.OrientationAxis.AXIAL_REFORMAT}, ${enums.OrientationAxis.SAGITTAL_REFORMAT}, ${enums.OrientationAxis.CORONAL_REFORMAT}`);
     }
     _getAcquisitionPlaneOrientation() {
         const actorEntry = this.getDefaultActor();
@@ -11406,10 +11423,27 @@ class VolumeViewport extends BaseVolumeViewport/* default */.A {
             if (orientation === enums.OrientationAxis.ACQUISITION) {
                 ({ viewPlaneNormal, viewUp } = super._getAcquisitionPlaneOrientation());
             }
-            else if (orientation === enums.OrientationAxis.REFORMAT ||
-                orientation.includes('_reformat')) {
+            else if (orientation === enums.OrientationAxis.REFORMAT) {
+                ({ viewPlaneNormal, viewUp } = (0,getCameraVectors/* getCameraVectors */.S8)(this, {
+                    useViewportNormal: true,
+                }));
+            }
+            else if (orientation === enums.OrientationAxis.AXIAL_REFORMAT ||
+                orientation === enums.OrientationAxis.SAGITTAL_REFORMAT ||
+                orientation === enums.OrientationAxis.CORONAL_REFORMAT) {
+                let baseOrientation;
+                if (orientation === enums.OrientationAxis.AXIAL_REFORMAT) {
+                    baseOrientation = enums.OrientationAxis.AXIAL;
+                }
+                else if (orientation === enums.OrientationAxis.SAGITTAL_REFORMAT) {
+                    baseOrientation = enums.OrientationAxis.SAGITTAL;
+                }
+                else {
+                    baseOrientation = enums.OrientationAxis.CORONAL;
+                }
                 ({ viewPlaneNormal, viewUp } = (0,getCameraVectors/* getCameraVectors */.S8)(this, {
                     useViewportNormal: true,
+                    orientation: baseOrientation,
                 }));
             }
             else if (constants.MPR_CAMERA_VALUES[orientation]) {
@@ -11423,7 +11457,7 @@ class VolumeViewport extends BaseVolumeViewport/* default */.A {
                 viewUp,
             });
             this.viewportProperties.orientation = orientation;
-            this.resetCamera();
+            this.resetCamera({ suppressEvents: true });
         }
         else {
             ({ viewPlaneNormal, viewUp } = orientation);
@@ -15303,7 +15337,8 @@ function convertMapperToNotSharedMapper(sharedMapper) {
 /* harmony export */   S8: () => (/* binding */ getCameraVectors),
 /* harmony export */   jq: () => (/* binding */ calculateCameraPosition)
 /* harmony export */ });
-/* unused harmony export getOrientationFromScanAxisNormal */
+/* unused harmony exports getOrientationFromScanAxisNormal, getAcquisitionPlaneReformatOrientation */
+/* unused harmony import specifier */ var vec3;
 /* harmony import */ var _metaData__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74876);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76491);
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(71851);
@@ -15329,6 +15364,22 @@ function calculateCameraPosition(rowCosineVec, colCosineVec, scanAxisNormal, ori
         case OrientationAxis.CORONAL_REFORMAT:
             referenceCameraValues = MPR_CAMERA_VALUES.coronal;
             break;
+        case OrientationAxis.REFORMAT:
+            const autoDetected = getOrientationFromScanAxisNormal(scanAxisNormal);
+            switch (autoDetected) {
+                case OrientationAxis.AXIAL:
+                    referenceCameraValues = MPR_CAMERA_VALUES.axial;
+                    break;
+                case OrientationAxis.SAGITTAL:
+                    referenceCameraValues = MPR_CAMERA_VALUES.sagittal;
+                    break;
+                case OrientationAxis.CORONAL:
+                    referenceCameraValues = MPR_CAMERA_VALUES.coronal;
+                    break;
+                default:
+                    referenceCameraValues = MPR_CAMERA_VALUES.axial;
+            }
+            break;
         default:
             referenceCameraValues = MPR_CAMERA_VALUES.axial;
             break;
@@ -15407,7 +15458,7 @@ function getCameraVectors(viewport, config) {
     if (useViewportNormal) {
         normalPlaneForOrientation = viewport.getCamera().viewPlaneNormal;
     }
-    if (!orientation) {
+    if (!orientation || orientation === OrientationAxis.REFORMAT) {
         orientation = getOrientationFromScanAxisNormal(normalPlaneForOrientation);
     }
     return calculateCameraPosition(rowCosineVec, colCosineVec, scanAxisNormal, orientation);
@@ -15430,6 +15481,103 @@ function getOrientationFromScanAxisNormal(scanAxisNormal) {
         return OrientationAxis.CORONAL;
     }
 }
+function getAcquisitionPlaneReformatOrientation(imageOrientationPatient) {
+    if (!imageOrientationPatient || imageOrientationPatient.length !== 6) {
+        return null;
+    }
+    const rowVec = vec3.fromValues(imageOrientationPatient[0], imageOrientationPatient[1], imageOrientationPatient[2]);
+    const colVec = vec3.fromValues(imageOrientationPatient[3], imageOrientationPatient[4], imageOrientationPatient[5]);
+    const scanAxisNormal = vec3.create();
+    vec3.cross(scanAxisNormal, rowVec, colVec);
+    vec3.normalize(rowVec, rowVec);
+    vec3.normalize(colVec, colVec);
+    vec3.normalize(scanAxisNormal, scanAxisNormal);
+    const negRowVec = vec3.create();
+    vec3.negate(negRowVec, rowVec);
+    const negColVec = vec3.create();
+    vec3.negate(negColVec, colVec);
+    const negScanAxisNormal = vec3.create();
+    vec3.negate(negScanAxisNormal, scanAxisNormal);
+    const acquisitionVectors = [
+        { vec: rowVec, name: 'row' },
+        { vec: colVec, name: 'col' },
+        { vec: scanAxisNormal, name: 'scanAxis' },
+        { vec: negRowVec, name: '-row' },
+        { vec: negColVec, name: '-col' },
+        { vec: negScanAxisNormal, name: '-scanAxis' },
+    ];
+    const standardViews = [
+        {
+            name: 'axial',
+            viewPlaneNormal: vec3.fromValues(MPR_CAMERA_VALUES.axial.viewPlaneNormal[0], MPR_CAMERA_VALUES.axial.viewPlaneNormal[1], MPR_CAMERA_VALUES.axial.viewPlaneNormal[2]),
+            viewUp: vec3.fromValues(MPR_CAMERA_VALUES.axial.viewUp[0], MPR_CAMERA_VALUES.axial.viewUp[1], MPR_CAMERA_VALUES.axial.viewUp[2]),
+        },
+        {
+            name: 'sagittal',
+            viewPlaneNormal: vec3.fromValues(MPR_CAMERA_VALUES.sagittal.viewPlaneNormal[0], MPR_CAMERA_VALUES.sagittal.viewPlaneNormal[1], MPR_CAMERA_VALUES.sagittal.viewPlaneNormal[2]),
+            viewUp: vec3.fromValues(MPR_CAMERA_VALUES.sagittal.viewUp[0], MPR_CAMERA_VALUES.sagittal.viewUp[1], MPR_CAMERA_VALUES.sagittal.viewUp[2]),
+        },
+        {
+            name: 'coronal',
+            viewPlaneNormal: vec3.fromValues(MPR_CAMERA_VALUES.coronal.viewPlaneNormal[0], MPR_CAMERA_VALUES.coronal.viewPlaneNormal[1], MPR_CAMERA_VALUES.coronal.viewPlaneNormal[2]),
+            viewUp: vec3.fromValues(MPR_CAMERA_VALUES.coronal.viewUp[0], MPR_CAMERA_VALUES.coronal.viewUp[1], MPR_CAMERA_VALUES.coronal.viewUp[2]),
+        },
+    ];
+    let bestAlignment = -Infinity;
+    let bestViewPlaneNormal = null;
+    let bestViewUp = null;
+    for (const standardView of standardViews) {
+        let bestPairScore = -Infinity;
+        let bestPairViewPlaneNormal = null;
+        let bestPairViewUp = null;
+        for (let i = 0; i < acquisitionVectors.length; i++) {
+            for (let j = 0; j < acquisitionVectors.length; j++) {
+                if (i === j)
+                    continue;
+                const v1 = acquisitionVectors[i].vec;
+                const v2 = acquisitionVectors[j].vec;
+                const dotProduct = Math.abs(vec3.dot(v1, v2));
+                if (dotProduct > 0.1)
+                    continue;
+                const score1 = Math.abs(vec3.dot(v1, standardView.viewPlaneNormal));
+                const score2 = Math.abs(vec3.dot(v2, standardView.viewUp));
+                const totalScore = score1 + score2;
+                const score1Swapped = Math.abs(vec3.dot(v2, standardView.viewPlaneNormal));
+                const score2Swapped = Math.abs(vec3.dot(v1, standardView.viewUp));
+                const totalScoreSwapped = score1Swapped + score2Swapped;
+                if (totalScoreSwapped > totalScore &&
+                    totalScoreSwapped > bestPairScore) {
+                    bestPairScore = totalScoreSwapped;
+                    bestPairViewPlaneNormal = v2;
+                    bestPairViewUp = v1;
+                }
+                else if (totalScore > bestPairScore) {
+                    bestPairScore = totalScore;
+                    bestPairViewPlaneNormal = v1;
+                    bestPairViewUp = v2;
+                }
+            }
+        }
+        if (bestPairScore > bestAlignment &&
+            bestPairViewPlaneNormal &&
+            bestPairViewUp) {
+            bestAlignment = bestPairScore;
+            bestViewPlaneNormal = bestPairViewPlaneNormal;
+            bestViewUp = bestPairViewUp;
+        }
+    }
+    if (!bestViewPlaneNormal || !bestViewUp) {
+        return null;
+    }
+    return {
+        viewPlaneNormal: [
+            bestViewPlaneNormal[0],
+            bestViewPlaneNormal[1],
+            bestViewPlaneNormal[2],
+        ],
+        viewUp: [bestViewUp[0], bestViewUp[1], bestViewUp[2]],
+    };
+}
 
 
 /***/ },
@@ -45620,7 +45768,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.15.29';
+const version = '4.17.2';
 
 
 /***/ },
@@ -46043,7 +46191,7 @@ const obj = {
 
 /***/ },
 
-/***/ 75524
+/***/ 68750
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -46053,7 +46201,7 @@ __webpack_require__.d(__webpack_exports__, {
   Ay: () => (/* binding */ dist_esm)
 });
 
-// UNUSED EXPORTS: constants, convertColorSpace, convertPALETTECOLOR, convertRGBColorByPixel, convertRGBColorByPlane, convertYBRFullByPixel, convertYBRFullByPlane, createImage, decodeImageFrame, decodeJPEGBaseline8BitColor, decoders, getImageFrame, getMinMax, getPixelData, init, initializers, internal, isColorImage, isJPEGBaseline8BitColor, postProcessDecodedPixels, wadors, wadouri
+// UNUSED EXPORTS: constants, convertColorSpace, convertPaletteColor, convertPaletteColorWithFetch, convertRGBColorByPixel, convertRGBColorByPlane, convertYBRFullByPixel, convertYBRFullByPlane, createImage, decodeImageFrame, decodeJPEGBaseline8BitColor, decoders, getImageFrame, getMinMax, getPixelData, init, initializers, internal, isColorImage, isJPEGBaseline8BitColor, postProcessDecodedPixels, wadors, wadouri
 
 // NAMESPACE OBJECT: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/constants/index.js
 var constants_namespaceObject = {};
@@ -46235,16 +46383,8 @@ __webpack_require__.d(constants_namespaceObject, {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 1 modules
 var esm = __webpack_require__(15327);
-;// ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/imageLoader/colorSpaceConverters/convertPALETTECOLOR.js
+;// ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/imageLoader/colorSpaceConverters/fetchPaletteData.js
 
-function convertLUTto8Bit(lut, shift) {
-    const numEntries = lut.length;
-    const cleanedLUT = new Uint8ClampedArray(numEntries);
-    for (let i = 0; i < numEntries; ++i) {
-        cleanedLUT[i] = lut[i] >> shift;
-    }
-    return cleanedLUT;
-}
 function fetchPaletteData(imageFrame, color, fallback) {
     const data = imageFrame[`${color}PaletteColorLookupTableData`];
     if (data) {
@@ -46258,44 +46398,61 @@ function fetchPaletteData(imageFrame, color, fallback) {
         return Promise.resolve(result ? result[`${color}PaletteColorLookupTableData`] : fallback);
     }
 }
-/* harmony default export */ function convertPALETTECOLOR(imageFrame, colorBuffer, useRGBA) {
+
+;// ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/imageLoader/colorSpaceConverters/fetchLUTForInstance.js
+
+
+async function fetchLUTForInstance(imageFrame) {
+    const fetchPromises = [];
+    const needsPaletteLUT = !imageFrame.redPaletteColorLookupTableData ||
+        !imageFrame.greenPaletteColorLookupTableData ||
+        !imageFrame.bluePaletteColorLookupTableData;
+    if (needsPaletteLUT) {
+        const palettePromises = Promise.all([
+            fetchPaletteData(imageFrame, 'red', null),
+            fetchPaletteData(imageFrame, 'green', null),
+            fetchPaletteData(imageFrame, 'blue', null),
+        ]).then(([redData, greenData, blueData]) => {
+            imageFrame.redPaletteColorLookupTableData = redData;
+            imageFrame.greenPaletteColorLookupTableData = greenData;
+            imageFrame.bluePaletteColorLookupTableData = blueData;
+        });
+        fetchPromises.push(palettePromises);
+    }
+    if (fetchPromises.length > 0) {
+        await Promise.all(fetchPromises);
+    }
+}
+
+;// ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/imageLoader/colorSpaceConverters/convertPALETTECOLOR.js
+
+function convertLUTto8Bit(lut, shift) {
+    const numEntries = lut.length;
+    const cleanedLUT = new Uint8ClampedArray(numEntries);
+    for (let i = 0; i < numEntries; ++i) {
+        cleanedLUT[i] = lut[i] >> shift;
+    }
+    return cleanedLUT;
+}
+function convertPaletteColor(imageFrame, colorBuffer, useRGBA) {
     const numPixels = imageFrame.columns * imageFrame.rows;
     const pixelData = imageFrame.pixelData;
-    Promise.all([
-        fetchPaletteData(imageFrame, 'red', null),
-        fetchPaletteData(imageFrame, 'green', null),
-        fetchPaletteData(imageFrame, 'blue', null),
-    ]).then(([rData, gData, bData]) => {
-        if (!rData || !gData || !bData) {
-            throw new Error('The image does not have a complete color palette. R, G, and B palette data are required.');
-        }
-        const len = rData.length;
-        let palIndex = 0;
-        let bufferIndex = 0;
-        const start = imageFrame.redPaletteColorLookupTableDescriptor[1];
-        const shift = imageFrame.redPaletteColorLookupTableDescriptor[2] === 8 ? 0 : 8;
-        const rDataCleaned = convertLUTto8Bit(rData, shift);
-        const gDataCleaned = convertLUTto8Bit(gData, shift);
-        const bDataCleaned = convertLUTto8Bit(bData, shift);
-        if (useRGBA) {
-            for (let i = 0; i < numPixels; ++i) {
-                let value = pixelData[palIndex++];
-                if (value < start) {
-                    value = 0;
-                }
-                else if (value > start + len - 1) {
-                    value = len - 1;
-                }
-                else {
-                    value -= start;
-                }
-                colorBuffer[bufferIndex++] = rDataCleaned[value];
-                colorBuffer[bufferIndex++] = gDataCleaned[value];
-                colorBuffer[bufferIndex++] = bDataCleaned[value];
-                colorBuffer[bufferIndex++] = 255;
-            }
-            return;
-        }
+    const rData = imageFrame.redPaletteColorLookupTableData;
+    const gData = imageFrame.greenPaletteColorLookupTableData;
+    const bData = imageFrame.bluePaletteColorLookupTableData;
+    if (!rData || !gData || !bData) {
+        throw new Error('The image does not have a complete color palette. R, G, and B palette data are required.');
+    }
+    const len = rData.length;
+    let palIndex = 0;
+    let bufferIndex = 0;
+    const start = imageFrame.redPaletteColorLookupTableDescriptor[1];
+    const bitsStored = imageFrame.redPaletteColorLookupTableDescriptor[2];
+    const shift = bitsStored > 8 || rData.some((num) => num > 255) ? 8 : 0;
+    const rDataCleaned = convertLUTto8Bit(rData, shift);
+    const gDataCleaned = convertLUTto8Bit(gData, shift);
+    const bDataCleaned = convertLUTto8Bit(bData, shift);
+    if (useRGBA) {
         for (let i = 0; i < numPixels; ++i) {
             let value = pixelData[palIndex++];
             if (value < start) {
@@ -46310,8 +46467,29 @@ function fetchPaletteData(imageFrame, color, fallback) {
             colorBuffer[bufferIndex++] = rDataCleaned[value];
             colorBuffer[bufferIndex++] = gDataCleaned[value];
             colorBuffer[bufferIndex++] = bDataCleaned[value];
+            colorBuffer[bufferIndex++] = 255;
         }
-    });
+        return;
+    }
+    for (let i = 0; i < numPixels; ++i) {
+        let value = pixelData[palIndex++];
+        if (value < start) {
+            value = 0;
+        }
+        else if (value > start + len - 1) {
+            value = len - 1;
+        }
+        else {
+            value -= start;
+        }
+        colorBuffer[bufferIndex++] = rDataCleaned[value];
+        colorBuffer[bufferIndex++] = gDataCleaned[value];
+        colorBuffer[bufferIndex++] = bDataCleaned[value];
+    }
+}
+async function convertPaletteColorWithFetch(imageFrame, colorBuffer, useRGBA) {
+    await fetchLUTForInstance(imageFrame);
+    convertPaletteColor(imageFrame, colorBuffer, useRGBA);
 }
 
 ;// ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/imageLoader/colorSpaceConverters/index.js
@@ -46323,6 +46501,7 @@ function fetchPaletteData(imageFrame, color, fallback) {
 
 
 
+
 ;// ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/imageLoader/wadouri/metaData/getImagePixelModule.js
 function getLutDescriptor(dataSet, tag) {
     if (!dataSet.elements[tag] || dataSet.elements[tag].length !== 6) {
@@ -47864,7 +48043,7 @@ function convertColorSpace(imageFrame, colorBuffer, useRGBA) {
         convertRGBColorByPixel(imageFrame.pixelData, colorBuffer, useRGBA);
     }
     else if (imageFrame.photometricInterpretation === 'PALETTE COLOR') {
-        convertPALETTECOLOR(imageFrame, colorBuffer, useRGBA);
+        convertPaletteColor(imageFrame, colorBuffer, useRGBA);
     }
     else if (imageFrame.photometricInterpretation === 'YBR_FULL_422') {
         convertYBRFull422ByPixel(imageFrame.pixelData, colorBuffer, useRGBA);
@@ -48141,8 +48320,9 @@ function setPixelDataType(imageFrame) {
 
 
 
+
 let lastImageIdDrawn = '';
-function createImage(imageId, pixelData, transferSyntax, options = {}) {
+async function createImage(imageId, pixelData, transferSyntax, options = {}) {
     const useRGBA = options.useRGBA;
     options.preScale = {
         enabled: options.preScale && options.preScale.enabled !== undefined
@@ -48157,6 +48337,14 @@ function createImage(imageId, pixelData, transferSyntax, options = {}) {
     const imageFrame = imageLoader_getImageFrame(imageId);
     imageFrame.decodeLevel = options.decodeLevel;
     options.allowFloatRendering = (0,esm.canRenderFloatTextures)();
+    let redData, greenData, blueData;
+    if (imageFrame.photometricInterpretation === 'PALETTE COLOR') {
+        [redData, greenData, blueData] = await Promise.all([
+            fetchPaletteData(imageFrame, 'red', null),
+            fetchPaletteData(imageFrame, 'green', null),
+            fetchPaletteData(imageFrame, 'blue', null),
+        ]);
+    }
     if (options.preScale.enabled) {
         const scalingParameters = getScalingParameters(esm.metaData, imageId);
         if (scalingParameters) {
@@ -48216,6 +48404,11 @@ function createImage(imageId, pixelData, transferSyntax, options = {}) {
             const sopCommonModule = esm.metaData.get(MetadataModules.SOP_COMMON, imageId) || {};
             const calibrationModule = esm.metaData.get(MetadataModules.CALIBRATION, imageId) || {};
             const { rows, columns } = imageFrame;
+            if (imageFrame.photometricInterpretation === 'PALETTE COLOR') {
+                imageFrame.redPaletteColorLookupTableData = redData;
+                imageFrame.greenPaletteColorLookupTableData = greenData;
+                imageFrame.bluePaletteColorLookupTableData = blueData;
+            }
             if (isColorImage) {
                 if (isColorConversionRequired(imageFrame)) {
                     canvas.height = imageFrame.rows;
@@ -49676,7 +49869,8 @@ const cornerstoneDICOMImageLoader = {
     convertRGBColorByPlane: convertRGBColorByPlane,
     convertYBRFullByPixel: convertYBRFullByPixel,
     convertYBRFullByPlane: convertYBRFullByPlane,
-    convertPALETTECOLOR: convertPALETTECOLOR,
+    convertPaletteColor: convertPaletteColor,
+    convertPaletteColorWithFetch: convertPaletteColorWithFetch,
     wadouri: wadouri,
     wadors: wadors,
     init: esm_init,
@@ -72056,15 +72250,18 @@ function fetchPaletteColorLookupTableData(item, tag, descriptorTag) {
   return _getPaletteColor(item[tag], item[descriptorTag]);
 }
 function _getPaletteColor(paletteColorLookupTableData, lutDescriptor) {
-  const numLutEntries = lutDescriptor[0];
-  const bits = lutDescriptor[2];
+  // DICOM standard says to use 64k instead of 0 as 64k isn't specifiable in
+  // 2 bytes.
+  const numLutEntries = lutDescriptor[0] || 65536;
+  const bitsAllocated = lutDescriptor[2];
   if (!paletteColorLookupTableData) {
     return undefined;
   }
   const arrayBufferToPaletteColorLUT = arraybuffer => {
     // Handle both ArrayBuffer and TypedArray inputs
     const buffer = arraybuffer.buffer || arraybuffer;
-    const data = bits === 16 ? new Uint16Array(buffer) : new Uint8Array(buffer);
+    // See note in PS3.3 C7.6.3.1.5 around 8 bit data encoded as 16 bit
+    const data = buffer.byteLength === 2 * numLutEntries || bitsAllocated > 8 ? new Uint16Array(buffer) : new Uint8Array(buffer);
     const lut = [];
     for (let i = 0; i < numLutEntries; i++) {
       lut[i] = data[i];
@@ -72083,6 +72280,10 @@ function _getPaletteColor(paletteColorLookupTableData, lutDescriptor) {
       return undefined;
     }
   }
+  const arrayPalette = Array.isArray(paletteColorLookupTableData) ? paletteColorLookupTableData[0] : paletteColorLookupTableData;
+  if (arrayPalette instanceof ArrayBuffer) {
+    return paletteColorLookupTableData.palette = arrayBufferToPaletteColorLUT(arrayPalette);
+  }
   if (paletteColorLookupTableData.retrieveBulkData) {
     return paletteColorLookupTableData.retrieveBulkData().then(val => paletteColorLookupTableData.palette = arrayBufferToPaletteColorLUT(val));
   }
@@ -79643,7 +79844,7 @@ const detectionOptions = {
   }
 });
 ;// ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.20"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.13.0-beta.22"}');
 ;// ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -239708,8 +239909,8 @@ function _sortStringDates(s1, s2, sortModifier) {
 
 // EXTERNAL MODULE: ../../../node_modules/react-dropzone/dist/es/index.js + 4 modules
 var dist_es = __webpack_require__(85252);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/index.js + 77 modules
-var esm = __webpack_require__(75524);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/dicom-image-loader/dist/esm/index.js + 79 modules
+var esm = __webpack_require__(68750);
 ;// ./routes/Local/fileLoader.js
 class FileLoader {
   constructor() {
@@ -240387,35 +240588,35 @@ modes.push("@ohif/mode-ultrasound-pleura-bline");
 async function loadModule(module) {
   if (typeof module !== 'string') return module;
   if (module === "@ohif/extension-default") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(9195), __webpack_require__.e(2591)]).then(__webpack_require__.bind(__webpack_require__, 39195));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(9195), __webpack_require__.e(2591)]).then(__webpack_require__.bind(__webpack_require__, 39195));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(4972)]).then(__webpack_require__.bind(__webpack_require__, 63081));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(4972)]).then(__webpack_require__.bind(__webpack_require__, 63081));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2031), __webpack_require__.e(5261), __webpack_require__.e(9195), __webpack_require__.e(3081), __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(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(581), __webpack_require__.e(5261), __webpack_require__.e(9195), __webpack_require__.e(3081), __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(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2031), __webpack_require__.e(9195), __webpack_require__.e(3081), __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(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(581), __webpack_require__.e(9195), __webpack_require__.e(3081), __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(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2031), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(8305)]).then(__webpack_require__.bind(__webpack_require__, 9099));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(581), __webpack_require__.e(9195), __webpack_require__.e(3081), __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(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2031), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(5028)]).then(__webpack_require__.bind(__webpack_require__, 82098));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(581), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(5028)]).then(__webpack_require__.bind(__webpack_require__, 82098));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(3138)]).then(__webpack_require__.bind(__webpack_require__, 14696));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(3138)]).then(__webpack_require__.bind(__webpack_require__, 14696));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-microscopy") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(4406), __webpack_require__.e(9195), __webpack_require__.e(1933)]).then(__webpack_require__.bind(__webpack_require__, 6015));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(4406), __webpack_require__.e(9195), __webpack_require__.e(1933)]).then(__webpack_require__.bind(__webpack_require__, 6015));
     return imported.default;
   }
   if (module === "@ohif/extension-dicom-pdf") {
@@ -240427,19 +240628,19 @@ 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(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(2031), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(8583)]).then(__webpack_require__.bind(__webpack_require__, 57289));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(581), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(8583)]).then(__webpack_require__.bind(__webpack_require__, 57289));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(8499)]).then(__webpack_require__.bind(__webpack_require__, 94285));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9195), __webpack_require__.e(3081), __webpack_require__.e(8499)]).then(__webpack_require__.bind(__webpack_require__, 94285));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-rt") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(8558)]).then(__webpack_require__.bind(__webpack_require__, 78558));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(8558)]).then(__webpack_require__.bind(__webpack_require__, 78558));
     return imported.default;
   }
   if (module === "@ohif/extension-ultrasound-pleura-bline") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(5015)]).then(__webpack_require__.bind(__webpack_require__, 55015));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(5015)]).then(__webpack_require__.bind(__webpack_require__, 55015));
     return imported.default;
   }
   if (module === "@ohif/mode-longitudinal") {
@@ -240475,7 +240676,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/mode-ultrasound-pleura-bline") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(6409), __webpack_require__.e(9205), __webpack_require__.e(4507)]).then(__webpack_require__.bind(__webpack_require__, 94507));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(4287), __webpack_require__.e(933), __webpack_require__.e(2075), __webpack_require__.e(9205), __webpack_require__.e(4507)]).then(__webpack_require__.bind(__webpack_require__, 94507));
     return imported.default;
   }
   if (module === "dicom-microscopy-viewer") {
@@ -395453,7 +395654,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":"14430d53b13d7ff9f8a8","147":"15c3dffbc73dab1085f5","213":"83766bfd0ad91206ba20","572":"41c40b57dd1b265fb425","732":"ea6f9d8504e37e01a208","933":"c8f45e1f380ad5a34e07","1459":"2f3d935de1ef66d49c9b","1608":"7a4a3b49cae10f6ba2cf","1927":"be67b3aafe238ca9f191","1933":"1b74cba28c11aaa349c1","2007":"072a28b303f2dbafe05c","2018":"330c371c2152bc79a68e","2031":"a17bc2d85cef3a9fea57","2108":"f1ef8e8746eb3936bb47","2424":"8d41a94526449b9c27f2","2701":"8abdc7f6578c00d4539f","3054":"5b679ce4142c803c80a4","3081":"69c2ed88c1fc66671e82","3138":"536017116b2a48fe8f59","3461":"b1c56af281517014477c","3694":"6bc9d64acadd16a85f59","4202":"dd592e5575b8e302689a","4287":"571587a1d29d54203175","4406":"573d234b4641d23cf8db","4507":"2943a08dea2a96095e86","4819":"b817d46688ec00d46826","5015":"ea7e3b295cd3ef134df2","5028":"b75c0bb0fa9a490055bd","5261":"2655560097e9250eac44","5457":"ea0a729d0bb45314d5ca","5485":"8248a4caa4411103e190","5802":"70600f8f701ac920b932","6027":"b9a666f05ac57e742979","6409":"24edbaa283b7c521b8f7","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7431":"e6f5f5835a3c49e2309c","7639":"2e179ab85c66a6def98f","8094":"148a66619607e37cbf19","8305":"e621bc861f8c16092e7c","8499":"59df69e1919739d6e444","8558":"288aabeb7473ee9d7312","8583":"d0773ead34455cfa28d7","9195":"902ab556e8909fa878a1","9205":"dca4f040999d069f1cc5","9845":"d52e8993eb5cde995219","9862":"4704bce0c5b039dfdec3","9927":"006c8d2dda07109c4749"}[chunkId] + ".js";
+/******/ 			return "" + ({"572":"polySeg","2007":"interpolation","3054":"histogram-worker","3694":"compute"}[chunkId] || chunkId) + ".bundle." + {"85":"aa4e9485c037e1bf2cbc","147":"15c3dffbc73dab1085f5","213":"df5bb838062f6a1aa79c","572":"f15c8d2cc2559db627cf","581":"2bb402f7316b6e8c735b","732":"ea6f9d8504e37e01a208","933":"a6220d057519db0b7651","1459":"fdfad1e671918501e3d2","1608":"7a4a3b49cae10f6ba2cf","1927":"be67b3aafe238ca9f191","1933":"f89ae7ae7baa9a38128e","2007":"072a28b303f2dbafe05c","2018":"a517a2a8d4b076b2c684","2075":"a9783d07b48ca241486e","2108":"f1ef8e8746eb3936bb47","2424":"c2786065ba1937631a79","2701":"8abdc7f6578c00d4539f","3054":"5b679ce4142c803c80a4","3081":"4344a3bedb7e70eb5d78","3138":"a33cbe78017b1918c923","3461":"7127d96c33ad3cd68c11","3694":"0fa6bd11224eb79e7474","4202":"dd592e5575b8e302689a","4287":"c6bd6cf991e2dae32044","4406":"573d234b4641d23cf8db","4507":"895bc803df58395a221f","4819":"e97fa2fed6fb6e421f1a","5015":"eff33bbbbd6ff055c742","5028":"5833a530fe9ade4dc787","5261":"2655560097e9250eac44","5457":"4b2e1e0aaf4f54d8cd1e","5485":"70dbc4d41d1b5f299e6e","5802":"70600f8f701ac920b932","6027":"77ed34c72d695295cc90","6939":"41fbdef87597b5172ec6","7159":"fb9df255868960f69765","7431":"8ddbd21f7b2b8528a14a","7639":"9a1d8c0a3624fff53cb9","8094":"148a66619607e37cbf19","8305":"61e53a1298804bd4bc46","8499":"cca6ef54e2c475fc9f2b","8558":"69bda0c8e9b438294401","8583":"3bae324bc92e2a4f00e4","9195":"e4457f0ed6c34993e3c6","9205":"a37976b4f3ded2cbb2ab","9845":"d52e8993eb5cde995219","9862":"4704bce0c5b039dfdec3","9927":"006b27903e0450ce2e94"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/