https://www.oetker.co.uk/_next/static/chunks/6851.32965fc7e02e5919.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6851],{27005:()=>{},29129:(e,t,n)=>{"use strict";n.d(t,{n:()=>s});var r=n(37876),l=n(86564),i=n(94020),d=n(69241),a=n(3266),o=n(97384);let s=({name:e,data:t,$isNumbered:n=!1,collapsed:s=!1,$forceTitleSpace:c="none",page:p="",trackingEvent:u,titleTogglePos:x="center",...h})=>{let b=[];if(!s&&t)for(let n=0;n<t.length;n+=1)t[n].collapsed||b.push(`${e}-${n}`);return(0,r.jsx)(a.nD,{className:`title-toggle-pos-${x} border-b border-[#bbc4ba]`,allowMultipleExpanded:!0,allowZeroExpanded:!0,preExpanded:b,...h,children:t?.filter(e=>e.body).map((t,s)=>(0,r.jsxs)(a.As,{uuid:`${e}-${s}`,className:"border-t border-[#bbc4ba] first:border-t-0",children:[(0,r.jsx)(a.IZ,{onClick:()=>{var e,n;return e=t.stringTitle||"",n=s+1,void(u&&"product"===p&&u(e,n))},"data-index":s,children:(0,r.jsxs)(a.SR,{"data-print":"hide-before-content",className:(0,d.A)('flex cursor-pointer items-center py-[21px] pr-[25px] pl-0 w-full text-left border-0 relative group before:content-["+"] before:text-3xl before:block before:absolute before:right-2.5 before:aria-expanded:content-["-"] before:aria-selected:content-["-"]',"center"===x&&"before:top-1/2 before:-translate-y-1/2","top"===x&&"before:top-2.5 "),children:[n&&(0,r.jsxs)("div",{className:"relative mr-3 w-11 h-11 md:mr-10",children:[(0,r.jsx)(i.v,{}),(0,r.jsx)(o.Title,{className:"absolute -inset-0 mt-px flex items-center justify-center",tag:"div",type:"xxxs",children:s+1})]}),(0,r.jsxs)("div",{className:"w-3/4 md:w-4/5 pr-4 md:pr-0",children:[t.title,t?.peek&&(0,r.jsx)("div",{className:"peek-text group-aria-expanded:hidden",children:t.peek})]})]})}),(0,r.jsx)(a.IT,{className:(0,d.A)("animate-fadeIn",!t?.title&&c&&"both"!==c?"none"===c?"sm:-mt-12 md:-mt-16":"md:-mt-14":""),"data-print":"text-visible",children:t?.body?.raw?(0,r.jsx)("div",{className:"mb-2.5 md:mb-5",children:(0,r.jsx)(l.s,{content:t?.body?.raw})}):t?.body})]},`${e}-${t.id??s}`))})}},33822:(e,t,n)=>{"use strict";let r;n.d(t,{oz:()=>K,wb:()=>C,Kp:()=>P,tU:()=>E});var l=n(95062),i=n(14232);function d(e){return t=>!!t.type&&t.type.tabsRole===e}let a=d("Tab"),o=d("TabList"),s=d("TabPanel");function c(e,t){return i.Children.map(e,e=>null===e?null:a(e)||o(e)||s(e)?t(e):e.props&&e.props.children&&"object"==typeof e.props.children?(0,i.cloneElement)(e,{...e.props,children:c(e.props.children,t)}):e)}function p(e,t){return i.Children.forEach(e,e=>{null!==e&&(a(e)||s(e)?t(e):e.props&&e.props.children&&"object"==typeof e.props.children&&(o(e)&&t(e),p(e.props.children,t)))})}function u(e,t,n){let r,l=0,i=0,d=!1,c=[];return p(e[t],e=>{o(e)&&(e.props&&e.props.children&&"object"==typeof e.props.children&&p(e.props.children,e=>c.push(e)),d&&(r=Error("Found multiple 'TabList' components inside 'Tabs'. Only one is allowed.")),d=!0),a(e)?(d&&-1!==c.indexOf(e)||(r=Error("Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.")),l++):s(e)&&i++}),r||l===i||(r=Error(`There should be an equal number of 'Tab' and 'TabPanel' in \`${n}\`. Received ${l} 'Tab' and ${i} 'TabPanel'.`)),r}var x=n(69241);function h(e){let t=0;return p(e,e=>{a(e)&&t++}),t}function b(e){return e&&"getAttribute"in e}function f(e){return b(e)&&e.getAttribute("data-rttab")}function m(e){return b(e)&&"true"===e.getAttribute("aria-disabled")}let g={className:"react-tabs",focus:!1},y={children:u},j=e=>{(0,l.checkPropTypes)(y,e,"prop","UncontrolledTabs");let t=(0,i.useRef)([]),n=(0,i.useRef)([]),d=(0,i.useRef)();function p(t,n){if(t<0||t>=j())return;let{onSelect:r,selectedIndex:l}=e;r(t,l,n)}function u(e){let t=j();for(let n=e+1;n<t;n++)if(!m(v(n)))return n;for(let t=0;t<e;t++)if(!m(v(t)))return t;return e}function b(e){let t=e;for(;t--;)if(!m(v(t)))return t;for(t=j();t-- >e;)if(!m(v(t)))return t;return e}function j(){let{children:t}=e;return h(t)}function v(e){return t.current[`tabs-${e}`]}function w(e){let t=e.target;do if(T(t)){if(m(t))return;p([].slice.call(t.parentNode.children).filter(f).indexOf(t),e);return}while(null!=(t=t.parentNode))}function T(e){if(!f(e))return!1;let t=e.parentElement;do{if(t===d.current)return!0;

