1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[2844],{12844:function(e,i,r){r.r(i),r.d(i,{default:function(){return L}});var a=r(65043),d=r(67357),t=r(31732),l=r(58387),n="card-grid-three-up_container__a9wMp",c="card-grid-three-up_eyebrow__PrikZ",o="card-grid-three-up_title__v3qIj",s="card-grid-three-up_description__MPLPh",u="card-grid-three-up_cardContainer__uY0fC",p="card-grid-three-up_card__oHFSO",_="card-grid-three-up_fourCol__wkzdJ",h="card-grid-three-up_cardEyebrow__fiw7u",v="card-grid-three-up_cardIcon__XGv3p",g="card-grid-three-up_cardTitle__hBmV3",m="card-grid-three-up_cardDescription__O7Hg+",b="card-grid-three-up_cardCta__yVfx-",w=r(94767),f=r(19424),T=r(70579);const j=e=>{let{eyebrow:i,icon:r,iconAlt:a,title:d,descriptionHTML:t,ctaUrl:l,ctaFn:n,ctaLabel:c,openNewTab:o}=e;return(0,T.jsxs)("div",{className:p,children:[i&&(0,T.jsxs)("p",{className:h,children:[r&&(0,T.jsx)("img",{className:v,src:r,alt:null!==a&&void 0!==a?a:"",width:40,height:40}),i]}),(0,T.jsx)("h2",{className:g,children:d}),(0,T.jsx)("div",{className:m,dangerouslySetInnerHTML:t}),c&&(0,T.jsx)("p",{className:b,children:(0,T.jsx)(w.$,{as:"link",variant:"primary",size:"medium",target:o?"_blank":"_self",theme:"light",icon:"arrowRight",href:l,onClick:null!==n&&void 0!==n?n:void 0,children:c})})]})},x=e=>{let{data:i,animateIntoView:r=!0}=e;const{id:d,backgroundColor:p,reduceTopSpacing:h,reduceBottomSpacing:v,eyebrow:g,title:m,descriptionHTML:b,cards:w}=i,x=(0,a.useRef)(null),L=(0,t.B)(x,{freezeOnceVisible:!0}),N=!(null===L||void 0===L||!L.isIntersecting),y=(0,f.ws)(h,v),k=(0,f.af)(p);return(0,T.jsx)("section",{ref:x,id:null!==d&&void 0!==d?d:void 0,className:(0,l.A)("defaultContainer",n),style:{...y,...k},children:(0,T.jsx)("div",{className:"defaultLayoutOuter",children:(0,T.jsxs)("div",{className:(0,l.A)("defaultLayoutInner defaultGrid",{defaultAnimatableIntoView:r,defaultPlayAnimationIntoView:r&&N}),"data-testid":"card-grid-three-up",children:[g&&(0,T.jsx)("p",{className:c,children:g}),(0,T.jsx)("h2",{className:o,children:m}),(0,T.jsx)("div",{className:s,dangerouslySetInnerHTML:b}),(0,T.jsx)("div",{className:(0,l.A)("defaultGrid",u,{[_]:w.length>3}),children:w.map(((e,i)=>(0,T.jsx)(j,{eyebrow:e.eyebrow,icon:e.icon,iconAlt:e.iconAlt,openNewTab:e.openNewTab,title:e.title,descriptionHTML:e.descriptionHTML,ctaUrl:null===e||void 0===e?void 0:e.ctaUrl,ctaFn:null===e||void 0===e?void 0:e.ctaFn,ctaLabel:null===e||void 0===e?void 0:e.ctaLabel},i)))})]})})})};var L=e=>{const{data:i}=e,r={id:null===i||void 0===i?void 0:i.id,backgroundColor:null===i||void 0===i?void 0:i.backgroundColor,reduceTopSpacing:null===i||void 0===i?void 0:i.reduceTopSpacing,reduceBottomSpacing:null===i||void 0===i?void 0:i.reduceBottomSpacing,eyebrow:null===i||void 0===i?void 0:i.eyebrow,title:null===i||void 0===i?void 0:i.title,descriptionHTML:{__html:null===i||void 0===i?void 0:i.descriptionHTML},cards:(a=null===i||void 0===i?void 0:i.cards,a&&a.map((e=>({title:e.title,ctaUrl:e.ctaUrl,ctaLabel:e.ctaLabel,openNewTab:e.openNewTab,descriptionHTML:{__html:e.descriptionHTML}}))))};var a;return(0,T.jsx)("div",{id:(0,d.A)(e.cqPath),children:(0,T.jsx)(x,{data:r})})}}}]);
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.