https://www.novocure.jp/_next/static/chunks/6333.a18d57c2ef7c5d69.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3088,6333,6653],{54043:(t,e,i)=>{i.d(e,{z:()=>l});var a=i(68533),n=i(45490),r=i(37876),l=(0,n.R)((t,e)=>(0,r.jsx)(a.B,{align:"center",...t,direction:"row",ref:e}));l.displayName="HStack"},93262:(t,e,i)=>{i.d(e,{T:()=>l});var a=i(68533),n=i(45490),r=i(37876),l=(0,n.R)((t,e)=>(0,r.jsx)(a.B,{align:"center",...t,direction:"column",ref:e}));l.displayName="VStack"},96333:(t,e,i)=>{i.r(e),i.d(e,{InteractiveChart:()=>$});var a=i(37876),n=i(35578),r=i(70856),l=i(93262),o=i(2515),s=i(43087),c=i(14232),d=i(47636),x=i(8961);let h={maxW:"1200px",templateColumns:{md:"auto auto",base:"auto"},justifyItems:"center",padding:{lg:"0 32px",md:"0 24px",base:"0 20px"},margin:"0 auto",gap:{md:"40px",base:"16px"},alignItems:"center"},g={spacing:"20px",alignItems:"stretch",maxWidth:"448px",justifySelf:"start"},p={justifySelf:{lg:"end"},position:"relative",className:"animate-wheel-pulse"},m={position:"absolute",left:"37%",top:"37%",zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",bg:x.lm.NEUTRAL_COLOR_00,borderRadius:"50%",w:"25%",h:"25%",padding:"12px",color:x.lm.SECONDARY_COLOR,textAlign:"center",fontSize:{lg:"md",base:"1.5vw"},lineHeight:{lg:"md",base:"1.5vw"},fontWeight:"light",cursor:"pointer"},u={size:552,viewBox:"0 0 552 552",rectX:161.774,rectY:113.619,rectSize:281.624,variant:"regular"};var f=i(27038),j=i(96653),v=i(54043),b=i(38993);function w(){var t,e;

