@ohif/app 3.8.0-beta.64 → 3.8.0-beta.65

package/dist/{app.bundle.039c4dc99821370f330d.js → app.bundle.0c24b249dc8b631916ef.js}

@@ -99,8 +99,8 @@ Compose.propTypes = {
   components: (prop_types_default()).array,
   children: (prop_types_default()).node.isRequired
 };
-// EXTERNAL MODULE: ../../ui/src/index.js + 495 modules
-var ui_src = __webpack_require__(65967);
+// EXTERNAL MODULE: ../../ui/src/index.js + 497 modules
+var ui_src = __webpack_require__(58046);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(15575);
 // EXTERNAL MODULE: ../../core/src/index.ts + 67 modules
@@ -1002,8 +1002,8 @@ function WorkList({
     };
   });
   const hasStudies = numOfStudies > 0;
-  const versionNumber = "3.8.0-beta.64";
-  const commitHash = "566b25a54425399096864bd263193646556011a5";
+  const versionNumber = "3.8.0-beta.65";
+  const commitHash = "617043fe0da5de91fbea4ac33a27f1df16ae1ca6";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -6533,7 +6533,7 @@ const detectionOptions = {
   }
 });
 ;// CONCATENATED MODULE: ../../i18n/package.json
-const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.8.0-beta.63"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"rE":"3.8.0-beta.64"}');
 ;// CONCATENATED MODULE: ../../i18n/src/utils.js
 const languagesMap = {
   ar: 'Arabic',
@@ -9016,21 +9016,46 @@ toolCapture.defaultProps = {
 var toolLayout = function toolLayout(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
     fill: "none",
-    fillRule: "evenodd",
-    stroke: "currentColor",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M0 0h28v28H0z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    stroke: "currentColor"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M.5 9.995v7.9a2 2 0 0 0 2 2h8.862M19.695 6.357V2.5a2 2 0 0 0-2-2h-7.7 0",
+    strokeWidth: "1.25",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10.4.5H2.5a2 2 0 0 0-2 2v7.7h0",
+    strokeWidth: "1.25",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    opacity: ".55",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
     strokeWidth: "1.5"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-    fill: "currentColor",
-    d: "M9.313 8.52a.793.793 0 0 1-.792.793H2.188a.792.792 0 0 1-.792-.792V2.188c0-.438.354-.792.791-.792h6.334c.437 0 .792.354.792.791v6.334z"
+    d: "M10 17V3M3 10h13"
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    transform: "rotate(-20 43.208 -34.372)",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.25"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle", {
+    cx: "5.124",
+    cy: "5.767",
+    r: "1.282"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
-    d: "M19.604 8.52a.792.792 0 0 1-.791.793h-6.334a.792.792 0 0 1-.791-.792V2.188c0-.438.354-.792.791-.792h6.334a.79.79 0 0 1 .791.791v6.334zM9.313 18.813a.792.792 0 0 1-.792.791H2.188a.791.791 0 0 1-.792-.791v-6.334a.79.79 0 0 1 .791-.791h6.334c.437 0 .792.354.792.791v6.334zm10.291 0a.79.79 0 0 1-.791.791h-6.334a.79.79 0 0 1-.791-.791v-6.334a.79.79 0 0 1 .791-.791h6.334a.79.79 0 0 1 .791.791v6.334z"
-  })));
+    d: "m6.214.808.377 1.241a.85.85 0 0 0 1.003.582l1.259-.292a1.144 1.144 0 0 1 1.089 1.896l-.88.95a.856.856 0 0 0 0 1.16l.88.949a1.144 1.144 0 0 1-1.09 1.896l-1.258-.292a.849.849 0 0 0-1.007.586l-.377 1.241a1.138 1.138 0 0 1-2.179 0l-.374-1.241A.848.848 0 0 0 2.654 8.9l-1.258.292a1.144 1.144 0 0 1-1.09-1.896l.881-.95a.856.856 0 0 0 0-1.16l-.88-.95a1.144 1.144 0 0 1 1.089-1.895l1.258.291a.848.848 0 0 0 1.003-.581L4.035.81A1.138 1.138 0 0 1 6.214.808Z"
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    strokeLinejoin: "round",
+    d: "m21 27.25-2.5-2.632.35-.368L21 26.513l2.15-2.263.35.368z"
+  }))));
 };
 toolLayout.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 21 21"
