1"use strict";(globalThis.webpackChunkgrowingfamilies=globalThis.webpackChunkgrowingfamilies||[]).push([[321],{6099(e,t,i){i.d(t,{b:()=>$,A:()=>x});var r=i(3143),l=i(25173),o=i(21625);const n=l.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,o.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,o.A)(16)}; 27 height: ${(0,o.A)(60)}; 28 letter-spacing: ${(0,o.A)(-.5)}; 29 margin: 0 0 ${(0,o.A)(7)}; 30 max-height: ${(0,o.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,o.A)(24)}; 57 height: ${(0,o.A)(96)}; 58 line-height: 1.33; 59 margin: ${(0,o.A)(20)} ${(0,o.A)(20)} ${(0,o.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=l.Ay.div` 73 position: relative; 74 flex: 0 0 ${(0,o.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,o.A)(120)}; 83 width: ${(0,o.A)(120)}; 84 85 @media ${e=>{let{theme:t}=e;return t.device.tablet}} { 86 height: auto; 87 width: 100%; 88 } 89 } 90`,d=l.Ay.div` 91 display: flex; 92 flex-flow: row wrap; 93 margin: 0 0 0 ${(0,o.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=l.Ay.div` 101 svg { 102 width: ${(0,o.A)(10)}; 103 fill: #124297; 104 margin-left: ${(0,o.A)(4)}; 105 } 106 display: flex; 107 align-items: center; 108 justify-content: center; 109 width: ${(0,o.A)(40)}; 110 height: ${(0,o.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,o.A)(60)}; 122 height: ${(0,o.A)(60)}; 123 transform: translate(-30px, -30px); 124 svg { 125 width: ${(0,o.A)(15)}; 126 } 127 } 128`;var c=i(28061),u=i(23772),h=i(76173),m=i(87424),g=i(48),p=i(13941),v=i(13751),f=i(83707),b=i(15678);const x=e=>{const{categoryName:t,categoryColor:i,date:l,heading:o,thumbnail:x,url:$,children:y,hasThumbnail:A,renderThumbnail:w,isVideo:k}=e,{pageEditing:j}=(0,g.i)(),C=j?"Last update of the article":l,L=(0,f.Bd)("Feature/ArticleShelf"),O=o;return(0,b.jsx)(r.VP,{span:4,children:(0,b.jsxs)(n,{"data-testid":"article-card","data-component":"article-card",children:[(0,b.jsx)(a,{"data-testid":"article-card-image-container","data-component":"article-card-image-container",children:(0,b.jsx)(c.A,{children:(0,b.jsxs)(b.Fragment,{children:[k&&A&&(0,b.jsx)(s,{children:(0,b.jsx)(p.AY,{size:"1rem","data-testid":"video-badge"})}),w?w():(0,b.jsx)("img",{alt:"",...x,"data-component":"article-card-image"})]})})}),(0,b.jsxs)(d,{children:[(0,b.jsx)(u.A,{href:$,children:(0,b.jsxs)(m.A,{numberOfLines:3,pxLineHeight:{mobile:20,tabletPortrait:32},backgroundColor:"#fff","data-component":"article-card-title",children:[k?(0,b.jsx)(v.A,{children:L("ArticleVideo","To Video Article")}):null,O?(0,b.jsx)(O,{children:y}):null]})}),(0,b.jsx)(h.A,{name:t,color:i,date:C,"data-component":"article-card-category-bar"})]})]})})},$=e=>{let{children:t}=e;return(0,b.jsx)(r.wn,{children:(0,b.jsx)("section",{"aria-label":"article shelf",children:(0,b.jsx)(r.mc,{"data-component":"article-cards-container","data-testid":"article-cards-container",children:(0,b.jsx)(r.e,{multiline:!0,children:t})})})})}},11668(e,t,i){i.r(t),i.d(t,{default:()=>a});var r=i(49881),l=i(6099),o=i(78755),n=i(15678);const a=e=>{let{fields:t}=e,i="";var a,d,s,c,u,h,m,g,p;"string"===typeof(null===t||void 0===t?void 0:t.__Updated)?i=null===t||void 0===t?void 0:t.__Updated:i=(null===t||void 0===t||null===(a=t.__Updated)||void 0===a?void 0:a.value)||"";return t?(0,n.jsx)(l.A,{date:i,heading:"h3",categoryName:null===t||void 0===t||null===(d=t.MainArticleCategory)||void 0===d||null===(s=d.CategoryName)||void 0===s?void 0:s.value,categoryColor:null===t||void 0===t||null===(c=t.MainArticleCategory)||void 0===c||null===(u=c.CategoryColor)||void 0===u||null===(h=u.fields)||void 0===h?void 0:h.Setting.value,url:(null===t||void 0===t?void 0:t.Url)||"/",hasThumbnail:!(null===t||void 0===t||null===(m=t.CardImage)||void 0===m||null===(g=m.value)||void 0===g||!g.src),renderThumbnail:()=>(0,n.jsx)(o.A,{image:null===t||void 0===t?void 0:t.CardImage}),isVideo:!(null===t||void 0===t||null===(p=t.VideoDesktopId)||void 0===p||!p.value),
128children:(0,n.jsx)(r.E,{field:null===t||void 0===t?void 0:t.Title})}):null}},23772(e,t,i){i.d(t,{A:()=>d});i(88094);var r=i(4042),l=i(48),o=i(43930);const n=(0,i(25173).Ay)(o.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=i(15678);const d=e=>{var t,i;let{className:o,href:d,children:s,dataActionDetail:c,field:u,tabIndex:h,handleClick:m,...g}=e;const{pageEditing:p}=(0,l.i)(),v="internal"===(null===u||void 0===u||null===(t=u.value)||void 0===t?void 0:t.linktype)||(null===d||void 0===d?void 0:d.startsWith("/"))||"#"===d,f=null!==(i=null===u||void 0===u?void 0:u.value.href)&&void 0!==i?i:d,b=null!==u&&void 0!==u&&u.value.href?u:{value:{href:d}},x={className:o,tabIndex:h,"data-action-detail":c};return p?(0,a.jsx)(r.N,{field:b,children:s}):v?(0,a.jsx)(n,{to:f,onClick:m,...x,...g,children:s}):(0,a.jsx)(r.N,{field:b,...x,children:s})}},28061(e,t,i){i.d(t,{A:()=>d});var r=i(88094);const l=i(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:i,ratioYTablet:r}=e;return!t&&i&&100/i*r+"%"}}; 143 } 144 145 @media ${e=>{let{theme:t}=e;return t.device.desktop}} { 146 padding-bottom: ${e=>{let{imageLoaded:t,ratioXDesktop:i,ratioYDesktop:r}=e;return!t&&i&&100/i*r+"%"}}; 147 } 148 149 @media ${e=>{let{theme:t}=e;return t.device.hd}} { 150 padding-bottom: ${e=>{let{imageLoaded:t,ratioXHd:i,ratioYHd:r}=e;return!t&&i&&100/i*r+"%"}}; 151 } 152 153 img { 154 width: 100%; 155 } 156`;const o=function(e){const t={mobile:{x:null,y:null},tablet:{x:null,y:null},desktop:{x:null,y:null},hd:{x:null,y:null}},i=e=>{const t=e.split(":").map(Number);let[i,r]=t;return(!i||!r||t.length>2)&&(i=r=1),[i,r]};return"string"===typeof e?[t.mobile.x,t.mobile.y]=i(e):Object.keys(e).forEach(r=>{[t[r].x,t[r].y]=i(e[r])}),t};var n=i(48),a=i(15678);const d=e=>{var t,i,d,s,c,u;let{children:h,ratio:m="1:1"}=e;const{pageEditing:g}=(0,n.i)(),p=(0,r.useRef)(),[v,f]=(0,r.useState)(g),b=o(m);return(0,r.useEffect)(()=>{if(v)return;const e=p.current;let t;return"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype?(t=new IntersectionObserver(i=>{i[0].isIntersecting&&(f(!0),t.unobserve(e))},{rootMargin:"0px 0px 200px 0px"}),t.observe(e)):f(!0),()=>{t&&t.unobserve(e)}},[p,v]),(0,a.jsxs)(l,{ref:p,ratioX:b.mobile.x,ratioY:b.mobile.y,ratioXTablet:b.tablet.x,ratioYTablet:b.tablet.y,ratioXDesktop:b.desktop.x,ratioYDesktop:b.desktop.y,ratioXHd:b.hd.x,ratioYHd:b.hd.y,imageLoaded:v,children:[v&&h,(0,a.jsx)("noscript",{children:(0,a.jsx)("img",{src:null===h||void 0===h||null===(t=h.props)||void 0===t||null===(i=t.field)||void 0===i||null===(d=i.value)||void 0===d?void 0:d.src,alt:null===h||void 0===h||null===(s=h.props)||void 0===s||null===(c=s.field)||void 0===c||null===(u=c.value)||void 0===u?void 0:u.alt})})]})}},76173(e,t,i){i.d(t,{A:()=>c});var r=i(25173),l=i(21625);const o=r.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,l.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,l.A)(16)}; 167 padding: 0 ${e=>{let{display:t}=e;return"tag"===t?0:(0,l.A)(20)}}; 168 } 169`,n=r.AH` 170 border-radius: 4px; 171 color: ${e=>{let{theme:t}=e;return t.colors.categoryBarText}}; 172 padding: ${(0,l.A)(5)} ${(0,l.A)(10)}; 173 background-color: ${e=>{var t;let{theme:i,color:r}=e;return null===(t=i.colors)||void 0===t?void 0:t.categories[r]}}; 174`,a=r.AH` 175 border-left: 2px solid; 176 line-height: 1.1; 177 padding-left: ${(0,l.A)(5)}; 178 border-color: ${e=>{var t;let{theme:i,color:r}=e;return null===(t=i.colors)||void 0===t?void 0:t.categories[r]}}; 179`,d=r.Ay.div` 180 ${e=>{let{display:t}=e;return"tag"===t?n:a}} 181`;var s=i(15678);const c=e=>{let{name:t,color:i,date:r,display:l}=e;return(0,s.jsxs)(o,{display:l,children:[(0,s.jsx)(d,{display:l,color:(n=i,n?(n.indexOf("#"),n):""),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 i=new Date(Date.parse(t.join(""))),r=i.getDate();let l=i.getMonth()+1;1===l.toString().length&&(l=`0${l}`);return`${r}/${l}/${i.getFullYear()}`})(r)})]});var n}},78334(e,t,i){i.d(t,{h:()=>a,kb:()=>o,pG:()=>n,rR:()=>l});const r=e=>{let{dir:t}=e;return"rtl"===t},l=e=>r(e)?"right":"left",o=()=>e=>{let{theme:t}=e;return l(t)},n=()=>e=>{let{theme:t}=e;return(e=>r(e)?"left":"right")(t)},a=e=>()=>t=>{let{theme:i}=t;return r(i)?e:""}},78755(e,t,i){i.d(t,{A:()=>n});var r=i(39653),l=i(57768),o=i(15678);const n=e=>{let{image:t}=e;return(0,o.jsx)(r._,{field:t,sizes:"(min-width: 1440px) 25vw, (min-width: 768px) 33vw, 20vw",srcSet:(0,l.rn)([320,480,640])})}},87424(e,t,i){i.d(t,{A:()=>h});var r=i(88094),l=i(25173),o=i(32901),n=i(78334),a=i(21625);const d=l.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 ${n.pG}: -1px; 189 } 190`,s=l.Ay.div.withConfig({shouldForwardProp:e=>!["numberOfLines","pxLineHeight","shouldClamp","backgroundColor","foregroundColor","isPersonalised"].includes(e)})` 191 ${e=>{let{numberOfLines:t,pxLineHeight:i,theme:r}=e;return(0,o.T)(i,r,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:i}=e;return i?`color: ${i(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[i,l]=(0,r.useState)(t);return(0,r.useEffect)(()=>{const t=()=>l((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]),i};var u=i(15678);const h=e=>{let{as:t="div",numberOfLines:i,pxLineHeight:l,color:o,backgroundColor:n,children:a,...d}=e;const h=(0,r.useRef)(null),m=c(h,!1),g=(0,r.useMemo)(()=>"object"===typeof l?l:{mobile:l},[l]);return(0,u.jsx)(s,{ref:h,as:t,numberOfLines:i,pxLineHeight:g,foregroundColor:o,backgroundColor:n,shouldClamp:m,"data-testid":"line-clamp",...d,children:(0,u.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.