https://www.jnjmedicalcloud.de/26e1e784dc9a9bac5b140208883f018123de8848-d334aea88dae7e0674f7.js

1(self.webpackChunk_jmc_janssen_medical_cloud_frontend=self.webpackChunk_jmc_janssen_medical_cloud_frontend||[]).push([[423],{67296:function(e,t,n){"use strict";n.d(t,{U:function(){return c}});var o=n(85606),a=n(76093),r=n(95553),l=n.n(r),i={element:"style-module--element--62039",gray:"style-module--gray--cd893",wrapper:"style-module--wrapper--c2117",noPaddingXl:"style-module--noPaddingXl--f5be1",imageContainer:"style-module--imageContainer--d83ca",imageWrapper:"style-module--imageWrapper--6f7c5",removePaddingTopImage:"style-module--removePaddingTopImage--059f7",container:"style-module--container--202a1",contentWrapper:"style-module--contentWrapper--0f69f",content:"style-module--content--28dff",body:"style-module--body--d1862",footer:"style-module--footer--4cfdb",title:"style-module--title--2e313",primary:"style-module--primary--e1bf9",mediaStart:"style-module--mediaStart--7254d",mediaEnd:"style-module--mediaEnd--49c60",contentStart:"style-module--contentStart--42ce4",contentEnd:"style-module--contentEnd--e9aa4"};const c=e=>{const{id:t="",backgroundColor:n,children:r,contentAlignment:c,footer:s,image:u,noPaddingXl:d=!1,title:m,removePaddingTopImage:f=!1,imageWrapper:p=!1}=e,v=!n||"primary"===n;return React.createElement("div",{className:l()(i.element,"white"===n?i.white:"gray"===n?i.gray:i.primary,"start"===c?u?i.mediaStart:i.contentStart:null,"end"===c?u?i.mediaEnd:i.contentEnd:null),"data-test-id":`Hero.${t}`,id:`Hero.${(0,a.Z)(null==t?void 0:t.toLowerCase())}`},React.createElement("div",{className:l()(i.wrapper,d?i.noPaddingXl:null)},u&&React.createElement("div",{className:l()(i.imageContainer,f&&i.removePaddingTopImage)},p?React.createElement("div",{className:i.imageWrapper},u):u),React.createElement("div",{className:i.container},React.createElement("div",{className:i.contentWrapper},React.createElement("div",{className:i.title,"data-test-id":"Hero.Title"},React.createElement(o.Z,{color:v?"white":"dark",component:"h2",variant:"h2",weight:"400"},m)),React.createElement("div",{className:i.content},React.createElement("div",{className:i.body},React.createElement(o.Z,{color:v?"white":"light",variant:"body-02"},r)),(Array.isArray(s)?s.length>0:!!s)&&React.createElement("div",{className:i.footer,"data-test-id":"Hero.Footer"},s))))))}},42434:function(e,t,n){"use strict";n.d(t,{q:function(){return c}});var o=n(81665),a=n(2784),r=n(32602),l=n.n(r);let i=function(e){function t(){return e.apply(this,arguments)||this}return(0,o.Z)(t,e),t.prototype.render=function(){return a.createElement(a.Fragment,null)},t}(a.Component),c=function(e){function t(){return e.apply(this,arguments)||this}return(0,o.Z)(t,e),t.prototype.render=function(){const{children:e,defaultSelectedImage:t,onClose:n}=this.props;var o,r;if(1===a.Children.count(e))return a.createElement(l(),{"data-test-id":"LightBox",image:null==e||null===(o=e.props)||void 0===o?void 0:o.url,title:null==e||null===(r=e.props)||void 0===r?void 0:r.title,onClose:n});const i=a.Children.map(e,(e=>({url:e.props.url,title:e.props.title})));return a.createElement(l(),{"data-test-id":"LightBox",startIndex:t,images:i,onClose:n})},t}(a.Component);c.Image=i},1158:function(e,t,n){"use strict";n.d(t,{E:function(){return f},f:function(){return m}});var o=n(65321),a=n(85606),r=n(1884),l=n(42434),i=n(79219),c=n(95553),s=n.n(c),u=n(2784),d={element:"style-module--element--e70c5",clickable:"style-module--clickable--21ab9",svgImageWrapper:"style-module--svgImageWrapper--796d3",imageWrapper:"style-module--imageWrapper--8b22c",cover:"style-module--cover--0f7b4",contain:"style-module--contain--34467",fill:"style-module--fill--0059f",none:"style-module--none--1dc64","scale-down":"style-module--scale-down--8d046",setWidth:"style-module--setWidth--04e95",lightBoxIcon:"style-module--lightBoxIcon--6a1c5",setWidth100Pct:"style-module--setWidth100Pct--447f8",centerAlign:"style-module--centerAlign--bd27e",startAlign:"style-module--startAlign--05288",endAlign:"style-module--endAlign--45539",figcaption:"style-module--figcaption--91950"};const m=e=>{let{id:t,caption:n,enableLightBox:c,disableIcon:m=!1,onClick:f,children:p,horizontalAlignment:v="center",url:g,sizing:b={width:"100%",maxWidth:"100%",maxHeight:"100%"},enlargeLabel:y=null}=e;const{0:h,1:E}=(0,u.useState)(!1),x=()=>{c&&E(!0)},w=()=>{f?f():x()};return React.createElement("div",{className:s()(d.element,c&&!h?d.clickable:null,"not-scale-down"===v?null:d[`${v.toLowerCase()}Align`]),"data-test-id":t},React.createElement("div",{className:d.imageWrapper,onClick:w,onKeyDown:e=>(0,o.q)(e.key,(()=>w())),style:b,role:c&&!m?"none":"button",tabIndex:c&&!m?"":0},p,c&&!m&&React.createElement("button",{className:d.lightBoxIcon,onClick:x,tabIndex:0,"aria-label":y,title:y,type:"button"},React.createElement(r.JO,{icon:i.h40,size:"large",color:"inherit"}))),n&&React.createElement(a.Z,{variant:"body",weight:"400",size:"s",className:d.figcaption},n),h&&React.createElement(l.q,{onClose:()=>E(!1)},React.createElement(l.q.Image,{url:g,title:p.props.title})))},f=e=>{let{url:t,alt:n="",id:c,caption:m,title:f,enableLightBox:p,disableIcon:v=!1,fit:g="

1cover",height:b=0,dimension:y,onClick:h,horizontalAlignment:E="center",sizing:x={width:"100%",maxWidth:"100%",maxHeight:"100%"},loading:w,enlargeLabel:k=null,className:C}=e;const{0:R,1:S}=(0,u.useState)(!1),N=()=>{p&&S(!0)},I=()=>{h?h():N()},z=null==t?void 0:t.endsWith(".svg"),_=null==t?void 0:t.endsWith(".gif");let P="";return z&&"none"===g&&(P=d.setWidth),!_||"scale-down"!==g&&"none"!==g||(P=d.setWidth),React.createElement("div",{className:s()(d.element,p&&!R?d.clickable:null,"not-scale-down"===E?null:d[`${E.toLowerCase()}Align`],C)},React.createElement("div",{className:s()(d.svgImageWrapper,!z||"scale-down"!==g&&"cover"!==g&&"contain"!==g&&"none"!==g?null:d.setWidth100Pct),onClick:I,onKeyDown:e=>(0,o.q)(e.key,(()=>I())),role:p&&!v?"none":"button",tabIndex:p&&!v?"":0,style:x},React.createElement("img",{src:t,alt:n||"",title:f,className:s()(z&&"scale-down"===g?"":d[g],P),height:b||"auto",style:"none"!==g&&"scale-down"!==g||!y?null:{maxHeight:y.height,maxWidth:y.width},loading:w||null,id:c}),p&&!v&&React.createElement("button",{className:d.lightBoxIcon,onClick:N,tabIndex:0,"aria-label":k,title:k},React.createElement(r.JO,{icon:i.h40,size:"large",color:"inherit"}))),m&&React.createElement(a.Z,{variant:"body",weight:"400",size:"s",className:d.figcaption},m),R&&React.createElement(l.q,{onClose:()=>S(!1)},React.createElement(l.q.Image,{url:t,title:f})))}},32602:function(e,t,n){e.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var a=t[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(o,a,function(t){return e[t]}.bind(null,a));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(e,t){e.exports=n(2784)},function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return p}));var o=n(0),a=n.n(o);function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u(e);if(t){var a=u(this).constructor;n=Reflect.construct(o,arguments,a)}else n=o.apply(this,arguments);return function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?s(e):t}(this,n)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=0,n=0;return e.touches&&e.touches.length?(t=e.touches[0].pageX,n=e.touches[0].pageY):(t=e.pageX,n=e.pageY),{x:t,y:n}}function f(e){return e.condition?a.a.createElement(a.a.Fragment,null,e.children):null}var p=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&i(e,t)}(r,e);var t,n,o=c(r);function r(){var e,t,n,l,i;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r);for(var c=arguments.length,u=new Array(c),f=0;f<c;f++)u[f]=arguments[f];return d(s(i=o.call.apply(o,[this].concat(u))),"initX",0),d(s(i),"initY",0),d(s(i),"lastX",0),d(s(i),"lastY",0),d(s(i),"_cont",a.a.createRef()),d(s(i),"state",{x:0,y:0,zoom:1,rotate:0,loading:!0,moving:!1,current:null!==(e=null===(t=i.props)||void 0===t?void 0:t.startIndex)&&void 0!==e?e:0,multi:!(null===(n=i.props)||void 0===n||null===(l=n.images)||void 0===l||!l.length)}),d(s(i),"createTransform",(function(e,t,n,o){return"translate3d(".concat(e,"px,").concat(t,"px,0px) scale(").concat(n,") rotate(").concat(o,"deg)")})),d(s(i),"stopSideEffect",(function(e){return e.stopPropagation()})),d(s(i),"getCurrentImage",(function(e,t){var n,o,a,r,l;return e.multi?null!==(o=null!==(a=null===(r=t.images[e.current])||void 0===r?void 0:r.url)&&void 0!==a?a:null===(l=t.images)||void 0===l?void 0:l[e.current])&&void 0!==o?o:"":null!==(n=t.image)&&void 0!==n?n:""})),d(s(i),"getCurrentTitle",(function(e,t){var n,o,a,r;return e.multi?null!==(o=null===(a=t.images)||void 0===a||null===(r=a[e.current])||void 0===r?void 0:r.title)&&void 0!==o?o:"":null!==(n=t.title)&&void 0!==n?n:""})),d(s(i),"resetZoom",(function(){return i.setState({x:0,y:0,zoom:1})})),d(s(i),"shockZoom",(function(e){var t,n,o=i.props,a=o.zoomStep,r=void 0===a?.3:a,l=o.allowZoom,c=void 0===l||l,s=o.doubleClickZoom,u=void 0===s?4:s;if(!c||!u)return!1;if(i.stopSideEffect(e),i.state.zoom>1)return i.resetZoom();var d=(r<1?Math.ceil(u/r):r)*r,f=m(e),p=null===(t=i._cont.current)||void 0===t||null===(n=t.getBoundingClientRect)||void 0===n?void 0:n.call(t),v=p.x+p.width/2,g=p.y+p.height/2,b=-1*(f.x-v)*d,y=-1*(f.y-g)*d;i.setState({x:b,y:y,zoom:d})})),d(s(i),"navigateImage",(function(e,t){i.stopSideEffect(t);var n=0;switch(e){case"next":n=i.state.current+1;break;case"prev":n=i.state.current-1}n>=i.props.images.length?n=0:n<0&&(n=i.props.images.length-1),i.setState({current:n,x:0,y:0,zoom:1,rotate:0,loading:!0})}

1)),d(s(i),"startMove",(function(e){if(i.state.zoom<=1)return!1;i.setState({moving:!0});var t=m(e);i.initX=t.x-i.lastX,i.initY=t.y-i.lastY})),d(s(i),"duringMove",(function(e){if(!i.state.moving)return!1;var t=m(e);i.lastX=t.x-i.initX,i.lastY=t.y-i.initY,i.setState({x:t.x-i.initX,y:t.y-i.initY})})),d(s(i),"endMove",(function(e){return i.setState({moving:!1})})),d(s(i),"applyZoom",(function(e){var t=i.props.zoomStep,n=void 0===t?.3:t;switch(e){case"in":i.setState({zoom:i.state.zoom+n});break;case"out":var o=i.state.zoom-n;if(o<1)break;1===o?i.setState({x:0,y:0,zoom:1}):i.setState({zoom:o});break;case"reset":i.resetZoom()}})),d(s(i),"applyRotate",(function(e){switch(e){case"cw":i.setState({rotate:i.state.rotate+90});break;case"acw":i.setState({rotate:i.state.rotate-90})}})),d(s(i),"reset",(function(e){i.stopSideEffect(e),i.setState({x:0,y:0,zoom:1,rotate:0})})),d(s(i),"exit",(function(e){if("function"==typeof i.props.onClose)return i.props.onClose(e);console.error("No Exit function passed on prop: onClose. Clicking the close button will do nothing")})),d(s(i),"shouldShowReset",(function(){return i.state.x||i.state.y||1!==i.state.zoom||0!==i.state.rotate})),d(s(i),"canvasClick",(function(e){var t=i.props.clickOutsideToExit;if((void 0===t||t)&&i.state.zoom<=1)return i.exit(e)})),d(s(i),"keyboardNavigation",(function(e){var t=i.props,n=t.allowZoom,o=void 0===n||n,a=t.allowReset,r=void 0===a||a,l=i.state,c=l.multi,s=l.x,u=l.y,d=l.zoom;switch(e.key){case"ArrowLeft":c&&1===d?i.navigateImage("prev",e):d>1&&i.setState({x:s-20});break;case"ArrowRight":c&&1===d?i.navigateImage("next",e):d>1&&i.setState({x:s+20});break;case"ArrowUp":d>1&&i.setState({y:u+20});break;case"ArrowDown":d>1&&i.setState({y:u-20});break;case"+":o&&i.applyZoom("in");break;case"-":o&&i.applyZoom("out");break;case"Escape":r&&i.shouldShowReset()?i.reset(e):i.exit(e)}})),i}return t=r,(n=[{key:"componentDidMount",value:function(){document.body.classList.add("lb-open-lightbox");var e=this.props.keyboardInteraction;(void 0===e||e)&&document.addEventListener("keyup",this.keyboardNavigation)}},{key:"componentWillUnmount",value:function(){document.body.classList.remove("lb-open-lightbox");var e=this.props.keyboardInteraction;(void 0===e||e)&&document.removeEventListener("keyup",this.keyboardNavigation)}},{key:"render",value:function(){var e=this,t=this.getCurrentImage(this.state,this.props),n=this.getCurrentTitle(this.state,this.props);if(!t)return console.warn("Not showing lightbox because no image(s) was supplied"),null;var o=this.props,r=o.allowZoom,l=void 0===r||r,i=o.allowRotate,c=void 0===i||i,s=o.buttonAlign,u=void 0===s?"flex-end":s,d=o.showTitle,m=void 0===d||d,p=o.allowReset,v=void 0===p||p,g=this.state,b=g.x,y=g.y,h=g.zoom,E=g.rotate,x=g.multi,w=g.loading,k=g.moving,C=v&&this.shouldShowReset();return a.a.createElement("div",{className:"lb-container"},a.a.createElement("div",{className:"lb-header",style:{justifyContent:u}},a.a.createElement(f,{condition:m&&n},a.a.createElement("div",{className:"lb-title",style:{display:"center"===u?"none":"flex",order:"flex-start"===u?"2":"unset"}},a.a.createElement("span",{title:n,style:{textAlign:"flex-start"===u?"right":"left"}},n))),a.a.createElement(f,{condition:"center"===u||C},a.a.createElement("div",{title:"Reset",style:{order:"flex-start"===u?"1":"unset"},className:"lb-button lb-icon-reset lb-hide-mobile reload ".concat(C?"":"lb-disabled"),onClick:this.reset})),a.a.createElement(f,{condition:x},a.a.createElement("div",{title:"Previous",className:"lb-button lb-icon-arrow prev lb-hide-mobile",onClick:function(t){return e.navigateImage("prev",t)}}),a.a.createElement("div",{title:"Next",className:"lb-button lb-icon-arrow next lb-hide-mobile",onClick:function(t){return e.navigateImage("next",t)}})),a.a.createElement(f,{condition:l},a.a.createElement("div",{title:"Zoom In",className:"lb-button lb-icon-zoomin zoomin",onClick:function(){return e.applyZoom("in")}}),a.a.createElement("div",{title:"Zoom Out",className:"lb-button lb-icon-zoomout zoomout ".concat(h<=1?"lb-disabled":""),onClick:function(){return e.applyZoom("out")}})),a.a.createElement(f,{condition:c},a.a.createElement("div",{title:"Rotate left",className:"lb-button lb-icon-rotate rotatel",onClick:function(){return e.applyRotate("acw")}}),a.a.createElement("div",{title:"Rotate right",className:"lb-button lb-icon-rotate rotater",onClick:function(){return e.applyRotate("cw")}})),a.a.createElement("div",{title:"Close",className:"lb-button lb-icon-close close",style:{order:"flex-start"===u?"-1":"unset"},onClick:function(t){return e.exit(t)}})),a.a.createElement("div",{className:"lb-canvas".concat(w?" lb-loading":""),ref:this._cont,onClick:function(t){return e.canvasClick(t)}},a.a.createElement("img",{draggable:"false",style:{transform:this.createTransform(b,y,h,E),cursor:h>1?"grab":"unset",transition:k?"none":"all 0.1s"},onMouseDown:function(t){return e.startMove(t)},onTouchStart:function(t){return e.startMove(t)},onMouseMove:function(t){return e.duringMove(t)},onTouchMove:function(t){return e.duringMove(t)},onMouseUp:function(t){return e.endMove(t)},onMouseLeave:function(t){return e.endMove(t)},onTouchEnd:function(t){return e.endMove(t)},onClick:function(t){return e.stopSideEffect(t)},onDoubleClick:function(t){return e.shockZoom(t)},onLoad:function(t){return e.setState({loading:!1})},className:"lb-img".concat(w?" lb-loading":""),title:n,src:t,alt:n}

1),a.a.createElement("div",{className:"mobile-controls lb-show-mobile"},x?a.a.createElement("div",{title:"Previous",className:"lb-button lb-icon-arrow prev",onClick:function(t){return e.navigateImage("prev",t)}}):null,C?a.a.createElement("div",{title:"Reset",className:"lb-button lb-icon-reset reload",onClick:this.reset}):null,x?a.a.createElement("div",{title:"Next",className:"lb-button lb-icon-arrow next",onClick:function(t){return e.navigateImage("next",t)}}):null)))}}])&&l(t.prototype,n),r}(a.a.Component)}])}}]);
2//# sourceMappingURL=26e1e784dc9a9bac5b140208883f018123de8848-d334aea88dae7e0674f7.js.map