1"use strict";(self.webpackChunkbushs_beans=self.webpackChunkbushs_beans||[]).push([[6633,8306,6393,1495,8795],{91003:(e,t,r)=>{r.d(t,{Z:()=>a});r(50390);const a=r.p+"static/media/bean-top-shine.3e6863f54f04f5704991b4f7d0595df5.svg"},3333:(e,t,r)=>{r.r(t),r.d(t,{default:()=>c});r(50390);var a=r(7742),n=r(26597),i=r(84301),l=r(41407),p=r(67639),o=r(96525),d=r(91003),s=r(80891),m=r(62559);const c=e=>{let{backgroundColor:t,site:r,id:c,showAltBeanBurst:u,showBeanBurst:g,title:h,titleColor:$,sectionCopy:x,copyColor:f,copy:b,relatedPages:k,startingCardColor:v}=e;return(0,m.jsxs)(a.RelatedPagesPromoComponent,{background:t,className:`related-pages-${r.name}`,id:c,children:["1"===u&&(0,m.jsx)("img",{src:d.Z,className:"bean-top-shine",alt:"decorative bean image"}),"1"===g&&(0,m.jsx)(l.default,{icon:"shine",className:"bean-burst"}),h&&(0,m.jsx)(n.default,{tag:"h2",field:h,className:`section-heading color-${$}`}),x&&(0,m.jsx)(i.default,{field:x,className:`section-copy color-${f}`}),b&&(0,m.jsx)("p",{className:"section-copy",children:b}),(0,m.jsx)(p.default,{type:"related",className:"related-grid",children:k.map((e,t)=>{const a=(0,s.buildCardShapeData)(e);return(0,m.jsx)(o.default,{className:`${r.name}-card`,type:"related",ctype:"related",backgroundColor:v,...a},`RelatedPage-${null===e||void 0===e?void 0:e.id}-${t}`)})})]})}},80891:(e,t,r)=>{r.r(t),r.d(t,{buildCardShapeData:()=>a,default:()=>n});const a=e=>{var t,r;return{title:{value:null===e||void 0===e?void 0:e.title},image:{value:{src:null===e||void 0===e||null===(t=e.image)||void 0===t?void 0:t.url,alt:null===e||void 0===e||null===(r=e.image)||void 0===r?void 0:r.alt}},category:{value:null===e||void 0===e?void 0:e.category},link:{href:null===e||void 0===e?void 0:e.url},itemId:null===e||void 0===e?void 0:e.id}},n=a},96525:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});r(50390);var a=r(14175),n=r(52811),i=r(62559);const l=e=>{let{type:t,device:r,index:a}=e;const n="mobile"===r||"tablet"===r,i={recipe:!!(n?a%5===5||a%5===0:a%10===5||a%10===9),product:!!(n?a%5===5||a%5===0:a%10===4||a%10===0)};return t in i&&i[t]},p=e=>{let{type:t="product",promo:r=!1,index:p,...o}=e;const d=(0,a.R7)();return(0,i.jsx)(n.default,{type:t,promo:r||l({type:t,device:d,index:p}),props:o})}},67639:(e,t,r)=>{r.r(t),r.d(t,{default:()=>l});r(50390);var a=r(40577),n=r(62559);const i=e=>{let{type:t="default",children:r,className:i,props:l}=e;const p={default:a.GridComponent,related:a.GridComponent,product:a.ComplexGrid,recipe:a.ComplexGrid,content:a.AdaptableGrid,ingredients:a.AdaptableGrid,offset:a.OffsetGrid,article:a.OffsetGrid};let o=p.default;return t in p&&(o=p[t]),(0,n.jsx)(o,{...l,className:`grid ${t} ${i}`,children:r})},l=e=>{const{type:t="default",children:r,className:a=""}=e;return(0,n.jsx)(i,{type:t,className:a,props:e,children:r})}},40577:(e,t,r)=>{r.r(t),r.d(t,{AdaptableGrid:()=>p,ComplexGrid:()=>l,GridComponent:()=>i,OffsetGrid:()=>o,default:()=>n});var a=r(75497);const n=a.ZP.div``,i=a.ZP.div` 2 display: grid; 3 grid-auto-rows: auto; 4 grid-gap: ${e=>{let{theme:t,gapSize:r}=e;return r?t.spacing(r):t.spacing(36)}}; 5 grid-template-columns: repeat(1, 1fr); 6 max-width: 90%; 7 margin: 0 auto; 8 9 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("tablet")}} { 10 grid-template-columns: repeat(2, 1fr); 11 } 12 13 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 14 grid-template-columns: repeat(3, 1fr); 15 max-width: ${e=>{let{theme:t}=e;return t.grid.maxWidth.desktop}}; 16 } 17 18 &.example { 19 margin-bottom: 20px; 20 > * { 21 height: 400px; 22 background-color: ${e=>{let{theme:t}=e;return t.colours.tan}}; 23 border-radius: 4px; 24 } 25 } 26`,l=a.ZP.div` 27 display: grid; 28 grid-auto-flow: dense; 29 // grid-template-rows: repeat(3, 1fr); 30 grid-template-columns: repeat(2, 1fr); 31 gap: ${e=>{let{theme:t}=e;return`clamp(${t.spacing(36)}, 6vh, ${t.spacing(60)})\n clamp(${t.spacing(24)}, 6vw, ${t.spacing(90)})`}}; 32 max-width: 90%; 33 margin: 0 auto; 34 35 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 36 grid-template-rows: auto; 37 grid-template-columns: repeat(3, 1fr); 38 gap: ${e=>{let{theme:t}=e;return`clamp(${t.spacing(60)}, 6vh, ${t.spacing(100)})\n clamp(${t.spacing(30)}, 1.75vw, ${t.spacing(50)})`}}; 39 } 40 &.product{ 41 gap: ${e=>{let{theme:t}=e;return`clamp(${t.spacing(36)}, 1vh, ${t.spacing(60)})\n clamp(${t.spacing(24)}, 1vw, ${t.spacing(90)})`}}; 42 max-width: 90%; 43 margin: 0 auto; 44 45 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 46 grid-auto-rows: auto; 47 grid-template-columns: repeat(3, 1fr); 48 gap: ${e=>{let{theme:t}=e;return`clamp(${t.spacing(60)}, 1vh, ${t.spacing(100)})\n clamp(${t.spacing(30)}, 1vw, ${t.spacing(50)})`}}; 49 } 50 } 51 52 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("1920px")}} { 53 max-width: ${e=>{let{theme:t}=e;return t.grid.desktop}}; 54 } 55 56 > * { 57 ${e=>{let{theme:t}=e;return t.breakPoints.maxBp("desktop")}} { 58 &:nth-child(5n + 5) { 59 grid-column: span 2; 60 } 61 } 62 } 63 64 &.product { 65 > * { 66 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 67 &:nth-child(10n + 4), 68 &:nth-child(10n + 10) { 69 grid-column: span 2; 70 } 71 } 72 } 73 } 74 75 &.recipe { 76 > * { 77 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 78 &:nth-child(10n + 5), 79 &:nth-child(10n + 9) { 80 grid-column: span 2; 81 } 82 } 83 } 84 } 85 86 &.example { 87 > * { 88 height: 200px; 89 background-color: ${e=>{let{theme:t}=e;return t.colours.tan}}; 90 border-radius: 4px; 91 92 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 93 height: 400px; 94 } 95 } 96 } 97`,p=a.ZP.div` 98 display: grid; 99 grid-auto-flow: dense; 100 grid-template-rows: repeat(1, 1fr); 101 grid-template-columns: repeat(1, 1fr); 102 gap: 50px; 103 max-width: 90%; 104 margin: 0 auto; 105 106 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 107 grid-template-rows: repeat(1, 1fr); 108 grid-template-columns: repeat(${e=>{let{columns:t}=e;return(e=>{let{columns:t="two"}=e;const r={1:"1",2:"2",3:"3"};return t in r?r[t]:r[2]})({columns:t})}}, 1fr); 109 gap: ${e=>{let{theme:t}=e;return`clamp(${t.spacing(60)}, 6vh, ${t.spacing(100)})\n clamp(${t.spacing(50)}, 6vw, ${t.spacing(100)})`}}; 110 } 111 112 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("1920px")}} { 113 max-width: 1700px; 114 } 115 116 &.ingredients { 117 ${e=>{let{theme:t}=e;return t.breakPoints.maxBp("desktop")}} { 118 gap: 0; 119 } 120 } 121 122 &.example { 123 > * { 124 height: 200px; 125 background-color: ${e=>{let{theme:t}=e;return t.colours.tan}}; 126 border-radius: 4px; 127 128 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 129 height: 400px; 130 } 131 } 132 } 133`,o=a.ZP.div` 134 display: grid; 135 grid-auto-flow: dense; 136 grid-template-rows: repeat(2, 1fr); 137 grid-template-columns: repeat(1, 1fr); 138 gap: 36px 24px; 139 margin: 0 auto; 140 max-width: 90%; 141 142 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 143 grid-template-rows: repeat(2, 1fr); 144 grid-template-columns: repeat(8, 1fr); 145 margin: 100px auto; 146 gap: ${e=>{let{theme:t}=e;return`${t.spacing(160)}\n clamp(${t.spacing(80)}, 8vw, ${t.spacing(120)})`}}; 147 } 148 149 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("1920px")}} { 150 max-width: ${e=>{let{theme:t}=e;return t.grid.desktop}}; 151 } 152 153 > * { 154 // ${e=>{let{theme:t}=e;return t.breakPoints.maxBp("desktop")}} { 155 // &:nth-child(2n + 1) { 156 // margin-left: 0; 157 // transform: translateX(-8px); 158 // } 159 // 160 // &:nth-child(2n + 2) { 161 // transform: translateX(8px); 162 // } 163 // } 164 165 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 166 &:nth-child(4n + 1), 167 &:nth-child(4n + 3) { 168 grid-column: span 4; 169 margin-top: ${e=>{let{theme:t}=e;return t.spacing(-80)}}; 170 } 171 172 &:nth-child(4n + 2), 173 &:nth-child(4n + 4) { 174 grid-column: span 4; 175 margin-top: ${e=>{let{theme:t}=e;return t.spacing(40)}}; 176 } 177 } 178 179 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("1440px")}} { 180 &:nth-child(4n + 1) { 181 grid-column: span 3; 182 margin-top: ${e=>{let{theme:t}=e;return t.spacing(-80)}}; 183 } 184 185 &:nth-child(4n + 2) { 186 grid-column: span 5; 187 margin-top: ${e=>{let{theme:t}=e;return t.spacing(40)}}; 188 } 189 190 &:nth-child(4n + 3) { 191 grid-column: span 5; 192 margin-top: ${e=>{let{theme:t}=e;return t.spacing(-40)}}; 193 } 194 195 &:nth-child(4n + 4) { 196 grid-column: span 3; 197 margin-top: ${e=>{let{theme:t}=e;return t.spacing(80)}}; 198 } 199 } 200 } 201 202 &.example { 203 > * { 204 height: 200px; 205 background-color: ${e=>{let{theme:t}=e;return t.colours.tan}}; 206 border-radius: 4px; 207 208 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("desktop")}} { 209 height: 400px; 210 } 211 } 212 } 213`}}]); 214//# sourceMappingURL=DefaultPromo.6676c8bf.chunk.js.map
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.