https://www.nikon.nl/dist-client/FeaturedCourses-Chunk-7d05220ed15a0f263feb.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2330,4497,5763],{47963(e,t,a){a.d(t,{A:()=>r});var l=a(55567),n=a(97500),o=a.n(n);const r=({bullets:e,textSize:t="body-three",textColour:a="text-black-100 dark:text-white",className:n,bulletClasses:r,bulletColour:c="text-black-100 dark:text-yellow",dataTestId:s})=>{const i=e.filter(e=>"string"==typeof e&&!!e||"object"==typeof e&&!!e?.name);return i.length?React.createElement("div",{className:o()("flex flex-wrap items-center",n),"data-testid":s},i.map((e,n)=>React.createElement("span",{key:"string"==typeof e?e:e?.name,className:o()("flex pr-2",a,t,r)},0!==n&&React.createElement("span",{"aria-hidden":"true",className:o()("mr-2 block",c)},"•"),"object"==typeof e&&React.createElement(l.A,{link:{...e,...e?.ariaLabel?{ariaLabel:`${e?.name} ${e?.ariaLabel}`}:{}},hasHoverUnderline:!0},e?.name),"string"==typeof e&&e))):null}},63495(e,t,a){a.d(t,{A:()=>c});var l=a(38431),n=a(73359),o=a(97500),r=a.n(o);const c=({ariaLabel:e,className:t,color:a="black",onClick:o,size:c=l.A.lg,dataTestId:s,ref:i})=>{const{closeModalAriaLabel:m}=(0,n.A)();return React.createElement("button",{type:"button",className:r()("close-button",{black:"before:bg-black-100 after:bg-black-100",white:"before:bg-white after:bg-white",red:"before:bg-red-100 after:bg-red-100"}[a],t),"aria-label":e??m,style:{width:c,height:c},onClick:o,"data-testid":s,ref:i})}},55567(e,t,a){a.d(t,{A:()=>o});var l=a(97500),n=a.n(l);const o=({link:e,linkCondition:t=!0,hasHoverUnderline:a,className:l,onLinkClick:o,children:r})=>e?.url&&t?React.createElement("a",{href:e.url,target:e.target,onClick:o,className:n()({"decoration-1 underline-offset-2 hover:underline":a},l),"aria-label":e.ariaLabel},r):React.createElement(React.Fragment,null,r)},37927(e,t,a){a.d(t,{A:()=>f});var l=a(63495),n=a(47976),o=a(22129),r=a(38431),c=a(87407),s=a(97500),i=a.n(s),m=a(15536),d=a.n(m),u=a(59471);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},p.apply(null,arguments)}const f=({ariaDescribedBy:e,ariaLabelledBy:t,children:a,closeButtonIconSize:s=r.A.md,containerZIndexClassName:m="z-max",contentAnimation:f,contentClasses:b,crossClasses:h,crossColor:x="white",crossMarginsClassName:y="mr-8 mt-8",isCloseButtonFixed:A=!0,isOpen:g,modalClasses:E,modalOpacityAnimationDuration:k=.8,shouldCloseOnClickOutsideContent:v=!1,shouldCloseOnEscapeKey:w=!0,shouldLockBody:C=!0,showCloseButton:R=!0,transparent:N=!1,onCloseCallback:S,setIsOpen:I})=>{const z=(0,u.useRef)(null),L=(0,u.useRef)(null),{lockBodyScroll:T}=(0,c.A)();(0,u.useEffect)(()=>(g&&C&&T(!0),()=>{C&&T(!1)}),[g,C,T]);const B=(0,u.useCallback)(()=>{I?.(!1),S?.()},[S,I]);return(0,u.useEffect)(()=>{const e=e=>{"Escape"===e.key&&!0===g&&w&&I?.(!1)};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[g,w,I]),(0,u.useEffect)(()=>{const e=e=>{g&&v&&!z.current?.contains(e.target)&&B()};return window.addEventListener("click",e,!0),()=>{window.removeEventListener("click",e,!0)}},[B,g,v]),g?React.createElement(o.A,{key:"portal",mountId:"drawer-root"},React.createElement(d(),{focusTrapOptions:{preventScroll:!0,escapeDeactivates:!1,fallbackFocus:()=>L.current,...R&&{initialFocus:()=>L.current}}},React.createElement(n.A,{animate:{opacity:1},className:i()("relative h-auto",m),exit:{opacity:0},initial:{opacity:0}

