1"use strict";(globalThis.webpackChunkgrowingfamilies=globalThis.webpackChunkgrowingfamilies||[]).push([[1597],{4156(e,t,r){r.d(t,{S:()=>a});var i=r(88094),o=r(84562),n=r(8850),l=r(36758);function a(e,t){return r=>{class a extends o.v{constructor(e){super(e)}render(){let n=Object.assign({},this.props);if(delete n.componentFactory,t&&t.propsTransformer&&(n=t.propsTransformer(n)),this.state.error)return n.errorComponent?i.createElement(n.errorComponent,{error:this.state.error}):i.createElement("div",{className:"sc-jss-placeholder-error"},"A rendering error occurred: ",this.state.error.message,".");const l=t&&t.resolvePlaceholderDataFromProps?t.resolvePlaceholderDataFromProps(n):n.rendering;return(Array.isArray(e)?e:[e]).forEach(e=>{let t;"string"!==typeof e&&e.placeholder&&e.prop?(t=o.v.getPlaceholderDataFromRenderingData(l,e.placeholder,n.sitecoreContext.editMode),t&&(n[e.prop]=this.getComponentsForRenderingData(t))):(t=o.v.getPlaceholderDataFromRenderingData(l,e,n.sitecoreContext.editMode),t&&(n[e]=this.getComponentsForRenderingData(t)))}),i.createElement(r,Object.assign({},n))}}return a.propTypes=o.v.propTypes,(0,l.S)()((0,n.I)(a))}}},6099(e,t,r){r.d(t,{b:()=>$,A:()=>x});var i=r(3143),o=r(25173),n=r(21625);const l=o.Ay.div` 2 position: relative; 3 display: flex; 4 5 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 6 border: 1px solid ${e=>{let{theme:t}=e;return t.colors.greys.medium}}; 7 padding-bottom: ${(0,n.A)(25)}; 8 display: block; 9 } 10 11 &:hover, 12 &:focus-within { 13 box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.14); 14 } 15 16 &:focus-within { 17 outline-offset: 2px; 18 outline: 1px solid ${e=>{let{theme:t}=e;return t.colors.outline}}; 19 } 20 21 a { 22 line-clamp: 3; 23 color: ${e=>{let{theme:t}=e;return t.colors.general.black}}; 24 display: block; 25 font-family: ${e=>{let{theme:t}=e;return t.fonts.primary.regular}}; 26 font-size: ${(0,n.A)(16)}; 27 height: ${(0,n.A)(60)}; 28 letter-spacing: ${(0,n.A)(-.5)}; 29 margin: 0 0 ${(0,n.A)(7)}; 30 max-height: ${(0,n.A)(96)}; 31 overflow: hidden; 32 text-decoration: none; 33 34 &:focus { 35 outline: none; 36 } 37 38 h1, 39 h2, 40 h3, 41 h4 { 42 color: inherit; 43 font-family: inherit; 44 font-size: inherit; 45 letter-spacing: inherit; 46 line-height: inherit; 47 margin: 0; 48 } 49 50 &:hover { 51 color: ${e=>{let{theme:t}=e;return t.colors.general.black}}; 52 text-decoration: none; 53 } 54 55 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 56 font-size: ${(0,n.A)(24)}; 57 height: ${(0,n.A)(96)}; 58 line-height: 1.33; 59 margin: ${(0,n.A)(20)} ${(0,n.A)(20)} ${(0,n.A)(14)}; 60 } 61 62 &::after { 63 content: ""; 64 bottom: 0; 65 left: 0; 66 position: absolute; 67 right: 0; 68 top: 0; 69 z-index: 20; 70 } 71 } 72`,a=o.Ay.div` 73 position: relative; 74 flex: 0 0 ${(0,n.A)(120)}; 75 76 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 77 width: auto; 78 } 79 80 img { 81 display: block; 82 height: ${(0,n.A)(120)}; 83 width: ${(0,n.A)(120)}; 84 85 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 86 height: auto; 87 width: 100%; 88 } 89 } 90`,d=o.Ay.div` 91 display: flex; 92 flex-flow: row wrap; 93 margin: 0 0 0 ${(0,n.A)(20)}; 94 justify-content: flex-start; 95 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 96 display: block; 97 margin: 0; 98 width: auto; 99 } 100`,s=o.Ay.div` 101 svg { 102 width: ${(0,n.A)(10)}; 103 fill: #124297; 104 margin-left: ${(0,n.A)(4)}; 105 } 106 display: flex; 107 align-items: center; 108 justify-content: center; 109 width: ${(0,n.A)(40)}; 110 height: ${(0,n.A)(40)}; 111 background: ${e=>{let{theme:t}=e;return t.colors.general.white}}; 112 border-radius: 50%; 113 box-shadow: 0 0 4px ${e=>{let{theme:t}=e;return t.colors.greys.light}}; 114 115 position: absolute; 116 top: 50%; 117 left: 50%; 118 transform: translate(-20px, -20px); 119 120 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 121 width: ${(0,n.A)(60)}; 122 height: ${(0,n.A)(60)}; 123 transform: translate(-30px, -30px); 124 svg { 125 width: ${(0,n.A)(15)}; 126 } 127 } 128`;var c=r(28061),h=r(23772),u=r(76173),p=r(87424),m=r(48),g=r(13941),f=r(13751),b=r(83707),v=r(15678);const x=e=>{const{categoryName:t,categoryColor:r,date:o,heading:n,thumbnail:x,url:$,children:y,hasThumbnail:A,renderThumbnail:w,isVideo:k}=e,{pageEditing:j}=(0,m.i)(),C=j?"Last update of the article":o,L=(0,b.Bd)("Feature/ArticleShelf"),O=n;return(0,v.jsx)(i.VP,{span:4,children:(0,v.jsxs)(l,{"data-testid":"article-card","data-component":"article-card",children:[(0,v.jsx)(a,{"data-testid":"article-card-image-container","data-component":"article-card-image-container",children:(0,v.jsx)(c.A,{children:(0,v.jsxs)(v.Fragment,{children:[k&&A&&(0,v.jsx)(s,{children:(0,v.jsx)(g.AY,{size:"1rem","data-testid":"video-badge"})}),w?w():(0,v.jsx)("img",{alt:"",...x,"data-component":"article-card-image"})]})})}),(0,v.jsxs)(d,{children:[(0,v.jsx)(h.A,{href:$,children:(0,v.jsxs)(p.A,{numberOfLines:3,pxLineHeight:{mobile:20,tabletPortrait:32},backgroundColor:"#fff","data-component":"article-card-title",children:[k?(0,v.jsx)(f.A,{children:L("ArticleVideo","To Video Article")}):null,O?(0,v.jsx)(O,{children:y}):null]})}),(0,v.jsx)(u.A,{name:t,color:r,date:C,"data-component":"article-card-category-bar"})]})]})})},$=e=>{let{children:t}=e;return(0,v.jsx)(i.wn,{children:(0,v.jsx)("section",{"aria-label":"article shelf",children:(0,v.jsx)(i.mc,{"data-component":"article-cards-container","data-testid":"article-cards-container",children:(0,v.jsx)(i.e,{multiline:!0,children:t})})})})}},23772(e,t,r){r.d(t,{A:()=>d});r(88094);var i=r(4042),o=r(48),n=r(43930);const l=(0,r(25173).Ay)(n.N_)` 129 color: ${e=>{let{theme:t}=e;return"spain"===t.name?t.colors.general.primary:t.colors.general.secondary}}; 130 text-decoration: none; 131 132 &:hover { 133 text-decoration: underline; 134 } 135`;var a=r(15678);const d=e=>{var t,r;let{className:n,href:d,children:s,dataActionDetail:c,field:h,tabIndex:u,handleClick:p,...m}=e;const{pageEditing:g}=(0,o.i)(),f="internal"===(null===h||void 0===h||null===(t=h.value)||void 0===t?void 0:t.linktype)||(null===d||void 0===d?void 0:d.startsWith("/"))||"#"===d,b=null!==(r=null===h||void 0===h?void 0:h.value.href)&&void 0!==r?r:d,v=null!==h&&void 0!==h&&h.value.href?h:{value:{href:d}},x={className:n,tabIndex:u,"data-action-detail":c};return g?(0,a.jsx)(i.N,{field:v,children:s}):f?(0,a.jsx)(l,{to:b,onClick:p,...x,...m,children:s}):(0,a.jsx)(i.N,{field:v,...x,children:s})}},28061(e,t,r){r.d(t,{A:()=>d});var i=r(88094);const o=r(25173).Ay.div.withConfig({shouldForwardProp:e=>!["imageLoaded","ratioX","ratioY","ratioXTablet","ratioYTablet","ratioXDesktop","ratioYDesktop","ratioXHd","ratioYHd"].includes(e)})` 136 background-color: ${e=>{let{imageLoaded:t}=e;return!t&&"#f2f2f2"}}; 137 display: block; 138 height: ${e=>{let{imageLoaded:t}=e;return!t&&0}}; 139 padding-bottom: ${e=>!e.imageLoaded&&100/e.ratioX*e.ratioY+"%"}; 140 141 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 142 padding-bottom: ${e=>{let{imageLoaded:t,ratioXTablet:r,ratioYTablet:i}
142=e;return!t&&r&&100/r*i+"%"}}; 143 } 144 145 @media ${e=>{let{theme:t}=e;return t.device.desktop}} { 146 padding-bottom: ${e=>{let{imageLoaded:t,ratioXDesktop:r,ratioYDesktop:i}=e;return!t&&r&&100/r*i+"%"}}; 147 } 148 149 @media ${e=>{let{theme:t}=e;return t.device.hd}} { 150 padding-bottom: ${e=>{let{imageLoaded:t,ratioXHd:r,ratioYHd:i}=e;return!t&&r&&100/r*i+"%"}}; 151 } 152 153 img { 154 width: 100%; 155 } 156`;const n=function(e){const t={mobile:{x:null,y:null},tablet:{x:null,y:null},desktop:{x:null,y:null},hd:{x:null,y:null}},r=e=>{const t=e.split(":").map(Number);let[r,i]=t;return(!r||!i||t.length>2)&&(r=i=1),[r,i]};return"string"===typeof e?[t.mobile.x,t.mobile.y]=r(e):Object.keys(e).forEach(i=>{[t[i].x,t[i].y]=r(e[i])}),t};var l=r(48),a=r(15678);const d=e=>{var t,r,d,s,c,h;let{children:u,ratio:p="1:1"}=e;const{pageEditing:m}=(0,l.i)(),g=(0,i.useRef)(),[f,b]=(0,i.useState)(m),v=n(p);return(0,i.useEffect)(()=>{if(f)return;const e=g.current;let t;return"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype?(t=new IntersectionObserver(r=>{r[0].isIntersecting&&(b(!0),t.unobserve(e))},{rootMargin:"0px 0px 200px 0px"}),t.observe(e)):b(!0),()=>{t&&t.unobserve(e)}},[g,f]),(0,a.jsxs)(o,{ref:g,ratioX:v.mobile.x,ratioY:v.mobile.y,ratioXTablet:v.tablet.x,ratioYTablet:v.tablet.y,ratioXDesktop:v.desktop.x,ratioYDesktop:v.desktop.y,ratioXHd:v.hd.x,ratioYHd:v.hd.y,imageLoaded:f,children:[f&&u,(0,a.jsx)("noscript",{children:(0,a.jsx)("img",{src:null===u||void 0===u||null===(t=u.props)||void 0===t||null===(r=t.field)||void 0===r||null===(d=r.value)||void 0===d?void 0:d.src,alt:null===u||void 0===u||null===(s=u.props)||void 0===s||null===(c=s.field)||void 0===c||null===(h=c.value)||void 0===h?void 0:h.alt})})]})}},30336(e,t,r){r.r(t),r.d(t,{default:()=>a});r(88094);var i=r(4156),o=r(6099),n=r(48),l=r(15678);const a=(0,i.S)({placeholder:"ArticleCards",prop:"cardsPlaceholder"})(e=>{let{cardsPlaceholder:t}=e;const{pageEditing:r}=(0,n.i)();return(0,l.jsxs)(l.Fragment,{children:[r&&(0,l.jsx)("div",{children:'Warning: the control "Article Shelf - Manual" has been deprecated. Please replace it with "Article Shelf".'}),(0,l.jsx)(o.b,{children:t})]})})},76173(e,t,r){r.d(t,{A:()=>c});var i=r(25173),o=r(21625);const n=i.Ay.div` 157 align-items: flex-end; 158 display: flex; 159 font-family: ${e=>{let{theme:t}=e;return t.fonts.secondary.regular}}; 160 font-size: ${(0,o.A)(12)}; 161 justify-content: space-between; 162 line-height: 1.1; 163 width: 100%; 164 165 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 166 font-size: ${(0,o.A)(16)}; 167 padding: 0 ${e=>{let{display:t}=e;return"tag"===t?0:(0,o.A)(20)}}; 168 } 169`,l=i.AH` 170 border-radius: 4px; 171 color: ${e=>{let{theme:t}=e;return t.colors.categoryBarText}}; 172 padding: ${(0,o.A)(5)} ${(0,o.A)(10)}; 173 background-color: ${e=>{var t;let{theme:r,color:i}=e;return null===(t=r.colors)||void 0===t?void 0:t.categories[i]}}; 174`,a=i.AH` 175 border-left: 2px solid; 176 line-height: 1.1; 177 padding-left: ${(0,o.A)(5)}; 178 border-color: ${e=>{var t;let{theme:r,color:i}=e;return null===(t=r.colors)||void 0===t?void 0:t.categories[i]}}; 179`,d=i.Ay.div` 180 ${e=>{let{display:t}=e;return"tag"===t?l:a}} 181`;var s=r(15678);const c=e=>{let{name:t,color:r,date:i,display:o}=e;return(0,s.jsxs)(n,{display:o,children:[(0,s.jsx)(d,{display:o,color:(l=r,l?(l.indexOf("#"),l):""),children:t}),(0,s.jsx)("div",{children:(e=>{if(!e)return"";if(e.indexOf("Z")<0||e.indexOf("T")<0)return e;const t=e.split("");t.indexOf("-")<0&&t.indexOf(":")<0&&(t.splice(4,0,"-"),t.splice(7,0,"-"),t.splice(13,0,":"),t.splice(16,0,":"));const r=new Date(Date.parse(t.join(""))),i=r.getDate();let o=r.getMonth()+1;1===o.toString().length&&(o=`0${o}`);return`${i}/${o}/${r.getFullYear()}`})(i)})]});var l}},78334(e,t,r){r.d(t,{h:()=>a,kb:()=>n,pG:()=>l,rR:()=>o});const i=e=>{let{dir:t}=e;return"rtl"===t},o=e=>i(e)?"right":"left",n=()=>e=>{let{theme:t}=e;return o(t)},l=()=>e=>{let{theme:t}=e;return(e=>i(e)?"left":"right")(t)},a=e=>()=>t=>{let{theme:r}=t;return i(r)?e:""}},87424(e,t,r){r.d(t,{A:()=>u});var i=r(88094),o=r(25173),n=r(32901),l=r(78334),a=r(21625);const d=o.AH` 182 &:after { 183 ${e=>{let{backgroundColor:t}=e;return t?`background: ${t};`:""}} 184 bottom: 0; 185 content: "..."; 186 padding: 0 1px; 187 position: absolute; 188 ${l.pG}: -1px; 189 } 190`,s=o.Ay.div.withConfig({shouldForwardProp:e=>!["numberOfLines","pxLineHeight","shouldClamp","backgroundColor","foregroundColor","isPersonalised"].includes(e)})` 191 ${e=>{let{numberOfLines:t,pxLineHeight:r,theme:i}=e;return(0,n.T)(r,i,e=>`\n height: ${(0,a.A)(e*t)};\n line-height: ${(0,a.A)(e)};\n `)}} 192 193 ${e=>{let{shouldClamp:t}=e;return t?d:""}} 194 195 ${e=>{let{backgroundColor:t}=e;return t?`background: ${t};`:""}} 196 197 ${e=>{let{theme:t,foregroundColor:r}=e;return r?`color: ${r(t)};`:""}} 198 199 display: block; 200 overflow: hidden; 201 position: relative; 202 word-wrap: break-word; 203 204 @supports (-webkit-line-clamp: ${e=>{let{numberOfLines:t}=e;return t}}) { 205 -webkit-box-orient: vertical; 206 display: -webkit-box; 207 -webkit-line-clamp: ${e=>{let{numberOfLines:t}=e;return t}}; 208 text-overflow: ellipsis; 209 210 &:after { 211 display: none; 212 } 213 } 214`,c=(e,t)=>{const[r,o]=(0,i.useState)(t);return(0,i.useEffect)(()=>{const t=()=>o((e=>{if(!e)return!1;const t=[].slice.call(e.children).reduce((e,t)=>
214e+t.offsetHeight,0);return e.offsetHeight<t})(e.current));return window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t)}},[e]),r};var h=r(15678);const u=e=>{let{as:t="div",numberOfLines:r,pxLineHeight:o,color:n,backgroundColor:l,children:a,...d}=e;const u=(0,i.useRef)(null),p=c(u,!1),m=(0,i.useMemo)(()=>"object"===typeof o?o:{mobile:o},[o]);return(0,h.jsx)(s,{ref:u,as:t,numberOfLines:r,pxLineHeight:m,foregroundColor:n,backgroundColor:l,shouldClamp:p,"data-testid":"line-clamp",...d,children:(0,h.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.