1"use strict";(globalThis.webpackChunkgrowingfamilies=globalThis.webpackChunkgrowingfamilies||[]).push([[1247,5094],{2744(e,t,l){l.d(t,{A:()=>$});var i=l(88094),n=l(25173),r=l(21625);const o=e=>!["fillParent","pxHeight","overlay"].includes(e),a=n.AH` 2 ${e=>{let{fillParent:t,pxHeight:l}=e;return!t&&l&&`height: ${(0,r.A)(l)};`}} 3 ${e=>{let{fillParent:t}=e;return!t&&"position: relative;"}} 4 ${e=>{let{fillParent:t}=e;return t&&"\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n "}} 5 6 ${e=>{let{overlay:t}=e;return t&&`\n &:after {\n background: ${t.color};\n content: "";\n height: 100%;\n left: 0;\n opacity: ${t.opacity};\n position: absolute;\n top: 0;\n width: 100%;\n }\n `}} 7`,d=n.Ay.div.withConfig({shouldForwardProp:o})` 8 background: center; 9 background-size: cover; 10 ${a} 11`,s=n.Ay.picture.withConfig({shouldForwardProp:o})` 12 display: block; 13 ${a} 14`,u=n.Ay.img.attrs(()=>({loading:"lazy"}))` 15 display: block; 16 width: 100%; 17 height: 100%; 18 object-fit: cover; 19`;var c=l(9832),v=l(20898),h=l(15678);const{tablet:m,desktop:p,hd:b}=c.zQ.breakpoints,f=e=>{var t;let{images:l,fillParent:n,pxHeight:r,overlay:o,...a}=e;const s=(0,v.h)(l),u=(0,i.useMemo)(()=>s?`url(${s})`:void 0,[s]),c=(0,i.useMemo)(()=>x(o),[o]);return(0,h.jsx)(d,{style:{backgroundImage:u},fillParent:n,pxHeight:r,overlay:c,"data-testid":null!==(t=a["data-testid"])&&void 0!==t?t:"bg",...a})},g=e=>{var t,l,n,r,o,a;let{images:d={},fillParent:c,pxHeight:v,overlay:f,...g}=e;const $=(e=>{var t,l,i,n,r;return(null===(t=e.mobile)||void 0===t?void 0:t.url)||(null===(l=e.tabletPortrait)||void 0===l?void 0:l.url)||(null===(i=e.tabletLandscape)||void 0===i?void 0:i.url)||(null===(n=e.desktop)||void 0===n?void 0:n.url)||(null===(r=e.desktopHd)||void 0===r?void 0:r.url)||""})(d),y=((e,t)=>{var l,i,n,r,o;return t||(null===(l=e.mobile)||void 0===l?void 0:l.alt)||(null===(i=e.tabletPortrait)||void 0===i?void 0:i.alt)||(null===(n=e.tabletLandscape)||void 0===n?void 0:n.alt)||(null===(r=e.desktop)||void 0===r?void 0:r.alt)||(null===(o=e.desktopHd)||void 0===o?void 0:o.alt)||""})(d,g.alt),k=(0,i.useMemo)(()=>x(f),[f]);return(0,h.jsxs)(s,{fillParent:c,overlay:k,pxHeight:v,"data-testid":null!==(t=g["data-testid"])&&void 0!==t?t:"bg",children:[(null===(l=d.desktopHd)||void 0===l?void 0:l.url)&&(0,h.jsx)("source",{srcSet:d.desktopHd.url,media:"(min-width: 1920px)"}),(null===(n=d.desktop)||void 0===n?void 0:n.url)&&(0,h.jsx)("source",{srcSet:d.desktop.url,media:`(min-width: ${b}px)`}),(null===(r=d.tabletLandscape)||void 0===r?void 0:r.url)&&(0,h.jsx)("source",{srcSet:d.tabletLandscape.url,media:`(min-width: ${p}px)`}),(null===(o=d.tabletPortrait)||void 0===o?void 0:o.url)&&(0,h.jsx)("source",{srcSet:d.tabletPortrait.url,media:`(min-width: ${m}px)`}),(null===(a=d.mobile)||void 0===a?void 0:a.url)&&(0,h.jsx)("source",{srcSet:d.mobile.url,media:`(max-width: ${m-1}px)`}),$&&(0,h.jsx)(u,{src:$,alt:y})]})},x=e=>{if(e)return!0===e?{color:"#000",opacity:.33}:e},$=e=>{let{useImage:t=!0,...l}=e;return t?(0,h.jsx)(g,{...l}):(0,h.jsx)(f,{...l})}},9268(e,t,l){l.d(t,{$n:()=>s,xB:()=>b,QZ:()=>v.A,z9:()=>f,iK:()=>p,rH:()=>i.rH});var i=l(19388),n=l(88094),r=l(15678);var o=l(63856),a=l.n(o),d=l(9433);const s=e=>{let{className:t,contentWidthOnMobile:l,fullWidth:n,loading:o,pxMinWidth:s,variant:u="primary",analytics:c,children:v,disabled:h,styledComponent:m,as:p="button",href:b,...f}=e;const{className:g,dataActionDetail:x}=c||{},$=m||i.OV;return(0,r.jsxs)($,{as:p,className:a()(t,g),contentwidthonmobile:l&&1,fullwidth:n&&1,loading:o&&1,pxminwidth:s,variant:u,"data-action-detail":x,disabled:h,href:b,...f,children:[v,o&&(0,r.jsx)(d.A,{pxSize:16,pxThickness:2,center:!0})]})};var u=l(52959),c=l(48),v=l(11666),h=l(43930),m=l(54343);const p=e=>{let{to:t,className:l,contentWidthOnMobile:o,fullWidth:d,pxMinWidth:s,variant:u="primary",analytics:c,children:v,...p}=e;const{className:b,dataActionDetail:f}=c||{},g=(0,n.useMemo)(()=>{const{target:e,rel:t}=p;return"_blank"===e&&void 0===t?{...p,rel:"noopener noreferrer"}:p},[p]);return(0,r.jsx)(i.OV,{"data-testid":"router-link-button",as:h.N_,to:t,className:a()(l,(0,m.aX)(t,b)),contentwidthonmobile:o&&1,fullwidth:d&&1,pxminwidth:s,variant:u,"data-action-detail":(0,m.aX)(t,f),...g,children:v})},b=e=>{let{field:t,contentWidthOnMobile:l,fullWidth:n,pxMinWidth:o,variant:d="primary",analytics:s,...u}=e;const c=null===t||void 0===t?void 0:t.value.href,v=null===t||void 0===t?void 0:t.value.class,{className:h,dataActionDetail:p}=s||{};return(0,r.jsx)(i.mR,{"data-testid":"field-link-button",field:t,className:a()(v,(0,m.aX)(c,h)),c
19ontentwidthonmobile:l&&1,fullwidth:n&&1,pxminwidth:o,variant:d,"data-action-detail":(0,m.aX)(c,p),...u})},f=e=>{var t,l;let{field:i,...n}=e;const{pageEditing:o}=(0,c.i)();if(o)return(0,r.jsx)(b,{field:i,...n});if(null===i||void 0===i||null===(t=i.value)||void 0===t||!t.href||null===i||void 0===i||null===(l=i.value)||void 0===l||!l.text)return null;const{href:a,class:d,target:s,title:h,text:m,"aria-label":f}=i.value,g={className:d,target:s,title:h,...f&&{"aria-label":f}};if("disabled"==n.variant)return(0,r.jsx)(p,{tabIndex:-1,to:"#",...g,...n,children:m});if((0,u.cW)(a)&&!(0,u.xf)(a))return(0,r.jsx)(p,{to:a,...g,...n,children:m});const x=(0,u.g1)(i.value.href);return(0,r.jsx)(v.A,{href:x,...g,...n,children:m})}},20898(e,t,l){l.d(t,{h:()=>o});var i=l(88094),n=l(9832),r=l(57768);const o=e=>{const[t,l]=(0,i.useState)(),o=(0,i.useMemo)(()=>{const t=[{from:0,...e.mobile},{from:n.zQ.breakpoints.tablet,...e.tabletPortrait},{from:n.zQ.breakpoints.desktop,...e.tabletLandscape},{from:n.zQ.breakpoints.hd,...e.desktop},{from:1920,...e.desktopHd}];for(let e=1;e<t.length;++e)t[e].url||(t[e].url=t[e-1].url);return t.reverse(),t},[e]);return(0,i.useLayoutEffect)(()=>{const e=()=>{var e;const t=null===(e=window)||void 0===e?void 0:e.innerWidth,i=o.filter(e=>{let{from:l}=e;return l<=t})[0];i&&l(i)};return window.addEventListener("resize",e),e(),()=>{window.removeEventListener("resize",e)}},[o]),(0,i.useMemo)(()=>{const{url:e,maxWidth:l}=t||{};return(0,r.VG)(e,{mw:l})},[t])}},23458(e,t,l){l.r(t),l.d(t,{default:()=>j});var i=l(88094),n=l(49881),r=l(7082),o=l(37496),a=l(98858),d=l(96987),s=l(48),u=l(2744),c=l(57768),v=l(3143),h=l(9268),m=l(87424),p=l(54343),b=l(25173),f=l(21625),g=l(19388);const x=e=>!["hasLink","IsAlternative","ctaStyle","Text","Description","HasctaStyleSecondary","HasctaStyleDisabled"].includes(e);const $=b.Ay.div.withConfig({shouldForwardProp:x})` 20 position: absolute; 21 top: 0; 22 left: 0; 23 width: 100%; 24 height: 100%; 25 z-index: 0; 26 height: ${(0,f.A)(240)}; 27 min-height: ${(0,f.A)(240)}; 28 :hover { 29 cursor: ${e=>{let{hasLink:t}=e;return t?"pointer":"default"}}; 30 } 31 32 pointer-events: ${e=>{let{hasLink:t}=e;return t?"all":"none"}}; 33 34 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 35 height: ${(0,f.A)(550)}; 36 } 37 @media ${e=>{let{theme:t}=e;return t.device.mobileOnly}} { 38 height: ${(0,f.A)(550)}; 39 } 40`,y=b.Ay.div.withConfig({shouldForwardProp:x})` 41 div.carousel { 42 margin-bottom: 30px; 43 44 @media ${e=>{let{theme:t}=e;return t.device.mobileOnly}} { 45 margin-bottom: 40px; 46 } 47 48 .carousel-indicators { 49 bottom: -${(0,f.A)(.5)}; 50 51 @media ${e=>{let{theme:t}=e;return t.device.mobileOnly}} { 52 bottom: -50px; 53 pointer-events: none; 54 cursor: default; 55 } 56 57 @media ${e=>{let{theme:t}=e;return t.device.tabletOnly}} { 58 pointer-events: none; 59 cursor: default; 60 } 61 62 button { 63 background-color: #99b5ca; 64 width: ${(0,f.A)(12)}; 65 height: ${(0,f.A)(12)}; 66 border-radius: 50%; 67 border: none; 68 69 &:active { 70 background-color: ${e=>{let{theme:t}=e;return t.colors.blues.dark}}; 71 } 72 } 73 } 74 .carousel-control { 75 &-prev, 76 &-next { 77 @media ${e=>{let{theme:t}=e;return t.device.mobileOnly}} { 78 display: none; 79 } 80 @media ${e=>{let{theme:t}=e;return t.device.tabletOnly}} { 81 display: none; 82 } 83 84 // to overwrite bootstrap styles 85 width: ${(0,f.A)(200)}; 86 87 // 10px * 2 is the vertical border set by bootstrap 88 // 2px is a guessed value to fix the slight offset 89 height: calc( 90 100% - ${(0,f.A)(12)} - (10px * 2) - 91 ${(0,f.A)(10)} + 2px 92 ); 93 } 94 95 &-prev { 96 @media ${e=>{let{theme:t}=e;return t.device.desktopOnly}} { 97 padding-right: ${(0,f.A)(164)}; 98 } 99 } 100 101 &-next { 102 @media ${e=>{let{theme:t}=e;return t.device.desktopOnly}} { 103 padding-left: ${(0,f.A)(164)}; 104 } 105 } 106 } 107 } 108`,k=b.Ay.div.withConfig({shouldForwardProp:x})` 109 ${g.OV} { 110 :hover, 111 :active { 112 text-decoration: none; 113 color: ${e=>{let{theme:t,ctaStyle:l}=e;return"secondary"===l?t.colors.bannerCarouselSecondaryHover.buttonText:"disabled"===l?t.colors.bannerCarouselDisabled.buttonText:t.colors.bannerCarousel.buttonText}}; 114 cursor: ${e=>{let{hasLink:t}=e;return t?"pointer":"default"}}; 115 ${e=>{let{theme:t,ctaStyle:l}=e;return function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"primary";const l=(0,g.ee)(e,t,"hover",!0);return`\n background-color: ${l.background};\n border-color: ${l.border};\n `}(t,l)}} 116 } 117 } 118 119 pointer-events: ${e=>{let{hasLink:t}=e;return t?"all":"none"}}; 120 flex: 1; 121 z-index: 1; 122 margin: auto; 123 max-width: ${(0,f.A)(335)}; 124 position: relative; 125 height: auto; 126 127 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 128 max-width: ${(0,f.A)(500)}; 129 margin: ${e=>{let{IsAlternative:t}=e;return t?"auto":"0"}}; 130 } 131`,A=b.Ay.div.withConfig({shouldForwardProp:x})` 132 ${g.OV} { 133 appearance: none; 134 background: ${e=>{let{theme:t,HasctaStyleDisabled:l,HasctaStyleSecondary:i}=e;return l?t.colors.bannerCarouselDisabled.background:i?t.colors.general.white:t.colors.bannerCarousel.background}}; 135 136 border-color: ${e=>{let{theme:t,HasctaStyleDisabled:l,HasctaStyleSecondary:i}=e;return l?t.colors.bannerCarouselDisabled.borderColor:i?t.colors.bannerCarouselSecondary.borderColor:t.colors.bannerCarousel.borderColor}}; 137 138 color: ${e=>{let{theme:t,HasctaStyleDisabled:l,HasctaStyleSecondary:i}=e;return l?t.colors.bannerCarouselDisabled.buttonText:i?t.colors.bannerCarouselSecondary.buttonText:t.colors.bannerCarousel.buttonText}}; 139 border-radius: 3px; 140 border-style: solid; 141 border-width: 2px; 142 } 143 144 :hover { 145 cursor: ${e=>{let{hasLink:t}=e;return t?"pointer":"default"}}; 146 } 147 148 pointer-events: ${e=>{let{hasLink:t}=e;return t?"all":"none"}}; 149 max-width: ${(0,f.A)(500)}; 150 background: ${e=>{let{IsAlternative:t,theme:l}=e;return t?"transparent":`${l.colors.general.white}`}}; 151 text-align: ${e=>{let{IsAlternative:t}=e;return t?"center":"left"}}; 152 padding: ${(0,f.A)(20)}; 153 bottom: ${(0,f.A)(-30)}; 154 margin: 0; 155 156 h2 { 157 margin-bottom: ${(0,f.A)(10)}; 158 } 159 160 h1, 161 h2, 162 h3, 163 h4, 164 h5, 165 h6 { 166 font-size: ${(0,f.A)(32)}; 167 } 168 169 h1, 170 h2, 171 h3, 172 h4, 173 h5, 174 h6, 175 p { 176 color: ${e=>{let{IsAlternative:t}=e;return t?"#fff !important":"inherit"}}; 177 } 178 p { 179 font-family: ${e=>{let{theme:t}=e;return t.fonts.primary.regular}}; 180 181 font-size: ${(0,f.A)(19)}; 182 } 183 box-shadow: ${e=>{let{IsAlternative:t}=e;return t?"none":"0 1px 4px 0 rgba(0, 0, 0, 0.2)"}}; 184 position: relative; 185 186 padding: ${(0,f.A)(20)}; 187 188 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 189 bottom: 0; 190 position: relative; 191 margin-top: 0; 192 padding: ${(0,f.A)(40)}; 193 194 p { 195 font-size: ${(0,f.A)(24)}; 196 } 197 198 h1, 199 h2, 200 h3, 201 h4, 202 h5, 203 h6 { 204 font-size: ${(0,f.A)(32)}; 205 } 206 } 207`,w=b.Ay.div.withConfig({shouldForwardProp:x})` 208 display: flex; 209 position: relative; 210 align-items: center; 211 height: ${(0,f.A)(425)}; 212 min-height: ${(0,f.A)(425)}; 213 margin-bottom: ${(0,f.A)(60)}; 214 215 .container {
216 align-self: ${e=>{let{Description:t,Text:l,IsAlternative:i}=e;return t&&l&&!i?"flex-end":"auto"}}; 217 } 218 219 h1, 220 h2, 221 h3, 222 h4, 223 h5, 224 h6 { 225 padding-bottom: ${(0,f.A)(10)}; 226 line-height: 1.08; 227 } 228 229 p { 230 padding-bottom: ${(0,f.A)(30)}; 231 line-height: 1.33; 232 color: #504f53; 233 margin-bottom: 0; 234 font-family: ${e=>{let{theme:t}=e;return t.fonts.primary.regular}}; 235 } 236 237 ${g.OV} { 238 margin-top: ${(0,f.A)(20)}; 239 margin-bottom: 0; 240 } 241 242 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 243 height: ${(0,f.A)(550)}; 244 margin-bottom: ${(0,f.A)(40)}; 245 246 ${g.OV} { 247 margin-top: ${(0,f.A)(30)}; 248 margin-bottom: ${(0,f.A)(22)}; 249 } 250 251 .container { 252 align-self: auto; 253 max-width: 960px; 254 } 255 } 256 257 @media ${e=>{let{theme:t}=e;return t.device.desktop}} { 258 .container { 259 max-width: 960px; 260 } 261 } 262 263 @media ${e=>{let{theme:t}=e;return t.device.tabletOnly}} { 264 .container { 265 max-width: 600px; 266 } 267 } 268`,C=b.Ay.h2` 269 font-size: ${(0,f.A)(40)} !important; 270 letter-spacing: ${(0,f.A)(-1)}; 271 font-family: ${e=>{let{theme:t}=e;return t.fonts.primary.bold}}; 272`;var L=l(15678);const j=e=>{var t,l;let{fields:b}=e;const[f,g]=i.useState(0),[x,j]=i.useState(!1),{pageEditing:S}=(0,s.i)(),[H,P]=(0,i.useState)(!1);if((0,i.useEffect)(()=>P(!0),[]),(0,i.useEffect)(()=>{document.querySelectorAll(".carousel-indicators button").forEach((e,t)=>{e.setAttribute("aria-label",`Slide${t+1}`),e.setAttribute("aria-current",e.classList.contains("active")?"true":"false")})},[f]),!S&&!b)return null;if(!b)return S?(0,L.jsx)("div",{children:"Add a datasource for Banner Carousel"}):null;const D=b.CarouselSlides,O=D.length-1,T=()=>{if(x)return;g(0===f?O:f-1)},I=()=>{if(x)return;g(f===O?0:f+1)};if(null===D||void 0===D||!D.length)return S?(0,L.jsx)("div",{children:"Add slides to the datasource for Banner Carousel"}):null;const W=D.map(e=>{var t,l,i,o,a,d,s,b,f,g,x,y,S,P,D,O,T,I,W,z,E,N,M,B,F,G,V,X,Q,q,R,_,K,Z,J,U,Y,ee,te,le,ie,ne,re,oe,ae,de,se,ue;const ce=null===(t=e.fields)||void 0===t||null===(l=t.Type)||void 0===l||null===(i=l.fields)||void 0===i||null===(o=i.Setting)||void 0===o?void 0:o.value,ve=null===e||void 0===e||null===(a=e.fields)||void 0===a||null===(d=a.CtaStyle)||void 0===d||null===(s=d.fields)||void 0===s||null===(b=s.Setting)||void 0===b?void 0:b.value,he="disabled"===ve,me="secondary"===ve,pe="alternative"===ce,be=null===(f=e.fields)||void 0===f||null===(g=f.Link)||void 0===g||null===(x=g.value)||void 0===x?void 0:x.href,fe=`Carousel banner to ${be}`,ge=()=>{window.location.href=be};return(0,L.jsx)(r.A,{onExited:()=>j(!1),onExiting:()=>j(!0),children:(0,L.jsxs)(w,{Description:null===(y=e.fields)||void 0===y||null===(S=y.Description)||void 0===S?void 0:S.value,Text:null!==(P=e.fields)&&void 0!==P&&P.Link?null===(D=e.fields)||void 0===D||null===(O=D.Link)||void 0===O||null===(T=O.value)||void 0===T?void 0:T.text:null,IsAlternative:pe,"data-component":"carouselslide-container",children:[(0,L.jsx)($,{"data-action-detail":fe,className:H&&(0,p.aX)(be,p.qx),IsAlternative:pe,hasLink:(null===(I=e.fields)||void 0===I||null===(W=I.Link)||void 0===W||null===(z=W.value)||void 0===z?void 0:z.href)&&!he,onClick:be?ge:null,children:(0,L.jsx)(u.A,{"data-component":"carouselslide-background-image",images:{mobile:{url:null===(E=e.fields)||void 0===E||null===(N=E.BannerImageMobile)||void 0===N?void 0:N.value.src,maxWidth:c.TG.fullWidth.mobile},tabletPortrait:{url:null===(M=e.fields)||void 0===M||null===(B=M.BannerImageTabletPortrait)||void 0===B?void 0:B.value.src,maxWidth:c.TG.fullWidth.tabletPortrait},tabletLandscape:{url:null===(F=e.fields)||void 0===F||null===(G=F.BannerImageTabletLandscape)||void 0===G?void 0:G.value.src,maxWidth:c.TG.fullWidth.tabletLandscape},desktop:{url:null===(V=e.fields)||void 0===V||null===(X=V.BannerImageDesktop)||void 0===X?void 0:X.value.src,maxWidth:c.TG.fullWidth.desktop},desktopHd:{url:null===(Q=e.fields)||void 0===Q||null===(q=Q.BannerImageDesktopHd)||void 0===q?void 0:q.value.src,maxWidth:c.TG.fullWidth.desktopHd}},overlay:pe&&{color:"rgb(56, 56, 56)",opacity:.5},fillParent:!0})}),(0,L.jsx)(v.mc,{children:(0,L.jsx)(k,{ctaStyle:ve,IsAlternative:pe,hasLink:(null===(R=e.fields)||void 0===R||null===(_=R.Link)||void 0===_||null===(K=_.value)||void 0===K?void 0:K.href)&&!he,children:(0,L.jsxs)(A,{"data-action-detail":fe,className:H&&(0,p.aX)(be,p.qx),onClick:be?ge:null,hasLink:(null===(Z=e.fields)||void 0===Z||null===(J=Z.Link)||void 0===J||null===(U=J.value)||void 0===U?void 0:U.href)&&!he,HasctaStyleDisabled:he,HasctaStyleSecondary:me,IsAlternative:pe,Description:null!==(Y=e.fields)&&void 0!==Y&&Y.Description?null===(ee=e.fields)||void 0===ee||null===(te=ee.Description)||void 0===te?void 0:te.value:null,Text:null!==(le=e.fields)&&void 0!==le&&le.Link?e.fields.Link.value.text:null,children:[(0,L.jsx)(C,{"data-component":"carouselslide-title",children:(0,L.jsx)(n.E,{field:null===(ie=e.fields)||void 0===ie?void 0:ie.Title})}),null!==(ne=e.fields)&&void 0!==ne&&ne.Description&&""!==(null===(re=e.fields)||void 0===re||null===(oe=re.Description)||void 0===oe?void 0:oe.value)&&"undefined"!==typeof(null===(ae=e.fields)||void 0===ae||null===(de=ae.Description)||void 0===de?void 0:de.value)?(0,L.jsx)(m.A,{as:"p",numberOfLines:2,pxLineHeight:{mobile:24,tabletPortrait:32},"data-component":"carouselslide-description",children:(0,L.jsx)(n.E,{field:null===(se=e.fields)||void 0===se?void 0:se.Description})}):null,(0,L.jsx)(h.z9,{field:null===(ue=e.fields)||void 0===ue?void 0:ue.Link,"data-component":"carouselslide-cta",variant:ve,analytics:{className:p.qx,dataActionDetail:fe}})]})})})]})},e.id)});return(0,L.jsx)(y,{className:"bootstrap-carousel","data-testid":"banner-carousel",children:(0,L.jsxs)(o.A,{previous:T,next:I,activeIndex:f,interval:1e3*parseInt(null===(t=b.SliderInterval)||void 0===t||null===(l=t.fields.Setting)||void 0===l?void 0:l.value),ride:"carousel",children:[(0,L.jsx)(a.A,{items:D,activeIndex:f,onClickHandler:e=>{x||g(e)}}),W,(0,L.jsx)(d.A,{directionText:"Prev",direction:"prev",onClickHandler:T}),(0,L.jsx)(d.A,{directionText:"Next",direction:"next",onClickHandler:I})]})})}},78334(e,t,l){l.d(t,{h:()=>a,kb:()=>r,pG:()=>o,rR:()=>n});const i=e=>{let{dir:t}=e;return"rtl"===t},n=e=>i(e)?"right":"left",r=()=>e=>{let{theme:t}=e;return n(t)},o=()=>e=>{let{theme:t}=e;return(e=>i(e)?"left":"right")(t)},a=e=>()=>t=>{let{theme:l}=t;return i(l)?e:""}},87424(e,t,l){l.d(t,{A:()=>v});var i=l(88094),n=l(25173),r=l(32901),o=l(78334),a=l(21625);const d=n.AH` 273 &:after { 274 ${e=>{let{backgroundColor:t}=e;return t?`background: ${t};`:""}} 275 bottom: 0; 276 content: "..."; 277 padding: 0 1px; 278 position: absolute; 279 ${o.pG}: -1px; 280 } 281`,s=n.Ay.div.withConfig({shouldForwardProp:e=>!["numberOfLines","pxLineHeight","shouldClamp","backgroundColor","foregroundColor","isPersonalised"].includes(e)})` 282 ${e=>{let{numberOfLines:t,pxLineHeight:l,theme:i}=e;return(0,r.T)(l,i,e=>`\n height: ${(0,a.A)(e*t)};\n line-height: ${(0,a.A)(e)};\n `)}} 283 284 ${e=>{let{shouldClamp:t}=e;return t?d:""}} 285 286 ${e=>{let{backgroundColor:t}=e;return t?`background: ${t};`:""}} 287 288 ${e=>{let{theme:t,foregroundColor:l}=e;return l?`color: ${l(t)};`:""}} 289 290 display: block; 291 overflow: hidden; 292 position: relative; 293 word-wrap: break-word; 294 295 @supports (-webkit-line-clamp: ${e=>{let{numberOfLines:t}=e;return t}}) { 296 -webkit-box-orient: vertical; 297 display: -webkit-box; 298 -webkit-line-clamp: ${e=>{let{numberOfLines:t}=e;return t}}; 299 text-overflow: ellipsis; 300 301 &:after { 302 display: none; 303 } 304 } 305`,u=(e,t)=>
305{const[l,n]=(0,i.useState)(t);return(0,i.useEffect)(()=>{const t=()=>n((e=>{if(!e)return!1;const t=[].slice.call(e.children).reduce((e,t)=>e+t.offsetHeight,0);return e.offsetHeight<t})(e.current));return window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t)}},[e]),l};var c=l(15678);const v=e=>{let{as:t="div",numberOfLines:l,pxLineHeight:n,color:r,backgroundColor:o,children:a,...d}=e;const v=(0,i.useRef)(null),h=u(v,!1),m=(0,i.useMemo)(()=>"object"===typeof n?n:{mobile:n},[n]);return(0,c.jsx)(s,{ref:v,as:t,numberOfLines:l,pxLineHeight:m,foregroundColor:r,backgroundColor:o,shouldClamp:h,"data-testid":"line-clamp",...d,children:(0,c.jsx)("span",{children:a})})}}}]);
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.