https://www.dnb.com/etc.clientlibs/dnb-marketing-website/clientlib…/resources/static/js/5479.7a1db0f8.chunk.js

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[5479],{75479:function(e,r,a){a.r(r),a.d(r,{default:function(){return h}});var i=a(46804),l=a(65043),n=a(67357),t={root:"image-carousel_root__PIefO",hidden:"image-carousel_hidden__8Rkvo",error:"image-carousel_error__TQCKr",sizeSlim:"image-carousel_sizeSlim__x97s7",sizeLarge:"image-carousel_sizeLarge__iqU-B",stacked:"image-carousel_stacked__3h4Uq",dark:"image-carousel_dark__K3DHW",bgPrimaryDarkBlue1:"image-carousel_bgPrimaryDarkBlue1__DnQ8s",bgWhite:"image-carousel_bgWhite__fBC7g",bgPrimaryLightBlue10:"image-carousel_bgPrimaryLightBlue10__6aCL3",bgPrimaryDarkBlue2:"image-carousel_bgPrimaryDarkBlue2__uMxwy"},s=a(69457),o=a(79330),d=a(86695),c=a(58751),u=a(70579);const m=o.t5.and(s.z.object({images:s.z.array(s.z.object({src:o.z2,alt:o.Ud,caption:o.Ud}).readonly()).nullish(),autoPlayingPeriod:s.z.number().nonnegative().catch(0).readonly(),isLargeView:s.z.boolean().catch(!1)}).readonly()).readonly().transform((e=>{let{images:r,id:a,theme:i,backgroundColor:l,autoPlayingPeriod:n,isLargeView:t}=e;return{id:null!==a&&void 0!==a?a:"",images:(null!==r&&void 0!==r?r:[]).map((e=>{let{src:r,alt:a,caption:i}=e;return{src:r,alt:null!==a&&void 0!==a?a:"",caption:null!==i&&void 0!==i?i:""}})),autoPlayingPeriod:n,theme:null!==i&&void 0!==i?i:"dark",backgroundColor:null!==l&&void 0!==l?l:"--primary-dark-blue-1",isLargeView:t}}));var g=e=>{var r,a,i,n,s;const o=m.safeParse(e);if(!o.success)return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("p",{className:t.error,children:"Unexpected error! Essential data is missing, or in wrong format. Please contact dev team. Details below:"}),(0,u.jsx)("p",{className:t.error,children:JSON.stringify(o.error.format())})]});const{id:g,images:h,theme:_,backgroundColor:v,autoPlayingPeriod:b,isLargeView:k}=o.data,{isStacked:f,itemsVisible:y}=(()=>{const e=(0,c.A)();return{isStacked:e,itemsVisible:e?1:3}})(),[x,P]=(0,l.useReducer)(((e,r)=>{const a=h.length>y?h.length-y:0;switch(r){case"next":return(e+1)%(a+1);case"prev":return(e-1+(a+1))%(a+1);default:throw new Error("Should not be here")}}),0),p=!f&&h.length>y,w=p?h.length-y:0,j=((e,r)=>{const[a,i]=(0,l.useReducer)((()=>!1),0!==r);return(0,l.useEffect)((()=>{if(!a)return;const i=setInterval((()=>e("next")),r);return()=>{clearInterval(i)}}),[a,r]),i})(P,b),[L,C]=(0,l.useState)(null),z=(0,l.useRef)(null);return(0,u.jsxs)("div",{id:g,className:`${t.root} ${t[_]} ${f?t.stacked:""} ${k?t.sizeLarge:t.sizeSlim} ${null!==(r={"--primary-dark-blue-1":null!==(a=t.bgPrimaryDarkBlue1)&&void 0!==a?a:"","--white":null!==(i=t.bgWhite)&&void 0!==i?i:"","--primary-light-blue-10":null!==(n=t.bgPrimaryLightBlue10)&&void 0!==n?n:"","--primary-dark-blue-2":null!==(s=t.bgPrimaryDarkBlue2)&&void 0!==s?s:""}[v])&&void 0!==r?r:""}`,children:[(0,u.jsx)("button",{className:p&&x>0?"":t.hidden,onClick:()=>{j(),P("prev")},"aria-label":"Previous",children:"<"}),(0,u.jsx)("div",{style:{"--items-visible":y,transform:f?void 0:`translateX(-${x*(100/y)}%)`},children:h.map(((e,r)=>{let{src:a,alt:i,caption:l}=e;return(0,u.jsx)("figure",{onClick:()=>{var e;null===(e=z.current)||void 0===e||e.openDialog(),C(a)},children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("img",{src:a,alt:i,loading:"lazy"}),l&&(0,u.jsx)("figcaption",{children:l})]})},`${a}-${l}-${i}-${r}`)}))}),(0,u.jsx)("button",{className:p&&x<w?"":t.hidden,onClick:()=>{j(),P("next")},"aria-label":"Next",children:">"}),(0,u.jsx)(d.a,{ref:z,theme:_,onClose:()=>C(null),children:L&&(0,u.jsx)("img",{src:L,alt:"Full size"})})]})};var h=e=>(0,u.jsx)("div",{id:(0,n.A)(e.cqPath),children:(0,u.jsx)(i.A,{children:(0,u.jsx)(g,{...e,id:e.id||(0,n.A)(e.cqPath)})})})},58751:function(e,r,a){var i=a(65043);r.A=()=>{const[e,r]=(0,i.useState)(!0);return(0,i.useEffect)((()=>{const e="(max-width: 47.9375rem)",a=window.matchMedia(e);r(window.matchMedia(e).matches);const i=e=>{r(e.matches)};return a.addEventListener?a.addEventListener("change",i):a.addListener(i),()=>{a.addEventListener?a.removeEventListener("change",i):a.removeListener(i)}}),[]),e}},86695:function(e,r,a){a.d(r,{a:function(){return c}});var i=a(65043),l="modal_root__HlGNb",n="modal_noScroll__PgrBQ",t="modal_dark__C5eVD",s="modal_light__Oceq-",o=a(58387),d=a(70579);const c=(0,i.forwardRef)(((e,r)=>{let{theme:a,children:c,onClose:u}=e;const m=(0,i.useRef)(null),g=()=>{var e;n&&document.body.classList.add(n),null===(e=m.current)||void 0===e||e.showModal()},h=()=>{var e;n&&document.body.classList.remove(n),null===(e=m.current)||void 0===e||e.close(),u()};return(0,i.useImperativeHandle)(r,(()=>({openDialog:g,closeDialog:h})),[h]),(0,d.jsx)("dialog",{ref:m,className:l,onClick:h,children:(0,d.jsx)("div",{className:(0,o.A)({[t]:"dark"===a,[s]:"light"===a}),children:c})})}))}}]);