+  width: "28",
+  height: "28",
+  viewBox: "0 0 28 28",
+  xmlns: "http://www.w3.org/2000/svg"
 };
 var toolMore = function toolMore(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
@@ -10180,6 +10205,243 @@ oldStop.defaultProps = {
   'aria-labelledby': "title",
   fill: "currentColor"
 };
+/** LAYOUT */
+var layoutAdvanced3DFourUp = function layoutAdvanced3DFourUp(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    transform: "translate(1 1)",
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "27",
+    height: "16.2",
+    rx: "2"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13.886 0H2a2 2 0 0 0-2 2v12.2a2 2 0 0 0 2 2h11.886V0Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13.886 0H25a2 2 0 0 1 2 2v6.5H13.886V0Z",
+    fill: "#263A71"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13.886 8.486H0V14.2a2 2 0 0 0 2 2h11.886V8.486ZM13.886 8.486H27V14.2a2 2 0 0 1-2 2H13.886V8.486Z"
+  })));
+};
+layoutAdvanced3DFourUp.defaultProps = {
+  width: "29",
+  height: "18",
+  viewBox: "0 0 29 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutAdvanced3DMain = function layoutAdvanced3DMain(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    transform: "translate(1 1)",
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "27",
+    height: "16.2",
+    rx: "2"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M18 7.714h9V14.2a2 2 0 0 1-2 2h-7V7.714ZM0 7.714h9.257V16.2H2a2 2 0 0 1-2-2V7.714Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M25 0H2a2 2 0 0 0-2 2v6.486h27V2a2 2 0 0 0-2-2Z",
+    fill: "#263A71"
+  })));
+};
+layoutAdvanced3DMain.defaultProps = {
+  width: "29",
+  height: "18",
+  viewBox: "0 0 29 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutAdvanced3DOnly = function layoutAdvanced3DOnly(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "27",
+    height: "16.2",
+    rx: "2",
+    transform: "translate(1 1)",
+    fill: "#263A71",
+    stroke: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+layoutAdvanced3DOnly.defaultProps = {
+  width: "29",
+  height: "18",
+  viewBox: "0 0 29 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutAdvanced3DPrimary = function layoutAdvanced3DPrimary(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    transform: "translate(1 1)",
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "27",
+    height: "16.2",
+    rx: "2"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M15.429 10.5H27V14a2 2 0 0 1-2 2h-9.571v-5.5ZM15.429 0H25a2 2 0 0 1 2 2v3.4H15.429V0Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M16.2 0H2a2 2 0 0 0-2 2v12.2a2 2 0 0 0 2 2h14.2V0Z",
+    fill: "#263A71"
+  })));
+};
+layoutAdvanced3DPrimary.defaultProps = {
+  width: "29",
+  height: "18",
+  viewBox: "0 0 29 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutAdvancedAxialPrimary = function layoutAdvancedAxialPrimary(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M16.429 1H26a2 2 0 0 1 2 2v12.2a2 2 0 0 1-2 2h-9.571V1Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M16.429 1H26a2 2 0 0 1 2 2v6.486H16.429V1Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M16.7 1H3a2 2 0 0 0-2 2v12.2a2 2 0 0 0 2 2h13.7V1Z"
+  })));
+};
+layoutAdvancedAxialPrimary.defaultProps = {
+  width: "29",
+  height: "18",
+  viewBox: "0 0 29 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutAdvancedMPR = function layoutAdvancedMPR(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M18.743 1H26a2 2 0 0 1 2 2v12.2a2 2 0 0 1-2 2h-7.257V1Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10 1h9v16.2h-9z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M10.257 1H3a2 2 0 0 0-2 2v12.2a2 2 0 0 0 2 2h7.257V1Z"
+  })));
+};
+layoutAdvancedMPR.defaultProps = {
+  width: "29",
+  height: "18",
+  viewBox: "0 0 29 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutCommon1x1 = function layoutCommon1x1(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "26",
+    height: "15.6",
+    rx: "2",
+    transform: "translate(1 1)",
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }));
+};
+layoutCommon1x1.defaultProps = {
+  width: "28",
+  height: "18",
+  viewBox: "0 0 28 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutCommon1x2 = function layoutCommon1x2(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    transform: "translate(1 1)",
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "26",
+    height: "15.6",
+    rx: "2"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13 0H2a2 2 0 0 0-2 2v11.6a2 2 0 0 0 2 2h11V0Z"
+  })));
+};
+layoutCommon1x2.defaultProps = {
+  width: "28",
+  height: "18",
+  viewBox: "0 0 28 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutCommon2x2 = function layoutCommon2x2(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    transform: "translate(1 1)",
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "26",
+    height: "15.6",
+    rx: "2"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13 0H2a2 2 0 0 0-2 2v11.6a2 2 0 0 0 2 2h11V0Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M24 0H2a2 2 0 0 0-2 2v6h26V2a2 2 0 0 0-2-2Z"
+  })));
+};
+layoutCommon2x2.defaultProps = {
+  width: "28",
+  height: "18",
+  viewBox: "0 0 28 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var layoutCommon2x3 = function layoutCommon2x3(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    transform: "translate(1 1)",
+    stroke: "currentColor",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("rect", {
+    width: "26",
+    height: "15.6",
+    rx: "2"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 0H2a2 2 0 0 0-2 2v11.6a2 2 0 0 0 2 2h7V0Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M17 0H2a2 2 0 0 0-2 2v11.6a2 2 0 0 0 2 2h15V0Z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M24 0H2a2 2 0 0 0-2 2v6h26V2a2 2 0 0 0-2-2Z"
+  })));
+};
+layoutCommon2x3.defaultProps = {
+  width: "28",
+  height: "18",
+  viewBox: "0 0 28 18",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var iconToolRotate = function iconToolRotate(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M0 0h28v28H0z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.5"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "m10 24.996 2.5-1.998-2.5-2.002"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M12.5 22.998c-3.462.654-7.5-1.5-8.5-5M18 3l-2.5 1.998L18 7"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M15.5 4.998c3.462-.654 7.5 1.5 8.5 5M14 8.75l-5 2.188 5 2.187 5-2.188z"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M9 10.938v5.937l5 2.188 5-2.188v-5.938M14 13.125v5.938"
+  }))));
+};
+iconToolRotate.defaultProps = {
+  width: "28",
+  height: "28",
+  viewBox: "0 0 28 28",
+  xmlns: "http://www.w3.org/2000/svg"
+};
 /** New investigational use */
 var investigationalUse = function investigationalUse(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
@@ -10321,6 +10583,7 @@ const ICONS = {
   'tool-freehand-line': toolFreehand,
   'tool-freehand-polygon': toolFreehandPolygon,
   'tool-polygon': toolPolygon,
+  'tool-3d-rotate': iconToolRotate,
   'edit-patient': editPatient,
   'icon-mpr': iconMPR,
   'icon-next-inactive': iconNextInactive,
@@ -10358,6 +10621,17 @@ const ICONS = {
   'old-trash': oldTrash,
   'old-play': oldPlay,
   'old-stop': oldStop,
+  /** LAYOUT */
+  'layout-advanced-3d-four-up': layoutAdvanced3DFourUp,
+  'layout-advanced-3d-main': layoutAdvanced3DMain,
+  'layout-advanced-3d-only': layoutAdvanced3DOnly,
+  'layout-advanced-3d-primary': layoutAdvanced3DPrimary,
+  'layout-advanced-axial-primary': layoutAdvancedAxialPrimary,
+  'layout-advanced-mpr': layoutAdvancedMPR,
+  'layout-common-1x1': layoutCommon1x1,
+  'layout-common-1x2': layoutCommon1x2,
+  'layout-common-2x2': layoutCommon2x2,
+  'layout-common-2x3': layoutCommon2x3,
   /** New investigational use */
   'illustration-investigational-use': investigationalUse
 };
@@ -10383,43 +10657,16 @@ function getIcon(key, props) {
 
 /***/ }),
 
-/***/ 53589:
+/***/ 1675:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(66348);
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  A: () => (/* binding */ components_Icon)
-});
-
-// EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(11374);
-var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/components/Icon/getIcon.js
-var getIcon = __webpack_require__(32854);
-;// CONCATENATED MODULE: ../../ui/src/components/Icon/Icon.tsx
-
-
-
-const Icon = ({
-  name,
-  ...otherProps
-}) => {
-  return /*#__PURE__*/react.createElement(react.Fragment, null, (0,getIcon/* default */.Ay)(name, {
-    ...otherProps
-  }));
-};
-Icon.propTypes = {
-  name: (prop_types_default()).string.isRequired,
-  className: (prop_types_default()).string
-};
-/* harmony default export */ const Icon_Icon = (Icon);
-;// CONCATENATED MODULE: ../../ui/src/components/Icon/index.js
-
-/* harmony default export */ const components_Icon = (Icon_Icon);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Icon__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A);
 
 /***/ }),
 
