1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2545,6617,9483,9833],{9833:(e,t,i)=>{i.r(t),i.d(t,{LiquidButton:()=>p});var o=i(37876),r=i(76823);let n=({children:e,variant:t="body",as:i="p",type:n="m",className:a,"data-testid":s,onMouseEnter:l,onMouseLeave:c,onClick:d})=>(0,o.jsx)(i,{className:(0,r.f)([`text-${t}-${n} leading-${t}-${n} tracking-${t}-${n}`],a),onMouseEnter:l,onMouseLeave:c,onClick:d,children:e});var a=i(5646),s=i(81479);let l=a.Ay.div.withConfig({componentId:"sc-da93d04b-0"})(["display:inline-block;position:relative;width:",";height:",";min-width:150px;max-width:100%;"],e=>e.$isWidthAuto?"auto":`${e.width}px`,e=>`${e.height+60}px`),c=a.Ay.div.withConfig({componentId:"sc-da93d04b-1"})(["position:absolute;"," border-radius:100px;width:calc(100% - 10px);height:",";top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;@media (min-width:768px){width:",";}"],e=>e.$useCustomColorsAsImportant?` 2 border: 1px solid ${e.$color||s.l.white}; 3 `:`border: 1px solid var(--color-text, ${s.l.white});`,e=>`${e.height-10}px`,e=>e.$isWidthAuto?"calc(100% - 10px)":`${e.width-10}px`),d=a.Ay.div.withConfig({componentId:"sc-da93d04b-2"})(["position:relative;text-align:center;width:",";height:",";top:50%;left:50%;transform:translate(-50%,-50%);line-height:",";letter-spacing:0.1em;"," border-radius:100px;text-transform:uppercase;font-size:12px;letter-spacing:1.8px;padding:",";@media (min-width:768px){width:",";font-size:14px;letter-spacing:2.1px;}"],e=>e.$isWidthAuto?"auto":"100%",e=>`${e.height}px`,e=>`${e.height}px`,e=>e.$useCustomColorsAsImportant?` 4 color: ${e.$textColor}; 5 background: ${e.$bgColor||s.l.primary}; 6 `:` 7 color: var(--color-text, ${e.$textColor}); 8 background: var(--color-neutral, ${e.$bgColor}); 9 `,e=>e.$isWidthAuto?"0 20px":"",e=>e.$isWidthAuto?"auto":`${e.width}px`),p=({text:e,className:t,onButtonClick:i=()=>{},disabled:a=!1,variant:s="none",type:p="button",dataTest:h,as:u="div",...m})=>{if("none"!==s)return(0,o.jsx)(u,{type:p,onClick:i,disabled:a,className:(0,r.f)("font-secondary min-w-[150px] rounded-[100px] p-[5px] text-center",{"text-white bg-primary":"primary"===s,"text-black bg-white":"secondary"===s},t),children:(0,o.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,o.jsx)(n,{className:"p-3",children:e})})});if(0===Object.keys(m).length)return null;let{width:x,height:y,color:g,textColor:w,useCustomColorsAsImportant:b,isWidthAuto:f}=m||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,o.jsx)(u,{onClick:i,disabled:a,type:p,children:(0,o.jsxs)(l,{width:x,height:y,$isWidthAuto:f,children:[(0,o.jsx)(c,{width:x,height:y,$color:w,$useCustomColorsAsImportant:b,$isWidthAuto:f}),(0,o.jsx)(d,{$textColor:w,$bgColor:g,width:x,height:y,$useCustomColorsAsImportant:b,$isWidthAuto:f,children:e})]})})}},18795:(e,t,i)=>{i.d(t,{n:()=>b});var o=i(37876),r=i(81479);let n=({width:e="80",backgroundColor:t=r.l.primary})=>(0,o.jsxs)("svg",{width:e,height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("title",{children:"Close"}),(0,o.jsx)("ellipse",{cx:"40",cy:"40",rx:"40",ry:"40",transform:"rotate(-90 40 40)",fill:t}),(0,o.jsx)("line",{x1:"47.0704",y1:"32.9293",x2:"32.928",y2:"47.0717",stroke:"white",strokeWidth:"2"}),(0,o.jsx)("line",{x1:"47.0722",y1:"47.0714",x2:"32.9298",y2:"32.929",stroke:"white",strokeWidth:"2"}),(0,o.jsx)("circle",{cx:"40.0003",cy:"39.9998",r:"30.8519",stroke:"white",strokeWidth:"2"})]}),a=({colorScheme:e="Grey"})=>{let t={playButton:r.l.white,innerCircleBackground:r.l.primary,outerCircleBackground:r.l.white};switch(e){case"Black":t={playButton:r.l.white,innerCircleBackground:r.l.black,outerCircleBackground:r.l.white};break;case"White":t={playButton:r.l.black,innerCircleBackground:r.l.white,outerCircleBackground:r.l.black};break;case"Grey":t={playButton:r.l.white,innerCircleBackground:r.l.primary,outerCircleBackground:r.l.white}}return(0,o.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 109 108",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("title",{children:"Play"}),(0,o.jsx)("circle",{cx:"54.5",cy:"54",r:"54",transform:"rotate(-90 54.5 54)",fill:t.innerCircleBackgroun
9d}),(0,o.jsx)("path",{d:"M48.5 42L64.5 54.0003L48.5 66V42Z",fill:t.playButton,stroke:t.playButton,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,o.jsx)("circle",{cx:"54.5",cy:"54",r:"42",stroke:t.outerCircleBackground,strokeWidth:"2"})]})};var s=i(14232),l=i(41116),c=i.n(l),d=i(97384),p=i(3874),h=i(5646);let u=(0,h.DU)([".Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.85);z-Index:55;display:flex;align-items:center;}.content{top:50%;left:50%;right:auto;bottom:auto;margin-Right:-50%;background-color:transparent;border:0;padding:0 0 10%;text-align:center;inset:55% auto auto 50%;}"]),m=h.Ay.div.withConfig({componentId:"sc-768046fc-0"})(["div{height:100%;}"]);m.displayName="ModelContainer";let x=h.Ay.button.withConfig({componentId:"sc-768046fc-1"})(["svg{height:31px;width:31px;}"]);x.displayName="Close";let y=p.A.span` 10 mx-auto 11 inline-block 12 cursor-pointer 13`;y.displayName="CloseBtn";let g=h.Ay.div.withConfig({componentId:"sc-768046fc-2"})(["padding-bottom:15px;"]);g.displayName="TitleWrapper";var w=i(46907);let b=({videoID:e="",colorScheme:t="Grey",playButton:i="",title:r,description:l,thumbnailUrls:p,embedUrl:h,uploadDate:b,duration:f,interactionCount:k,video:C,keywords:$,recipeCategory:j,recipeCuisine:v})=>
13{let[A,B]=(0,s.useState)(!1),N=()=>B(!1),I=(0,o.jsx)(y,{className:"mx-auto inline-block",children:(0,o.jsx)(n,{})}),W=`outline-none sm:w-11/12 md:w-10/12 md:h-modalVideoDesktop 14 transform md:translate-x-12 sm:translate-x-7 md:translate-y-4 xl:translate-y-8 3xl:translate-y-10 sm:-translate-y-20 ${r?"sm:mt-5":"sm:mt-10"} md:mt-0`,S={"@context":"https://schema.org","@type":"VideoObject",name:r,description:l,video:C,keywords:$,recipeCategory:j,recipeCuisine:v,contentUrl:`https://www.youtube.com/watch?v=${e}`,...p&&{thumbnailUrl:p},...h&&{embedUrl:`https://www.youtube.com/embed/${e}`},...b&&{uploadDate:b},...f&&{duration:f},...k&&{interactionStatistic:{"@type":"InteractionCounter",interactionType:{"@type":"WatchAction"},userInteractionCount:k}}};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(u,{}),(0,o.jsx)("button",{onClick:function(){B(!0)},type:"button",children:i||(0,o.jsx)(a,{colorScheme:t})}),(0,o.jsxs)(c(),{isOpen:A,onRequestClose:N,contentLabel:"Example Modal",overlayClassName:"Overlay",ariaHideApp:!1,className:W,children:[(0,o.jsx)("script",{type:"application/ld+json",children:JSON.stringify(S)}),(0,o.jsxs)(g,{className:"flex justify-between items-start sm:flex-col md:flex-row",children:[(0,o.jsx)(x,{role:"button",onClick:N,className:"cursor-default modal-close sm:block md:hidden w-full text-right pb-5",children:I}),r&&(0,o.jsx)(d.Title,{className:"inline-block text-white",tag:"p",type:"sm",children:r}),(0,o.jsx)(x,{role:"button",onClick:N,className:`cursor-default modal-close sm:hidden md:inline-block ${!r&&"w-full text-right"}`,children:I})]}),(0,o.jsx)(m,{className:"bg-white h-4/5 rounded-2xl overflow-hidden modal-main",children:(0,o.jsx)(w.A,{videoid:e,autoplay:!0,mute:!0,width:"100%",height:"100%"})}),l&&(0,o.jsx)(d.Text,{className:"text-white pt-5 pb-1",tag:"p",type:"md",children:l})]})]})}},46907:(e,t,i)=>{i.d(t,{A:()=>s});var o=i(37876),r=i(14232),n=i(77328),a=i.n(n);let s=({videoid:e,playlabel:t="Play",mute:i=!1,controls:n=!0,playsinline:s=!1,autoplay:l=!1,width:c,height:d})=>{let[p,h]=(0,r.useState)(!1),u=encodeURIComponent(e);return(0,o.jsxs)(o.Fragment,{children:[p&&(0,o.jsxs)(a(),{children:[(0,o.jsx)("link",{rel:"preconnect",href:"https://www.youtube-nocookie.com"},"pre-yt"),(0,o.jsx)("link",{rel:"preconnect",href:"https://www.google.com"},"pre-google"),(0,o.jsx)("link",{rel:"preconnect",href:"https://static.doubleclick.net"},"pre-dc"),(0,o.jsx)("link",{rel:"preconnect",href:"https://googleads.g.doubleclick.net"},"pre-google-dc")]}),(0,o.jsx)("article",{className:"w-full h-full flex justify-center items-center",onPointerOver:()=>{p||h(!0)},children:(0,o.jsx)("iframe",{id:"youtube-player",className:"border-0",width:c||560,height:d||315,src:`https://www.youtube-nocookie.com/embed/${u}?${new URLSearchParams({...i?{mute:"1"}:{mute:"0"},...n?{controls:"1"}:{controls:"0"},...s?{playsinline:"1"}:{playsinline:"0"},...l?{autoplay:"1"}:{autoplay:"0"}}).toString()}`,title:t,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})]})}},55319:(e,t,i)=>{i.d(t,{A:()=>a});var o=i(37876),r=i(14232);let n=i(5646).Ay.div.withConfig({componentId:"sc-1062300-0"})(["height:100%;",";"," @media(prefers-reduced-motion:no-preference){",";",";",";","}",";"],({$spinUp:e})=>e?`opacity: 0; 15 @keyframes spin-up { 16 from { 17 transform: rotate(0deg); 18 top: 500px; 19 position: absolute; 20 } 21 to { 22 transform: rotate(360deg); 23 top: 0px; 24 position: relative; 25 } 26 } 27 svg { 28 animation-name: spin-up; 29 animation-duration: 4s; 30 } 31 `:"opacity: 0;",({$bounce:e})=>e?` 32 opacity: 0; 33 @keyframes bounce { 34 from { transform: translateY(110%); opacity: 0; } 35 50% { transform: translateY(-10%); opacity: 1; } 36 to { transform: translateY(0%); opacity: 1; } 37 } 38 `:` 39 opacity: 0; 40 transform: translateY(10vh); 41 `,({$fadeIn:e,$delay:t})=>e&&` 42 transition: opacity ${t} ease-in; 43 will-change: opacity; 44 `,({$bounce:e,$isVisible:t})=>e&&t&&` 45 animation-name: bounce; 46 animation-duration: 1500ms; 47 `,({$fadeIn:e,$bounce:t})=>!e&&!t&&` 48 transition: opacity 600ms ease-out, transform 700ms ease-out; 49 will-change: opacity, transform; 50 `,({$delay:e})=>e&&`transition-delay: ${e}; animation-delay: ${e};`,e=>e.$isVisible?` 51 opacity: 1; 52 transform: none; 53 `:""),a=e=>{let[t,i]=(0,r.useState)(e.isVisible||!1),[a,s]=(0,r.useState)(!1),l=(0,r.useRef)(null);return(0,r.useEffect)(()=>{s(!0)},[]),(0,r.useEffect)(()=>
53{if(!t&&a&&1){let e=new IntersectionObserver(e=>{e.forEach(e=>{i(e.isIntersecting)})}),t=l.current;if(t)return e.observe(t),()=>e.unobserve(t)}},[t,a]),(0,o.jsx)(n,{$isVisible:t,ref:l,$delay:e.delay,$fadeIn:e.fadeIn,$bounce:e.bounce,$spinUp:e.spinUp,$componentSize:e.$componentSize,children:e.children})}},96643:(e,t,i)=>{i.r(t),i.d(t,{SliderCarousel:()=>n});var o=i(37876),r=i(4411);let n=({templateProps:e,customStyle:t,watchVideoLabel:i,isRecipeBanner:n,recipeTipsTitle:a,dotsOnTop:s,isOverflowHidden:l,pageType:c,primarySubBrandColor:d,type:p,setDark:h,isForBanners:u,video:m,videoData:x,tips:y})=>(0,o.jsx)(r.SliderCarousel,{bannerMasterbrands:e.bannerMasterbrands,banners:e.banners,customStyle:t,watchVideoLabel:i,isRecipeBanner:n,recipeTipsTitle:a,dotsOnTop:s,isOverflowHidden:l,pageType:c,primarySubBrandColor:d,type:p,setDark:h,isForBanners:u,video:m,videoData:x,tips:y})}}]); 54//# sourceMappingURL=9483.8edaaceef2c91e37.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.