https://www.jnjmedicalcloud.es/1494-a66dc2b87d519384eb2e.js

1"use strict";(self.webpackChunk_jmc_janssen_medical_cloud_frontend=self.webpackChunk_jmc_janssen_medical_cloud_frontend||[]).push([[1494],{84633:function(e,t,l){l.d(t,{s:function(){return n}});var a={"gap-1":"style-module--gap-1--7667b","gap-2":"style-module--gap-2--2fbad","gap-4":"style-module--gap-4--79375","gap-8":"style-module--gap-8--f8afc","gap-16":"style-module--gap-16--ba90e","gap-24":"style-module--gap-24--91a35","gap-32":"style-module--gap-32--84cf4",container:"style-module--container--52588",item:"style-module--item--1504d","grid-overview":"style-module--grid-overview--258e5","cols-1":"style-module--cols-1--80c82","rows-1":"style-module--rows-1--5cd33","cols-2":"style-module--cols-2--13b86","rows-2":"style-module--rows-2--b5535","cols-3":"style-module--cols-3--63b52","rows-3":"style-module--rows-3--3ed0e","cols-4":"style-module--cols-4--f7de8","rows-4":"style-module--rows-4--b7dee","cols-5":"style-module--cols-5--2b35e","rows-5":"style-module--rows-5--c5745","cols-6":"style-module--cols-6--3440e","rows-6":"style-module--rows-6--2c515","cols-7":"style-module--cols-7--b94fc","rows-7":"style-module--rows-7--47ce2","cols-8":"style-module--cols-8--4ee7d","rows-8":"style-module--rows-8--16804","cols-9":"style-module--cols-9--bfcf6","rows-9":"style-module--rows-9--f3ccc","cols-10":"style-module--cols-10--ac0fb","rows-10":"style-module--rows-10--3e124","cols-11":"style-module--cols-11--5ce8d","rows-11":"style-module--rows-11--20bad","cols-12":"style-module--cols-12--445c2","rows-12":"style-module--rows-12--4165e"},o=l(95553),s=l.n(o);const n=e=>{let{container:t=!1,item:l=!0,width:o="0",gap:n=16,children:r,cols:c=1,rows:d=1,size:i="auto",overview:u=!1,...m}=e;const y=s()(a.element,t?a.container:null,l?a.item:null,c>1?a[`cols-${String(c)}`]:null,d>1?a[`rows-${String(d)}`]:null,t?a[`gap-${String(n)}`]:null,u?a["grid-overview"]:null);return React.createElement("div",Object.assign({},m,{className:s()(y)}),r)}},12550:function(e,t,l){l.d(t,{T:function(){return Q}});var a=l(95946),o=l(84633),s=l(62611),n=l(85606),r=l(2784),c=l(1884),d=l(54255),i=l(95553),u=l.n(i),m=l(77034),y=l(52145),v="style-module--element--93d9c",f="style-module--wrapper--cc0d2",w="style-module--arrowButtonLeft--20a1a",E="style-module--arrowButtonRight--a5fc1",h="style-module--disabled--19556",g="style-module--arrowSpacing--a9029",p="style-module--sliderContainer--8af93",b="style-module--sliderSection--d8af2",R="style-module--scrollbarContainer--f07eb",S="style-module--buttonContainer--8320c",C="style-module--rangeSlider--d3ae8",N="style-module--scrollBarColor--a99b8",L="style-module--showScrollBar--1e62d",T="style-module--inActive--7c186",x="style-module--containerWidth--4038b",B=l(14211),M=l(76814);let k=function(e){return e[e.DESKTOP=3]="DESKTOP",e[e.TABLET=2]="TABLET",e[e.MOBILE=1]="MOBILE",e}({});const $=e=>{var t;const{id:l="Slider.Element",children:a,backgroundColor:o=null,fullWidth:s=!1}=e,n=(0,m.bU)(),i=(0,y.V)(n),{0:$,1:O}=(0,r.useState)(!i),{0:j,1:A}=(0,r.useState)(!!i),{0:P,1:W}=(0,r.useState)(0),{0:_,1:D}=(0,r.useState)(0),Z=(0,r.useRef)(null),z=(0,r.useRef)(null),I=(0,r.useRef)(null),J=(0,d.a)(d.R.md),K=(0,d.a)(d.R.lg),F=null==a?void 0:a.length,G=s?40:60,{t:Q}=(0,M.$G)(),U=()=>J?k.MOBILE:K?k.TABLET:k.DESKTOP,V=null==Z?void 0:Z.current,H=null==z||null===(t=z.current)||void 0===t?void 0:t.firstChild,q=()=>{var e,t,l;return(null==H||null===(e=H.getBoundingClientRect())||void 0===e?void 0:e.width)+("undefined"!=typeof window&&H&&Number.parseFloat(null===(t=window)||void 0===t||null===(l=t.getComputedStyle(H))||void 0===l?void 0:l.marginInlineEnd)||0)},X=()=>{(i?(null==V?void 0:V.offsetWidth)+G-(null==V?void 0:V.scrollLeft)>=(null==V?void 0:V.scrollWidth)-1:(null==V?void 0:V.scrollLeft)<=G)?O(!0):O(!1),(i?(null==V?void 0:V.scrollLeft)>=-1*G:(null==V?void 0:V.scrollLeft)+(null==V?void 0:V.offsetWidth)+G>=(null==V?void 0:V.scrollWidth)-1)?A(!0):A(!1),(()=>{const e=Math.round((null==V?void 0:V.scrollLeft)/q());(e>_||e<_)&&(D(e),W(e))})()},Y=(0,B.Z)(X,50);(0,r.useEffect)((()=>(X(),null==V||V.addEventListener("scroll",Y,!0),()=>{null==V||V.removeEventListener("scroll",Y,!0)}))),(0,r.useEffect)((()=>{const e=null==I?void 0:I.current;if(e&&F){var t;const l=100/(J?F:F-(U()-1))+"%";null==e||null===(t=e.style)||void 0===t||t.setProperty("--scrollbar-thumb-width",l)}}));const ee=q(),te=ee>0?ee:G;return r.createElement("div",{className:u()(v,s?null:x),"data-test-id":l,style:{"--overflow-width":`${s?te:G}px`}},r.createElement("div",{className:f,"data-test-id":"Slider.Wrapper"},r.createElement("div",{className:p,ref:Z,"data-test-id":"Slider.Container"},r.createElement("div",{className:b,ref:z},r.Children.map(a,((e,t)=>{const l=t<P||t>P+k.DESKTOP-1;return r.createElement("div",{key:t,className:l?T:null},e)}))))),r.createElement("div",{className:u()(R,J?L:null),"data-test-id":"Slider.ScrollBar"},r.createElement("input",{type:"range",min:"0",max:F-U()||0,value:i?0-P:P,ref:I,className:u()(C,o?N:null),onChange:e=>{var t;const l=Number.parseInt(null==e||null===(t=e.target)||void 0===t?void 0:t.value);var a;W(i?0-l:l),a=i?0-l:l,V&&(V.scrollLeft=a*q())}}),r.createElement("div",{className:S},r.createElement("button",{className:u()(w,$?h:null,s?null:g),onClick:()=>{V&&(V.scrollLeft=i?Math.max(P-1,-1*(F-U()))*q():Math.max(P-1,0)*q())},"data-test-id":"Slider.LeftArrow",title:Q(i?"Next Slides":"Previous Slides",{ns:"common"})},r.createElement(c.JO,{icon:c.MZ,size:"xs",type:"jnj",color:$?"text-gray-500":"white"})),r.createElement("button",{className:u()(E,j?h:null,s?null:g),onClick:()=>{V&&(V.scrollLeft=i?Math.min(P+1,0)*q():Math.min(P+1,F-U())*q())},"data-test-id":"Slider.RightArrow",title:Q(i?"Previous Slides":"Next Slides",{ns:"common"})},r.createElement(c.JO,{icon:c.WQ,size:"xs",type:"jnj",color:j?"text-gray-500":"white"})))))};var O="style-module--element--5a9a8",j="style-module--flexTitle--c76fd",A="style-module--list--7c5c

17";const P=(0,l(55740).ZP)((()=>Promise.all([l.e(532),l.e(550)]).then(l.bind(l,10550)))),W=e=>{let{id:t,title:l,children:a,resetAutoPlaySetting:o=!0,seeAll:s,mode:r="Cards",maxThreeCards:c=!1,...d}=e;const i=React.createElement("div",{className:j},React.createElement(n.Z,{"data-test-id":`OverviewBlock.Title.${t}`,variant:"h3"},l)),m=o;return React.createElement("div",Object.assign({className:O,"data-test-id":`OverviewBlock.${t}`},d),"Cards"===r?React.createElement(P,{resetAutoPlaySettingMode:m,title:i,maxThree:c},a):React.createElement("div",null,i,React.createElement("div",{className:u()(A)},a)),s)};var _=l(99756),D=l(77960),Z=l.n(D),z=l(44073),I=l.n(z),J="style-module--title--6a55a",K="style-module--overviewBlock--ac2c1",F="style-module--mobile--886e9",G="style-module--desktop--a7e81";Z().extend(I());const Q=e=>{let{id:t,title:l,titleWithoutFootnotes:c,showDisplayTitle:d=!0,isLearningCenter:i=!1,displayMode:u="Cards",seeAllButton:m,footnotes:y,children:v}=e;const f=(0,_.a)(_.R.lg);return v&&0!==r.Children.count(v)?"Grid"===u?React.createElement(s.D,{fractions:[1],spacing:8,minHeight:!1,noTopSpacing:!0},React.createElement(o.s,{container:!0,overview:!0,"data-test-id":"MediaCenter.MaterialsGrid"},r.Children.map(v,((e,l)=>React.createElement(o.s,{key:`${t}.Card.${l}`},e))))):"Cards"===u?React.createElement(React.Fragment,null,d&&React.createElement(n.Z,{"data-test-id":`${t}.Title`,variant:i?"h2":"h3",className:J},React.createElement(a.o,{footnotes:y},l)),1===r.Children.count(v)&&React.createElement("div",{className:K,"data-test-id":t},React.createElement("div",{className:G,"data-test-id":`${t}.Desktop`},v),React.createElement("div",{className:F,"data-test-id":`${t}.Mobile`},v)),r.Children.count(v)>1&&r.Children.count(v)<=3&&React.createElement("div",{className:K,"data-test-id":t},React.createElement("div",{className:G,"data-test-id":`${t}.Desktop`},v),React.createElement("div",{className:F},React.createElement($,{id:`${t}.Mobile`},v)),f&&m),r.Children.count(v)>3&&React.createElement("div",{className:K},React.createElement($,{id:t},v),m)):React.createElement(W,{id:c,className:K,title:d&&React.createElement(a.o,{footnotes:y,"data-test-id":`${t}.Title`},l),"data-test-id":t,resetAutoPlaySetting:!1,mode:"List",number:r.Children.count(v)>15?15:r.Children.count(v),seeAll:m},v):null}},72340:function(e,t,l){l.d(t,{j:function(){return c}});var a=l(77034),o=l(43720),s=l(1884),n=l(52145),r="style-module--button--f491f";const c=e=>{let{fullWidth:t,type:l,staticLiteral:c,dynamicLiteral:d}=e;const i=(0,a.bU)(),u=(0,n.V)(i);return React.createElement(o.z,{className:r,color:"primary",variant:"outlined",fullWidth:t,style:{textDecoration:"none"},accessoryRight:React.createElement(s.JO,{color:"primary",size:"small",icon:u?s.MZ:s.WQ,type:"jnj"})},"Static"===l?c:d," ")}},42582:function(e,t,l){l.d(t,{J:function(){return a}});const a=l(2784).createContext({status:null,setStatus:()=>{}})}}]);
2//# sourceMappingURL=1494-a66dc2b87d519384eb2e.js.map