1"use strict";(self.webpackChunkbushs_beans=self.webpackChunkbushs_beans||[]).push([[8186,8073,4692,9899,9682,6435,5151],{2732:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s});a(50390);var l=a(927),r=a(54534),i=a(16517),n=a(26597),o=a(42324),d=a(62559);const s=(0,r.p)()(e=>{var t;let{fields:a={},params:r={},sitecoreContext:s}=e;const{sectionTitle:c={},backgroundImage:u={},items:m=[]}=a,{backgroundColor:p="red",componentclass:g="",id:h=null}=r,v=null!==u&&void 0!==u&&null!==(t=u.value)&&void 0!==t&&t.src?l.mediaApi.updateImageUrl(u.value.src,{mw:1600,mh:1600}):void 0;return(0,d.jsxs)(i.default,{backgroundColor:p,backgroundImage:v,className:g,id:h,children:[(null===c||void 0===c?void 0:c.value)&&(0,d.jsx)(n.default,{field:c,tag:"h2",className:"section-title"}),m.length>0&&(0,d.jsx)("div",{className:"items-wrapper",children:m.map(e=>(0,d.jsx)(o.default,{fields:e.fields},e.id))})]})})},16517:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});const l=a(75497).ZP.section` 2 background-color: ${e=>{let{theme:t,backgroundColor:a}=e;return t.colours[a]||a||t.colours.red}}; 3 ${e=>{let{backgroundImage:t}=e;return t?`background-image: url(${t});\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;`:""}} 4 5 padding: 100px 0; 6 7 .section-title { 8 text-align: center; 9 color: ${e=>{let{theme:t}=e;return t.colours.yellow}}; 10 text-transform: uppercase; 11 font-weight: 900; 12 font-size: clamp(2rem, 3vw, 3.5rem); 13 margin-bottom: ${e=>{let{theme:t}=e;return t.spacing(50)}}; 14 padding: 0 ${e=>{let{theme:t}=e;return t.spacing(20)}}; 15 line-height: 1.2; 16 } 17 18 .items-wrapper { 19 display: flex; 20 flex-direction: column; 21 gap: ${e=>{let{theme:t}=e;return t.spacing(60)}}; 22 } 23 @media (max-width: 960px) { 24 padding: 50px 0; 25 } 26`},42324:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s});a(50390);var l=a(8164),r=a(54534),i=a(80885),n=a(26597),o=a(84301),d=a(62559);const s=(0,r.p)()(e=>{var t;const{fields:a={},params:r={}}=e,{Image:s=null,title:c={},copy:u={},useTextLayout:m={}}=a;var p;return!0===(null===m||void 0===m?void 0:m.value)||1===(null===m||void 0===m?void 0:m.value)?(0,d.jsxs)(i.TextItem,{children:[(0,d.jsxs)("div",{className:"text-content",children:[(null===c||void 0===c?void 0:c.value)&&(0,d.jsx)(n.default,{field:c,tag:"h3"}),(null===u||void 0===u?void 0:u.value)&&(0,d.jsx)(o.default,{field:u,tag:"div",className:"text-copy"})]}),(null===s||void 0===s||null===(p=s.value)||void 0===p?void 0:p.src)&&(0,d.jsx)("div",{className:"text-image-wrap",children:(0,d.jsx)(l.E,{field:s,imageParams:{mw:900,mh:900}})})]}):(0,d.jsxs)(i.CardItem,{children:[(null===s||void 0===s||null===(t=s.value)||void 0===t?void 0:t.src)&&(0,d.jsx)("div",{className:"card-image-wrap",children:(0,d.jsx)(l.E,{field:s,imageParams:{mw:1200,mh:900}})}),((null===c||void 0===c?void 0:c.value)||(null===u||void 0===u?void 0:u.value))&&(0,d.jsxs)("div",{className:"card-box",children:[(null===c||void 0===c?void 0:c.value)&&(0,d.jsx)(n.default,{field:c,tag:"h3"}),(null===u||void 0===u?void 0:u.value)&&(0,d.jsx)(o.default,{field:u,tag:"div",className:"card-copy"})]})]})})},80885:(e,t,a)=>{a.r(t),a.d(t,{CardItem:()=>r,TextItem:()=>i,default:()=>n});var l=a(75497);const r=l.ZP.div` 27 position: relative; 28 width: 1200px; 29 max-width: 90%; 30 margin: auto; 31 32 /* Mobile default: stacked, no overlap */ 33 .card-image-wrap { 34 width: 100%; 35 36 img { 37 display: block; 38 width: 100%; 39 height: auto; 40 object-fit: cover; 41 } 42 43 span { 44 display: block; 45 width: 100%; 46 } 47 } 48 49 .card-box { 50 background-color: ${e=>{let{theme:t}=e;return t.colours.tan}}; 51 box-sizing: border-box; 52 width: 100%; 53 overflow: hidden; 54 55 h3 { 56 background-color: ${e=>{let{theme:t}=e;return t.colours.yellow}}; 57 color: ${e=>{let{theme:t}=e;return t.colours.red}}; 58 text-transform: uppercase; 59 font-weight: 900; 60 font-size: clamp(1.2rem, 2.67vw, 2rem); 61 padding: ${e=>{let{theme:t}=e;return t.spacing(20)}} ${e=>{let{theme:t}=e;return t.spacing(30)}}; 62 margin: 0; 63 } 64 65 .card-copy { 66 color: ${e=>{let{theme:t}=e;return t.colours.blue}}; 67 font-size: clamp(0.875rem, 2vw, 1.5rem); 68 line-height: 1.2; 69 padding: ${e=>{let{theme:t}=e;return t.spacing(30)}}; 70 font-family: 'apercu pro', apercu pro, sans-serif; 71 text-align: center; 72 } 73 } 74 75 /* Tablet+: card overlaps image */ 76 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("tablet")}} { 77 padding-bottom: ${e=>{let{theme:t}=e;return t.spacing(80)}}; 78 79 .card-image-wrap { 80 width: 79.58%; /* 955px / 1200px */ 81 margin-left: auto; /* image right for odd */ 82 } 83 84 .card-box { 85 position: absolute; 86 bottom: 30px; 87 left: 0; 88 width: 43.5%; /* 522px / 1200px */ 89 } 90 91 /* Even items: image left, card right */ 92 &:nth-child(even) { 93 .card-image-wrap { 94 margin-left: 0; 95 } 96 97 .card-box { 98 left: auto; 99 right: 0; 100 } 101 } 102 } 103`,i=l.ZP.div` 104 display: flex; 105 flex-direction: column; 106 padding: 0 ${e=>{let{theme:t}=e;return t.spacing(20)}}; 107 gap: ${e=>{let{theme:t}=e;return t.spacing(30)}}; 108 width: 1200px; 109 max-width: 90%; 110 margin: auto; 111 .text-content { 112 h3 { 113 color: ${e=>{let{theme:t}=e;return t.colours.white}}; 114 font-weight: 600; 115 font-size: clamp(1.8rem, 3vw, 3rem); 116 margin-bottom: ${e=>{let{theme:t}=e;return t.spacing(20)}}; 117 line-height: 1; 118 text-align: left; 119 width: 90%; 120 } 121 122 .text-copy { 123 color: ${e=>{let{theme:t}=e;return t.colours.white}}; 124 font-size: clamp(0.875rem, 1.2vw, 1rem); 125 line-height: 1.6; 126 } 127 } 128 129 .text-image-wrap { 130 width: 100%; 131 132 img { 133 display: block; 134 width: 100%; 135 height: auto; 136 object-fit: cover; 137 } 138 139 span { 140 display: block; 141 width: 100%; 142 } 143 } 144 145 /* Tablet+: side by side, text left / image right */ 146 ${e=>{let{theme:t}=e;return t.breakPoints.minBp("tablet")}} { 147 flex-direction: row; 148 align-items: center; 149 padding: 0 ${e=>{let{theme:t}=e;return t.spacing(30)}}; 150 gap: ${e=>{let{theme:t}=e;return t.spacing(40)}}; 151 152 .text-content { 153 flex: 1; 154 } 155 156 .text-image-wrap { 157 width: 55%; 158 flex-shrink: 0; 159 } 160 } 161`,n={}},84301:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s});var l=a(50390),r=a(74883),i=a(58704),n=a(54534),o=a(92016),d=a(62559);const s=(0,n.p)()(e=>{var t;let{sitecoreContext:a,...n}=e;if((0,r.RB)()||null!==a&&void 0!==a&&a.pageEditing)return(0,d.jsx)(i.H,{...n});const s=(0,o.q)(null===n||void 0===n||null===(t=n.field)||void 0===t?void 0:t.value,null===a||void 0===a?void 0:a.trademarkReplacements);return l.createElement(n.tag,{dangerouslySetInnerHTML:{__html:s},...n})})},58704:(e,t,a)=>{a.d(t,{H:()=>u});var l=a(50390),r=a(70188),i=a.n(r),n=a(37681),o=a(5014),d=a(80397),s=a(43687),c=function(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(a[l[r]]=e[l[r]])}return a};const u=(0,n.K)((0,o.c)((0,l.forwardRef)((e,t)=>{var{field:a,tag:r="div",editable:i=!0}=e,n=c(e,["field","tag","editable"]);if(!a||!a.editable&&(0,s.isFieldValueEmpty)(a))return null;const o=Object.assign({dangerouslySetInnerHTML:{__html:a.editable&&i?a.editable:a.value},ref:t},n);return l.createElement(r||"div",o)}),{defaultEmptyFieldEditingComponent:d.M,isForwardRef:!0}),!0),m={field:i().shape({value:i().string,editable:i().string,metadata:i().objectOf(i().any)}),tag:i().string,editable:i().bool,emptyFieldEditingComponent:i().oneOfType([i().object,i().func])};u.propTypes=m,u.displayName="RichText"}}]); 162//# sourceMappingURL=ImageWithTextBoxOverlap.3b308831.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.