@ohif/app 3.7.0-beta.1 → 3.7.0-beta.100

package/dist/{984.bundle.4e002ef9b3468bddb68b.js → 663.bundle.3863ac49f85320c8ca96.js}

@@ -1,6 +1,6 @@
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[984],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[663],{
 
-/***/ 65948:
+/***/ 42170:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -16,7 +16,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(32735);
+var react = __webpack_require__(43001);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/package.json
 const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-cornerstone-dicom-sr"}');
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/id.js
@@ -25,16 +25,16 @@ const id = package_namespaceObject.u2;
 const SOPClassHandlerName = 'dicom-sr';
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
+// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
+var src = __webpack_require__(71771);
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 10 modules
-var esm = __webpack_require__(88256);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 321 modules
-var dist_esm = __webpack_require__(57270);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 335 modules
-var core_dist_esm = __webpack_require__(77331);
+var esm = __webpack_require__(45451);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 348 modules
+var dist_esm = __webpack_require__(14957);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
+var core_dist_esm = __webpack_require__(3743);
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/tools/modules/dicomSRModule.js
-var dicomSRModule = __webpack_require__(94709);
+var dicomSRModule = __webpack_require__(64035);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/constants/scoordTypes.js
 /* harmony default export */ const scoordTypes = ({
   POINT: 'POINT',
@@ -486,8 +486,8 @@ function _getRenderableData(GraphicType, GraphicData, imageId, TrackingIdentifie
   }
   return renderableData;
 }
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/@cornerstonejs/adapters.es.js
-var adapters_es = __webpack_require__(4606);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/adapters.es.js
+var adapters_es = __webpack_require__(91202);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/isRehydratable.js
 
 const cornerstoneAdapters = adapters_es.adaptersSR.Cornerstone3D.MeasurementReport.CORNERSTONE_TOOL_CLASSES_BY_UTILITY_TYPE;
@@ -776,7 +776,9 @@ function _measurementReferencesSOPInstanceUID(measurement, SOPInstanceUID, frame
   // NOTE: The ReferencedFrameNumber can be multiple values according to the DICOM
   //  Standard. But for now, we will support only one ReferenceFrameNumber.
   const ReferencedFrameNumber = measurement.coords[0].ReferencedSOPSequence && measurement.coords[0].ReferencedSOPSequence[0]?.ReferencedFrameNumber || 1;
-  if (frameNumber && Number(frameNumber) !== Number(ReferencedFrameNumber)) return false;
+  if (frameNumber && Number(frameNumber) !== Number(ReferencedFrameNumber)) {
+    return false;
+  }
   for (let j = 0; j < coords.length; j++) {
     const coord = coords[j];
     const {
@@ -985,7 +987,9 @@ function _getReferencedImagesList(ImagingMeasurementReportContentSequence) {
     const {
       ReferencedSOPSequence
     } = item;
-    if (!ReferencedSOPSequence) return;
+    if (!ReferencedSOPSequence) {
+      return;
+    }
     for (const ref of _getSequenceAsArray(ReferencedSOPSequence)) {
       if (ref.ReferencedSOPClassUID) {
         const {
@@ -1002,7 +1006,9 @@ function _getReferencedImagesList(ImagingMeasurementReportContentSequence) {
   return referencedImages;
 }
 function _getSequenceAsArray(sequence) {
-  if (!sequence) return [];
+  if (!sequence) {
+    return [];
+  }
   return Array.isArray(sequence) ? sequence : [sequence];
 }
 /* harmony default export */ const src_getSopClassHandlerModule = (getSopClassHandlerModule);
@@ -1012,7 +1018,6 @@ const srProtocol = {
   // Don't store this hanging protocol as it applies to the currently active
   // display set by default
   // cacheId: null,
-  hasUpdatedPriorsInformation: false,
   name: 'SR Key Images',
   // Just apply this one when specifically listed
   protocolMatchingRules: [],
@@ -1088,7 +1093,7 @@ function onModeEnter(_ref) {
   });
 }
 // EXTERNAL MODULE: ../../../node_modules/dcmjs/build/dcmjs.es.js
-var dcmjs_es = __webpack_require__(22737);
+var dcmjs_es = __webpack_require__(67540);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/getFilteredCornerstoneToolState.ts
 
 
@@ -1356,7 +1361,7 @@ function init(_ref) {
   });
 }
 // EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/hydrateStructuredReport.js + 1 modules
-var hydrateStructuredReport = __webpack_require__(68525);
+var hydrateStructuredReport = __webpack_require__(38965);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/createReferencedImageDisplaySet.ts
 
 const createReferencedImageDisplaySet_ImageSet = src.classes.ImageSet;
@@ -1366,7 +1371,9 @@ const findInstance = (measurement, displaySetService) => {
     ReferencedSOPInstanceUID: sopUid
   } = measurement;
   const referencedDisplaySet = displaySetService.getDisplaySetByUID(displaySetInstanceUID);
-  if (!referencedDisplaySet.images) return;
+  if (!referencedDisplaySet.images) {
+    return;
+  }
   return referencedDisplaySet.images.find(it => it.SOPInstanceUID === sopUid);
 };
 
@@ -1381,8 +1388,12 @@ const findReferencedInstances = (displaySetService, displaySet) => {
     const {
       imageId
     } = measurement;
-    if (!imageId) continue;
-    if (instanceById[imageId]) continue;
+    if (!imageId) {
+      continue;
+    }
+    if (instanceById[imageId]) {
+      continue;
+    }
     const instance = findInstance(measurement, displaySetService);
     if (!instance) {
       console.log('Measurement', measurement, 'had no instances found');
@@ -1449,7 +1460,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 953).then(__webpack_require__.bind(__webpack_require__, 27953));
+  return __webpack_require__.e(/* import() */ 886).then(__webpack_require__.bind(__webpack_require__, 48886));
 });
 const OHIFCornerstoneSRViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
@@ -1491,7 +1502,7 @@ const dicomSRExtension = {
   },
   getCommandsModule: src_commandsModule,
   getSopClassHandlerModule: src_getSopClassHandlerModule,
-  // Include dynmically computed values such as toolNames not known till instantiation
+  // Include dynamically computed values such as toolNames not known till instantiation
   getUtilityModule(_ref2) {
     let {
       servicesManager
@@ -1511,7 +1522,7 @@ const dicomSRExtension = {
 
 /***/ }),
 
-/***/ 94709:
+/***/ 64035:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1520,7 +1531,7 @@ const dicomSRExtension = {
 /* harmony export */   yR: () => (/* binding */ getTrackingUniqueIdentifiersForElement)
 /* harmony export */ });
 /* unused harmony export setActiveTrackingUniqueIdentifierForElement */
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(77331);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3743);
 
 const state = {
   TrackingUniqueIdentifier: null,
@@ -1573,7 +1584,7 @@ function getTrackingUniqueIdentifiersForElement(element) {
 
 /***/ }),
 
-/***/ 68525:
+/***/ 38965:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1583,10 +1594,10 @@ __webpack_require__.d(__webpack_exports__, {
   Z: () => (/* binding */ hydrateStructuredReport)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 335 modules
-var esm = __webpack_require__(77331);
-// EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
-var src = __webpack_require__(48501);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
+var esm = __webpack_require__(3743);
+// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
+var src = __webpack_require__(71771);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/getLabelFromDCMJSImportedToolData.js
 /**
  * Extracts the label from the toolData imported from dcmjs. We need to do this
@@ -1609,13 +1620,19 @@ function getLabelFromDCMJSImportedToolData(toolData) {
     return finding.CodeMeaning;
   }
 }
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/@cornerstonejs/adapters.es.js
-var adapters_es = __webpack_require__(4606);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/adapters.es.js
+var adapters_es = __webpack_require__(91202);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 348 modules
+var dist_esm = __webpack_require__(14957);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dicom-sr/src/utils/hydrateStructuredReport.js
 
 
 
 
+
+const {
+  locking
+} = dist_esm.annotation;
 const {
   guid
 } = src["default"].utils;
@@ -1627,7 +1644,9 @@ const CORNERSTONE_3D_TOOLS_SOURCE_NAME = 'Cornerstone3DTools';
 const CORNERSTONE_3D_TOOLS_SOURCE_VERSION = '0.1';
 const supportedLegacyCornerstoneTags = ['cornerstoneTools@^4.0.0'];
 const convertCode = (codingValues, code) => {
-  if (!code || code.CodingSchemeDesignator === 'CORNERSTONEJS') return;
+  if (!code || code.CodingSchemeDesignator === 'CORNERSTONEJS') {
+    return;
+  }
   const ref = `${code.CodingSchemeDesignator}:${code.CodeValue}`;
   const ret = {
     ...codingValues[ref],
@@ -1638,13 +1657,17 @@ const convertCode = (codingValues, code) => {
   return ret;
 };
 const convertSites = (codingValues, sites) => {
-  if (!sites || !sites.length) return;
+  if (!sites || !sites.length) {
+    return;
+  }
   const ret = [];
   // Do as a loop to convert away from Proxy instances
   for (let i = 0; i < sites.length; i++) {
     // Deal with irregular conversion from dcmjs
     const site = convertCode(codingValues, sites[i][0] || sites[i]);
-    if (site) ret.push(site);
+    if (site) {
+      ret.push(site);
+    }
   }
   return ret.length && ret || undefined;
 };
@@ -1656,8 +1679,11 @@ const convertSites = (codingValues, sites) => {
 function hydrateStructuredReport(_ref, displaySetInstanceUID) {
   let {
     servicesManager,
-    extensionManager
+    extensionManager,
+    appConfig
   } = _ref;
+  const annotationManager = dist_esm.annotation.state.getAnnotationManager();
+  const disableEditing = appConfig?.disableEditing;
   const dataSource = extensionManager.getActiveDataSource()[0];
   const {
     measurementService,
@@ -1775,9 +1801,13 @@ function hydrateStructuredReport(_ref, displaySetInstanceUID) {
       annotation.data.findingSites = convertSites(codingValues, toolData.findingSites);
       annotation.data.site = annotation.data.findingSites?.[0];
       const matchingMapping = mappings.find(m => m.annotationType === annotationType);
-      measurementService.addRawMeasurement(source, annotationType, {
+      const newAnnotationUID = measurementService.addRawMeasurement(source, annotationType, {
         annotation
       }, matchingMapping.toMeasurementSchema, dataSource);
+      if (disableEditing) {
+        const addedAnnotation = annotationManager.getAnnotation(newAnnotationUID);
+        locking.setAnnotationLocked(addedAnnotation, true);
+      }
       if (!imageIds.includes(imageId)) {
         imageIds.push(imageId);
       }

package/dist/{205.bundle.b5a473c200dcf2bbcdb4.js → 686.bundle.dccef1f36e4bc79bcc48.js}

@@ -1,15 +1,15 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[205],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[686],{
 
-/***/ 36205:
+/***/ 39686:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(32735);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60216);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43001);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3827);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -34,13 +34,13 @@ function OHIFCornerstoneVideoViewport(_ref) {
 
   // Need to copies of the source to fix a firefox bug
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
-    className: "bg-primary-black w-full h-full"
+    className: "bg-primary-black h-full w-full"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("video", {
     src: url,
     controls: true,
     controlsList: "nodownload",
     preload: "auto",
-    className: "w-full h-full",
+    className: "h-full w-full",
     crossOrigin: "anonymous"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("source", {
     src: url,

package/dist/{50.bundle.03f455d441f2138ce49e.js → 687.bundle.ebd1260565c31ab9ad08.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[50],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[687],{
 
-/***/ 24050:
+/***/ 78687:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -18,6 +18,204 @@ const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-test"}');
 
 const id = package_namespaceObject.u2;
 
+;// CONCATENATED MODULE: ../../../extensions/test-extension/src/hpTestSwitch.ts
+const viewport0a = {
+  viewportOptions: {
+    viewportId: 'viewportA',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport1b = {
+  viewportOptions: {
+    viewportId: 'viewportB',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 1,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport2c = {
+  viewportOptions: {
+    viewportId: 'viewportC',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 2,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport3d = {
+  viewportOptions: {
+    viewportId: 'viewportD',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 3,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport4e = {
+  viewportOptions: {
+    viewportId: 'viewportE',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 4,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport5f = {
+  viewportOptions: {
+    viewportId: 'viewportF',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 5,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport3a = {
+  viewportOptions: {
+    viewportId: 'viewportA',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 3,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport2b = {
+  viewportOptions: {
+    viewportId: 'viewportB',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 2,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport1c = {
+  viewportOptions: {
+    viewportId: 'viewportC',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 1,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewport0d = {
+  viewportOptions: {
+    viewportId: 'viewportD',
+    toolGroupId: 'default',
+    allowUnmatchedView: true
+  },
+  displaySets: [{
+    matchedDisplaySetsIndex: 0,
+    id: 'defaultDisplaySetId'
+  }]
+};
+const viewportStructure = {
+  layoutType: 'grid',
+  properties: {
+    rows: 2,
+    columns: 2
+  }
+};
+const viewportStructure32 = {
+  layoutType: 'grid',
+  properties: {
+    rows: 2,
+    columns: 3
+  }
+};
+
+/**
+ * This hanging protocol is a test hanging protocol used to apply various
+ * layouts in different positions for display, re-using earlier names in
+ * various orders.
+ */
+const hpTestSwitch = {
+  hasUpdatedPriorsInformation: false,
+  id: '@ohif/mnTestSwitch',
+  description: 'Has various hanging protocol grid layouts',
+  name: 'Test Switch',
+  protocolMatchingRules: [{
+    id: 'OneOrMoreSeries',
+    weight: 25,
+    attribute: 'numberOfDisplaySetsWithImages',
+    constraint: {
+      greaterThan: 0
+    }
+  }],
+  toolGroupIds: ['default'],
+  displaySetSelectors: {
+    defaultDisplaySetId: {
+      seriesMatchingRules: [{
+        attribute: 'numImageFrames',
+        constraint: {
+          greaterThan: {
+            value: 0
+          }
+        }
+      },
+      // This display set will select the specified items by preference
+      // It has no affect if nothing is specified in the URL.
+      {
+        attribute: 'isDisplaySetFromUrl',
+        weight: 10,
+        constraint: {
+          equals: true
+        }
+      }]
+    }
+  },
+  defaultViewport: {
+    viewportOptions: {
+      viewportType: 'stack',
+      toolGroupId: 'default',
+      allowUnmatchedView: true
+    },
+    displaySets: [{
+      id: 'defaultDisplaySetId',
+      matchedDisplaySetsIndex: -1
+    }]
+  },
+  stages: [{
+    name: '2x2 0a1b2c3d',
+    viewportStructure,
+    viewports: [viewport0a, viewport1b, viewport2c, viewport3d]
+  }, {
+    name: '3x2 0a1b4e2c3d5f',
+    viewportStructure: viewportStructure32,
+    // Note the following structure simply preserves the viewportId for
+    // a given screen position
+    viewports: [viewport0a, viewport1b, viewport4e, viewport2c, viewport3d, viewport5f]
+  }, {
+    name: '2x2 1c0d3a2b',
+    viewportStructure,
+    viewports: [viewport1c, viewport0d, viewport3a, viewport2b]
+  }, {
+    name: '2x2 3a2b1c0d',
+    viewportStructure,
+    viewports: [viewport3a, viewport2b, viewport1c, viewport0d]
+  }],
+  numberOfPriorsReferenced: -1
+};
+/* harmony default export */ const src_hpTestSwitch = (hpTestSwitch);
 ;// CONCATENATED MODULE: ../../../extensions/test-extension/src/custom-context-menu/codingValues.ts
 /**
  * Coding values is a map of simple string coding values to a set of
@@ -103,7 +301,9 @@ const codeMenuItem = {
     const {
       code: codeRef
     } = this;
-    if (!codeRef) throw new Error(`item ${this} has no code ref`);
+    if (!codeRef) {
+      throw new Error(`item ${this} has no code ref`);
+    }
     const codingValues = customizationService.get('codingValues');
     const code = codingValues[codeRef];
     return {
@@ -239,7 +439,7 @@ function getCustomizationModule() {
  * From 'this', it uses:
  *    `sameAttribute` as the attribute name to look for
  *    `sameDisplaySetId` as the display set id to look for
- * From `options`, it looks for 
+ * From `options`, it looks for
  */
 /* harmony default export */ function sameAs(displaySet, options) {
   const {
@@ -247,11 +447,11 @@ function getCustomizationModule() {
     sameDisplaySetId
   } = this;
   if (!sameAttribute) {
-    console.log("sameAttribute not defined in", this);
+    console.log('sameAttribute not defined in', this);
     return `sameAttribute not defined in ${this.id}`;
   }
   if (!sameDisplaySetId) {
-    console.log("sameDisplaySetId not defined in", this);
+    console.log('sameDisplaySetId not defined in', this);
     return `sameDisplaySetId not defined in ${this.id}`;
   }
   const {
@@ -260,7 +460,7 @@ function getCustomizationModule() {
   } = options;
   const match = displaySetMatchDetails.get(sameDisplaySetId);
   if (!match) {
-    console.log("No match for display set", sameDisplaySetId);
+    console.log('No match for display set', sameDisplaySetId);
     return false;
   }
   const {
@@ -268,7 +468,7 @@ function getCustomizationModule() {
   } = match;
   const altDisplaySet = displaySets.find(it => it.displaySetInstanceUID == displaySetInstanceUID);
   if (!altDisplaySet) {
-    console.log("No display set found with", displaySetInstanceUID, "in", displaySets);
+    console.log('No display set found with', displaySetInstanceUID, 'in', displaySets);
     return false;
   }
   const testValue = altDisplaySet[sameAttribute];
@@ -281,6 +481,7 @@ function getCustomizationModule() {
 ;// CONCATENATED MODULE: ../../../extensions/test-extension/src/index.tsx
 
 
+
 // import {setViewportZoomPan, storeViewportZoomPan } from './custom-viewport/setViewportZoomPan';
 
 
@@ -315,7 +516,15 @@ const testExtension = {
     hangingProtocolService.addCustomAttribute('sameAs', 'Match an attribute in an existing display set', sameAs);
   },
   /** Registers some customizations */
-  getCustomizationModule: getCustomizationModule
+  getCustomizationModule: getCustomizationModule,
+  getHangingProtocolModule: () => {
+    return [
+    // Create a MxN hanging protocol available by default
+    {
+      name: src_hpTestSwitch.id,
+      protocol: src_hpTestSwitch
+    }];
+  }
 };
 /* harmony default export */ const src = (testExtension);