1if(t.getAttribute("data-rttabs"))break;t=t.parentElement}while(t);return!1}let{children:E,className:$,disabledTabClassName:N,domRef:C,focus:k,forceRenderTabPanel:I,onSelect:A,selectedIndex:K,selectedTabClassName:_,selectedTabPanelClassName:R,environment:F,disableUpDownKeys:P,disableLeftRightKeys:L,...S}={...g,...e};return i.createElement("div",Object.assign({},S,{className:(0,x.A)($),onClick:w,onKeyDown:function(t){let{direction:n,disableUpDownKeys:r,disableLeftRightKeys:l}=e;if(T(t.target)){let{selectedIndex:i}=e,d=!1,a=!1;("Space"===t.code||32===t.keyCode||"Enter"===t.code||13===t.keyCode)&&(d=!0,a=!1,w(t)),(l||37!==t.keyCode&&"ArrowLeft"!==t.code)&&(r||38!==t.keyCode&&"ArrowUp"!==t.code)?(l||39!==t.keyCode&&"ArrowRight"!==t.code)&&(r||40!==t.keyCode&&"ArrowDown"!==t.code)?35===t.keyCode||"End"===t.code?(i=function(){let e=j();for(;e--;)if(!m(v(e)))return e;return null}(),d=!0,a=!0):(36===t.keyCode||"Home"===t.code)&&(i=function(){let e=j();for(let t=0;t<e;t++)if(!m(v(t)))return t;return null}(),d=!0,a=!0):(i="rtl"===n?b(i):u(i),d=!0,a=!0):(i="rtl"===n?u(i):b(i),d=!0,a=!0),d&&t.preventDefault(),a&&p(i,t)}},ref:e=>{d.current=e,C&&C(e)},"data-rttabs":!0}),function(){let l=0,{children:d,disabledTabClassName:p,focus:u,forceRenderTabPanel:x,selectedIndex:h,selectedTabClassName:b,selectedTabPanelClassName:f,environment:m}=e;n.current=n.current||[];let g=n.current.length-j(),y=(0,i.useId)();for(;g++<0;)n.current.push(`${y}${n.current.length}`);return c(d,e=>{let d=e;if(o(e)){let l=0,o=!1;null==r&&function(e){let t=e||("u">typeof window?window:void 0);try{r=!!(void 0!==t&&t.document&&t.document.activeElement)}catch(e){r=!1}}(m);let s=m||("u">typeof window?window:void 0);r&&s&&(o=i.Children.toArray(e.props.children).filter(a).some((e,t)=>s.document.activeElement===v(t))),d=(0,i.cloneElement)(e,{children:c(e.props.children,e=>{let r=`tabs-${l}`,d=h===l,a={tabRef:e=>{t.current[r]=e},id:n.current[l],selected:d,focus:d&&(u||o)};return b&&(a.selectedClassName=b),p&&(a.disabledClassName=p),l++,(0,i.cloneElement)(e,a)})})}else if(s(e)){let t={id:n.current[l],selected:h===l};x&&(t.forceRender=x),f&&(t.selectedClassName=f),l++,d=(0,i.cloneElement)(e,t)}return d})}())},v={children:u,onSelect:function(e,t,n,r,l){let i=e[t],d=l||t,a=null;return i&&"function"!=typeof i?a=Error(`Invalid ${r} \`${d}\` of type \`${typeof i}\` supplied to \`${n}\`, expected \`function\`.`):null!=e.selectedIndex&&null==i&&(a=Error(`The ${r} \`${d}\` is marked as required in \`${n}\`, but its value is \`undefined\` or \`null\`.
2\`onSelect\` is required when \`selectedIndex\` is also set. Not doing so will make the tabs not do anything, as \`selectedIndex\` indicates that you want to handle the selected tab yourself.
3If you only want to set the inital tab replace \`selectedIndex\` with \`defaultIndex\`.`)),a},selectedIndex:function(e,t,n,r,l){let i=e[t],d=l||t,a=null;if(null!=i&&"number"!=typeof i)a=Error(`Invalid ${r} \`${d}\` of type \`${typeof i}\` supplied to \`${n}\`, expected \`number\`.`);else if(null!=e.defaultIndex&&null!=i)return Error(`The ${r} \`${d}\` cannot be used together with \`defaultIndex\` in \`${n}\`.
4Either remove \`${d}\` to let \`${n}\` handle the selected tab internally or remove \`defaultIndex\` to handle it yourself.`);return a}},w={defaultFocus:!1,focusTabOnClick:!0,forceRenderTabPanel:!1,selectedIndex:null,defaultIndex:null,environment:null,disableUpDownKeys:!1,disableLeftRightKeys:!1},T=e=>{(0,l.checkPropTypes)(v,e,"prop","Tabs");let{children:t,defaultFocus:n,defaultIndex:r,focusTabOnClick:d,onSelect:a,...o}={...w,...e},[s,c]=(0,i.useState)(n),[p]=(0,i.useState)(+(null===o.selectedIndex)),[u,x]=(0,i.useState)(1===p?r||0:null);if((0,i.useEffect)(()=>{c(!1)},[]),1===p){let e=h(t);(0,i.useEffect)(()=>{null!=u&&x(Math.min(u,Math.max(0,e-1)))},[e])}let b={...e,...o};return b.focus=s,b.onSelect=(e,t,n)=>{("function"!=typeof a||!1!==a(e,t,n))&&(d&&c(!0),1===p&&x(e))},null!=u&&(b.selectedIndex=u),delete b.defaultFocus,delete b.defaultIndex,delete b.focusTabOnClick,i.createElement(j,b,t)};T.tabsRole="Tabs";let E=T,$={className:"react-tabs__tab-list"},N=e=>{let{children:t,className:n,...r}={...$,...e};return i.createElement("ul",Object.assign({},r,{className:(0,x.A)(n),role:"tablist"}),t)};N.tabsRole="TabList";let C=N,k="react-tabs__tab",I={className:k,disabledClassName:`${k}

4--disabled`,focus:!1,id:null,selected:!1,selectedClassName:`${k}--selected`},A=e=>{let t=(0,i.useRef)(),{children:n,className:r,disabled:l,disabledClassName:d,focus:a,id:o,selected:s,selectedClassName:c,tabIndex:p,tabRef:u,...h}={...I,...e};return(0,i.useEffect)(()=>{s&&a&&t.current.focus()},[s,a]),i.createElement("li",Object.assign({},h,{className:(0,x.A)(r,{[c]:s,[d]:l}),ref:e=>{t.current=e,u&&u(e)},role:"tab",id:`tab${o}`,"aria-selected":s?"true":"false","aria-disabled":l?"true":"false","aria-controls":`panel${o}`,tabIndex:p||(s?"0":null),"data-rttab":!0}),n)};A.tabsRole="Tab";let K=A,_="react-tabs__tab-panel",R={className:_,forceRender:!1,selectedClassName:`${_}--selected`},F=e=>{let{children:t,className:n,forceRender:r,id:l,selected:d,selectedClassName:a,...o}={...R,...e};return i.createElement("div",Object.assign({},o,{className:(0,x.A)(n,{[a]:d}),role:"tabpanel",id:`panel${l}`,"aria-labelledby":`tab${l}`}),r||d?t:null)};F.tabsRole="TabPanel";let P=F},56851:(e,t,n)=>{"use strict";n.r(t),n.d(t,{RecipeNutrition:()=>k});var r=n(37876),l=n(14232),i=n(33822);n(27005);var d=n(62667),a=n(29129),o=n(97384),s=n(5646),c=n(81479),p=n(3874);let u=p.A.div`
5  overflow-x-hidden
6  w-full
7  mt-10
8  mb-5
9  md:mt-20
10`,x=p.A.table`
11  w-full
12`,h=p.A.tr`
13  ${e=>"odd"===e.line?"bg-lightBrown":""}
14`,b=p.A.th`
15  h-16
16  text-left
17  px-2.5
18  md:px-5
19  md:h-20
20`,f=p.A.td`
21  h-16
22  px-2.5
23  md:px-5
24  md:h-20
25`,m=s.Ay.div.withConfig({componentId:"sc-d73acbee-0"})(["margin-top:20px;.react-tabs__tab-panel--selected{display:inline-block;}.react-tabs__tab{border:0;border-bottom:3px solid #d4ded3;margin:0;padding:10px 15px;white-space:nowrap;color:",";:after{width:4px;height:4px;content:'';border-radius:2px;background-color:#d4ded3;display:inline-block;position:absolute;left:-5px;top:50%;}:first-child{padding:10px 15px 10px 0;:after{content:none;}}}.react-tabs__tab-list{border:0;margin-bottom:12px;display:flex;}.react-tabs__tab--selected{border-bottom-color:#292b29;color:#292b29;}li{width:100%;}"],c.l.primary),g=p.A.div`
26  align-top
27`,y=p.A.div`
28  p-4
29  h-70
30  flex
31  items-center
32  ${e=>"odd"===e.line?"bg-lightBrown":""}
33`,j=p.A.div`
34  flex
35  items-center
36  h-70
37  p-4
38  ${e=>"odd"===e.line?"bg-lightBrown":""}
39`,v=(0,p.A)(o.Text)`
40  font-normal
41  opacity-70
42`,w=(0,p.A)(o.Text)`
43  font-medium
44`,T=(0,p.A)(o.Text)`
45  font-medium
46`,E=(0,p.A)(o.Title)`
47  text-center
48  mb-9
49  md:mb-10
50`,$=(0,p.A)(o.Text)`
51  text-center
52  opacity-70
53  mb-2.5
54  md:mb-5
55`,N=(0,p.A)(o.Text)`
56  relative
57  opacity-70
58  -top-3
59`,C=(0,p.A)(o.Text)`
60  py-5
61`,k=({data:e,titles:t,decimalSeparator:n,serving:s})=>{let c="RecipeNutrition",p=["fat","saturatedFat","carbohydrate","sugar","protein","salt"],k=e=>String(e).replace(".",n),I=e=>`${e.charAt(0).toUpperCase()}${e.slice(1)}InGrams`,[A,K]=(0,l.useState)(0),_=()=>{K(window.innerWidth)};return(0,l.useEffect)(()=>(_(),window.addEventListener("load",_),window.addEventListener("resize",_),()=>window.removeEventListener("resize",_)),[]),(0,r.jsxs)(u,{"data-print":"hide",children:[(0,r.jsx)($,{tag:"div",type:"lead",children:d.K.getCopy("additional_information",t)||"Additional Information"}),(0,r.jsx)(E,{tag:"div",type:"md",children:d.K.getCopy("know_a_little_more",t)||"Know a little more"}),A<=475?(0,r.jsx)("div",{className:"sm:w-viewPortWidthMobie md:w-full pr-small",children:e&&(0,r.jsx)(a.n,{name:c,data:[{title:(0,r.jsx)(o.Title,{tag:"div",type:"xxs",children:d.K.getCopy("nutrition_information",t)||"Nutrition Information"}),body:(0,r.jsxs)("div",{children:[s&&(0,r.jsxs)(N,{tag:"div",type:"lead",children:[d.K.getCopy("portion_text",t)||"1 Portion = "," ",s," g"]}),(0,r.jsx)(m,{children:(0,r.jsxs)(i.tU,{children:[(0,r.jsx)("div",{className:"w-full overflow-y-auto top-headerM bg-white",children:(0,r.jsxs)(i.wb,{children:[(0,r.jsx)(i.oz,{children:(0,r.jsx)(v,{tag:"div",type:"lead",className:"font-bold",children:d.K.getCopy("per_100g",t)||""})}),(0,r.jsx)(i.oz,{children:(0,r.jsx)(v,{tag:"div",type:"lead",className:"font-bold",children:d.K.getCopy("per_portion",t)||""})})]})}),(0,r.jsxs)(g,{className:"w-1/2 inline-block z-negative relative",children:[(0,r.jsx)(y,{line:"odd",className:"h-90",children:(0,r.jsx)(T,{tag:"div",type:"md",children:d.K.getCopy("energy",t)||"Energy"})}),p?.map((e,n)=>(0,r.jsx)(y,{line:n%2==0?"even":"odd",children:(0,r.jsx)(T,{tag:"div",type:"md",children:d.K.getCopy(e,t)})},`nutrition-head-${n}`))]}),(0,r.jsxs)(i.Kp,{className:"w-1/2 hidden z-negative relative",children:[(0,r.jsx)(j,{className:"h-90",line:"odd",children:(0,r.jsxs)(o.Text,{tag:"div",type:"md",children:[k(e[0]?.EnergyInKilojoules)," kj",(0,r.jsx)("br",{}),k(e[0]?.EnergyInKilocalories),"kcal"]})}),p?.map((t,n)=>(0,r.jsx)("div",{children:!!e[0][I(t)]&&(0,r.jsx)(j,{line:n%2==0?"even":"odd",children:"dietaryFiber"===t||"salt"===t?(0,r.jsxs)(o.Text,{tag:"div",type:"md",children:[k(e[0][I(t)]?.toFixed(2))," g"]}):(0,r.jsxs)(o.Text,{tag:"div",type:"md",children:[(0,r.jsxs)("span",{itemProp:`${t}Content`,children:[k(e[0][I(t)]?.toFixed(2))," "]}),(0,r.jsx)("span",{children:"g"})]})})},`nutrition-col-1-${n}`))]}),(0,r.jsxs)(i.Kp,{className:"w-1/2 hidden z-negative relative",children:[(0,r.jsx)(j,{className:"h-90",line:"odd",children:(0,r.jsxs)(o.Text,{tag:"div",type:"md",children:[k(e[1]?.EnergyInKilojoules)," kj",(0,r.jsx)("br",{}),k(e[1]?.EnergyInKilocalories)," kcal"]})}),p?.map((t,n)=>(0,r.jsx)(j,{line:n%2==0?"even":"odd",children:(0,r.jsxs)(o.Text,{tag:"div",type:"md",children:[!!e[1][I(t)]&&k(e[1][I(t)]?.toFixed(2))," ","g"]})},`nutrition-col-2-${n}`))]})]})}),(0,r.jsx)(C,{tag:"p",type:"sm",children:d.K.getCopy("NutritionalDisclaimer",t)||""})]})}],collapsed:!0})}):(0,r.jsx)(r.Fragment,{children:e&&(0,r.jsx)(a.n,{name:c,data:[{title:(0,r.jsx)(o.Title,{tag:"div",type:"sm",children:d.K.getCopy("nutrition_information",t)||"Nutrition Information"}),body:(0,r.jsxs)("div",{children:[s&&(0,r.jsxs)(N,{tag:"div",type:"lead",children:[d.K.getCopy("portion_text",t)||"1 Portion = "," ",s," g"]}),(0,r.jsxs)("span",{className:"hidden",children:[k(e[1]?.EnergyInKilocalories)," kcal"]}),(0,r.jsx)(x,{children:(0,r.jsxs)("tbody",{children:[(0,r.jsxs)(h,{children:[(0,r.jsx)(b,{}),(0,r.jsx)(b,{children:(0,r.jsx)(v,{tag:"div",type:"lead",children:d.K.getCopy("per_100g",t)||""})}),(0,r.jsx)(b,{children:(0,r.jsx)(v,{tag:"div",type:"lead",children:d.K.getCopy("per_portion",t)||""})})]}),(0,r.jsxs)(h,{line:"odd",children:[(0,r.jsx)(f,{children:(0,r.jsx)(w,{tag:"div",type:"lg",children:d.K.getCopy("energy",t)||"Energy"})}),(0,r.jsx)(f,{children:(0,r.jsxs)(o.Text,{tag:"div",type:"lg",children:[k(e[0]?.EnergyInKilojoules)," kj",(0,r.jsx)("br",{}),k(e[0]?.EnergyInKilocalories)," kcal"]})}),(0,r.jsx)(f,{children:(0,r.jsxs)(o.Text,{tag:"div",type:"lg",children:[k(e[1]?.EnergyInKilojoules)," kj",(0,r.jsx)("br",{}),k(e[1]?.EnergyInKilocalories)," kcal"]})})]}),p?.map((n,l)=>(0,r.jsxs)(h,{line:l%2==0?"even":"odd",children:[(0,r.jsx)(f,{children:(0,r.jsx)(w,{tag:"div",type:"lg",children:d.K.getCopy(n,t)})}),(0,r.jsx)(f,{children:"dietaryFiber"===n||"salt"===n?(0,r.jsxs)(o.Text,{tag:"div",type:"lg",children:[!!e[0][I(n)]&&k(e[0][I(n)]?.toFixed(2))," ","g"]}):(0,r.jsxs)(o.Text,{tag:"div",type:"lg",children:[(0,r.jsxs)("span",{children:[!!e[0][I(n)]&&k(e[0][I(n)]?.toFixed(2))," "]}),(0,r.jsx)("span",{children:"g"})]})}),(0,r.jsx)(f,{children:(0,r.jsxs)(o.Text,{tag:"div",type:"lg",children:[!!e[1][I(n)]&&k(e[1][I(n)]?.toFixed(2))," ","g"]})})]},`nutrition-item-${l}`))]})}),(0,r.jsx)(C,{tag:"p",type:"sm",children:d.K.getCopy("NutritionalDisclaimer",t)||""})]})}],collapsed:!0})})]})}}}]);
62//# sourceMappingURL=6851.32965fc7e02e5919.js.map