1let i=(t=["  \n  0% {opacity: 0}\n  100% {opacity: 1} \n"],e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}})));return w=function(){return i},i}let C={width:"100%",bgGradient:x.TE[x.C3.SECONDARY],paddingTop:"48px",alignItems:"center",flexDirection:"column",position:"relative"},z={position:"relative",width:"100%",height:"100%",maxW:"1200px",minH:"487px",margin:"0 auto",templateColumns:{lg:"auto 488px",base:"auto"},gridAutoFlow:{lg:"column",base:"row"},justifyItems:{lg:"start",md:"center",base:"start"},padding:{lg:"0 32px 160px",md:"0 24px 208px",base:"0 20px 190px"},alignItems:{md:"center",base:"start"},gap:"40px 80px"},O={name:"Close",color:x.lm.NEUTRAL_COLOR_00,cursor:"pointer",size:"lg"},S={headingTag:"h2",fontSize:{base:"2xl",md:"3xl"},lineHeight:{base:"2xl",md:"3xl"},fontWeight:"light",color:x.lm.NEUTRAL_COLOR_00},y={...S,headingTag:"h5",fontSize:{base:"md",md:"md"},lineHeight:{base:"md",md:"md"},fontWeight:"bold",transition:"color 0.3s",marginBottom:"12px"},R={fontSize:"sm",lineHeight:"sm",fontWeight:"lighter",color:x.lm.NEUTRAL_COLOR_00,transition:"color 0.3s",marginBottom:"24px"},_={display:"grid",gridTemplateColumns:{base:"repeat(2, auto)",md:"repeat(2, minmax(auto, 244px))"},gap:"14px 50px",alignItems:"start",justifyContent:{lg:"start",md:"center",base:"start"},width:"100%",maxW:{lg:"488px"}},T={fontWeight:"bold",color:x.lm.NEUTRAL_COLOR_00,fontSize:"md",lineHeight:"md"},P={fontSize:{base:"lg",md:"2xl"},lineHeight:{base:"lg",md:"2xl"},fontWeight:"light",color:x.lm.NEUTRAL_COLOR_00,transition:"color 0.3s",cursor:"pointer"},W={...S,marginBottom:"20px"},A={position:"absolute",bottom:0,overflow:"hidden",width:"100vw",maxW:"501px",height:"50vw",maxH:"250px",transition:"transform 0.5s ease-out"},E={width:"100vw",maxWidth:"501px",transition:"transform 0.5s ease-out"},I={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 552 553",style:{maxWidth:"100%",width:"552px"}},L={width:"100%",display:"flex",justifyContent:"space-between"},N={size:500,viewBox:"0 0 501 501",rectX:234.447,rectY:79.3187,rectSize:242.769,variant:"center"},U=(0,b.i7)(w());var k=i(18363);let H={width:"828",height:"828",href:"/interactive-chart-image-bg.png",id:d.nl,transform:"scale(0.00120773)"},B={id:d.uY,patternContentUnits:"objectBoundingBox",width:"1",height:"1"},Y={fontSize:"20px",fontWeight:300},F={fontSize:"18px",fontWeight:400},D={fontSize:"14px",fontWeight:400};function G(t){let{variant:e,activeId:i,onActiveIdChange:n,size:r,viewBox:l,rectX:o,rectY:s,rectSize:c,labels:h,id:g,lowerCased:p}=t,{svgProps:m,imageProps:u,rectProps:f,patternProps:j,textProps:v,missionTextProps:b}=(t=>{let{variant:e,size:i,viewBox:a,rectX:n,rectY:r,rectSize:l}=t;return{svgProps:{xmlns:"http://www.w3.org/2000/svg",viewBox:a,style:{maxWidth:"100%",width:i}},imageProps:H,rectProps:{x:n,y:r,width:l,height:l,transform:"rotate(".concat(e===d._z?40:10," ").concat(n," ").concat(r,")"),fill:"url(#".concat(d.uY,")")},patternProps:B,missionTextProps:Y,textProps:e===d._z?D:F}})({variant:e,size:r,viewBox:l,rectX:o,rectY:s,rectSize:c}),w=e===d._z?d.Ql:d.wt;return(0,a.jsxs)("svg",{...m,children:[(0,a.jsx)("rect",{...f}),(0,a.jsxs)("defs",{children:[(0,a.jsx)("pattern",{...j,children:(0,a.jsx)("use",{href:"#".concat(d.nl)})}),(0,a.jsx)("image",{...u})]}),w.map(t=>(0,a.jsxs)("g",{id:t.id,className:"chart-slice ".concat(i===t.id?"active":""),onClick:n,style:{cursor:"pointer"},children:[(0,a.jsx)("path",{d:t.slicePath,fill:t.slicePathFill}),t.textPath&&Array.isArray(t.textPath)?t.textPath.map((e,i)=>(0,a.jsx)("path",{id:"".concat(g,"-").concat(t.id,"-text-path-").concat(i),d:e,fill:"none"},"".concat(g,"-").concat(t.id,"-text-path-").concat(i))):(0,a.jsx)("path",{id:"".concat(g,"-").concat(t.id,"-text-path"),d:t.textPath,style:{fill:"transparent"},pathLength:2},"".concat(g,"-").concat(t.id,"-text-path")),(null==h?void 0:h[t.id])&&t.id===d.iU?(0,a.jsx)("text",{style:{...b,fill:t.textFill},children:h[t.id].split(" ").map((e,i)=>(0,a.jsx)("textPath",{href:"#".concat(g,"-").concat(t.id,"-text-path-").concat(i),startOffset:"50%",textAnchor:"middle",children:e},"#".concat(g,"-").concat(t.id,"-text-path-").concat(i)))}):(null==h?void 0:h[t.id])&&(0,a.jsx)("text",{style:{...v,fill:i===t.id?x.IO[x.lm.SECONDARY_COLOR]:t.textFill},children:(0,a.jsx)("textPath",{href:"#".concat(g,"-").concat(t.id,"-text-path"),startOffset:t.textStartOffset||"50%",textAnchor:"middle",children:p&&h[t.id]?h[t.id].toLowerCase():h[t.id]})})]},t.id))]})}var Q=i(99823);let X=t=>{var e;

1let{textContent:i,cta:l,labels:h,id:g,missionData:p,title:m}=t,[u,b]=(0,c.useState)(""),[w,H]=(0,c.useState)(0),[B,Y]=(0,c.useState)(!1),F=t=>{Y(!0);let e=d.Ql.length;H(-(360/e*d.Ql.findIndex(e=>e.id===t))),b(t)},{container:D,contentContainer:X,valuesContainer:$,titleContainer:V,titleMissionProps:q,paragraphMissionProps:J,subtitleMissionProps:K,valueTextProps:M,closeIconProps:Z,titleValues:tt,svgContainer:te,textContainer:ti,titleProps:ta,paragraphProps:tn,svgBox:tr,chartProps:tl}=(t=>{let{activeId:e,activeText:i,isInfoShown:a,labels:n}=t,r={...S,text:null==n?void 0:n[e]};return{container:C,contentContainer:z,textContainer:{display:"flex",flexDirection:"column",alignItems:"start",gap:a?"20px":0,width:"100%",height:"auto",minHeight:{lg:"164px"},maxW:{base:"600px",lg:"568px"},animation:".3s linear 0s normal forwards running ".concat(U)},titleContainer:L,titleProps:r,paragraphProps:{text:i,fontSize:"sm",lineHeight:"sm",fontWeight:"light",transition:"color 0.3s",color:x.lm.NEUTRAL_COLOR_00},closeIconProps:O,titleMissionProps:W,subtitleMissionProps:y,paragraphMissionProps:R,valuesContainer:_,titleValues:T,valueTextProps:P,svgContainer:A,svgProps:I,svgBox:E,chartProps:N}})({activeId:u,activeText:i[u],isInfoShown:B,labels:h});return(0,a.jsxs)(f.s,{...D,children:[(0,a.jsxs)(r.x,{...X,children:[(0,c.createElement)(j.E,{...ti,key:u},u?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(v.z,{...V,children:[(0,a.jsx)(s.Title,{...ta}),(0,a.jsx)(k.I,{...Z,onClick:()=>{Y(!1),b(null),H(0)}})]}),(0,a.jsx)(o.Paragraph,{...tn})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.Title,{...q,text:m}),null==p?void 0:p.map(t=>{let{subtitle:e,paragraph:i}=t;return(0,a.jsxs)(c.Fragment,{children:[(0,a.jsx)(s.Title,{...K,text:e}),(0,a.jsx)(o.Paragraph,{...J,text:i})]},e)}),l&&(0,a.jsx)(Q.Cta,{...l})]})),(0,a.jsxs)(j.E,{...$,children:[(0,a.jsx)(o.Paragraph,{...tt,text:h[d.hA]}),(0,a.jsx)("div",{className:"label"}),null==(e=Object.entries(h))?void 0:e.map(t=>{let[e,i]=t;return e&&(0,c.createElement)(o.Paragraph,{...M,key:"title-".concat(e),text:i,fontWeight:u===e?"bold":"light",onClick:()=>F(e)})})]})]}),(0,a.jsx)(n.az,{...te,children:(0,a.jsx)(n.az,{...tr,transform:"rotate(".concat(w,"deg)"),children:(0,a.jsx)(G,{...tl,activeId:u,onActiveIdChange:t=>{F(t.currentTarget.id)},labels:h,id:g,lowerCased:!0})})})]})},$=t=>{let{textContent:e,variant:i,labels:x,id:f,...j}=t,[v,b]=(0,c.useState)(""),w=t=>b(t.currentTarget.id),{container:C,contentContainer:z,svgContainer:O,textContainer:S,titleProps:y,paragraphProps:R,chartProps:_,ourMissionBlock:T}=(t=>{let{activeId:e,activeText:i,labels:a}=t,n={width:"100%",bgColor:d.YU[e].bgColor,bgGradient:d.YU[e].bgGradient,padding:"48px 0"};return{container:n,contentContainer:h,textContainer:g,svgContainer:p,titleProps:{headingTag:"h2",fontSize:"3xl",lineHeight:"3xl",fontWeight:"light",color:d.YU[e].textColor,transition:"color 0.3s",text:a[e]},paragraphProps:{fontSize:"sm",lineHeight:"sm",fontWeight:"light",color:d.YU[e].textColor,transition:"color 0.3s",text:i},chartProps:u,ourMissionBlock:m}})({activeId:v,activeText:e[v],labels:x});return i===d._z?(0,a.jsx)(X,{id:f,textContent:e,labels:x,...j}):(0,a.jsx)(n.az,{...C,children:(0,a.jsxs)(r.x,{...z,children:[(0,a.jsxs)(n.az,{...O,children:[(0,a.jsx)(n.az,{...T,id:d.iU,onClick:w,children:null==x?void 0:x[d.iU]}),(0,a.jsx)(G,{..._,id:f,activeId:v,onActiveIdChange:w,labels:x})]}),(0,a.jsxs)(l.T,{...S,children:[(0,a.jsx)(s.Title,{...y}),(0,a.jsx)(o.Paragraph,{...R})]})]})})}},96653:(t,e,i)=>{i.d(e,{E:()=>c});var a=i(45490),n=i(8144),r=i(11353),l=i(57110),o=i(37876);function s(t){return(0,l.bk)(t,t=>"auto"===t?"auto":`span ${t}/span ${t}`)}var c=(0,a.R)(function(t,e){let{area:i,colSpan:a,colStart:l,colEnd:c,rowEnd:d,rowSpan:x,rowStart:h,...g}=t,p=(0,r.o)({gridArea:i,gridColumn:s(a),gridRow:s(x),gridColumnStart:l,gridColumnEnd:c,gridRowStart:h,gridRowEnd:d});return(0,o.jsx)(n.B.div,{ref:e,__css:p,...g})});c.displayName="GridItem"}}]);