@ohif/app 3.9.0-beta.1 → 3.9.0-beta.11

package/dist/{app.bundle.0c97d14d514173bc9fab.js → app.bundle.f2e1810071777956e5da.js}

@@ -103,8 +103,8 @@ Compose.propTypes = {
 var ui_src = __webpack_require__(5085);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(15575);
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var core_src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var core_src = __webpack_require__(8633);
 // EXTERNAL MODULE: ../node_modules/react-router/dist/index.js
 var react_router_dist = __webpack_require__(10971);
 // EXTERNAL MODULE: ./hooks/useSearchParams.ts
@@ -879,6 +879,7 @@ function WorkList({
     const studyTime = time && moment_default()(time, ['HH', 'HHmm', 'HHmmss', 'HHmmss.SSS']).isValid() && moment_default()(time, ['HH', 'HHmm', 'HHmmss', 'HHmmss.SSS']).format(t('Common:localTimeFormat', 'hh:mm A'));
     return {
       dataCY: `studyRow-${studyInstanceUid}`,
+      clickableCY: studyInstanceUid,
       row: [{
         key: 'patientName',
         content: patientName ? /*#__PURE__*/react.createElement(ui_src/* TooltipClipboard */.ax, null, patientName) : /*#__PURE__*/react.createElement("span", {
@@ -1004,8 +1005,8 @@ function WorkList({
     };
   });
   const hasStudies = numOfStudies > 0;
-  const versionNumber = "3.9.0-beta.1";
-  const commitHash = "0156bc426f1840ae0d090223e94a643726e856cb";
+  const versionNumber = "3.9.0-beta.11";
+  const commitHash = "fe1a706446cc33670bf5fab8451e8281b487fcd6";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -1132,7 +1133,7 @@ WorkList.propTypes = {
     getConfig: (prop_types_default()).func
   }).isRequired,
   isLoadingData: (prop_types_default()).bool.isRequired,
-  servicesManager: prop_types_default().instanceOf(core_src/* ServicesManager */.CS)
+  servicesManager: (prop_types_default()).object.isRequired
 };
 const defaultFilterValues = {
   patientName: '',
@@ -1174,7 +1175,7 @@ function WorkList_getQueryFilterValues(params) {
     sortBy: params.get('sortby'),
     sortDirection: params.get('sortdirection'),
     pageNumber: _tryParseInt(params.get('pagenumber'), undefined),
-    resultsPerPage: _tryParseInt(params.get('resultsperpage'), undefined),
+    resultsPerPage: _tryParseInt(params.get('resultsPerPage'), undefined),
     datasources: params.get('datasources'),
     configUrl: params.get('configurl')
   };
@@ -1864,7 +1865,7 @@ function ViewerViewportGrid(props) {
 }
 ViewerViewportGrid.propTypes = {
   viewportComponents: (prop_types_default()).array.isRequired,
-  servicesManager: prop_types_default().instanceOf(core_src/* ServicesManager */.CS)
+  servicesManager: prop_types_default().instanceOf(Object).isRequired
 };
 ViewerViewportGrid.defaultProps = {
   viewportComponents: []
@@ -1924,23 +1925,23 @@ modes.push("@ohif/mode-preclinical-4d");
 async function loadModule(module) {
   if (typeof module !== 'string') return module;
   if (module === "@ohif/extension-default") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(206), __webpack_require__.e(481)]).then(__webpack_require__.bind(__webpack_require__, 7206));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(390), __webpack_require__.e(481)]).then(__webpack_require__.bind(__webpack_require__, 47390));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(722), __webpack_require__.e(445), __webpack_require__.e(321)]).then(__webpack_require__.bind(__webpack_require__, 12702));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(722), __webpack_require__.e(445), __webpack_require__.e(550)]).then(__webpack_require__.bind(__webpack_require__, 550));
     return imported.default;
   }
   if (module === "@ohif/extension-measurement-tracking") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(835), __webpack_require__.e(206), __webpack_require__.e(669), __webpack_require__.e(325)]).then(__webpack_require__.bind(__webpack_require__, 84284));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(835), __webpack_require__.e(390), __webpack_require__.e(721), __webpack_require__.e(325)]).then(__webpack_require__.bind(__webpack_require__, 84284));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-sr") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(669)]).then(__webpack_require__.bind(__webpack_require__, 61669));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(721)]).then(__webpack_require__.bind(__webpack_require__, 14721));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-seg") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(726), __webpack_require__.e(206), __webpack_require__.e(633)]).then(__webpack_require__.bind(__webpack_require__, 27400));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(342), __webpack_require__.e(931), __webpack_require__.e(726), __webpack_require__.e(390), __webpack_require__.e(998)]).then(__webpack_require__.bind(__webpack_require__, 32009));
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dynamic-volume") {
@@ -1960,7 +1961,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-tmtv") {
-    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(7)]).then(__webpack_require__.bind(__webpack_require__, 89007));
+    const imported = await Promise.all(/* import() */[__webpack_require__.e(806), __webpack_require__.e(473), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(342), __webpack_require__.e(981)]).then(__webpack_require__.bind(__webpack_require__, 93981));
     return imported.default;
   }
   if (module === "@ohif/extension-test") {
@@ -1968,11 +1969,11 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/extension-cornerstone-dicom-rt") {
-    const imported = await __webpack_require__.e(/* import() */ 188).then(__webpack_require__.bind(__webpack_require__, 99188));
+    const imported = await __webpack_require__.e(/* import() */ 243).then(__webpack_require__.bind(__webpack_require__, 5243));
     return imported.default;
   }
   if (module === "@ohif/mode-longitudinal") {
-    const imported = await __webpack_require__.e(/* import() */ 41).then(__webpack_require__.bind(__webpack_require__, 97041));
+    const imported = await __webpack_require__.e(/* import() */ 682).then(__webpack_require__.bind(__webpack_require__, 82682));
     return imported.default;
   }
   if (module === "@ohif/mode-segmentation") {
@@ -1980,7 +1981,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/mode-tmtv") {
-    const imported = await __webpack_require__.e(/* import() */ 724).then(__webpack_require__.bind(__webpack_require__, 28724));
+    const imported = await __webpack_require__.e(/* import() */ 776).then(__webpack_require__.bind(__webpack_require__, 40776));
     return imported.default;
   }
   if (module === "@ohif/mode-microscopy") {
@@ -1996,7 +1997,7 @@ async function loadModule(module) {
     return imported.default;
   }
   if (module === "@ohif/mode-basic-dev-mode") {
-    const imported = await __webpack_require__.e(/* import() */ 594).then(__webpack_require__.bind(__webpack_require__, 26594));
+    const imported = await __webpack_require__.e(/* import() */ 989).then(__webpack_require__.bind(__webpack_require__, 50989));
     return imported.default;
   }
   return (await import( /* webpackIgnore: true */module)).default;
@@ -2488,20 +2489,18 @@ function ModeRoute({
        */
       const filters = Array.from(query.keys()).reduce((acc, val) => {
         const lowerVal = val.toLowerCase();
-        if (lowerVal !== 'studyinstanceuids') {
-          // Not sure why the case matters here - it doesn't in the URL
-          if (lowerVal === 'seriesinstanceuids') {
-            const seriesUIDs = Mode_getSplitParam(lowerVal, query);
-            return {
-              ...acc,
-              seriesInstanceUID: seriesUIDs
-            };
-          }
+        // Not sure why the case matters here - it doesn't in the URL
+        if (lowerVal === 'seriesinstanceuids') {
+          const seriesUIDs = Mode_getSplitParam(lowerVal, query);
           return {
             ...acc,
-            [val]: Mode_getSplitParam(lowerVal, query)
+            seriesInstanceUID: seriesUIDs
           };
         }
+        return {
+          ...acc,
+          [val]: Mode_getSplitParam(lowerVal, query)
+        };
       }, {}) ?? {};
       let unsubs;
       if (route.init) {
@@ -2842,7 +2841,7 @@ const createRoutes = ({
       exact: true,
       path: route.path,
       element: /*#__PURE__*/react.createElement(routes_PrivateRoute, {
-        handleUnauthenticated: userAuthenticationService.handleUnauthenticated
+        handleUnauthenticated: () => userAuthenticationService.handleUnauthenticated()
       }, /*#__PURE__*/react.createElement(RouteWithErrorBoundary, {
         route: route
       }))
@@ -6616,7 +6615,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.9.0-beta.0"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.9.0-beta.10"}');
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -19271,8 +19270,8 @@ ViewportDialogProvider.propTypes = {
 // EXTERNAL MODULE: ../../../node_modules/lodash.merge/index.js
 var lodash_merge = __webpack_require__(40592);
 var lodash_merge_default = /*#__PURE__*/__webpack_require__.n(lodash_merge);
-// EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
-var src = __webpack_require__(55411);
+// EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
+var src = __webpack_require__(8633);
 ;// CONCATENATED MODULE: ../../ui/src/utils/viewportLabels.ts
 const viewportLabels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
 /* harmony default export */ const utils_viewportLabels = (viewportLabels);
@@ -31715,6 +31714,14 @@ const Select_Select = ({
     components: _components,
     placeholder: placeholder,
     options: options,
+    blurInputOnSelect: true,
+    menuPortalTarget: document.body,
+    styles: {
+      menuPortal: base => ({
+        ...base,
+        zIndex: 9999
+      })
+    },
     value: value && Array.isArray(value) ? selectedOptions : value,
     onChange: (selectedOptions, {
       action
@@ -32886,7 +32893,6 @@ const MeasurementTable = ({
   onDelete,
   servicesManager
 }) => {
-  servicesManager = servicesManager;
   const {
     customizationService,
     measurementService
@@ -35231,7 +35237,10 @@ const ListMenu = ({
     }));
   };
   return /*#__PURE__*/react.createElement("div", {
-    className: "bg-secondary-dark flex flex-col gap-[4px] rounded-md p-1"
+    className: "bg-secondary-dark flex flex-col gap-[4px] overflow-scroll rounded-md p-1",
+    style: {
+      maxHeight: 'calc(100vh - 5rem)'
+    }
   }, items.map((item, index) => {
     return /*#__PURE__*/react.createElement(ListItem, {
       key: `ListItem${index}`,
@@ -37140,7 +37149,8 @@ const StudyListTableRow = props => {
     expandedContent,
     onClickRow,
     isExpanded,
-    dataCY
+    dataCY,
+    clickableCY
   } = tableData;
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("tr", {
     className: "select-none",
@@ -37163,7 +37173,8 @@ const StudyListTableRow = props => {
     }, {
       'bg-secondary-dark': isExpanded
     }),
-    onClick: onClickRow
+    onClick: onClickRow,
+    "data-cy": clickableCY
   }, row.map((cell, index) => {
     const {
       content,
@@ -37211,7 +37222,8 @@ StudyListTableRow.propTypes = {
     expandedContent: (prop_types_default()).node.isRequired,
     onClickRow: (prop_types_default()).func.isRequired,
     isExpanded: (prop_types_default()).bool.isRequired,
-    dataCY: (prop_types_default()).string
+    dataCY: (prop_types_default()).string,
+    clickableCY: (prop_types_default()).string
   })
 };
 /* harmony default export */ const StudyListTable_StudyListTableRow = (StudyListTableRow);
@@ -59742,7 +59754,6 @@ SwiperSlide.displayName = 'SwiperSlide';
 
 
 
-
 const LegacySidePanel_borderSize = 4;
 const expandedWidth = 248;
 const LegacySidePanel_collapsedWidth = 25;
@@ -59935,7 +59946,7 @@ LegacySidePanel_LegacySidePanel.defaultProps = {
   defaultComponentOpen: null
 };
 LegacySidePanel_LegacySidePanel.propTypes = {
-  servicesManager: prop_types_default().instanceOf(src/* ServicesManager */.CS),
+  servicesManager: (prop_types_default()).object.isRequired,
   side: prop_types_default().oneOf(['left', 'right']).isRequired,
   className: (prop_types_default()).string,
   activeTabIndex: (prop_types_default()).number,
@@ -62928,7 +62939,8 @@ const InvestigationalUseDialog = ({
   }, "Learn more about OHIF Viewer")))), /*#__PURE__*/react.createElement(components_Button, {
     type: type.primary,
     onClick: handleConfirmAndHide,
-    className: "bg-primary-main"
+    className: "bg-primary-main",
+    dataCY: "confirm-and-hide-button"
   }, "Confirm and Hide")));
 };
 InvestigationalUseDialog.propTypes = {
@@ -63325,7 +63337,7 @@ function _getImageOrientationPatient(image) {
 
 /***/ }),
 
-/***/ 55411:
+/***/ 8633:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -63353,10 +63365,10 @@ __webpack_require__.d(__webpack_exports__, {
   CS: () => (/* reexport */ ServicesManager),
   wb: () => (/* reexport */ services_StateSyncService),
   ToolbarService: () => (/* reexport */ ToolBarService),
-  u$: () => (/* reexport */ UIDialogService),
+  u$: () => (/* reexport */ services_UIDialogService),
   zo: () => (/* reexport */ services_UIModalService),
   v4: () => (/* reexport */ services_UINotificationService),
-  A$: () => (/* reexport */ UIViewportDialogService),
+  A$: () => (/* reexport */ services_UIViewportDialogService),
   pS: () => (/* reexport */ services_UserAuthenticationService),
   sI: () => (/* reexport */ services_ViewportGridService),
   Ai: () => (/* reexport */ services_WorkflowStepsService),
@@ -64171,142 +64183,89 @@ class ServiceProvidersManager {
     this.providers[serviceName] = provider;
   }
 }
-;// CONCATENATED MODULE: ../../core/src/services/UIDialogService/index.js
-/**
- * A UI Element Position
- *
- * @typedef {Object} ElementPosition
- * @property {number} top -
- * @property {number} left -
- * @property {number} right -
- * @property {number} bottom -
- */
-
-/**
- * UI Dialog
- *
- * @typedef {Object} DialogProps
- * @property {string} id The dialog id.
- * @property {ReactElement|HTMLElement} content The dialog content.
- * @property {Object} contentProps The dialog content props.
- * @property {boolean} [isDraggable=true] Controls if dialog content is draggable or not.
- * @property {boolean} [showOverlay=false] Controls dialog overlay.
- * @property {boolean} [centralize=false] Center the dialog on the screen.
- * @property {boolean} [preservePosition=true] Use last position instead of default.
- * @property {ElementPosition} defaultPosition Specifies the `x` and `y` that the dragged item should start at.
- * @property {Function} onStart Called when dragging starts. If `false` is returned any handler, the action will cancel.
- * @property {Function} onStop Called when dragging stops.
- * @property {Function} onDrag Called while dragging.
- */
-
-const UIDialogService_name = 'uiDialogService';
-const publicAPI = {
-  name: UIDialogService_name,
-  dismiss: _dismiss,
-  dismissAll: _dismissAll,
-  create: _create,
-  setServiceImplementation
-};
-const serviceImplementation = {
-  _dismiss: () => console.warn('dismiss() NOT IMPLEMENTED'),
-  _dismissAll: () => console.warn('dismissAll() NOT IMPLEMENTED'),
-  _create: () => console.warn('create() NOT IMPLEMENTED')
-};
+;// CONCATENATED MODULE: ../../core/src/services/UIDialogService/UIDialogService.ts
+var _UIDialogService;
 
-/**
- * Show a new UI dialog;
- *
- * @param {DialogProps} props { id, content, contentProps, onStart, onDrag, onStop, centralize, isDraggable, showOverlay, preservePosition, defaultPosition }
- */
-function _create({
-  id,
-  content,
-  contentProps,
-  onStart,
-  onDrag,
-  onStop,
-  centralize = false,
-  preservePosition = true,
-  isDraggable = true,
-  showOverlay = false,
-  onClickOutside,
-  defaultPosition
-}) {
-  return serviceImplementation._create({
+class UIDialogService extends pubSubServiceInterface/* PubSubService */.R {
+  constructor() {
+    super(UIDialogService.EVENTS);
+    this.serviceImplementation = {
+      _dismiss: () => console.warn('dismiss() NOT IMPLEMENTED'),
+      _dismissAll: () => console.warn('dismissAll() NOT IMPLEMENTED'),
+      _create: () => console.warn('create() NOT IMPLEMENTED')
+    };
+    this.serviceImplementation = {
+      ...this.serviceImplementation
+    };
+  }
+  create({
     id,
     content,
     contentProps,
     onStart,
     onDrag,
     onStop,
-    centralize,
-    preservePosition,
-    isDraggable,
-    onClickOutside,
-    showOverlay,
+    centralize = false,
+    preservePosition = true,
+    isDraggable = true,
+    showOverlay = false,
     defaultPosition
-  });
-}
-
-/**
- * Destroys all dialogs, if any
- *
- * @returns void
- */
-function _dismissAll() {
-  return serviceImplementation._dismissAll();
-}
-
-/**
- * Destroy the dialog, if currently created
- *
- * @returns void
- */
-function _dismiss({
-  id
-}) {
-  return serviceImplementation._dismiss({
+  }) {
+    return this.serviceImplementation._create({
+      id,
+      content,
+      contentProps,
+      onStart,
+      onDrag,
+      onStop,
+      centralize,
+      preservePosition,
+      isDraggable,
+      showOverlay,
+      defaultPosition
+    });
+  }
+  dismiss({
     id
-  });
-}
-
-/**
- *
- *
- * @param {*} {
- *   dismiss: dismissImplementation,
- *   dismissAll: dismissAllImplementation,
- *   create: createImplementation,
- * }
- */
-function setServiceImplementation({
-  dismiss: dismissImplementation,
-  dismissAll: dismissAllImplementation,
-  create: createImplementation
-}) {
-  if (dismissImplementation) {
-    serviceImplementation._dismiss = dismissImplementation;
+  }) {
+    return this.serviceImplementation._dismiss({
+      id
+    });
   }
-  if (dismissAllImplementation) {
-    serviceImplementation._dismissAll = dismissAllImplementation;
+  dismissAll() {
+    return this.serviceImplementation._dismissAll();
   }
-  if (createImplementation) {
-    serviceImplementation._create = createImplementation;
+  setServiceImplementation({
+    dismiss: dismissImplementation,
+    dismissAll: dismissAllImplementation,
+    create: createImplementation
+  }) {
+    if (dismissImplementation) {
+      this.serviceImplementation._dismiss = dismissImplementation;
+    }
+    if (dismissAllImplementation) {
+      this.serviceImplementation._dismissAll = dismissAllImplementation;
+    }
+    if (createImplementation) {
+      this.serviceImplementation._create = createImplementation;
+    }
   }
 }
-
-// TODO - export type here
-/* harmony default export */ const UIDialogService = ({
-  REGISTRATION: {
-    name: UIDialogService_name,
-    altName: 'UIDialogService',
-    create: ({
-      configuration = {}
-    }) => {
-      return publicAPI;
-    }
+_UIDialogService = UIDialogService;
+UIDialogService.EVENTS = {};
+UIDialogService.REGISTRATION = {
+  name: 'uiDialogService',
+  altName: 'UIDialogService',
+  create: ({
+    configuration = {}
+  }) => {
+    return new _UIDialogService();
   }
-});
+};
+/* harmony default export */ const UIDialogService_UIDialogService = (UIDialogService);
+;// CONCATENATED MODULE: ../../core/src/services/UIDialogService/index.ts
+
+/* harmony default export */ const services_UIDialogService = (UIDialogService_UIDialogService);
 ;// CONCATENATED MODULE: ../../core/src/services/UIModalService/index.ts
 var _UIModalService;
 /**
@@ -64323,7 +64282,7 @@ var _UIModalService;
  */
 
 const UIModalService_name = 'uiModalService';
-const UIModalService_serviceImplementation = {
+const serviceImplementation = {
   _hide: () => console.warn('hide() NOT IMPLEMENTED'),
   _show: () => console.warn('show() NOT IMPLEMENTED')
 };
@@ -64348,7 +64307,7 @@ class UIModalService {
     containerDimensions = null,
     contentDimensions = null
   }) {
-    return UIModalService_serviceImplementation._show({
+    return serviceImplementation._show({
       content,
       contentProps,
       shouldCloseOnEsc,
@@ -64368,7 +64327,7 @@ class UIModalService {
    * @returns void
    */
   hide() {
-    return UIModalService_serviceImplementation._hide();
+    return serviceImplementation._hide();
   }
 
   /**
@@ -64384,10 +64343,10 @@ class UIModalService {
     show: showImplementation
   }) {
     if (hideImplementation) {
-      UIModalService_serviceImplementation._hide = hideImplementation;
+      serviceImplementation._hide = hideImplementation;
     }
     if (showImplementation) {
-      UIModalService_serviceImplementation._show = showImplementation;
+      serviceImplementation._show = showImplementation;
     }
   }
 }
@@ -64493,44 +64452,21 @@ UINotificationService.REGISTRATION = {
   }
 };
 /* harmony default export */ const services_UINotificationService = (UINotificationService);
-;// CONCATENATED MODULE: ../../core/src/services/UIViewportDialogService/index.js
-/**
- * Viewport Dialog
- *
- * @typedef {Object} ViewportDialogProps
- * @property {ReactElement|HTMLElement} [content=null] Modal content.
- * @property {Object} [contentProps=null] Modal content props.
- * @property {boolean} [viewportId=false] Modal is dismissible via the esc key.
- */
+;// CONCATENATED MODULE: ../../core/src/services/UIViewportDialogService/UIViewportDialogService.ts
+var _UIViewportDialogService;
 
-const UIViewportDialogService_name = 'uiViewportDialogService';
-const UIViewportDialogService_publicAPI = {
-  name: UIViewportDialogService_name,
-  hide: _hide,
-  show: _show,
-  setServiceImplementation: UIViewportDialogService_setServiceImplementation
-};
-const UIViewportDialogService_serviceImplementation = {
-  _hide: () => console.warn('hide() NOT IMPLEMENTED'),
-  _show: () => console.warn('show() NOT IMPLEMENTED')
-};
-
-/**
- * Show a new UI viewport dialog on the specified viewportId;
- *
- * @param {ViewportDialogProps} props { content, contentProps, viewportId }
- */
-function _show({
-  viewportId,
-  id,
-  type,
-  message,
-  actions,
-  onSubmit,
-  onOutsideClick,
-  onKeyPress
-}) {
-  return UIViewportDialogService_serviceImplementation._show({
+class UIViewportDialogService extends pubSubServiceInterface/* PubSubService */.R {
+  constructor() {
+    super(UIViewportDialogService.EVENTS);
+    this.serviceImplementation = {
+      _hide: () => console.warn('hide() NOT IMPLEMENTED'),
+      _show: () => console.warn('show() NOT IMPLEMENTED')
+    };
+    this.serviceImplementation = {
+      ...this.serviceImplementation
+    };
+  }
+  show({
     viewportId,
     id,
     type,
@@ -64539,47 +64475,48 @@ function _show({
     onSubmit,
     onOutsideClick,
     onKeyPress
-  });
-}
-
-/**
- * Hides/dismisses the viewport dialog, if currently shown
- */
-function _hide() {
-  return UIViewportDialogService_serviceImplementation._hide();
-}
-
-/**
- *
- *
- * @param {*} {
- *   hide: hideImplementation,
- *   show: showImplementation,
- *   viewportId,
- * }
- */
-function UIViewportDialogService_setServiceImplementation({
-  hide: hideImplementation,
-  show: showImplementation
-}) {
-  if (hideImplementation) {
-    UIViewportDialogService_serviceImplementation._hide = hideImplementation;
+  }) {
+    return this.serviceImplementation._show({
+      viewportId,
+      id,
+      type,
+      message,
+      actions,
+      onSubmit,
+      onOutsideClick,
+      onKeyPress
+    });
   }
-  if (showImplementation) {
-    UIViewportDialogService_serviceImplementation._show = showImplementation;
+  hide() {
+    return this.serviceImplementation._hide();
   }
-}
-/* harmony default export */ const UIViewportDialogService = ({
-  REGISTRATION: {
-    name: UIViewportDialogService_name,
-    altName: 'UIViewportDialogService',
-    create: ({
-      configuration = {}
-    }) => {
-      return UIViewportDialogService_publicAPI;
+  setServiceImplementation({
+    hide: hideImplementation,
+    show: showImplementation
+  }) {
+    if (hideImplementation) {
+      this.serviceImplementation._hide = hideImplementation;
+    }
+    if (showImplementation) {
+      this.serviceImplementation._show = showImplementation;
     }
   }
-});
+}
+_UIViewportDialogService = UIViewportDialogService;
+UIViewportDialogService.EVENTS = {};
+UIViewportDialogService.REGISTRATION = {
+  name: 'uiViewportDialogService',
+  altName: 'UIViewportDialogService',
+  create: ({
+    configuration = {}
+  }) => {
+    return new _UIViewportDialogService();
+  }
+};
+/* harmony default export */ const UIViewportDialogService_UIViewportDialogService = (UIViewportDialogService);
+;// CONCATENATED MODULE: ../../core/src/services/UIViewportDialogService/index.ts
+
+/* harmony default export */ const services_UIViewportDialogService = (UIViewportDialogService_UIViewportDialogService);
 // EXTERNAL MODULE: ../../core/src/services/DicomMetadataStore/DicomMetadataStore.ts + 2 modules
 var DicomMetadataStore = __webpack_require__(23221);
 ;// CONCATENATED MODULE: ../../core/src/services/DicomMetadataStore/index.ts
@@ -68228,96 +68165,94 @@ HangingProtocolService.REGISTRATION = {
 ;// CONCATENATED MODULE: ../../core/src/services/HangingProtocolService/index.ts
 
 /* harmony default export */ const services_HangingProtocolService = (HangingProtocolService);
-;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/UserAuthenticationService.js
-const UserAuthenticationService_name = 'userAuthenticationService';
-const UserAuthenticationService_publicAPI = {
-  name: UserAuthenticationService_name,
-  getState: _getState,
-  setUser: _setUser,
-  getUser: _getUser,
-  getAuthorizationHeader: _getAuthorizationHeader,
-  handleUnauthenticated: _handleUnauthenticated,
-  setServiceImplementation: UserAuthenticationService_setServiceImplementation,
-  reset: _reset,
-  set: _set
-};
-const UserAuthenticationService_serviceImplementation = {
-  _getState: () => console.warn('getState() NOT IMPLEMENTED'),
-  _setUser: () => console.warn('_setUser() NOT IMPLEMENTED'),
-  _getUser: () => console.warn('_setUser() NOT IMPLEMENTED'),
-  _getAuthorizationHeader: () => {},
-  // TODO: have enabled/disabled state?
-  //console.warn('_getAuthorizationHeader() NOT IMPLEMENTED'),
-  _handleUnauthenticated: () => console.warn('_handleUnauthenticated() NOT IMPLEMENTED'),
-  _reset: () => console.warn('reset() NOT IMPLEMENTED'),
-  _set: () => console.warn('set() NOT IMPLEMENTED')
-};
-function _getState() {
-  return UserAuthenticationService_serviceImplementation._getState();
-}
-function _setUser(user) {
-  return UserAuthenticationService_serviceImplementation._setUser(user);
-}
-function _getUser() {
-  return UserAuthenticationService_serviceImplementation._getUser();
-}
-function _getAuthorizationHeader() {
-  return UserAuthenticationService_serviceImplementation._getAuthorizationHeader();
-}
-function _handleUnauthenticated() {
-  return UserAuthenticationService_serviceImplementation._handleUnauthenticated();
-}
-function _set(state) {
-  return UserAuthenticationService_serviceImplementation._set(state);
-}
-function _reset() {
-  return UserAuthenticationService_serviceImplementation._reset({});
-}
-function UserAuthenticationService_setServiceImplementation({
-  getState: getStateImplementation,
-  setUser: setUserImplementation,
-  getUser: getUserImplementation,
-  getAuthorizationHeader: getAuthorizationHeaderImplementation,
-  handleUnauthenticated: handleUnauthenticatedImplementation,
-  reset: resetImplementation,
-  set: setImplementation
-}) {
-  if (getStateImplementation) {
-    UserAuthenticationService_serviceImplementation._getState = getStateImplementation;
+;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/UserAuthenticationService.ts
+var _UserAuthenticationService;
+
+class UserAuthenticationService extends pubSubServiceInterface/* PubSubService */.R {
+  constructor() {
+    super(UserAuthenticationService.EVENTS);
+    this.serviceImplementation = {
+      _getState: () => console.warn('getState() NOT IMPLEMENTED'),
+      _setUser: () => console.warn('_setUser() NOT IMPLEMENTED'),
+      _getUser: () => console.warn('_getUser() NOT IMPLEMENTED'),
+      _getAuthorizationHeader: () => {},
+      // TODO: Implement this method
+      _handleUnauthenticated: () => console.warn('_handleUnauthenticated() NOT IMPLEMENTED'),
+      _reset: () => console.warn('reset() NOT IMPLEMENTED'),
+      _set: () => console.warn('set() NOT IMPLEMENTED')
+    };
+    this.serviceImplementation = {
+      ...this.serviceImplementation
+    };
+  }
+  getState() {
+    return this.serviceImplementation._getState();
   }
-  if (setUserImplementation) {
-    UserAuthenticationService_serviceImplementation._setUser = setUserImplementation;
+  setUser(user) {
+    return this.serviceImplementation._setUser(user);
   }
-  if (getUserImplementation) {
-    UserAuthenticationService_serviceImplementation._getUser = getUserImplementation;
+  getUser() {
+    return this.serviceImplementation._getUser();
   }
-  if (getAuthorizationHeaderImplementation) {
-    UserAuthenticationService_serviceImplementation._getAuthorizationHeader = getAuthorizationHeaderImplementation;
+  getAuthorizationHeader() {
+    return this.serviceImplementation._getAuthorizationHeader();
   }
-  if (handleUnauthenticatedImplementation) {
-    UserAuthenticationService_serviceImplementation._handleUnauthenticated = handleUnauthenticatedImplementation;
+  handleUnauthenticated() {
+    return this.serviceImplementation._handleUnauthenticated();
   }
-  if (resetImplementation) {
-    UserAuthenticationService_serviceImplementation._reset = resetImplementation;
+  reset() {
+    return this.serviceImplementation._reset();
   }
-  if (setImplementation) {
-    UserAuthenticationService_serviceImplementation._set = setImplementation;
+  set(state) {
+    return this.serviceImplementation._set(state);
   }
-}
-/* harmony default export */ const UserAuthenticationService = ({
-  REGISTRATION: {
-    name: UserAuthenticationService_name,
-    altName: 'UserAuthenticationService',
-    create: ({
-      configuration = {}
-    }) => {
-      return UserAuthenticationService_publicAPI;
+  setServiceImplementation({
+    getState: getStateImplementation,
+    setUser: setUserImplementation,
+    getUser: getUserImplementation,
+    getAuthorizationHeader: getAuthorizationHeaderImplementation,
+    handleUnauthenticated: handleUnauthenticatedImplementation,
+    reset: resetImplementation,
+    set: setImplementation
+  }) {
+    if (getStateImplementation) {
+      this.serviceImplementation._getState = getStateImplementation;
+    }
+    if (setUserImplementation) {
+      this.serviceImplementation._setUser = setUserImplementation;
+    }
+    if (getUserImplementation) {
+      this.serviceImplementation._getUser = getUserImplementation;
+    }
+    if (getAuthorizationHeaderImplementation) {
+      this.serviceImplementation._getAuthorizationHeader = getAuthorizationHeaderImplementation;
+    }
+    if (handleUnauthenticatedImplementation) {
+      this.serviceImplementation._handleUnauthenticated = handleUnauthenticatedImplementation;
+    }
+    if (resetImplementation) {
+      this.serviceImplementation._reset = resetImplementation;
+    }
+    if (setImplementation) {
+      this.serviceImplementation._set = setImplementation;
     }
   }
-});
-;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/index.js
+}
+_UserAuthenticationService = UserAuthenticationService;
+UserAuthenticationService.EVENTS = {};
+UserAuthenticationService.REGISTRATION = {
+  name: 'userAuthenticationService',
+  altName: 'UserAuthenticationService',
+  create: ({
+    configuration = {}
+  }) => {
+    return new _UserAuthenticationService();
+  }
+};
+/* harmony default export */ const UserAuthenticationService_UserAuthenticationService = (UserAuthenticationService);
+;// CONCATENATED MODULE: ../../core/src/services/UserAuthenticationService/index.ts
 
-/* harmony default export */ const services_UserAuthenticationService = (UserAuthenticationService);
+/* harmony default export */ const services_UserAuthenticationService = (UserAuthenticationService_UserAuthenticationService);
 // EXTERNAL MODULE: ../../../node_modules/lodash.merge/index.js
 var lodash_merge = __webpack_require__(40592);
 var lodash_merge_default = /*#__PURE__*/__webpack_require__.n(lodash_merge);
@@ -71593,10 +71528,10 @@ const OHIF = {
   CineService: services_CineService,
   CustomizationService: services_CustomizationService,
   StateSyncService: services_StateSyncService,
-  UIDialogService: UIDialogService,
+  UIDialogService: services_UIDialogService,
   UIModalService: services_UIModalService,
   UINotificationService: services_UINotificationService,
-  UIViewportDialogService: UIViewportDialogService,
+  UIViewportDialogService: services_UIViewportDialogService,
   DisplaySetService: services_DisplaySetService,
   MeasurementService: services_MeasurementService,
   ToolbarService: ToolBarService,
@@ -258058,7 +257993,7 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"54":"histogram-worker","525":"dicom-microscopy-viewer","572":"polySeg","584":"suv-peak-worker"}[chunkId] || chunkId) + ".bundle." + {"7":"9c9caceecb366e3233ca","41":"72b910ddbbd70b2f4c98","54":"829e14ec12c2b41a4323","94":"8411670658df7253a77a","109":"b4fee2a22b622839baf5","121":"47f05840a5b3cdf75543","188":"64cbb89e31abbf29a023","206":"87e4481bb6a89230b7cf","236":"4ca7987e1d57f60ec13a","295":"c935ed0430aa026f7591","297":"194d8985ab974839b5b6","321":"f32564ab711ebc0b4e86","325":"fee9192f88d50d6ce342","342":"340982440de15f540a89","445":"38c6d2af64e41cd7c614","448":"75e67836d79e932aa18c","473":"6cd4be953853f35b29c3","481":"a2b01ffe06a262fa9375","483":"a353efc5a5dd563c903c","487":"fa9fc23fc410e1fa2efd","525":"d3a56dc9f62df5e11019","530":"207b38c15c4c01e4db0e","544":"b005b8c8b9b08aaa3324","572":"1799686b019040500219","574":"8b2767c9b74fa0c9b04b","584":"25f8b85eab9ec06da48d","594":"64b244e7dcfd3d6c8984","633":"e2b7f645729f12ba0d78","644":"1e77691d2eeb96a423b0","669":"03a5bd6ba84103d03fdd","699":"b50bfe586c0064d6fe8a","722":"2547630541b670f10d6e","724":"c5b6e5542a4668715b33","726":"c8de818cf1a3ff0cf7d2","783":"2e302abe4156a13530f8","806":"50e039eb624382ee1fce","835":"4c0eaa2c1a427ee41817","862":"4a0bd82b803ba158018f","889":"89437e456d399b69abfd","905":"7017e78259e57eda8915","907":"6695db6c5f1906d48b81","931":"d270a1fda9a2836c3cc5","939":"9d93b2e47c52338747a2","961":"4aa46c7f78124df1a7cb"}[chunkId] + ".js";
+/******/ 			return "" + ({"54":"histogram-worker","525":"dicom-microscopy-viewer","572":"polySeg","584":"suv-peak-worker"}[chunkId] || chunkId) + ".bundle." + {"54":"829e14ec12c2b41a4323","94":"2486a958cb879d59aa7d","109":"b4fee2a22b622839baf5","121":"b582314ec0024fdf2d15","236":"4ca7987e1d57f60ec13a","243":"f701d3acde1d3750fda2","295":"9926ff25c6dbf53845b1","297":"194d8985ab974839b5b6","325":"242d9efe2ed15a5a334e","342":"340982440de15f540a89","390":"4fb18436fcd8c75bfab9","445":"38c6d2af64e41cd7c614","448":"97cfffdf73a6f7410119","473":"6cd4be953853f35b29c3","481":"a2b01ffe06a262fa9375","483":"a353efc5a5dd563c903c","487":"3146b9a2006ff92246f9","525":"d3a56dc9f62df5e11019","530":"17b9a34fefff133e5379","544":"e8227e98860e39636a00","550":"76c529a79ade359c0af7","572":"1799686b019040500219","574":"72bd5061ccd504235419","584":"25f8b85eab9ec06da48d","644":"1e77691d2eeb96a423b0","682":"f786c869b632dadc55d3","699":"d8fd228d9425a584b6d1","721":"1070ac1c9bc6aa07e964","722":"2547630541b670f10d6e","726":"c8de818cf1a3ff0cf7d2","776":"505d83008d54340ddcee","783":"f0eabf38cc6f986f2b96","806":"50e039eb624382ee1fce","835":"4c0eaa2c1a427ee41817","862":"55dde21bab4c841b6259","889":"60a917f43d3d3aebd378","905":"da4b814f42846a91663c","907":"f3edaafebee9db2e2736","931":"d270a1fda9a2836c3cc5","939":"9d93b2e47c52338747a2","961":"5711180f24fad3da4096","981":"b5bcd103ff48bc8817e6","989":"130439d9d862e47a9200","998":"d9191b5ca5bde4305742"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -258229,7 +258164,7 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 		};
 /******/ 		
 /******/ 		__webpack_require__.f.miniCss = (chunkId, promises) => {
-/******/ 			var cssChunks = {"321":1,"325":1,"481":1,"544":1,"574":1,"633":1};
+/******/ 			var cssChunks = {"325":1,"481":1,"544":1,"550":1,"574":1,"998":1};
 /******/ 			if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
 /******/ 			else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
 /******/ 				promises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(() => {
@@ -258353,20 +258288,17 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 	/* webpack/runtime/chunk prefetch trigger */
 /******/ 	(() => {
 /******/ 		var chunkToChildrenMap = {
-/******/ 			"188": [
+/******/ 			"243": [
 /******/ 				121
 /******/ 			],
-/******/ 			"321": [
-/******/ 				574
-/******/ 			],
 /******/ 			"325": [
 /******/ 				530,
 /******/ 				862
 /******/ 			],
-/******/ 			"633": [
-/******/ 				295
+/******/ 			"550": [
+/******/ 				574
 /******/ 			],
-/******/ 			"669": [
+/******/ 			"721": [
 /******/ 				530
 /******/ 			],
 /******/ 			"907": [
@@ -258374,6 +258306,9 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 			],
 /******/ 			"961": [
 /******/ 				939
+/******/ 			],
+/******/ 			"998": [
+/******/ 				295
 /******/ 			]
 /******/ 		};
 /******/ 		__webpack_require__.f.prefetch = (chunkId, promises) => (Promise.all(promises).then(() => {