1,transition:{duration:k,ease:[.04,.62,.23,.98]}},React.createElement("section",{ref:L,className:i()(N?"bg-black-100/50":"bg-black-100","fixed inset-0 z-100 text-white"),"aria-modal":"true",role:"dialog","aria-labelledby":t,"aria-describedby":e,tabIndex:-1},React.createElement("div",{className:"flex h-full w-full"},React.createElement("div",{className:i()(E,"container h-full w-full overflow-y-auto")},React.createElement(n.A,p({},f,{className:i()(b,"relative text-left"),ref:z}),R&&React.createElement(l.A,{color:x,size:s,onClick:B,className:i()("top-0 right-0 z-100 flex cursor-pointer flex-col items-center",A?"fixed":"absolute",y,h)}),a))))))):null}},22129(e,t,a){a.d(t,{A:()=>o});var l=a(59471),n=a(58289);const o=({mountId:e,children:t})=>{const a=(0,l.useMemo)(()=>document.createElement("div"),[]);return(0,l.useEffect)(()=>(document.getElementById(e)?.appendChild(a),()=>{document.getElementById(e)?.removeChild(a)}),[e,a]),(0,n.createPortal)(t,a)}},68883(e,t,a){a.d(t,{A:()=>m});var l=a(36223),n=a(76439),o=a(17187),r=a(8811),c=a(45845),s=a(97500),i=a.n(s);const m=({backgroundColourClassName:e="bg-grey-100 dark:bg-grey-600",displayCheck:t=!1,displayOutline:a=!1,displayOutlineColor:s="border-yellow",iconToolTip:m,initials:d,size:u,thumbnail:p,tooltipBackgroundColor:f,dataTestId:b="Profile-Picture"})=>{const h={[r.A.Size30]:"w-[30px] h-[30px]",[r.A.Size38]:"w-[38px] h-[38px]",[r.A.Size41]:"w-[41px] h-[41px]",[r.A.Size50]:"w-[50px] h-[50px]",[r.A.Size76]:"w-[76px] h-[76px]",[r.A.Size120]:"w-[120px] h-[120px]"},x={[r.A.Size30]:"small-text",[r.A.Size38]:"small-text",[r.A.Size41]:"small-text",[r.A.Size50]:"body-four",[r.A.Size76]:"h6",[r.A.Size120]:"h4"},y={[r.A.Size30]:"0.625rem",[r.A.Size38]:"0.59375rem",[r.A.Size41]:"0.854rem",[r.A.Size50]:"1rem",[r.A.Size76]:"1.125rem",[r.A.Size120]:"1.5rem"},A={[r.A.Size30]:"right-0.5 -bottom-px",[r.A.Size38]:"right-0.5 -bottom-1",[r.A.Size41]:"right-1 -bottom-0.5",[r.A.Size50]:"right-0 bottom-0",[r.A.Size76]:"right-1 bottom-0",[r.A.Size120]:"right-2 bottom-2"};return React.createElement("div",{className:i()("relative shrink-0",h[u])},React.createElement("div",{className:i()({[`border-2 ${s}`]:a,[`${e}`]:!p},"h-full w-full rounded-full")},p?React.createElement(n.A,{image:p,imageClasses:"rounded-full w-full h-full",sizes:"300px",dataTestId:`${b}-Image`}):d&&React.createElement("div",{className:"flex h-full w-full items-center justify-center"},React.createElement("span",{className:i()("text-grey-450 uppercase dark:text-grey-100",x[u]),"data-testid":`${b}-Initials`},d))),t&&React.createElement("div",{className:i()("tooltip-parent absolute flex",A[u]),"aria-hidden":"true"},React.createElement(l.A,{name:"check",colorClassName:"text-black-100 bg-yellow rounded-full p-[1px]",size:y[u]}),m&&React.createElement(o.A,{label:m,position:c.A.Custom,backgroundColor:f,customContentClassName:"bottom-3 left-1/2"})))}},17187(e,t,a){a.d(t,{A:()=>r});var l=a(45845),n=a(97500),o=a.n(n);const r=({arrowRadiusClassName:e="rounded-sm",backgroundColor:t="bg-white",customArrowClassName:a,customContentClassName:n,customWrapperClassName:r,dataTestId:c="Tooltip",hasArrow:s,hasTooltipClass:i=!0,id:m,label:d,position:u,children:p})=>{const f={[l.A.Top]:"bottom-3 left-1/2 -translate-x-1/2",[l.A.Bottom]:"left-1/2 -translate-x-1/2 top-3",[l.A.BottomLeft]:"left-1/2 translate-x-[calc(-100%+20px)] top-3",[l.A.Custom]:n},b=u===l.A.Bottom||u===l.A.BottomLeft,h=u===l.A.Top;return React.createElement("div",{className:o()("absolute z-100 w-full",r,{tooltip:i,"top-0":h,"bottom-0":b})},s&&React.createElement("span",{className:o()("absolute left-1/2 h-[17px] w-[17px] -translate-x-1/2 rotate-45",t,e,a,{"top-2.5":b,"bottom-2.5":h}),"data-testid":`${c}-Arrow`}),p?React.createElement("div",{className:o()("absolute",f[u]),id:m,role:m?"tooltip":void 0},p):React.createElement("p",{className:o()("small-text absolute whitespace-nowrap rounded-full p-1 px-3 text-center text-black-100",t,f[u]),id:m,role:m?"tooltip":void 0,"data-testid":c},d))}},55750(e,t,a){a.d(t,{A:()=>m});var l=a(36223),n=a(38431),o=a(31571),r=a(93750),c=a(97500),s=a.n(c),i=a(59471);const m=({caption:e,captionForIcon:t,className:a="h4",infoIconSize:c=n.A.md,isSubscript:m=!1,showInfoIcon:d=!0,text:u,title:p,dataTestId:f="CT-87-Content-Overlay"})=>{const[b,h]=(0,i.useState)(!1);return e||u?React.createElement("button",{className:s()("items-start gap-x-1",m?"inline-flex align-super":"flex"),onClick:()=>h(!b),type:"button","aria-label":t??e},t&&React.createElement("div",{className:a},t),d&&React.createElement(l.A,{colorClassName:"text-black-100 dark:text-white",name:"info",size:c}),React.createElement(r.A,{description:u,isModalOpen:b,secondaryTitle:p,title:e,toggleModal:h,type:o.A.ContentOverlay,dataTestId:f})):null}},93750(e,t,a){a.d(t,{A:()=>u});var l=a(89993),n=a(63495),o=a(36223),r=a(37927),c=a(31571),s=a(28885),i=a(97500),m=a.n(i),d=a(59471);const u=({buttonText:e,description:t,isModalOpen:a,ctaLink:i,secondaryTitle:u,title:p,toggleModal:f,type:b,handleCTAClick:h,dataTestId:x="CT-Info-Modal",shouldLockBody:y})=>{const A=(0,s.A)(1024),g=(0,d.useRef)(null);(0,d.useEffect)(()=>{a&&g.current?.focus()},[a]);const E=!!h&&!!e,k=!!i?.url&&!!i.name,v={[c.A.Error]:"warning",[c.A.Information]:"info",[c.A.Success]:"check"},w={[c.A.Error]:"text-yellow",[c.A.Information]:"text-green",[c.A.Success]:"bg-yellow rounded-full p-2"};return React.createElement(r.A,{isOpen:a,setIsOpen:f,modalClasses:"flex flex-col justify-center items-center w-full h-full fixed top-0 bottom-0 left-0 right-0 bg-black-100/25 max-w-none",contentClasses:"w-full p-0 flex justify-center",transparent:!0,showCloseButton:!1,shouldLockBody:y},React.createElement("div",{className:m()("flex max-h-[90vh] w-full flex-col overflow-hidden rounded-lg bg-white p-3 sm:w-2/4 lg:p-7.5",b===c.A.ContentOverlay?"xl:w-[673px]":"xl:w-1/3"),"data-testid":`${x}-Info-Modal`},React.createElement("div",{className:"flex justify-end"},React.createElement(n.A,{ref:g,onClick:()=>f(!1),className:"relative cursor-pointer",size:A?"1.25rem":"1.5rem",dataTestId:`${x}-Info-Modal-Close-Button`})),React.createElement("div",{className:m()(b===c.A.ContentOverlay?"px-2 pt-2 pb-4 lg:px-6 lg:pb-7.5":"px-2.5 pt-5 pb-13 lg:px-5 lg:pt-7.5",{"text-center":b===c.A.Success},"flex flex-col overflow-auto text-black-100")},b!==c.A.ContentOverlay&&React.createElement(o.A,{name:v[b],size:"3.375rem",colorClassName:w[b],className:m()("mb-5 shrink-0 lg:mb-7.5",{"mx-auto":b===c.A.Success}),"data-testid":`${x}-Info-Modal-Icon`}),(p||t)&&React.createElement("div",{className:"flex flex-col gap-y-2.5 lg:gap-y-2"},p&&React.createElement("h4",{"data-testid":`${x}-Pop-Up-Title`},p,u&&React.createElement("span",{className:"text-grey-450"}," ",u)),t&&React.createElement("div",{className:"max-h-[30vh] overflow-y-auto"},React.createElement("p",{className:"body-one whitespace-pre-line","data-testid":`${x}-Pop-Up-Text`},t))),(E||k)&&React.createElement("div",{className:"mt-5 lg:mt-10"},k?React.createElement(l.A,{link:i,dataTestId:`${x}-Info-Modal-CTA-Link`}):React.createElement(l.A,{onClick:h,dataTestId:`${x}-Info-Modal-CTA`},e)))))}},9942(e,t,a){a.d(t,{A:()=>i});var l=a(55567),n=a(68883),o=a(8811),r=a(73359),c=a(97500),s=a.n(c);const i=({authors:e,profilePictureSize:t=o.A.Size38,defaultPictureOutlineColor:a="border-grey-600",pictureBackgroun

1dColor:c="bg-black-100",showProfilePhotos:i=!0,dataTestId:m="Multiple-Authors",children:d,noLink:u})=>{const{authorPageAriaLabel:p}=(0,r.A)();return React.createElement("div",{className:"flex items-center","data-testid":m},i&&React.createElement("div",{className:"flex"},e.map(({image:e,name:o,role:r,initials:i,ambassador:d,link:f},b)=>React.createElement("div",{className:s()({"-ml-5":b>0}),key:`${o}${r?`-${r}`:""}`},React.createElement(l.A,{link:{...f,ariaLabel:`${o} ${p}`},linkCondition:!u},React.createElement(n.A,{thumbnail:e,displayOutline:!0,displayOutlineColor:d?"border-yellow":a,displayCheck:d,backgroundColourClassName:c,size:t,initials:i,dataTestId:`${m}-Author-${b}-Profile-Picture`}))))),d)}},40802(e,t,a){a.r(t),a.d(t,{default:()=>h});var l=a(89993),n=a(47976),o=a(44578),r=a(719),c=a(13282),s=a(55750),i=a(51326),m=a(14120),d=a(28885),u=a(34629),p=a(59471),f=a(90683);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},b.apply(null,arguments)}const h=({cta:e,informationLink:t,multipleDatesLabel:a,multipleLocationsLabel:h,multipleTimesLabel:x,multipleTrainersLabel:y,onlineLabel:A,sectionTitle:g,tabs:E,vatLabel:k,anchorId:v=""})=>{const[w,C]=(0,p.useState)(0),R=E?.map(e=>e.title)??[],N=E?.[w]?.items,S=(0,d.A)(768),I={multipleDatesLabel:a,multipleTimesLabel:x,multipleTrainersLabel:y,multipleLocationsLabel:h,onlineLabel:A,vatLabel:k};return React.createElement("section",{className:"component-padding dark bg-black-100 text-white",id:`a-${v}`},g&&React.createElement("h2",{className:"container pb-7.5 lg:pb-8"},g),!!E?.length&&React.createElement(React.Fragment,null,React.createElement("div",{className:"container mb-7.5 flex items-center justify-between lg:mb-0"},React.createElement(o.A,{className:"flex w-full overflow-x-auto md:mr-[50px]",threshold:.01,hasTabbableNestedItems:!0},React.createElement("div",{className:"flex items-center gap-x-4 md:px-0"},R.map((e,t)=>{const a=t===w;return React.createElement(r.A,{key:e,text:e,tagType:a?c.A.Secondary:c.A.Primary,pointerStates:!a,disabled:a,onClick:()=>C(t)})}),t&&React.createElement(s.A,b({},t,{showInfoIcon:!1,className:"body-three ml-3 hidden text-grey-400 underline lg:flex"})))),e?.url&&e?.name&&React.createElement(l.A,{className:"hidden shrink-0 lg:flex",link:e})),React.createElement(u.N,null,React.createElement(n.A,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0,transition:{duration:0}},key:`${R[w]}-${w}`},t&&React.createElement("div",{className:"container"},React.createElement(s.A,b({},t,{showInfoIcon:!1,className:"body-three container mb-7.5 pr-0 pl-0 text-grey-400 underline md:container md:mb-0 md:pl-0 lg:hidden"}))),S?React.createElement("div",{className:"container flex flex-col gap-5"},N?.map(e=>React.createElement("div",{key:e.title,className:"stretch-card"},React.createElement(i.A,b({},e,I))))):React.createElement(m.A,{id:"featured-courses-carousel",items:N??[],shadows:!0},e=>e.map(({ariaHidden:e,ariaLabel:t,inert:a,...l})=>React.createElement(f.qr,{key:l.title,className:"stretch-card","aria-hidden":e,"aria-label":t,inert:a},React.createElement(i.A,b({},l,I))))))),React.createElement("div",{className:"container mt-7.5 flex justify-start lg:hidden"},e?.name&&e?.url&&React.createElement(l.A,{link:e}))))}},38431(e,t,a){a.d(t,{A:()=>n});var l=function(e){return e.xs=".5rem",e.sm=".75rem",e.md="1rem",e.lg="1.5rem",e.xl="1.75rem",e.xxl="2rem",e}(l||{});const n=l},31571(e,t,a){a.d(t,{A:()=>n});var l=function(e){return e.Success="success",e.Error="error",e.Information="information",e.ContentOverlay="content_overlay",e}(l||{});const n=l},8811(e,t,a){a.d(t,{A:()=>n});var l=function(e){return e.Size30="SIZE30",e.Size38="SIZE38",e.Size41="SIZE41",e.Size50="SIZE50",e.Size76="SIZE76",e.Size120="SIZE120",e}(l||{});const n=l},45845(e,t,a){a.d(t,{A:()=>n});var l=function(e){return e.Top="Top",e.Bottom="Bottom",e.BottomLeft="BottomLeft",e.Custom="Custom",e}(l||{});const n=l},89983(e,t,a){a.d(t,{A:()=>l});const l=(0,a(44285).A)(e=>({isBodyScrollLocked:!1,setIsBodyScrollLocked:t=>e({isBodyScrollLocked:t})}))},87407(e,t,a){a.d(t,{A:()=>o});var l=a(89983),n=a(59471);const o=()=>{const{setIsBodyScrollLocked:e}=(0,l.A)(e=>({setIsBodyScrollLocked:e.setIsBodyScrollLocked}));return{lockBodyScroll:(0,n.useCallback)(t=>{const{body:a}=document;if(t){const e=window.scrollY;document.documentElement.style.setProperty("--scroll-y",`${e}`),a.style.position="fixed",a.style.top=`-${e}px`}else{const e=document.documentElement.style.getPropertyValue("--scroll-y");a.style.position="",a.style.top="",e&&window.scrollTo(0,parseInt(e,10)),document.documentElement.style.removeProperty("--scroll-y")}e(t)},[e])}}},32088(e,t,a){a.d(t,{W:()=>r});var l=a(59471),n=a(57671);const o={some:0,all:1};function r(e,{root:t,margin:a,amount:r,once:c=!1,initial:s=!1}={}){const[i,m]=(0,l.useState)(s);return(0,l.useEffect)(()=>{if(!e.current||c&&i)return;const l={root:t&&t.current||void 0,margin:a,amount:r};return function(e,t,{root:a,margin:l,amount:r="some"}={}){const c=(0,n.K)(e),s=new WeakMap,i=new IntersectionObserver(e=>{e.forEach(e=>{const a=s.get(e.target);if(e.isIntersecting!==Boolean(a))if(e.isIntersecting){const a=t(e.target,e);"function"==typeof a?s.set(e.target,a):i.unobserve(e.target)}else"function"==typeof a&&(a(e),s.delete(e.target))})},{root:a,rootMargin:l,threshold:"number"==typeof r?r:o[r]});return c.forEach(e=>i.observe(e)),()=>i.disconnect()}(e.current,()=>(m(!0),c?void 0:()=>m(!1)),l)},[t,e,a,c,r]),i}}}]);
2//# sourceMappingURL=FeaturedCourses-Chunk-7d05220ed15a0f263feb.js.map