@@ -10552,7 +10799,7 @@ Typography.propTypes = {
 
 /***/ }),
 
-/***/ 65967:
+/***/ 58046:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -10579,6 +10826,7 @@ __webpack_require__.d(__webpack_exports__, {
   Qr: () => (/* reexport */ components_InputRange),
   j: () => (/* reexport */ components_InvestigationalUseDialog),
   JU: () => (/* reexport */ components_Label),
+  qu: () => (/* reexport */ components_LayoutPreset),
   sG: () => (/* reexport */ components_LayoutSelector),
   _H: () => (/* reexport */ components_LegacyButton),
   xA: () => (/* reexport */ components_LegacyButtonGroup),
@@ -17719,8 +17967,8 @@ const useCine = () => (0,react.useContext)(CineContext);
   SUCCESS: 'success',
   ERROR: 'error'
 });
-// EXTERNAL MODULE: ../../ui/src/components/Icon/index.js + 1 modules
-var Icon = __webpack_require__(53589);
+// EXTERNAL MODULE: ../../ui/src/components/Icon/index.js
+var Icon = __webpack_require__(1675);
 ;// CONCATENATED MODULE: ../../ui/src/components/Snackbar/SnackbarItem.tsx
 
 
@@ -30480,18 +30728,13 @@ function LayoutSelector({
       gridTemplateColumns: gridSize.repeat(columns),
       gridTemplateRows: gridSize.repeat(rows),
       backgroundColor: '#090c29' // primary-dark
-    },
-    className: "p-2"
+    }
   }, Array.apply(null, Array(rows * columns)).map(function (_, i) {
     return i;
   }).map(index => /*#__PURE__*/react.createElement("div", {
     key: index,
-    style: {
-      border: '1px solid white',
-      backgroundColor: isHovered(index) ? '#5acce6' : '#0b1a42'
-    },
+    className: `border-primary-dark border ${isHovered(index) ? 'bg-primary-active' : 'bg-[#04225b]'} cursor-pointer`,
     "data-cy": `Layout-${index % columns}-${Math.floor(index / columns)}`,
-    className: "cursor-pointer",
     onClick: () => {
       const x = index % columns;
       const y = Math.floor(index / columns);
@@ -30506,7 +30749,7 @@ function LayoutSelector({
 }
 LayoutSelector.defaultProps = {
   onSelection: () => {},
-  columns: 3,
+  columns: 4,
   rows: 3
 };
 LayoutSelector.propTypes = {
@@ -35183,6 +35426,7 @@ const ToolbarButton = ({
   className,
   size,
   toolTipClassName,
+  disableToolTip = false,
   ...rest
   //
 }) => {
@@ -35198,7 +35442,8 @@ const ToolbarButton = ({
     isSticky: shouldShowDropdown,
     content: shouldShowDropdown ? dropdownContent : label,
     tight: shouldShowDropdown,
-    className: toolTipClassNameToUse
+    className: toolTipClassNameToUse,
+    isDisabled: disableToolTip
   }, /*#__PURE__*/react.createElement(components_IconButton, ToolbarButton_extends({
     size: sizeToUse,
     className: className,
@@ -35227,7 +35472,8 @@ ToolbarButton.propTypes = {
   /** Tooltip content can be replaced for a customized content by passing a node to this value. */
   dropdownContent: prop_types_default().oneOfType([(prop_types_default()).node, (prop_types_default()).func]),
   size: (prop_types_default()).string,
-  toolTipClassName: (prop_types_default()).string
+  toolTipClassName: (prop_types_default()).string,
+  disableToolTip: (prop_types_default()).bool
 };
 /* harmony default export */ const ToolbarButton_ToolbarButton = (ToolbarButton);
 ;// CONCATENATED MODULE: ../../ui/src/components/ToolbarButton/index.js
@@ -50480,6 +50726,45 @@ InvestigationalUseDialog.defaultProps = {
 ;// CONCATENATED MODULE: ../../ui/src/components/InvestigationalUseDialog/index.js
 
 /* harmony default export */ const components_InvestigationalUseDialog = (InvestigationalUseDialog_InvestigationalUseDialog);
+// EXTERNAL MODULE: ../../ui/src/components/Icon/Icon.tsx
+var Icon_Icon = __webpack_require__(66348);
+;// CONCATENATED MODULE: ../../ui/src/components/LayoutPreset/LayoutPreset.tsx
+
+
+
+function LayoutPreset({
+  onSelection,
+  title,
+  icon,
+  commandOptions,
+  classNames
+}) {
+  return /*#__PURE__*/react.createElement("div", {
+    className: classNames,
+    onClick: () => {
+      onSelection(commandOptions);
+    }
+  }, /*#__PURE__*/react.createElement(Icon_Icon/* default */.A, {
+    name: icon,
+    className: "group-hover:text-primary-light"
+  }), title && /*#__PURE__*/react.createElement("div", {
+    className: "font-inter text-sm text-white"
+  }, title));
+}
+LayoutPreset.defaultProps = {
+  onSelection: () => {}
+};
+LayoutPreset.propTypes = {
+  onSelection: (prop_types_default()).func.isRequired,
+  title: (prop_types_default()).string,
+  icon: (prop_types_default()).string.isRequired,
+  commandOptions: (prop_types_default()).object.isRequired,
+  classNames: (prop_types_default()).string
+};
+/* harmony default export */ const LayoutPreset_LayoutPreset = (LayoutPreset);
+;// CONCATENATED MODULE: ../../ui/src/components/LayoutPreset/index.js
+
+/* harmony default export */ const components_LayoutPreset = (LayoutPreset_LayoutPreset);
 ;// CONCATENATED MODULE: ../../ui/src/components/index.js
 
 
@@ -50566,6 +50851,7 @@ InvestigationalUseDialog.defaultProps = {
 
 
 
+
 
 
 // EXTERNAL MODULE: ../../ui/src/components/Icon/getIcon.js
@@ -52491,13 +52777,33 @@ class ToolbarService extends pubSubServiceInterface/* PubSubService */.R {
       if (typeof evaluate === 'function') {
         return;
       }
+      if (Array.isArray(evaluate)) {
+        const evaluators = evaluate.map(evaluatorName => {
+          const evaluateFunction = this._evaluateFunction[evaluatorName];
+          if (!evaluateFunction) {
+            throw new Error(`Evaluate function not found for name: ${evaluatorName}, you can register an evaluate function with the getToolbarModule in your extensions`);
+          }
+          return evaluateFunction;
+        });
+        props.evaluate = args => {
+          const results = evaluators.map(evaluator => evaluator(args));
+          const mergedResult = results.reduce((acc, result) => {
+            return {
+              ...acc,
+              ...result
+            };
+          }, {});
+          return mergedResult;
+        };
+        return;
+      }
       if (typeof evaluate === 'string') {
         const evaluateFunction = this._evaluateFunction[evaluate];
         if (evaluateFunction) {
           props.evaluate = evaluateFunction;
           return;
         }
-        throw new Error(`Evaluate function not found for name: ${evaluate}, you can  register an evaluate function with the getToolbarModule in your extensions`);
+        throw new Error(`Evaluate function not found for name: ${evaluate}, you can register an evaluate function with the getToolbarModule in your extensions`);
       }
       if (typeof evaluate === 'object') {
         const {
@@ -52512,7 +52818,7 @@ class ToolbarService extends pubSubServiceInterface/* PubSubService */.R {
           });
           return;
         }
-        throw new Error(`Evaluate function not found for name: ${name}, you can  register an evaluate function with the getToolbarModule in your extensions`);
+        throw new Error(`Evaluate function not found for name: ${name}, you can register an evaluate function with the getToolbarModule in your extensions`);
       }
     };
     this._commandsManager = commandsManager;
@@ -59202,7 +59508,7 @@ function uuidv4() {
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11374);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(64597);
-/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(53589);
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1675);
 
 
 
@@ -59241,6 +59547,36 @@ ContextMenu.propTypes = {
 
 /***/ }),
 
+/***/ 66348:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41766);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11374);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _getIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32854);
+
+
+
+const Icon = ({
+  name,
+  ...otherProps
+}) => {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_getIcon__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Ay)(name, {
+    ...otherProps
+  }));
+};
+Icon.propTypes = {
+  name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
+
+/***/ }),
+
 /***/ 64692:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -242085,7 +242421,7 @@ var selectOrdinal = function selectOrdinal() {
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + ({"525":"dicom-microscopy-viewer","572":"polySeg"}[chunkId] || chunkId) + ".bundle." + {"41":"0696b28613c7d47833c9","90":"7a9258532111121b5ee3","109":"b4fee2a22b622839baf5","121":"5399d807995157d368b7","155":"55fa02bfc411cc91e261","164":"0cfa2edabf8ef222f3ea","188":"ec979013d89d90831c58","191":"4850ab82949bb6f0eb73","270":"58c74e58ad67b5069718","290":"8b4d7dfbc7cfe418a0f1","295":"c0a29ff64d86f707fc20","297":"81d63bb0b66d63df6d86","339":"e31c81c7179d3d24f3dd","342":"a039c24e9f661f3b884d","448":"e856d2b2bd979c7d9ac0","481":"a2b01ffe06a262fa9375","504":"aa165082e2acc5ccf080","525":"d3a56dc9f62df5e11019","530":"f00fd953dcd9d0afd10b","544":"adfe5764f59b5fe0eba7","559":"4f55f5df04c418b2854e","572":"c1cec6312eb6c6dc3701","594":"924cdc10e7435cf3e199","638":"62f8f8ada74bd900abfc","644":"1e77691d2eeb96a423b0","699":"b3b25017819be681ef3d","701":"b7ebc1629fc121e13c58","724":"cd011bc1838a2bde1d66","726":"2bdb443d1b5620d74e6e","835":"15aff0b7433bb0dd6d6d","862":"d2e78b70286b59569e83","889":"2aefa0a3eb114db0de3f","905":"d4bdcbd451de59b2191b","907":"ca236b83967a8459b778","931":"d270a1fda9a2836c3cc5","939":"84ee0b844023d924a22b","961":"a5541d8090cb8b22f7e6"}[chunkId] + ".js";
+/******/ 			return "" + ({"525":"dicom-microscopy-viewer","572":"polySeg"}[chunkId] || chunkId) + ".bundle." + {"41":"58b85dd990fb6fac615e","90":"abde898ebd3c74f521f9","109":"b4fee2a22b622839baf5","121":"fda405f29003c308ce09","155":"a57744809d0f46030ee0","164":"ff12d6019a627cda2a6c","188":"c448aed48915741e9f97","191":"4850ab82949bb6f0eb73","270":"16ac8114c5c4ce006f4a","290":"8b4d7dfbc7cfe418a0f1","295":"57700cd41fd87e1521b4","297":"81d63bb0b66d63df6d86","339":"57dac3644803cefe3e3d","342":"a039c24e9f661f3b884d","448":"d195aba3aef25ec286d1","481":"a2b01ffe06a262fa9375","504":"aa165082e2acc5ccf080","525":"d3a56dc9f62df5e11019","530":"72d9812f117036615a38","544":"c3009e245ceb1554c70a","559":"05bd51e94422a2cab116","572":"c1cec6312eb6c6dc3701","594":"14b122ab995e4b13e652","638":"a63003e18bed65f227bb","644":"1e77691d2eeb96a423b0","699":"efc67171e6d212f25a24","701":"bc40f1a7d5d6b1a4dd38","724":"3945f8d2e9c8b0b23628","726":"2bdb443d1b5620d74e6e","835":"15aff0b7433bb0dd6d6d","862":"d787dac01f4567560a42","889":"ffc727aa6d1a74f2138d","905":"6b5b42b2403e4676bb3a","907":"fbd5768fa5b53f9d3f86","931":"d270a1fda9a2836c3cc5","939":"84ee0b844023d924a22b","961":"8bb5a713fc5a3817c6a6"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/