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

package/dist/{app.bundle.3ad961046deb5f47678a.js → app.bundle.3d598a4738bdc22950d3.js}

@@ -4330,8 +4330,8 @@ Compose.propTypes = {
   components: (prop_types_default()).array,
   children: (prop_types_default()).node.isRequired
 };
-// EXTERNAL MODULE: ../../ui/src/index.js + 449 modules
-var ui_src = __webpack_require__(43803);
+// EXTERNAL MODULE: ../../ui/src/index.js + 452 modules
+var ui_src = __webpack_require__(28619);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(22896);
 // EXTERNAL MODULE: ../../core/src/index.ts + 101 modules
@@ -5092,7 +5092,7 @@ function WorkList(_ref) {
           key: i,
           to: `${dataPath ? '../../' : ''}${mode.routeName}${dataPath || ''}?${query.toString()}`
           // to={`${mode.routeName}/dicomweb?StudyInstanceUIDs=${studyInstanceUid}`}
-        }, /*#__PURE__*/react.createElement(ui_src/* Button */.zx, {
+        }, /*#__PURE__*/react.createElement(ui_src/* LegacyButton */.mN, {
           rounded: "full",
           variant: isValidMode ? 'contained' : 'disabled',
           disabled: !isValidMode,
@@ -5100,7 +5100,7 @@ function WorkList(_ref) {
             name: "launch-arrow"
           }) // launch-arrow | launch-info
           ,
-          className: classnames_default()('font-medium	', {
+          className: classnames_default()({
             'ml-2': !isFirst
           }),
           onClick: () => {}
@@ -5111,8 +5111,8 @@ function WorkList(_ref) {
     };
   });
   const hasStudies = numOfStudies > 0;
-  const versionNumber = "3.7.0-beta.1";
-  const commitHash = "694b4a3f4d1929694f4e33924f81584dc97b88c7";
+  const versionNumber = "3.7.0-beta.11";
+  const commitHash = "d51211f6b97a7ad07cd87470a8f251a728cd7b28";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -7131,7 +7131,7 @@ function App(_ref) {
     i18n: src["default"]
   }], [ui_src/* ThemeWrapper */.$S], [ui_src/* ViewportGridProvider */.CW, {
     service: viewportGridService
-  }], [ui_src/* ViewportDialogProvider */.mN, {
+  }], [ui_src/* ViewportDialogProvider */.DF, {
     service: uiViewportDialogService
   }], [ui_src/* CineProvider */.bC, {
     service: cineService
@@ -19929,7 +19929,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-const package_namespaceObject = JSON.parse('{"i8":"3.7.0-beta.0"}');
+const package_namespaceObject = JSON.parse('{"i8":"3.7.0-beta.10"}');
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -20015,7 +20015,7 @@ const UserPreferencesModal_namespaceObject = JSON.parse('{"No hotkeys found":"Ne
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/AboutModal.json
 const AboutModal_namespaceObject = JSON.parse('{"Browser":"Browser","Build Number":"Build Number","Latest Master Commits":"Latest Master Commits","More details":"More details","Name":"Name","OHIF Viewer - About":"OHIF Viewer - About","OS":"OS","Report an issue":"Report an issue","Repository URL":"Repository URL","Value":"Value","Version Information":"Version Information","Visit the forum":"Visit the forum"}');
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/Buttons.json
-const Buttons_namespaceObject = JSON.parse('{"Acquired":"Acquired","Angle":"Angle","Axial":"Axial","Bidirectional":"Bidirectional","Brush":"Brush","CINE":"CINE","Cancel":"Cancel","Circle":"Circle","Clear":"Clear","Coronal":"Coronal","Crosshairs":"Crosshairs","Download":"Download","Ellipse":"Ellipse","Elliptical":"Elliptical","Flip H":"Flip H","Flip V":"Flip V","Freehand":"Freehand","Invert":"Invert","Layout":"$t(Common:Layout)","Length":"Length","Levels":"Levels","Magnify":"Magnify","Manual":"Manual","Measurements":"Measurements","More":"$t(Common:More)","Next":"$t(Common:Next)","Pan":"Pan","Play":"$t(Common:Play)","Previous":"$t(Common:Previous)","Probe":"Probe","ROI Window":"ROI Window","Rectangle":"Rectangle","Reset":"$t(Common:Reset)","Reset to Defaults":"$t(Common:Reset) to Defaults","Rotate Right":"Rotate Right","Sagittal":"Sagittal","Save":"Save","Stack Scroll":"Stack Scroll","Stop":"$t(Common:Stop)","Themes":"Themes","Zoom":"Zoom"}');
+const Buttons_namespaceObject = JSON.parse('{"Acquired":"Acquired","Angle":"Angle","Annotation":"Annotation","Axial":"Axial","Bidirectional":"Bidirectional","Brush":"Brush","Cine":"Cine","CINE":"CINE","Cancel":"Cancel","Capture":"Capture","Circle":"Circle","Clear":"Clear","Coronal":"Coronal","Crosshairs":"Crosshairs","Download":"Download","Ellipse":"Ellipse","Elliptical":"Elliptical","Flip H":"Flip H","Flip Horizontally":"Flip Horizontally","Flip V":"Flip V","Freehand":"Freehand","Grid Layout":"Grid Layout","Invert":"Invert","Layout":"$t(Common:Layout)","Length":"Length","Levels":"Levels","Magnify":"Magnify","Manual":"Manual","Measurements":"Measurements","More":"$t(Common:More)","More Tools":"More Tools","Next":"$t(Common:Next)","Pan":"Pan","Play":"$t(Common:Play)","Previous":"$t(Common:Previous)","Probe":"Probe","ROI Window":"ROI Window","Rectangle":"Rectangle","Reference Lines":"Reference Lines","Reset":"$t(Common:Reset)","Reset to Defaults":"$t(Common:Reset) to Defaults","Rotate Right":"Rotate Right","Sagittal":"Sagittal","Save":"Save","Stack Scroll":"Stack Scroll","Stack Image Sync":"Stack Image Sync","Stop":"$t(Common:Stop)","Themes":"Themes","Zoom":"Zoom"}');
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/CineDialog.json
 const CineDialog_namespaceObject = JSON.parse('{"Next image":"$t(Common:Next) $t(Common:Image)","Play / Stop":"$t(Common:Play) / $t(Common:Stop)","Previous image":"$t(Common:Previous) $t(Common:Image)","Skip to first image":"Skip to first $t(Common:Image)","Skip to last image":"Skip to last $t(Common:Image)","fps":"fps"}');
 ;// CONCATENATED MODULE: ../../i18n/src/locales/en-US/Common.json
@@ -20252,7 +20252,7 @@ const vi_UserPreferencesModal_namespaceObject = JSON.parse('{"Cancel":"$t(Button
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/src/locales/zh/Buttons.json
-const zh_Buttons_namespaceObject = JSON.parse('{"Acquired":"已获取","Angle":"角度","Axial":"轴状面","Bidirectional":"双向","Brush":"橡皮擦","CINE":"播放动画","Cancel":"取消","Circle":"圆","Clear":"清除","Coronal":"冠状面","Crosshairs":"十字线","Ellipse":"椭圆","Elliptical":"椭圆的","Flip H":"左右翻转","Flip V":"上下翻转","Freehand":"自由画线","Invert":"灰度反转","Layout":"显示窗口","Length":"长度","Levels":"层级","Magnify":"放大镜","Manual":"手动","Measurements":"测量","More":"更多","Next":"下一个","Pan":"移动","Play":"播放","Previous":"上一个","Probe":"探针","ROI Window":"选择对比度","Rectangle":"矩形","Reset":"复原","Reset to Defaults":"返回默认","Rotate Right":"顺时针旋转","Sagittal":"矢状面","Save":"保存","Stack Scroll":"滑动切换图层","Stop":"停止","Themes":"主题","Zoom":"放大"}');
+const zh_Buttons_namespaceObject = JSON.parse('{"Acquired":"已获取","Angle":"角度","Annotation":"注释","Axial":"轴状面","Bidirectional":"双向","Brush":"橡皮擦","Cine":"播放动画","CINE":"播放动画","Cancel":"取消","Capture":"下载","Circle":"圆","Clear":"清除","Coronal":"冠状面","Crosshairs":"十字线","Ellipse":"椭圆","Elliptical":"椭圆的","Flip H":"左右翻转","Flip Horizontally":"左右翻转","Flip V":"上下翻转","Freehand":"自由画线","Grid Layout":"窗口布局","Invert":"灰度反转","Layout":"显示窗口","Length":"长度","Levels":"层级","Magnify":"放大镜","Manual":"手动","Measurements":"测量","More":"更多","More Tools":"更多工具","More Measure Tools":"更多测量工具","Next":"下一个","Pan":"移动","Play":"播放","Previous":"上一个","Probe":"探针","ROI Window":"选择对比度","Rectangle":"矩形","Reference Lines":"参考线","Reset":"复原","Reset to Defaults":"返回默认","Rotate Right":"顺时针旋转","Sagittal":"矢状面","Save":"保存","Stack Scroll":"滑动切换图层","Stack Image Sync":"影像联动","Stop":"停止","Themes":"主题","Zoom":"放大"}');
 ;// CONCATENATED MODULE: ../../i18n/src/locales/zh/CineDialog.json
 const zh_CineDialog_namespaceObject = JSON.parse('{"Next image":"下一个图像","Play / Stop":"播放/停止","Previous image":"上一个图像","Skip to first image":"跳转到第一个图像","Skip to last image":"跳转到最后一个图像","fps":"帧率"}');
 ;// CONCATENATED MODULE: ../../i18n/src/locales/zh/Common.json
@@ -23363,7 +23363,7 @@ Typography.propTypes = {
 
 /***/ }),
 
-/***/ 43803:
+/***/ 28619:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -23372,6 +23372,7 @@ Typography.propTypes = {
 __webpack_require__.d(__webpack_exports__, {
   tk: () => (/* reexport */ components_AboutModal),
   zx: () => (/* reexport */ components_Button),
+  LZ: () => (/* reexport */ ButtonEnums_namespaceObject),
   hE: () => (/* reexport */ components_ButtonGroup),
   H6: () => (/* reexport */ components_CinePlayer),
   bC: () => (/* reexport */ CineProvider),
@@ -23388,6 +23389,7 @@ __webpack_require__.d(__webpack_exports__, {
   OX: () => (/* reexport */ components_InputRange),
   __: () => (/* reexport */ components_Label),
   OF: () => (/* reexport */ components_LayoutSelector),
+  mN: () => (/* reexport */ components_LegacyButton),
   LE: () => (/* reexport */ components_LoadingIndicatorProgress),
   bk: () => (/* reexport */ components_LoadingIndicatorTotalPercent),
   wt: () => (/* reexport */ components_MeasurementTable),
@@ -23415,7 +23417,7 @@ __webpack_require__.d(__webpack_exports__, {
   ux: () => (/* reexport */ UserAuthenticationProvider),
   i1: () => (/* reexport */ components_UserPreferences),
   uY: () => (/* reexport */ components_ViewportActionBar),
-  mN: () => (/* reexport */ contextProviders_ViewportDialogProvider),
+  DF: () => (/* reexport */ contextProviders_ViewportDialogProvider),
   mQ: () => (/* reexport */ ViewportDownloadForm_ViewportDownloadForm),
   _e: () => (/* reexport */ components_ViewportGrid),
   CW: () => (/* reexport */ ViewportGridProvider),
@@ -23442,6 +23444,14 @@ __webpack_require__.d(NativeTypes_namespaceObject, {
   URL: () => (NativeTypes_URL)
 });
 
+// NAMESPACE OBJECT: ../../ui/src/components/Button/ButtonEnums.ts
+var ButtonEnums_namespaceObject = {};
+__webpack_require__.r(ButtonEnums_namespaceObject);
+__webpack_require__.d(ButtonEnums_namespaceObject, {
+  d: () => (size),
+  U: () => (type)
+});
+
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(60216);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
@@ -32072,153 +32082,67 @@ AboutModal.propTypes = {
 ;// CONCATENATED MODULE: ../../ui/src/components/AboutModal/index.js
 
 /* harmony default export */ const components_AboutModal = (AboutModal_AboutModal);
+;// CONCATENATED MODULE: ../../ui/src/components/Button/ButtonEnums.ts
+var type = /*#__PURE__*/function (type) {
+  type["primary"] = "primary";
+  type["secondary"] = "secondary";
+  return type;
+}(type || {});
+var size = /*#__PURE__*/function (size) {
+  size["medium"] = "medium";
+  size["small"] = "small";
+  return size;
+}(size || {});
+
 ;// CONCATENATED MODULE: ../../ui/src/components/Button/Button.tsx
-function Button_extends() { Button_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Button_extends.apply(this, arguments); }
 
 
 
-const baseClasses = 'leading-none font-sans text-center justify-center items-center outline-none transition duration-300 ease-in-out focus:outline-none';
+
+const sizeClasses = {
+  [size.small]: 'h-[26px] text-[13px]',
+  [size.medium]: 'h-[32px] text-[14px]'
+};
+const layoutClasses = 'box-content inline-flex flex-row items-center justify-center gap-[5px] justify center px-[10px] outline-none rounded';
+const baseFontTextClasses = 'leading-[1.2] font-sans text-center whitespace-nowrap';
+const fontTextClasses = {
+  [type.primary]: classnames_default()(baseFontTextClasses, 'font-semibold'),
+  [type.secondary]: classnames_default()(baseFontTextClasses, 'font-400')
+};
+const baseEnabledEffectClasses = 'transition duration-300 ease-in-out focus:outline-none';
+const enabledEffectClasses = {
+  [type.primary]: classnames_default()(baseEnabledEffectClasses, 'hover:bg-customblue-80 active:bg-customblue-40'),
+  [type.secondary]: classnames_default()(baseEnabledEffectClasses, 'hover:bg-customblue-50 active:bg-customblue-20')
+};
+const baseEnabledClasses = 'text-white';
+const enabledClasses = {
+  [type.primary]: classnames_default()('bg-primary-main', baseEnabledClasses, enabledEffectClasses[type.primary]),
+  [type.secondary]: classnames_default()('bg-customblue-30', baseEnabledClasses, enabledEffectClasses[type.secondary])
+};
+const disabledClasses = 'bg-inputfield-placeholder text-common-light cursor-default';
 const defaults = {
   color: 'default',
   disabled: false,
-  fullWidth: false,
-  rounded: 'medium',
-  border: 'none',
-  size: 'medium',
-  type: 'button',
-  variant: 'contained'
-};
-const roundedClasses = {
-  none: '',
-  small: 'rounded',
-  medium: 'rounded-md',
-  large: 'rounded-lg',
-  full: 'rounded-full'
-};
-const variants = {
-  text: {
-    default: 'text-primary-light hover:bg-primary-light hover:text-white active:opacity-80 focus:bg-primary-light focus:text-white',
-    primary: 'text-primary-main hover:bg-primary-main hover:text-white active:opacity-80 focus:bg-primary-main focus:text-white',
-    secondary: 'text-secondary-light hover:bg-secondary-light hover:text-white active:opacity-80 focus:bg-secondary-light focus:text-white',
-    white: 'text-white hover:bg-white hover:text-black active:opacity-80 focus:bg-white focus:text-black',
-    black: 'text-black hover:bg-black hover:text-white focus:bg-black focus:text-white active:opacity-80'
-  },
-  outlined: {
-    default: 'text-primary-light hover:bg-primary-light hover:text-black focus:text-black focus:bg-primary-light active:opacity-80',
-    primary: 'text-primary-main hover:opacity-80 active:opacity-100 focus:opacity-80',
-    secondary: 'text-secondary-light hover:opacity-80 active:opacity-100 focus:opacity-80',
-    translucent: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
-    white: 'text-black hover:bg-primary-main focus:bg-primary-main hover:border-black focus:border-black',
-    black: 'text-white hover:bg-primary-main focus:bg-primary-main hover:border-black focus:border-black',
-    primaryActive: 'text-primary-active hover:opacity-80 active:opacity-100 focus:opacity-80',
-    primaryLight: 'border bg-transparent border-primary-main text-white hover:opacity-80 active:opacity-100 focus:opacity-80'
-  },
-  contained: {
-    default: 'text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
-    primary: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
-    primaryDark: 'text-primary-active hover:opacity-80 active:opacity-100 focus:opacity-80',
-    secondary: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
-    white: 'text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
-    black: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
-    light: 'border text-black hover:opacity-80 active:opacity-100 focus:opacity-80'
-  },
-  disabled: {
-    default: 'cursor-not-allowed opacity-50 text-black',
-    primary: 'cursor-not-allowed opacity-50 text-white',
-    secondary: 'cursor-not-allowed opacity-50 text-white',
-    white: 'cursor-not-allowed opacity-50 text-black',
-    black: 'cursor-not-allowed opacity-50 text-white',
-    light: 'cursor-not-allowed opacity-50 border text-black'
-  }
-};
-const defaultVariantBackGroundColor = {
-  text: {
-    default: '',
-    primary: '',
-    secondary: '',
-    white: '',
-    black: ''
-  },
-  outlined: {
-    default: 'bg-transparent',
-    primary: 'bg-transparent',
-    secondary: 'bg-transparent',
-    black: 'bg-black',
-    white: ''
-  },
-  contained: {
-    default: 'bg-primary-light',
-    primary: 'bg-primary-main',
-    primaryDark: 'bg-primary-dark',
-    secondary: 'bg-secondary-light',
-    white: 'bg-white',
-    black: 'bg-black',
-    light: 'bg-primary-light'
-  },
-  disabled: {
-    default: 'bg-primary-light',
-    primary: 'bg-primary-main',
-    secondary: 'bg-secondary-light',
-    white: 'bg-white',
-    black: 'bg-black',
-    light: 'bg-primary-light'
-  }
-};
-const _getVariantClass = function (variant, color) {
-  let bgColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  const defaultBackgroundColor = defaultVariantBackGroundColor[variant][color];
-  if (!bgColor) {
-    bgColor = defaultBackgroundColor;
-  }
-  return `${variants[variant][color]} ${bgColor}`;
-};
-const borderClasses = {
-  none: '',
-  light: 'border border-primary-light',
-  primary: 'border border-primary-main',
-  primaryActive: 'border border-primary-active',
-  secondary: 'border border-secondary-light',
-  white: 'border border-white',
-  black: 'border border-black'
-};
-const sizeClasses = {
-  small: 'py-2 px-2 text-sm min-w-md',
-  medium: 'py-2 px-2 text-lg min-w-md',
-  large: 'py-2 px-6 text-xl min-w-md',
-  initial: ''
-};
-const fullWidthClasses = {
-  true: 'flex w-full',
-  false: 'inline-flex'
+  rounded: 'small',
+  size: size.medium,
+  type: type.primary
 };
 const Button = _ref => {
   let {
     children,
-    variant = defaults.variant,
-    color = defaults.color,
-    border = defaults.border,
     size = defaults.size,
-    rounded = defaults.rounded,
     disabled = defaults.disabled,
     type = defaults.type,
-    fullWidth = defaults.fullWidth,
-    bgColor = null,
     startIcon: startIconProp,
     endIcon: endIconProp,
     name,
     className,
-    onClick,
-    /** TODO: All possible props should be explicitly defined -- avoid spreading props  */
-    ...rest
+    onClick
   } = _ref;
-  const startIcon = startIconProp && /*#__PURE__*/react.createElement("div", {
-    className: "mr-2"
-  }, /*#__PURE__*/react.cloneElement(startIconProp, {
+  const startIcon = startIconProp && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.cloneElement(startIconProp, {
     className: classnames_default()('w-4 h-4 fill-current')
   }));
-  const endIcon = endIconProp && /*#__PURE__*/react.createElement("div", {
-    className: "ml-2"
-  }, /*#__PURE__*/react.cloneElement(endIconProp, {
+  const endIcon = endIconProp && /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.cloneElement(endIconProp, {
     className: classnames_default()('w-4 h-4 fill-current')
   }));
   const buttonElement = (0,react.useRef)(null);
@@ -32228,21 +32152,23 @@ const Button = _ref => {
       onClick(e);
     }
   };
-  const finalClassName = classnames_default()(baseClasses, _getVariantClass(variant, color, bgColor), borderClasses[border], roundedClasses[rounded], sizeClasses[size], fullWidthClasses[fullWidth], className);
-  return /*#__PURE__*/react.createElement("button", Button_extends({
+  const finalClassName = classnames_default()(layoutClasses, fontTextClasses[type], disabled ? disabledClasses : enabledClasses[type], sizeClasses[size], children ? 'min-w-[32px]' : '',
+  // minimum width for buttons with text; icon only button does NOT get a minimum width
+  className);
+  return /*#__PURE__*/react.createElement("button", {
     className: finalClassName,
     disabled: disabled,
     ref: buttonElement,
     onClick: handleOnClick,
-    type: type,
     "data-cy": `${name}-btn`
-  }, rest), startIcon, children, endIcon);
+  }, startIcon, children, endIcon);
 };
 Button.defaultProps = {
-  color: defaults.color,
   disabled: false,
   children: '',
-  onClick: () => {}
+  onClick: () => {},
+  type: defaults.type,
+  size: defaults.size
 };
 Button.propTypes = {
   /** What is inside the button, can be text or react component */
@@ -32250,32 +32176,24 @@ Button.propTypes = {
   /** Callback to be called when the button is clicked  */
   onClick: (prop_types_default()).func.isRequired,
   /** Button size  */
-  size: prop_types_default().oneOf(['small', 'medium', 'large', 'initial', 'inherit']),
-  /** Button corner roundness  */
-  rounded: prop_types_default().oneOf(['none', 'small', 'medium', 'large', 'full']),
-  variant: prop_types_default().oneOf(['text', 'outlined', 'contained', 'disabled']),
-  /* color prop must have all the possible keys of variants defined above */
-  color: prop_types_default().oneOf(['default', 'primary', 'primaryDark', 'primaryActive', 'secondary', 'white', 'black', 'inherit', 'light', 'translucent']),
-  border: prop_types_default().oneOf(['none', 'light', 'default', 'primary', 'primaryActive', 'secondary', 'white', 'black']),
-  /** Whether the button should have full width  */
-  fullWidth: (prop_types_default()).bool,
+  size: prop_types_default().oneOf([size.medium, size.small]),
   /** Whether the button should be disabled  */
   disabled: (prop_types_default()).bool,
   /** Button type  */
-  type: (prop_types_default()).string,
+  type: prop_types_default().oneOf([type.primary, type.secondary]),
   name: (prop_types_default()).string,
   /** Button start icon name - if any icon is specified  */
   startIcon: (prop_types_default()).node,
   /** Button end icon name - if any icon is specified  */
   endIcon: (prop_types_default()).node,
   /** Additional TailwindCSS classnames */
-  className: (prop_types_default()).string,
-  /** Background color for the button to override*/
-  bgColor: (prop_types_default()).string
+  className: (prop_types_default()).string
 };
 /* harmony default export */ const Button_Button = (Button);
 ;// CONCATENATED MODULE: ../../ui/src/components/Button/index.js
 
+
+
 /* harmony default export */ const components_Button = (Button_Button);
 ;// CONCATENATED MODULE: ../../ui/src/components/ButtonGroup/ButtonGroup.tsx
 function ButtonGroup_extends() { ButtonGroup_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return ButtonGroup_extends.apply(this, arguments); }
@@ -32283,7 +32201,7 @@ function ButtonGroup_extends() { ButtonGroup_extends = Object.assign ? Object.as
 
 
 const baseButtonClass = 'border outline-none';
-const ButtonGroup_roundedClasses = {
+const roundedClasses = {
   vertical: {
     none: '',
     small: 'first:rounded-t last:rounded-b',
@@ -32299,7 +32217,7 @@ const ButtonGroup_roundedClasses = {
     full: 'first:rounded-l-full last:rounded-r-full'
   }
 };
-const ButtonGroup_borderClasses = {
+const borderClasses = {
   text: {
     vertical: 'border-t-0 border-l-0 border-r-0 last:border-b-0',
     horizontal: 'border-l-0 border-t-0 border-b-0 last:border-r-0'
@@ -32363,7 +32281,7 @@ const ButtonGroup = _ref => {
     ...other
   } = _ref;
   const ref = (0,react.useRef)(null);
-  const buttonClasses = classnames_default()(baseButtonClass, ButtonGroup_borderClasses[variant] && ButtonGroup_borderClasses[variant][orientation], variantClasses[variant] && variantClasses[variant][color], ButtonGroup_roundedClasses[orientation] && ButtonGroup_roundedClasses[orientation][rounded]);
+  const buttonClasses = classnames_default()(baseButtonClass, borderClasses[variant] && borderClasses[variant][orientation], variantClasses[variant] && variantClasses[variant][color], roundedClasses[orientation] && roundedClasses[orientation][rounded]);
   return /*#__PURE__*/react.createElement("div", ButtonGroup_extends({
     role: "group",
     className: classnames_default()('group', className, orientationClasses[orientation], fullWidth ? fullWidthDisplayClass : baseDisplayClass),
@@ -32889,7 +32807,6 @@ const Footer = _ref => {
     className: classnames_default()(flex, padding, className)
   }, actions.map((action, index) => {
     const isFirst = index === 0;
-    const isPrimary = action.type === 'primary';
     const onClickHandler = event => onSubmit({
       action,
       value,
@@ -32900,12 +32817,8 @@ const Footer = _ref => {
       className: classnames_default()({
         'ml-2': !isFirst
       }, action.classes),
-      color: isPrimary ? 'primary' : undefined,
-      onClick: onClickHandler,
-      style: {
-        transition: 'all .15s ease',
-        height: 34
-      }
+      type: action.type,
+      onClick: onClickHandler
     }, action.text);
   }));
 };
@@ -32917,7 +32830,7 @@ Footer.propTypes = {
     id: (prop_types_default()).string.isRequired,
     text: (prop_types_default()).string.isRequired,
     value: (prop_types_default()).any,
-    type: prop_types_default().oneOf(['primary', 'secondary', 'cancel']).isRequired,
+    type: prop_types_default().oneOf([type.primary, type.secondary]).isRequired,
     classes: prop_types_default().arrayOf((prop_types_default()).string)
   })).isRequired
 };
@@ -33450,7 +33363,7 @@ Modal.propTypes = {
 
 
 
-const IconButton_baseClasses = 'text-center items-center justify-center transition duration-300 ease-in-out outline-none font-bold focus:outline-none';
+const baseClasses = 'text-center items-center justify-center transition duration-300 ease-in-out outline-none font-bold focus:outline-none';
 const IconButton_roundedClasses = {
   none: '',
   small: 'rounded',
@@ -33458,7 +33371,7 @@ const IconButton_roundedClasses = {
   large: 'rounded-lg',
   full: 'rounded-full'
 };
-const disabledClasses = {
+const IconButton_disabledClasses = {
   true: 'cursor-not-allowed',
   false: ''
 };
@@ -33521,7 +33434,7 @@ const iconSizeClasses = {
   large: 'w-6 h-6',
   toolbar: 'w-5 h-5'
 };
-const IconButton_fullWidthClasses = {
+const fullWidthClasses = {
   true: 'flex w-full',
   false: 'inline-flex'
 };
@@ -33549,7 +33462,7 @@ const IconButton = _ref => {
   };
   const bgColorToUse = bgColor ? bgColor : backgroundClasses[variant][color];
   return /*#__PURE__*/react.createElement("button", {
-    className: classnames_default()(IconButton_baseClasses, IconButton_variantClasses[variant][color], IconButton_roundedClasses[rounded], IconButton_sizeClasses[size], IconButton_fullWidthClasses[fullWidth], disabledClasses[disabled], bgColorToUse, className),
+    className: classnames_default()(baseClasses, IconButton_variantClasses[variant][color], IconButton_roundedClasses[rounded], IconButton_sizeClasses[size], fullWidthClasses[fullWidth], IconButton_disabledClasses[disabled], bgColorToUse, className),
     style: {
       padding: size === 'toolbar' ? '10px' : null
     },
@@ -40761,6 +40674,211 @@ LayoutSelector.propTypes = {
 ;// CONCATENATED MODULE: ../../ui/src/components/LayoutSelector/index.js
 
 /* harmony default export */ const components_LayoutSelector = (LayoutSelector_LayoutSelector);
+;// CONCATENATED MODULE: ../../ui/src/components/LegacyButton/LegacyButton.tsx
+function LegacyButton_extends() { LegacyButton_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return LegacyButton_extends.apply(this, arguments); }
+
+
+
+const LegacyButton_baseClasses = 'leading-none font-sans text-center justify-center items-center outline-none transition duration-300 ease-in-out focus:outline-none';
+const LegacyButton_defaults = {
+  color: 'default',
+  disabled: false,
+  fullWidth: false,
+  rounded: 'medium',
+  border: 'none',
+  size: 'medium',
+  type: 'button',
+  variant: 'contained'
+};
+const LegacyButton_roundedClasses = {
+  none: '',
+  small: 'rounded',
+  medium: 'rounded-md',
+  large: 'rounded-lg',
+  full: 'rounded-full'
+};
+const variants = {
+  text: {
+    default: 'text-primary-light hover:bg-primary-light hover:text-white active:opacity-80 focus:bg-primary-light focus:text-white',
+    primary: 'text-primary-main hover:bg-primary-main hover:text-white active:opacity-80 focus:bg-primary-main focus:text-white',
+    secondary: 'text-secondary-light hover:bg-secondary-light hover:text-white active:opacity-80 focus:bg-secondary-light focus:text-white',
+    white: 'text-white hover:bg-white hover:text-black active:opacity-80 focus:bg-white focus:text-black',
+    black: 'text-black hover:bg-black hover:text-white focus:bg-black focus:text-white active:opacity-80'
+  },
+  outlined: {
+    default: 'text-primary-light hover:bg-primary-light hover:text-black focus:text-black focus:bg-primary-light active:opacity-80',
+    primary: 'text-primary-main hover:opacity-80 active:opacity-100 focus:opacity-80',
+    secondary: 'text-secondary-light hover:opacity-80 active:opacity-100 focus:opacity-80',
+    translucent: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
+    white: 'text-black hover:bg-primary-main focus:bg-primary-main hover:border-black focus:border-black',
+    black: 'text-white hover:bg-primary-main focus:bg-primary-main hover:border-black focus:border-black',
+    primaryActive: 'text-primary-active hover:opacity-80 active:opacity-100 focus:opacity-80',
+    primaryLight: 'border bg-transparent border-primary-main text-white hover:opacity-80 active:opacity-100 focus:opacity-80'
+  },
+  contained: {
+    default: 'text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
+    primary: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
+    primaryDark: 'text-primary-active hover:opacity-80 active:opacity-100 focus:opacity-80',
+    secondary: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
+    white: 'text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
+    black: 'text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
+    light: 'border text-black hover:opacity-80 active:opacity-100 focus:opacity-80'
+  },
+  disabled: {
+    default: 'cursor-not-allowed opacity-50 text-black',
+    primary: 'cursor-not-allowed opacity-50 text-white',
+    secondary: 'cursor-not-allowed opacity-50 text-white',
+    white: 'cursor-not-allowed opacity-50 text-black',
+    black: 'cursor-not-allowed opacity-50 text-white',
+    light: 'cursor-not-allowed opacity-50 border text-black'
+  }
+};
+const defaultVariantBackGroundColor = {
+  text: {
+    default: '',
+    primary: '',
+    secondary: '',
+    white: '',
+    black: ''
+  },
+  outlined: {
+    default: 'bg-transparent',
+    primary: 'bg-transparent',
+    secondary: 'bg-transparent',
+    black: 'bg-black',
+    white: ''
+  },
+  contained: {
+    default: 'bg-primary-light',
+    primary: 'bg-primary-main',
+    primaryDark: 'bg-primary-dark',
+    secondary: 'bg-secondary-light',
+    white: 'bg-white',
+    black: 'bg-black',
+    light: 'bg-primary-light'
+  },
+  disabled: {
+    default: 'bg-primary-light',
+    primary: 'bg-primary-main',
+    secondary: 'bg-secondary-light',
+    white: 'bg-white',
+    black: 'bg-black',
+    light: 'bg-primary-light'
+  }
+};
+const _getVariantClass = function (variant, color) {
+  let bgColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  const defaultBackgroundColor = defaultVariantBackGroundColor[variant][color];
+  if (!bgColor) {
+    bgColor = defaultBackgroundColor;
+  }
+  return `${variants[variant][color]} ${bgColor}`;
+};
+const LegacyButton_borderClasses = {
+  none: '',
+  light: 'border border-primary-light',
+  primary: 'border border-primary-main',
+  primaryActive: 'border border-primary-active',
+  secondary: 'border border-secondary-light',
+  white: 'border border-white',
+  black: 'border border-black'
+};
+const LegacyButton_sizeClasses = {
+  small: 'py-2 px-2 text-sm min-w-md',
+  medium: 'py-2 px-2 text-lg min-w-md',
+  large: 'py-2 px-6 text-xl min-w-md',
+  initial: ''
+};
+const LegacyButton_fullWidthClasses = {
+  true: 'flex w-full',
+  false: 'inline-flex'
+};
+const LegacyButton = _ref => {
+  let {
+    children,
+    variant = LegacyButton_defaults.variant,
+    color = LegacyButton_defaults.color,
+    border = LegacyButton_defaults.border,
+    size = LegacyButton_defaults.size,
+    rounded = LegacyButton_defaults.rounded,
+    disabled = LegacyButton_defaults.disabled,
+    type = LegacyButton_defaults.type,
+    fullWidth = LegacyButton_defaults.fullWidth,
+    bgColor = null,
+    startIcon: startIconProp,
+    endIcon: endIconProp,
+    name,
+    className,
+    onClick,
+    /** TODO: All possible props should be explicitly defined -- avoid spreading props  */
+    ...rest
+  } = _ref;
+  const startIcon = startIconProp && /*#__PURE__*/react.createElement("div", {
+    className: "mr-2"
+  }, /*#__PURE__*/react.cloneElement(startIconProp, {
+    className: classnames_default()('w-4 h-4 fill-current')
+  }));
+  const endIcon = endIconProp && /*#__PURE__*/react.createElement("div", {
+    className: "ml-2"
+  }, /*#__PURE__*/react.cloneElement(endIconProp, {
+    className: classnames_default()('w-4 h-4 fill-current')
+  }));
+  const buttonElement = (0,react.useRef)(null);
+  const handleOnClick = e => {
+    buttonElement.current.blur();
+    if (!disabled) {
+      onClick(e);
+    }
+  };
+  const finalClassName = classnames_default()(LegacyButton_baseClasses, _getVariantClass(variant, color, bgColor), LegacyButton_borderClasses[border], LegacyButton_roundedClasses[rounded], LegacyButton_sizeClasses[size], LegacyButton_fullWidthClasses[fullWidth], className);
+  return /*#__PURE__*/react.createElement("button", LegacyButton_extends({
+    className: finalClassName,
+    disabled: disabled,
+    ref: buttonElement,
+    onClick: handleOnClick,
+    type: type,
+    "data-cy": `${name}-btn`
+  }, rest), startIcon, children, endIcon);
+};
+LegacyButton.defaultProps = {
+  color: LegacyButton_defaults.color,
+  disabled: false,
+  children: '',
+  onClick: () => {}
+};
+LegacyButton.propTypes = {
+  /** What is inside the button, can be text or react component */
+  children: (prop_types_default()).node,
+  /** Callback to be called when the button is clicked  */
+  onClick: (prop_types_default()).func.isRequired,
+  /** Button size  */
+  size: prop_types_default().oneOf(['small', 'medium', 'large', 'initial', 'inherit']),
+  /** Button corner roundness  */
+  rounded: prop_types_default().oneOf(['none', 'small', 'medium', 'large', 'full']),
+  variant: prop_types_default().oneOf(['text', 'outlined', 'contained', 'disabled']),
+  /* color prop must have all the possible keys of variants defined above */
+  color: prop_types_default().oneOf(['default', 'primary', 'primaryDark', 'primaryActive', 'secondary', 'white', 'black', 'inherit', 'light', 'translucent']),
+  border: prop_types_default().oneOf(['none', 'light', 'default', 'primary', 'primaryActive', 'secondary', 'white', 'black']),
+  /** Whether the button should have full width  */
+  fullWidth: (prop_types_default()).bool,
+  /** Whether the button should be disabled  */
+  disabled: (prop_types_default()).bool,
+  /** Button type  */
+  type: (prop_types_default()).string,
+  name: (prop_types_default()).string,
+  /** Button start icon name - if any icon is specified  */
+  startIcon: (prop_types_default()).node,
+  /** Button end icon name - if any icon is specified  */
+  endIcon: (prop_types_default()).node,
+  /** Additional TailwindCSS classnames */
+  className: (prop_types_default()).string,
+  /** Background color for the button to override*/
+  bgColor: (prop_types_default()).string
+};
+/* harmony default export */ const LegacyButton_LegacyButton = (LegacyButton);
+;// CONCATENATED MODULE: ../../ui/src/components/LegacyButton/index.js
+
+/* harmony default export */ const components_LegacyButton = (LegacyButton_LegacyButton);
 ;// CONCATENATED MODULE: ../../ui/src/components/LegacyCinePlayer/LegacyCinePlayerCustomInputRange.css
 // extracted by mini-css-extract-plugin
 
@@ -41103,7 +41221,7 @@ const LegacyViewportActionBar = _ref => {
     style: {
       pointerEvents: 'all'
     }
-  }, /*#__PURE__*/react.createElement(components_ButtonGroup, null, /*#__PURE__*/react.createElement(components_Button, {
+  }, /*#__PURE__*/react.createElement(components_ButtonGroup, null, /*#__PURE__*/react.createElement(components_LegacyButton, {
     size: "initial",
     className: "px-2 py-1 bg-black",
     border: "light",
@@ -41111,7 +41229,7 @@ const LegacyViewportActionBar = _ref => {
   }, /*#__PURE__*/react.createElement(Icon/* default */.Z, {
     name: "chevron-left",
     className: "w-4 text-white"
-  })), /*#__PURE__*/react.createElement(components_Button, {
+  })), /*#__PURE__*/react.createElement(components_LegacyButton, {
     size: "initial",
     border: "light",
     className: "px-2 py-1 bg-black",
@@ -41401,7 +41519,7 @@ const Notification = _ref => {
       color: 'text-yellow-500'
     },
     info: {
-      icon: 'info',
+      icon: 'notifications-info',
       color: 'text-primary-main'
     },
     success: {
@@ -41421,27 +41539,24 @@ const Notification = _ref => {
   } = getIconData();
   return /*#__PURE__*/react.createElement("div", {
     ref: notificationRef,
-    className: "flex flex-col p-2 mx-2 mt-2 rounded bg-common-bright",
+    className: "flex flex-col p-2 mx-2 mt-2 border-2 rounded-md border-customblue-10 bg-customblue-400",
     "data-cy": id
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex grow"
+    className: "flex items-center grow"
   }, /*#__PURE__*/react.createElement(Icon/* default */.Z, {
     name: icon,
-    className: classnames_default()('w-5', color)
+    className: classnames_default()('w-6 h-6', color)
   }), /*#__PURE__*/react.createElement("span", {
-    className: "ml-2 text-base text-black"
+    className: "ml-2 text-[13px] text-black"
   }, message)), /*#__PURE__*/react.createElement("div", {
-    className: "flex justify-end mt-2"
+    className: "flex flex-wrap gap-2 justify-end mt-2"
   }, actions.map((action, index) => {
     const isFirst = index === 0;
-    const isPrimary = action.type === 'primary';
     return /*#__PURE__*/react.createElement(components_Button, {
-      "data-cy": action.id,
+      name: action.id,
       key: index,
-      className: classnames_default()({
-        'ml-2': !isFirst
-      }),
-      color: isPrimary ? 'primary' : undefined,
+      type: action.type,
+      size: action.size || size.small,
       onClick: () => {
         onSubmit(action.value);
       }
@@ -41458,7 +41573,8 @@ Notification.propTypes = {
   actions: prop_types_default().arrayOf(prop_types_default().shape({
     text: (prop_types_default()).string.isRequired,
     value: (prop_types_default()).any.isRequired,
-    type: prop_types_default().oneOf(['primary', 'secondary', 'cancel']).isRequired
+    type: prop_types_default().oneOf([type.primary, type.secondary]).isRequired,
+    size: prop_types_default().oneOf([size.small, size.medium])
   })).isRequired,
   onSubmit: (prop_types_default()).func.isRequired,
   /** Can be used as a callback to dismiss the notification for clicks that occur outside of it */
@@ -54848,7 +54964,7 @@ const SidePanel = _ref => {
     },
 
     "data-cy": `side-panel-header-${side}`
-  }, /*#__PURE__*/react.createElement(components_Button, {
+  }, /*#__PURE__*/react.createElement(components_LegacyButton, {
     variant: "text",
     color: "inherit",
     border: "none",
@@ -56006,7 +56122,7 @@ const StudyBrowser = _ref => {
       false: 'default'
     };
     const color = classStudyBrowser[`${isActive}`];
-    return /*#__PURE__*/react.createElement(components_Button, {
+    return /*#__PURE__*/react.createElement(components_LegacyButton, {
       key: name,
       className: 'text-white text-base p-2 min-w-18',
       size: "initial",
@@ -56396,7 +56512,7 @@ const StudyListFilter = _ref => {
     name: "icon-upload"
   }), /*#__PURE__*/react.createElement("span", null, "Upload"))), /*#__PURE__*/react.createElement("div", {
     className: "flex flex-row"
-  }, isFiltering && /*#__PURE__*/react.createElement(components_Button, {
+  }, isFiltering && /*#__PURE__*/react.createElement(components_LegacyButton, {
     rounded: "full",
     variant: "outlined",
     color: "primaryActive",
@@ -56523,21 +56639,21 @@ const StudyListPagination = _ref => {
     className: "flex items-center"
   }, /*#__PURE__*/react.createElement(Typography/* default */.Z, {
     className: "opacity-60 mr-4 text-base"
-  }, t('Page'), " ", currentPage), /*#__PURE__*/react.createElement(components_ButtonGroup, null, /*#__PURE__*/react.createElement(components_Button, {
+  }, t('Page'), " ", currentPage), /*#__PURE__*/react.createElement(components_ButtonGroup, null, /*#__PURE__*/react.createElement(components_LegacyButton, {
     size: "initial",
     className: "px-4 py-2 text-base",
     color: "translucent",
     border: "primary",
     variant: "outlined",
     onClick: () => navigateToPage(1)
-  }, `<<`), /*#__PURE__*/react.createElement(components_Button, {
+  }, `<<`), /*#__PURE__*/react.createElement(components_LegacyButton, {
     size: "initial",
     className: "py-2 px-2 text-base",
     color: "translucent",
     border: "primary",
     variant: "outlined",
     onClick: () => navigateToPage(currentPage - 1)
-  }, t('Previous')), /*#__PURE__*/react.createElement(components_Button, {
+  }, t('Previous')), /*#__PURE__*/react.createElement(components_LegacyButton, {
     size: "initial",
     className: "py-2 px-4 text-base",
     color: "translucent",
@@ -57368,19 +57484,15 @@ const ViewportDownloadForm = _ref => {
   }, t('Active viewport has no displayed image')))), /*#__PURE__*/react.createElement("div", {
     className: "flex justify-end mt-4"
   }, /*#__PURE__*/react.createElement(components_Button, {
-    "data-cy": "cancel-btn",
-    variant: "outlined",
-    size: "initial",
-    color: "black",
-    border: "secondary",
-    onClick: onClose,
-    className: "p-2"
+    name: "cancel",
+    type: type.secondary,
+    onClick: onClose
   }, t('Cancel')), /*#__PURE__*/react.createElement(components_Button, {
     className: "ml-2",
     disabled: hasError,
     onClick: downloadImage,
-    color: "primary",
-    "data-cy": "download-btn"
+    type: type.primary,
+    name: 'download'
   }, t('Download'))));
 };
 /* harmony default export */ const ViewportDownloadForm_ViewportDownloadForm = (ViewportDownloadForm);
@@ -57974,6 +58086,7 @@ HotkeysPreferences.defaultProps = {
 
 
 
+
 const UserPreferences = _ref => {
   let {
     availableLanguages,
@@ -58070,21 +58183,16 @@ const UserPreferences = _ref => {
   })), /*#__PURE__*/react.createElement("div", {
     className: "flex flex-row justify-between"
   }, /*#__PURE__*/react.createElement(components_Button, {
-    variant: "outlined",
-    border: "light",
+    type: type.secondary,
     onClick: onResetHandler,
     disabled: disabled
   }, t('Reset to Defaults')), /*#__PURE__*/react.createElement("div", {
     className: "flex flex-row"
   }, /*#__PURE__*/react.createElement(components_Button, {
-    variant: "outlined",
-    border: "light",
+    type: type.secondary,
     onClick: onCancelHandler
   }, t('Cancel')), /*#__PURE__*/react.createElement(components_Button, {
-    variant: "contained",
     disabled: state.isDisabled,
-    color: "light",
-    border: "light",
     className: "ml-2",
     onClick: onSubmitHandler
   }, t('Save')))));
@@ -58807,6 +58915,8 @@ ViewportActionBar.propTypes = {
 
 
 
+
+
 
 
 
@@ -153878,7 +153988,7 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + (chunkId === 18 ? "dicom-microscopy-viewer" : chunkId) + ".bundle." + {"18":"aa60bdf008c32c39cfd7","50":"03f455d441f2138ce49e","55":"5f5e5ef9087b0beee35c","82":"da0c036b2e572719dbc5","151":"31ea35044218837bf73f","192":"4fee0d418ae32bb7ab30","199":"290ef76d4ab8358e29bb","205":"b5a473c200dcf2bbcdb4","208":"29fe1842c33000edc75d","270":"4564621556b0f963a004","283":"7cf0fabc69d49a8a2c5d","295":"957b1159fec14b9199a1","331":"bd0c13931a21d53086c9","351":"2d4bc19d8b493879dbbe","381":"0905e683605fcbc0895f","404":"902c664e3e581335a5d2","531":"2a82fb1d69e5b57cc72b","569":"0ed8d8178ffd43fe1c34","581":"360d26f97b37da8faec3","606":"5d876f5f3dd8287f0a28","616":"b76c70aeeed8b142593c","642":"89f15ef57fbad2a1019b","664":"09abae984223969d1bde","707":"832f50366089fd23e93b","728":"d13856835357400fef82","744":"392a124e4ee20ad6a657","780":"fd0f13dc92e9caa0581e","790":"aa7a8bebec3483d90f3f","799":"ca18bdf4abe4d9abea26","806":"2e7934d0833c4315c292","917":"06cb87cf1c42b9f20bd2","926":"dbc9d0e591cb9217fda2","935":"deeffff0e4f7b528e3c3","953":"9e3a7225f07336bfcb41","973":"a51bb5b329263c9e75e2","976":"2305e2f8244de8ccbaee","984":"4e002ef9b3468bddb68b"}[chunkId] + ".js";
+/******/ 			return "" + (chunkId === 18 ? "dicom-microscopy-viewer" : chunkId) + ".bundle." + {"18":"aa60bdf008c32c39cfd7","50":"65ff60818862eda39d12","55":"550a823e75eb608e8d5e","82":"9a0e7f08d4bce18d302f","151":"31ea35044218837bf73f","192":"950e5380ea63c6d635d5","199":"f50ffd85a4334de2f5c1","205":"b5a473c200dcf2bbcdb4","208":"7f610a302dc54c4924da","270":"4564621556b0f963a004","283":"1015e87c3a47b1f1379c","295":"957b1159fec14b9199a1","331":"bd0c13931a21d53086c9","351":"0742237651aef9694a65","381":"0905e683605fcbc0895f","404":"3d65ff813eead20462d3","531":"2a82fb1d69e5b57cc72b","569":"c8e771a8d28e237b32be","581":"dc6197189f7c88c27d4c","606":"5d876f5f3dd8287f0a28","616":"de530ae226dfa5573f6e","642":"8905e515ce593e57ceb1","664":"09abae984223969d1bde","707":"f774f3e4a687ddd60a32","728":"d13856835357400fef82","744":"4c4b884f90eb70482821","780":"fd0f13dc92e9caa0581e","790":"7327fec7833ceea2784b","799":"758558e64147e5aad612","806":"2e7934d0833c4315c292","917":"b9983325adf849bff6fd","926":"dbc9d0e591cb9217fda2","935":"deeffff0e4f7b528e3c3","953":"3b0189ebc11cf0946f18","973":"4584df05b320b94cace5","976":"9cc2382162214ea0af2b","984":"119557c018e6371b4628"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/