1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[25],{75737(V,k,s){var i=s(87023),u=s(67443),r=s(24448),w=s(74564);const N={[u.J7.alert]:{title:"entryTitle",markup:{$path:"markup",$formatting:o=>{if(typeof o=="string")return o}},displayIcon:"displayIcon",color:"colour",button:{title:"button.label",href:{$path:"button.entry",$formatting:o=>(0,r.A)(o)},colorType:"button.buttonType"},showTitle:"showTitle"},[u.J7.accordion]:{items:o=>o.map(t=>{var a,c,d;return{label:t.label,content:t.content,buttonText:t.buttonText,buttonType:t.buttonType,link:t&&t.link&&t.link.url||t&&t.link&&t.link.sys.uri,contentBelowButton:t.contentBelowButton,videoTitle:(a=t==null?void 0:t.video)==null?void 0:a.title,videoType:(c=t==null?void 0:t.video)==null?void 0:c.type,videoId:(d=t==null?void 0:t.video)==null?void 0:d.videoID,image:t==null?void 0:t.image}})},[u.J7.asset]:{items:o=>o.map(t=>(0,i.Ay)(t,{title:"title",href:"asset.sys.uri",ext:{$path:"asset.sys.properties.filename",$formatting:a=>{const c=a.split(".");return c[c.length-1].toUpperCase()}},isAsset:()=>!0}))},[u.J7.embed]:{content:"embedCode",height:"heightForElement"},[u.J7.flickrEmbed]:{id:"flickrAlbumID",title:"title"},[u.J7.embedFixedHeight]:{content:"embedCode",height:"heightForElement"},[u.J7.image]:{src:"img.asset.sys.uri",alt:"img.altText",caption:"img.caption",isInitialWidth:"initialWidth"},[u.J7.button]:{title:"label",url:["entry.url","entry.sys.uri","document.sys.uri"],href:{$path:"entry",$formatting:o=>(0,r.A)(o)},colorType:"buttonType"},[u.J7.quote]:{quote:"text",author:"author",background:o=>o!=null&&o.background?"purple":"white"},[u.J7.markup]:{content:{$path:"markup",$formatting:o=>{if(typeof o=="string")return o}},button:"globalButton",background:"background",dottedList:"dottedList",changeOrderListType:"changeOrderListType"},[u.J7.cardColection]:{cards:o=>o&&o.cardColection.map(t=>{var a,c,d,y,g,p,f,$,E,T,L,P,D;return{id:t&&t.value&&t.value.linkEntry&&t.value.linkEntry.sys&&t.value.linkEntry.sys.id||((c=(a=t==null?void 0:t.value)==null?void 0:a.sys)==null?void 0:c.id),title:((y=(d=t==null?void 0:t.value)==null?void 0:d.linkEntry)==null?void 0:y.title)||((g=t==null?void 0:t.value)==null?void 0:g.title),link:((f=(p=t==null?void 0:t.value)==null?void 0:p.linkEntry)==null?void 0:f.url)||((T=(E=($=t==null?void 0:t.value)==null?void 0:$.linkEntry)==null?void 0:E.sys)==null?void 0:T.uri)||((D=(P=(L=t==null?void 0:t.value)==null?void 0:L.asset)==null?void 0:P.sys)==null?void 0:D.uri)}})},[u.J7.globalListingDocuments]:{title:"title",showTitle:"showTitle",documents:o=>o&&o.composer&&o.composer.map(t=>{var a,c,d,y;let g,p;const f=t&&t.value&&t.value.document&&t.value.document.sys&&t.value.document.sys.properties&&t.value.document.sys.properties.fileSize/1024;if(f>=1024){const P=Math.round(f/1024*100)/100;g=`${P}MB`,p=`${P}MB`}else g=`${Math.round(f*100)/100}KB`,p=`${Math.floor(f)}KB`;const E=new Date().toLocaleString("en-GB",{timeZone:"Europe/London"}).replace(/(\d+)\/(\d+)\/(\d+), (\d+):(\d+):(\d+)/,"$3-$2-$1T$4:$5:$6"),T=Date.parse(E),L=Date.parse((a=t==null?void 0:t.value)==null?void 0:a.dateOfExpiry);return T>L?null:{title:t.value.title,typeOfDocument:(y=(d=(c=t==null?void 0:t.value)==null?void 0:c.document)==null?void 0:d.sys)==null?void 0:y.uri.split(".").pop().toUpperCase(),size:g,mobileSize:p,link:t.value.link,url:t&&t.value&&t.value.document&&t.value.document.sys.uri,manualTypeOfDoc:t.value.manualTypeOfDocument,manualSize:t.value.manualSize}})},[u.J7.hiddenButton]:{title:"title",text:"textForAgreement",button:o=>{var t,a,c,d,y,g,p;return{title:(t=o==null?void 0:o.globalButton)==null?void 0:t.label,url:((c=(a=o==null?void 0:o.globalButton)==null?void 0:a.entry)==null?void 0:c.url)||((g=(y=(d=o==null?void 0:o.globalButton)==null?void 0:d.entry)==null?void 0:y.sys)==null?void 0:g.uri),colorType:(p=o==null?void 0:o.globalButton)==null?void 0:p.buttonType}}},[u.J7.openingHours]:{title:"title",councilTime:"councilTimeWeekday"},[u.J7.contentBoxesLayout]:{fullwidth:"fullwidth",boxesWithImage:o=>{var t;return(t=o==null?void 0:o.boxWithImage)==null?void 0:t.map(a=>{var c,d,y,g,p,f,$,E,T;return{title:a==null?void 0:a.title,imageUrl:(y=(d=(c=a==null?void 0:a.image)==null?void 0:c.asset)==null?void 0:d.sys)==null?void 0:y.uri,altText:(g=a==null?void 0:a.image)==null?void 0:g.altText,html:a==null?void 0:a.text,isWhite:a==null?void 0:a.whiteBoxWithShadow,buttonText:a==null?void 0:a.buttonText,buttonUrl:((f=(p=a==null?void 0:a.link)==null?void 0:p.sys)==null?void 0:f.contentTypeId)==="externalLink"?($=a==null?void 0:a.link)==null?void 0:$.url:(T=(E=a==null?void 0:a.link)==null?void 0:E.sys)==null?void 0:T.uri,colorType:a==null?void 0:a.buttonType}})}}
1,[u.J7.admission]:{title:"title",subtitle:"subtitle",textOnTop:"textOnTop",textNoAge:"textWhenAgeNotFound",textForPastDate:"textForPastDate",admissions:o=>o.schoolAdmission.map(t=>({age:t==null?void 0:t.age,text:t==null?void 0:t.text}))},[u.J7.markupWithImage]:{text:"text",image:"image.asset.sys.uri",altText:"image.altText",imagePosition:"imagePosition",href:["linkToImage.url","linkToImage.sys.uri"],imageWidth:"imageWidth"},[u.J7.callout]:{text:"text",background:"backgroundColor",verticalLine:"verticalLine",textColor:"textColor"},[u.J7.imageWithLink]:{image:"image.asset.sys.uri",altText:"image.altText",url:["link.url","link.sys.uri"]},[u.J7.table]:{firstTitleColumn:"firstTitleColumn",scopeFirstColumn:"scopeFirstColumn",secondTitleColumn:"secondTitleColumn",scopeSecondColumn:"scopeSecondColumn",thirdTitleColumn:"thirdTitleColumn",scopeThirdColumn:"scopeThirdColumn",tableElements:o=>o.tableElement.map(t=>{var a,c,d,y;return{title:t==null?void 0:t.title,image:(d=(c=(a=t==null?void 0:t.image)==null?void 0:a.asset)==null?void 0:c.sys)==null?void 0:d.uri,altText:(y=t==null?void 0:t.image)==null?void 0:y.altText,siteType:t==null?void 0:t.siteType,description:t==null?void 0:t.description}})},[u.J7.cardsRow]:{cards:o=>o==null?void 0:o.card.map(t=>{var a,c,d,y;return{image:(d=(c=(a=t==null?void 0:t.image)==null?void 0:a.asset)==null?void 0:c.sys)==null?void 0:d.uri,altText:(y=t==null?void 0:t.image)==null?void 0:y.altText,text:t==null?void 0:t.text}})},[u.J7.sectionWithAccordions]:{title:"title",accordions:"globalAccordion"},[u.J7.informationPageItem]:{title:"title",svg:"svgToTitle.internalLink",color:"colourForSvg",summary:"summary",greySection:"greySection",cards:{$path:"informationalCard",$formatting:{title:"title",description:"description",image:"image.asset.sys.uri",altText:"image.altText",link:["link.url","link.sys.uri"],linkText:"linkText",icon:"entry.internalLink",color:"colourForSVG"}},heroes:"heroCarousel.hero"},[u.J7.bulletCardListing]:{results:{$path:"bulletCard",$formatting:{title:"title",entryTitle:"titleURL.entryTitle",titleUrl:["titleURL.sys.uri","titleURL.url"],markup:"markup"}}},[u.J7.newsListing]:{overrides:{$path:"news",$formatting:{title:"title",uri:"sys.uri",readingTime:"readingTime",image:"metaImage.img.asset.sys.uri"}}},[u.J7.eventsListing]:{title:"title",manuallyPinned:{$path:"event",$formatting:{title:"title",summary:"entryDescription",uri:"sys.uri",image:"metaImage.img.asset.sys.uri",date:{$path:"eventDate",$formatting:o=>(0,w.Ay)(o,"d MMMM yyyy, h:mmtt").replace("AM",t=>t.toLowerCase()).replace("PM",t=>t.toLowerCase()).replace(":00",t=>{const a=o.indexOf(t);return o.slice(a,3)})}}}},[u.J7.sectionVideo]:{title:"title",description:"description",video:{title:"video.entryTitle",type:"video.type",videoID:"video.videoID"}},[u.J7.colorfulHeader]:{title1:"topTitle",title2:"middleTitle",title3:"bottomTitle",color1:"topTitleColor",color2:"middleTitleColor",color3:"bottomTitleColor",background:"background.asset.sys.uri"},[u.J7.titleAnimation]:{title:"title"},[u.J7.dynamicCards]:{cardData:{$path:"iconAndLinkCard",$formatting:{title:"title",cardLink:o=>{var t,a;return(0,r.A)(o.cardLink)!==null?(0,r.A)(o.cardLink):(a=(t=o==null?void 0:o.cardLink)==null?void 0:t.sys)==null?void 0:a.allUris[0]},icon:"icon",iconPath:"svg.internalLink",color:"color",links:{$path:"links",$formatting:o=>({title:o.title,url:(0,r.A)(o)})}}}},[u.J7.staticCards]:{cardData:{$path:"globalLink",$formatting:{title:["linkEntry.entryTitle","linkEntry.title"],link:o=>(0,r.A)(o.linkEntry)}}},[u.J7.stayUpToDate]:{description:"description",icon:"icon.internalLink",button:{title:"globalButton.label",url:["globalButton.entry.url"]}},[u.J7.listingDocumentsPinned]:{title:"title",showTitle:"showTitle",documents:o=>o&&o.composer&&o.composer.map(t=>{var a,c,d,y,g,p,f,$,E,T,L,P,D,W,j,R,z,U,I;let b,Z;const B=((y=(d=(c=(a=t==null?void 0:t.value)==null?void 0:a.document)==null?void 0:c.sys)==null?void 0:d.properties)==null?void 0:y.fileSize)/1024,G=new Date().toLocaleString("en-GB",{timeZone:"Europe/London"}).replace(/(\d+)\/(\d+)\/(\d+), (\d+):(\d+):(\d+)/,"$3-$2-$1T$4:$5:$6"),X=Date.parse(G),M=Date.parse((g=t==null?void 0:t.value)==null?void 0:g.dateOfExpiry);if(B>=1024){const J=Math.round(B/1024*100)/100;b=`${J}MB`,Z=`${J}MB`}else b=`${Math.round(B*100)/100}KB`,Z=`${Math.floor(B)}KB`;return X>M?null:{title:((p=t==null?void 0:t.value)==null?void 0:p.title)||(($=(f=t==null?void 0:t.value)==null?void 0:f.document)==null?void 0:$.entryTitle),typeOfDocument:(L=(T=(E=t==null?void 0:t.value)==null?void 0:E.document)==null?void 0:T.sys)==null?void 0:L.uri.split(".").pop().toUpperCase(),size:b,mobileSize:Z,link:(P=t==null?void 0:t.value)==null?void 0:P.link,url:(j=(W=(D=t==null?void 0:t.value)==null?void 0:D.document)==null?void 0:W.sys)==null?void 0:j.uri,manualTypeOfDoc:(R=t==null?void 0:t.value)==null?void 0:R.manualTypeOfDocument,manualSize:(z=t==null?void 0:t.value)==null?void 0:z.manualSize,modified:(U=t==null?void 0:t.value)==null?void 0:U.manualDate,dateOfExpiry:(I=t==null?void 0:t.value)==null?void 0:I.dateOfExpiry}})},[u.J7.boxWithImage]:{title:"title",imageUrl:"image.asset.sys.uri",altText:"image.altText",html:"text",isWhite:"whiteBoxWithShadow",buttonText:"buttonText",buttonUrl:"link.sys.uri"},[u.J7.groupOfButtons]:{buttons:{$path:"globalButton",$formatting:{title:"label",url:["entry.url","entry.sys.uri","document.sys.uri"],href:{$path:"entry",$formatting:o=>(0,r.A)(o)}}}},[u.J7.imageGallery]:{title:"title",images:{$path:"composerImage",$formatting:{src:"img.asset.sys.uri",alt:"img.altText",caption:"img.caption",isInitialWidth:"initialWidth"}}},[u.J7.decisionTree]:{decisionTree:{title:"title",description:"description",stepTitle:"stepTitle",options:"options"}},[u.J7.script]:{id:"iD",code:"script",height:"height"},[u.J7.timeline]:{title:"title",items:{$path:"timelineItem",$formatting:{date:"date",title:"title",canvas:"canvas",description:"description1",image:{src:["image.asset.sys.uri","image.img.asset.sys.uri","img.asset.sys.uri"],altText:["image.altText","image.img.altText","img.altText"],caption:["image.caption","image.img.caption","img.caption"]}}}}};s.d(k,["A",0,N])},76525(V,k,s){s.d(k,{A:()=>c});var i=s(48322),u=s(52127),r=s(88194),w=s(20294);const _=r.default.button` 2 display: inline-flex; 3 align-items: center; 4 justify-content: center; 5 padding: 2rem; 6 width: 100%; 7 border-radius: 0.5rem; 8 font-weight: 700; 9 font-size: 1.6rem; 10 gap: 0.8rem; 11 color: ${w.A.primary.white}; 12 background-color: ${w.A.designCode.darkBlue}; 13 cursor: pointer; 14 transition: opacity 0.2s ease; 15 border: none; 16 17 &:hover, 18 &:focus { 19 background-color: ${w.A.primary.darkPurple}; 20 } 21`;var N=s(14821);const o="a691995d-521b-4658-a6a2-4ef786bbce63";function t(){const[d,y]=(0,i.useState)(null);return(0,i.useEffect)(()=>{let g=!0;return N.deliveryApi.getEntry(o,1).then(p=>{g&&y(p)}).catch(p=>{console.error("Failed to fetch home entry",p),g&&y(null)}),()=>{g=!1}},[]),d}const c=()=>{var d;const y=(0,u.W6)(),g=t(),p=((d=g==null?void 0:g.sys)==null?void 0:d.uri)||"/",f
21=(g==null?void 0:g.entryTitle)||"Design Code Home",$=()=>{y.push(p)};return i.createElement(_,{className:"design-code-home__button",onClick:$,title:`Go to ${f}`},i.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M15.643 22.4563L25.3265 14.3247C25.4952 13.6479 25.6291 12.9121 25.7436 12.1017C25.972 10.4873 26.5524 9.17508 27.3454 8.108C27.2065 7.68028 27.0405 7.26461 26.8537 6.86011C25.834 7.82315 24.462 8.74155 22.6774 9.2358C22.9144 9.91756 23.0443 10.6453 23.0443 11.403C23.0443 15.1967 19.8288 18.272 15.862 18.272C12.3656 18.272 9.45461 15.8825 8.8127 12.7183C7.58632 13.7246 6.1306 14.4667 4.53418 14.8587C4.87481 15.857 5.3584 16.7705 5.92748 17.6527C9.13524 18.4336 12.5235 19.8936 15.4996 22.5126C15.5485 22.4938 15.5937 22.4751 15.643 22.4563Z",fill:"#7B708F"}),i.createElement("path",{d:"M12.6783 5.24541C13.2098 4.9936 13.7785 4.80206 14.3747 4.68196C14.0933 3.11171 14.2906 1.42314 15.0523 0.0359497C13.9775 0.11319 12.9425 0.327051 11.9658 0.662353C12.4413 1.86248 12.705 3.16752 12.705 4.53373C12.705 4.77304 12.6941 5.01012 12.6783 5.24541Z",fill:"#FFD400"}),i.createElement("path",{d:"M15.9478 22.341C15.8429 22.3789 15.7447 22.4178 15.6429 22.4562L15.5366 22.5459C16.8996 23.751 18.1744 25.202 19.3058 26.9415L21.7002 23.3665C24.361 19.3943 27.6289 16.9387 27.8791 12.181L25.3264 14.3246C24.3732 18.1441 22.2819 20.0385 15.9478 22.341Z",fill:"#1CA6BC"}),i.createElement("path",{d:"M15.9176 32L17.4819 29.6645L12.6895 27.1808L15.9176 32Z",fill:"#EF5BA1"}),i.createElement("path",{d:"M25.3271 14.3246L27.8799 12.181C27.8898 11.989 27.8966 11.7944 27.8966 11.5948C27.8966 10.3795 27.703 9.20885 27.3461 8.10785C26.5531 9.17492 25.9727 10.4871 25.7442 12.1016C25.6298 12.9119 25.4959 13.6481 25.3271 14.3246Z",fill:"#F7931D"}),i.createElement("path",{d:"M25.327 14.3246L15.6436 22.4562C15.7453 22.4178 15.9485 22.341 15.9485 22.341C15.9485 22.341 24.0001 20.6666 25.327 14.3246Z",fill:"#8CC63F"}),i.createElement("path",{d:"M15.5 22.5125C15.5122 22.5232 15.5244 22.5348 15.5366 22.546L15.6434 22.4562C15.5941 22.475 15.5484 22.4937 15.5 22.5125Z",fill:"#0F7E3C"}),i.createElement("path",{d:"M8.67977 11.4029C8.67977 8.70303 10.3092 6.36797 12.6783 5.24553C12.6941 5.00979 12.705 4.77316 12.705 4.53385C12.705 3.16764 12.4412 1.8626 11.9658 0.662476C7.32583 2.25416 4 6.54656 4 11.5948C4 12.8021 4.19814 13.8714 4.5347 14.8586C6.13112 14.4666 7.58685 13.7245 8.81277 12.7182C8.72637 12.2922 8.67977 11.8529 8.67977 11.4029Z",fill:"#F7931D"}),i.createElement("path",{d:"M15.537 22.5458L11.7275 25.7448L12.6897 27.1811L17.4821 29.6644L19.3061 26.9413C18.1752 25.2019 16.8999 23.7513 15.537 22.5458Z",fill:"#8956A3"}),i.createElement("path",{d:"M11.1191 24.8213C12.156 24.0538 13.573 23.2578 15.5004 22.5214C12.5221 19.8973 9.13407 18.4311 5.92797 17.6441C7.13504 19.5138 8.72293 21.2478 10.1424 23.3644L11.1191 24.8213Z",fill:"#009BDF"}),i.createElement("path",{d:"M11.11 24.8184L11.7308 25.745L15.5359 22.5475C15.5237 22.5367 15.5114 22.5248 15.4993 22.5139C13.5681 23.2516 12.1488 24.0494 11.11 24.8184Z",fill:"#FFD400"}),i.createElement("path",{d:"M14.3749 4.68218C14.8549 4.58529 15.352 4.53395 15.8623 4.53395C19.037 4.53395 21.7286 6.50468 22.6777 9.23577C24.4623 8.74197 25.8344 7.82357 26.854 6.86008C24.9875 2.8177 20.8085 0 15.9482 0C15.6465 0 15.3484 0.0147338 15.0521 0.0361646C14.2908 1.42291 14.0935 3.11148 14.3749 4.68218Z",fill:"#EF5BA1"})),i.createElement("span",null,f))}},18370(V,k,s){s.d(k,{A:()=>a});var i=s(48322),u=s(97154),r=s.n(u),w=s(88194);const N=w.default.nav` 22 ${({theme:{colors:c},type:d="more"})=>(0,w.css)` 23 .header { 24 display: flex; 25 justify-content: space-between; 26 align-items: center; 27 padding-left: 2.4rem; 28 color: ${c.primary.white}; 29 ${d==="more"&&`background-color: ${c.primary.darkGrey}`}; 30 ${d==="download"&&`background-color: ${c.primary.violet}`}; 31 ${d==="links"&&`background-color: ${c.primary.lightViolet}`}; 32 & > .header__title { 33 flex: 1 1 auto; 34 margin-bottom: 0; 35 font-size: 2.4rem; 36 line-height: 3.2rem; 37 font-weight: 500; 38 } 39 & > svg { 40 height: 5.5rem; 41 flex: 0 0 25%; 42 } 43 } 44 45 .body { 46 ${d==="more"&&`border-bottom: ${c.primary.lightViolet}
46 4px solid`}; 47 padding: 2rem 1.4rem; 48 ${d==="more"&&`background-color: ${c.secondary.almostWhite}`}; 49 ${d==="download"||d==="links"&&`background-color: ${c.primary.superLightViolet}`}; 50 } 51 h4 { 52 font-weight: 600; 53 margin: 0; 54 } 55 56 ul { 57 list-style: none; 58 padding: 0; 59 } 60 61 li { 62 &:not(:last-child) { 63 margin-bottom: 0.8rem; 64 } 65 } 66 67 a { 68 text-decoration: underline; 69 padding: 1.4rem 1rem; 70 box-decoration-break: clone; 71 } 72 73 .link { 74 color: ${c.primary.darkPurple}; 75 text-decoration: none; 76 margin-right: 2rem; 77 78 &:hover, 79 &:focus, 80 &:active { 81 /* color: ${y=>y.theme.colors.primary.black}; */ 82 text-decoration: underline; 83 } 84 } 85 `} 86`;var o=s(42965);const t=({title:c,items:d,className:y,type:g})=>!d||!Array.isArray(d)||(d=d.filter(p=>p!=null),d.length===0)?null:i.createElement(N,{className:y,type:g,"aria-label":"related content links"},c&&i.createElement("div",{className:"header"},i.createElement("h3",{className:"header__title"},c),g==="more"&&i.createElement(o.A,{name:"More"}),g==="download"&&i.createElement(o.A,{name:"Download"}),g==="links"&&i.createElement(o.A,{name:"Links"})),d&&i.createElement("div",{className:"body"},i.createElement("ul",null,d.map(p=>{var f;return p?i.createElement("li",{key:p.id},i.createElement("a",{className:"link",href:p.url},`${p.title} ${g==="download"?(f=p==null?void 0:p.url)!=null&&f.includes("pdf")?"(PDF, ":"(DOC, ":""}`,p!=null&&p.size?`${p.size})`:"")):null}))));t.propTypes={title:r().string,items:r().array,bgColor:r().string,className:r().string,type:r().string};const a=t},38551(V,k,s){s.r(k),s.d(k,{default:()=>Ke});var i=s(48322),u=s(97154),r=s.n(u),w=s(77610),_=s(18045),N=s(52546),o=s(58618),t=s(99786),a,c;const d=()=>(0,o.XI)(t.v$),y=e=>a(c,e);var g=s(59658);const p=e=>e?e.replace(/-/g,".").replace(/\.{2,}/g,".").replace(/(\d)(\s*)([A-Za-z])/g,"$1 $3").replace(/\.(?=\s|$)/g,"").trim():"";var f=Object.defineProperty,$=Object.defineProperties,E=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,D=(e,n,l)=>n in e?f(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,W=(e,n)=>{for(var l in n||(n={}))L.call(n,l)&&D(e,l,n[l]);if(T)for(var l of T(n))P.call(n,l)&&D(e,l,n[l]);return e},j=(e,n)=>$(e,E(n));const R=()=>{const e=(0,_.useDispatch)(),n=(0,_.useSelector)(v=>N.DT.selectors.selectCurrentPath(v))||"",l=(0,_.useSelector)(g.Yk),m=(0,_.useSelector)(g.Ts);return(0,i.useEffect)(()=>{m||e(d())},[m,e]),{nodes:(0,i.useMemo)(()=>!l||l.length===0?[]:l.filter(v=>!!(v!=null&&v.path)&&!!(v!=null&&v.displayName)).map(v=>j(W({},v),{cleanDisplayName:p(v.displayName)})).sort((v,x)=>v.path.localeCompare(x.path,void 0,{numeric:!0})),[l]),currentPath:n}};var z=s(40424),U=s(72187),I=s.n(U),b=s(88194);const B=(e,n)=>{var l=Math.pow(10,n||0);return Math.round(e*l)/l},A=(e,n)=>{const m=100/(12/e),h=B(m,1);return n==="flex"?` 87 flex: 0 0 ${h}%; 88 max-width: ${h}%; 89 `:`${n}: ${h}%`},G=b.default.div` 90 ${({theme:{mediaQueries:e,grid:n},small:l,offsetSmall:m,medium:h,offsetMedium:v,large:x,offsetLarge:S})=>(0,b.css)` 91 position: relative; 92 width: 100%; 93 padding-left: ${n.column_padding}; 94 padding-right: ${n.column_padding}; 95 96 /* Flexbox replaces floats */ 97 flex: 0 0 100%; 98 max-width: 100%; 99 100 .column { 101 padding-left: 0; 102 padding-right: 0; 103 } 104 105 /* Small (default) */ 106 ${l?A(l,"flex"):null}; 107 ${m?A(m,"margin-left"):null}; 108 109 @media only screen and (min-width: ${e.medium}) { 110 ${h?A(h,"flex"):null}; 111 ${v?A(v,"margin-left"):null}; 112 } 113 114 @media only screen and (min-width: ${e.large}) { 115 ${x?A(x,"flex"):null}; 116 ${S?A(S,"margin-left"):null}; 117 } 118 `} 119`;var X=Object.defineProperty,M=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,ee=(e,n,l)=>n in e?X(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,he=(e,n)=>{for(var l in n||(n={}))J.call(n,l)&&ee(e,l,n[l]);if(M)for(var l of M(n))q.call(n,l)&&ee(e,l,n[l]);return e},be=(e,n)=>{var l={};for(var m in e)J.call(e,m)&&n.indexOf(m)<0&&(l[m]=e[m]);if(e!=null&&M)for(var m of M(e))n.indexOf(m)<0&&q.call(e,m)&&(l[m]=e[m]);return l};const te=e=>{var n=e,{children:l,className:m,style:h}=n,v=be(n,["children","className","style"]);return i.createElement(G,he({style:h,className:I()(m,"column")},v),l)};te.propTypes={small:r().number,offsetSmall:r().number,medium:r().number,offsetMedium:r().number,large:r().number,offsetLarge:r().number,children:r().node,className:r().str
119ing,style:r().object};const ne=te,Ce=b.default.div` 120 display: flex; 121 flex-wrap: wrap; 122 123 margin: 0 auto; 124 width: 100%; 125 126 ${({theme:e,fullWidth:n})=>n?(0,b.css)` 127 padding: 0 ${e.grid.column_padding}; 128 `:(0,b.css)` 129 max-width: ${e.grid.width}; 130 `} 131 132 ${({theme:e,wide:n})=>n&&(0,b.css)` 133 max-width: ${e.grid.width_wide}; 134 `} 135 136 ${({theme:e,margin:n})=>n&&(0,b.css)` 137 margin-top: ${e.grid.small_row_margin}; 138 margin-bottom: ${e.grid.small_row_margin}; 139 140 @media only screen and (min-width: ${e.mediaQueries.large}) { 141 margin-top: ${e.grid.large_row_margin}; 142 margin-bottom: ${e.grid.large_row_margin}; 143 } 144 `} 145 146 ${({theme:e,marginTop:n})=>n&&(0,b.css)` 147 margin-top: ${e.grid.small_row_margin}; 148 149 @media only screen and (min-width: ${e.mediaQueries.large}) { 150 margin-top: ${e.grid.large_row_margin}; 151 } 152 `} 153 154 ${({theme:e,marginBottom:n})=>n&&(0,b.css)` 155 margin-bottom: ${e.grid.small_row_margin}; 156 157 @media only screen and (min-width: ${e.mediaQueries.large}) { 158 margin-bottom: ${e.grid.large_row_margin}; 159 } 160 `} 161 162 /* Nested rows */ 163 .row { 164 display: flex; 165 flex-wrap: wrap; 166 width: auto; 167 max-width: ${e=>e.theme.grid.width}; 168 } 169`;var $e=Object.defineProperty,K=Object.getOwnPropertySymbols,le=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable,oe=(e,n,l)=>n in e?$e(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,Te=(e,n)=>{for(var l in n||(n={}))le.call(n,l)&&oe(e,l,n[l]);if(K)for(var l of K(n))ie.call(n,l)&&oe(e,l,n[l]);return e},Ee=(e,n)=>{var l={};for(var m in e)le.call(e,m)&&n.indexOf(m)<0&&(l[m]=e[m]);if(e!=null&&K)for(var m of K(e))n.indexOf(m)<0&&ie.call(e,m)&&(l[m]=e[m]);return l};const Y=e=>{var n=e,{children:l,className:m,style:h}=n,v=Ee(n,["children","className","style"]);return i.createElement(Ce,Te({className:I()(m,"row"),style:h},v),l)};Y.propTypes={children:r().node,style:r().object,margin:r().bool,fullWidth:r().bool,wide:r().bool,marginTop:r().bool,marginBottom:r().bool,className:r().string},Y.defaultProps={margin:!1};const xe=Y;var _e=s(90473),re=s(24448),we=s(87023),Pe=s(75737);const Le={composerProps:({composer:e})=>(0,we.FL)(e,Pe.A),title:"entryTitle",metaDescription:"metaDescription",description:"entryDescription",contentType:"contentType",bannerImage:"image.asset.sys.uri",canvas:"content",slug:"sys.slug",uri:"sys.uri",entryThumbnail:"entryThumbnail",metaImage:{src:"metaImage.img.asset.sys.uri",alt:"metaImage.img.altText"},applicationType:"applicationType.sys.id",areaType:"areaType.sys.id",developmentType:"developmentType.sys.id",sidebarButtonLink:{$path:"sidebarButtonLink",$formatting:e=>{var n,l;return e?{id:(n=e==null?void 0:e.sys)==null?void 0:n.id,title:e==null?void 0:e.entryTitle,url:(l=e==null?void 0:e.sys)==null?void 0:l.uri}:null}},subSections:{title:()=>"Subsections",items:{$path:"subSections[*]",$formatting:e=>{var n;return e?{id:(n=e==null?void 0:e.sys)==null?void 0:n.id,title:e==null?void 0:e.entryTitle,url:(0,re.A)(e)}:null}}},usefulLinksProps:{title:()=>"Related links",items:{$path:"usefulLinks[*].linkEntry",$formatting:e=>e?{id:e.sys.id,title:e.entryTitle,url:(0,re.A)(e)}:null}}},ae=b.default.div` 170 ${({theme:{colors:e,mediaQueries:n}})=>(0,b.css)` 171 padding: 6.4rem 0 8rem 0; 172 173 .content { 174 margin-bottom: 2.4rem; 175 } 176 177 .subsections { 178 .subsection-grid { 179 display: grid; 180 grid-template-columns: 1fr; 181 gap: 2rem; 182 margin: 2rem 0; 183 padding: 0; 184 list-style: none; 185 align-items: stretch; 186 187 li { 188 display: flex; 189 } 190 } 191 @media only screen and (min-width: ${n.medium}) { 192 .subsection-grid { 193 grid-template-columns: repeat(3, 1fr); 194 } 195 } 196 } 197 198 .paging-container { 199 margin-top: 36px; 200 position: relative; 201 202 a { 203 position: absolute; 204 font-size: 24px; 205 text-decoration: underline; 206 &.next { 207 right: 0; 208 } 209 &.prev { 210 left: 0; 211 } 212 } 213 } 214 215 .aside-content { 216 margin-top: 3.6rem; 217 218 .related-content { 219 .header__title { 220 font-size: 1.8rem; 221 font-weight: 400; 222 } 223 .header { 224 padding: 1.6rem; 225 svg { 226 display: none; 227 } 228 } 229 a { 230 text-decoration: underline; 231 } 232 } 233 234 @media only screen and (min-width: ${n.medium}) { 235 margin-top: 0; 236 } 237 238 @media print { 239 display: none; 240 } 241 & > * { 242 margin-bottom: 3.6rem; 243 } 244 } 245 246 .related-content { 247 &:nth-child(odd) { 248 background-color: ${e.primary.grey}; 249 } 250 251 &:nth-child(even) { 252 background-color: ${e.secondary.brightPurple}; 253 } 254 255 &:not(:last-child) { 256 margin-bottom: 1.6rem; 257 } 258 } 259 260 .aside-content { 261 position: sticky; 262 top: 1rem; 263 align-self: flex-start; 264 } 265 `} 266`;ae.defaultProps={theme:{}};const Se=ae;var Oe=s(79314),ke=s(42584);const De=b.default.nav` 267 border-top: 1px solid ${({theme:e})=>e.colors.secondary.greyPurple}; 268 padding-top: 2.5rem; 269 display: flex; 270 flex-direction: column; 271 justify-content: start; 272 align-items: flex-end; 273 274 @media only screen and (min-width: ${ke.HP.medium}) { 275 flex-direction: row; 276 justify-content: space-between; 277 align-items: center; 278 } 279 280 .pagination-item--next { 281 flex-direction: row-reverse; 282 } 283 284 .pagination-item { 285 display: flex; 286 align-items: center; 287 gap: 1rem; 288 padding: 10px 0; 289 } 290 291 .pagination-item__title { 292 display: block; 293 font-weight: bold; 294 } 295 296 .pagination-item__icon { 297 width: 1.3rem; 298 height: 1.3rem; 299 fill: ${({theme:e})=>e.colors.primary.white}; 300 background-color: ${({theme:e})=>e.colors.designCode.darkBlue}; 301 padding: 1rem; 302 box-sizing: content-box; 303 304 &:hover, 305 &:focus { 306 background-color: ${({theme:e})=>e.colors.primary.darkPurple}; 307 } 308 } 309`;var Q=s(42704);const Ne={prev:i.createElement("path",{d:"M12.68,15.99,24.03,4.64a2.14,2.14,0,0,0-3-3L8.14,14.47a2.15,2.15,0,0,0,0,3L21,30.36a2.14,2.14,0,0,0,3-3Z"}),next:i.createElement("path",{d:"M19.84,16,8.49,27.35a2.14,2.14,0,0,0,3,3L24.38,17.52a2.15,2.15,0,0,0,0-3L11.52,1.63a2.14,2.14,0,0,0-3,3L19.84,16Z"})},se=({entry:e,direction:n})=>i.createElement("div",{className:`pagination pagination--${n}`},i.createElement(Q.A,{href:e.path,rel:n,className:`pagination-item pagination-item--${n}`},i.createElement("svg",{className:`pagination-item__icon pagination-item__icon--${n}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 32 32",preserveAspectRatio:"xMinYMid",role:"img"},Ne[n]),i.createElement("div",{className:"pagination-item__text"},i.createElement("span",{className:"pagination-item__label"},e.cleanDisplayName||e.displayName))));
309se.propTypes={entry:r().shape({path:r().string.isRequired,displayName:r().string}).isRequired,direction:r().oneOf(["prev","next"]).isRequired};const de=se,ue=({nodes:e=[],currentPath:n=""})=>{const{prev:l,next:m}=(0,i.useMemo)(()=>{if(!e||e.length===0||!n)return{prev:null,next:null};const h=[...e].sort((O,H)=>O.displayName.localeCompare(H.displayName,void 0,{numeric:!0,sensitivity:"base"})),v=O=>O==null?void 0:O.replace(/\/$/,"").toLowerCase(),x=v(n),S=h.findIndex(O=>v(O.path)===x);return S===-1?{prev:null,next:null}:{prev:h[S-1]||null,next:h[S+1]||null}},[e,n]);return!l&&!m?null:i.createElement(De,{role:"navigation","aria-label":"Pagination",className:"content-pagination"},l&&i.createElement(de,{entry:l,direction:"prev"}),m&&i.createElement("div",{className:`pagination pagination--next ${l?"":"no-prev"}`},i.createElement(de,{entry:m,direction:"next"})))};ue.propTypes={nodes:r().array,currentPath:r().string};const Ae=ue;var Be=s(18370),ce=s(77957),Me=s(17428);const Ie=b.default.nav` 310 margin-top: 4rem; 311 312 h2 { 313 font-size: 1.8rem; 314 font-weight: 400; 315 margin-bottom: 0; 316 } 317 318 .sidenav-list { 319 display: flex; 320 flex-direction: column; 321 padding-left: 0; 322 margin-bottom: 2.4rem; 323 list-style-type: none; 324 overflow: hidden; 325 font-size: 1.4rem; 326 } 327 328 .sidenav-list-item a { 329 line-height: 1.5; 330 display: inline-block; 331 vertical-align: middle; 332 margin: 0 1.6rem; 333 text-decoration: none; 334 padding: 0.8rem 0; 335 font-weight: 600; 336 &:hover { 337 text-decoration: underline; 338 } 339 } 340 341 .active { 342 background-color: ${e=>e.theme.colors.designCode.yellow}; 343 } 344`,me=()=>{var e;const n=(0,_.useSelector)(ce.m9),l=(0,_.useSelector)(ce.y4),m=(0,_.useSelector)(Me.n);if(!n)return null;const h=l.length+1;let v=[];if(h===1)v=n.children||[];else if(h===2)v=n.children||[];else{const C=l[l.length-1];v=C?[C,...m]:m}const x=v.filter(C=>C.includeInMenu!==!1);if(!x.length)return null;const F=(((e=n.displayName)==null?void 0:e.split(" ")[0])||"").replace(/\.$/,"").split(".").length===1?"In this chapter":"In this section";return i.createElement(Ie,{className:"sidenav","aria-label":"Sidebar menu"},i.createElement("div",{className:"sidenav-heading"},i.createElement("h2",null,F)),i.createElement("ul",{className:"sidenav-list"},x.map(C=>{const fe=C.path===n.path;return i.createElement("li",{className:`sidenav-list-item ${fe?"active":""}`,key:C.id},i.createElement(Q.A,{className:`sidenav-link ${fe?"active":""}`,href:C.path,"aria-label":`sidenav link to ${C.displayName}`},C.displayName))})))};me.propTypes={className:r().string};const Je=me,Fe=(0,b.default)(Q.A)` 345 display: flex; 346 flex-direction: column; 347 flex: 1; 348 text-decoration: none; 349 height: 15rem; 350 351 &:hover .subsection-card__inner { 352 background-color: ${e=>e.theme.colors.designCode.yellow}; 353 .subsection-card__icon, 354 .subsection-card__title { 355 text-decoration: none; 356 } 357 } 358 359 .subsection-card__inner { 360 padding: 2.4rem; 361 height: 100%; 362 color: ${e=>e.theme.colors.primary.black}; 363 text-decoration: none; 364 display: flex; 365 flex-direction: column; 366 justify-content: center; 367 align-items: start; 368 background-color: ${e=>e.theme.colors.primary.grey}; 369 border-bottom: 4px solid ${e=>e.theme.colors.designCode.yellow}; 370 } 371 372 .subsection-card__title { 373 display: block; 374 font-size: 1.6rem; 375 font-weight: 600; 376 margin-top: 0.5rem; 377 } 378`,pe=({title:e,url:n})=>i.createElement(Fe,{href:n,className:"subsection-card"},i.createElement("div",{className:"subsection-card__inner"},i.createElement("span",{className:"subsection-card__title"},e)));pe.propTypes={title:r().string.isRequired,url:r().string.isRequired,icon:r().shape({src:r().string,alt:r().string})};const We=pe;var je=s(76525),Re=Object.defineProperty,ge=Object.getOwnPropertySymbols,ze=Object.prototype.hasOwnProperty,Ue=Object.prototype.propertyIsEnumerable,ve=(e,n,l)=>n in e?Re(e,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[n]=l,Ze=(e,n)=>{for(var l in n||(n={}))ze.call(n,l)&&ve(e,l,n[l]);if(ge)for(var l of ge(n))Ue.call(n,l)&&ve(e,l,n[l]);return e};const ye=({entry:e})=>{var n;if(!e)return null;const{title:l,bannerImage:m,usefulLinksProps:h,subSections:v,canvas:x,sidebarButtonLink:S}=(0,w.Vs)(e,Le),{nodes:O,currentPath:H}=R(),F=!1;return i.createElement(z.A,{className:"design-code__layout",contentTypeId:e.sys.contentTypeId,bannerImage:m,style:{overflowX:"visible"}},i.createElement(Se,null,i.createElement("div",{className:"design-code-section__content-wrapper"},i.createElement(xe,null,i.createElement(ne,{medium:F?12:8},i.createElement("h2",null,l),x&&i.createElement(Oe.A,{data:x}),((n=v==null?void 0:v.items)==null?void 0:n.length)>0&&i.createElement("div",{className:"subsections"},i.createElement("h2",null,v.title||"More in this section"),i.createElement("ul",{className:"subsection-grid"},v.items.map(C=>i.createElement("li",{key:C.id},i.createElement(We,{title:C.title,url:C.url}))))),i.createElement(Ae,{nodes:O,currentPath:H})),i.createElement(ne,{medium:F?0:4,className:"aside-content"},i.createElement("div",{className:"wrapper"},i.createElement(je.A,{sidebarButtonLink:S}),i.createElement(Je,null),h&&!F&&i.createElement(Be.A,Ze({className:"related-content",type:"links"},h))))))))};
378ye.propTypes={sidebarButtonLink:r().shape({entryTitle:r().string,uri:r().string}),title:r().string,metaDescription:r().string,description:r().string,entryThumbnail:r().string,metaImage:r().shape({src:r().string,alt:r().string}),subSections:r().shape({title:r().string,items:r().arrayOf(r().shape({id:r().string,title:r().string,url:r().string}))}),canvas:r().shape({items:r().arrayOf(r().object)}),applicationTypeId:r().string,areaTypeId:r().string,developmentTypeId:r().string};const Ke=(0,_e.A)(ye)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.