https://www.oetker.se/_next/static/chunks/6061.1828a1803c0aaca4.js?dpl=1891

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6061],{18795:(e,t,r)=>{r.d(t,{n:()=>f});var i=r(37876),o=r(81479);let l=({width:e="80",backgroundColor:t=o.l.primary})=>(0,i.jsxs)("svg",{width:e,height:"80",viewBox:"0 0 80 80",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("title",{children:"Close"}),(0,i.jsx)("ellipse",{cx:"40",cy:"40",rx:"40",ry:"40",transform:"rotate(-90 40 40)",fill:t}),(0,i.jsx)("line",{x1:"47.0704",y1:"32.9293",x2:"32.928",y2:"47.0717",stroke:"white",strokeWidth:"2"}),(0,i.jsx)("line",{x1:"47.0722",y1:"47.0714",x2:"32.9298",y2:"32.929",stroke:"white",strokeWidth:"2"}),(0,i.jsx)("circle",{cx:"40.0003",cy:"39.9998",r:"30.8519",stroke:"white",strokeWidth:"2"})]}),n=({colorScheme:e="Grey"})=>{let t={playButton:o.l.white,innerCircleBackground:o.l.primary,outerCircleBackground:o.l.white};switch(e){case"Black":t={playButton:o.l.white,innerCircleBackground:o.l.black,outerCircleBackground:o.l.white};break;case"White":t={playButton:o.l.black,innerCircleBackground:o.l.white,outerCircleBackground:o.l.black};break;case"Grey":t={playButton:o.l.white,innerCircleBackground:o.l.primary,outerCircleBackground:o.l.white}}return(0,i.jsxs)("svg",{width:"100%",height:"100%",viewBox:"0 0 109 108",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("title",{children:"Play"}),(0,i.jsx)("circle",{cx:"54.5",cy:"54",r:"54",transform:"rotate(-90 54.5 54)",fill:t.innerCircleBackground}),(0,i.jsx)("path",{d:"M48.5 42L64.5 54.0003L48.5 66V42Z",fill:t.playButton,stroke:t.playButton,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("circle",{cx:"54.5",cy:"54",r:"42",stroke:t.outerCircleBackground,strokeWidth:"2"})]})};var a=r(14232),s=r(41116),c=r.n(s),d=r(97384),m=r(3874),p=r(5646);let h=(0,p.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%;}"]),u=p.Ay.div.withConfig({componentId:"sc-768046fc-0"})(["div{height:100%;}"]);u.displayName="ModelContainer";let x=p.Ay.button.withConfig({componentId:"sc-768046fc-1"})(["svg{height:31px;width:31px;}"]);x.displayName="Close";let g=m.A.span`
2    mx-auto
3    inline-block
4    cursor-pointer
5`;g.displayName="CloseBtn";let w=p.Ay.div.withConfig({componentId:"sc-768046fc-2"})(["padding-bottom:15px;"]);w.displayName="TitleWrapper";var y=r(46907);let f=({videoID:e="",colorScheme:t="Grey",playButton:r="",title:o,description:s,thumbnailUrls:m,embedUrl:p,uploadDate:f,duration:b,interactionCount:j,video:v,keywords:k,recipeCategory:C,recipeCuisine:N})=>{let[B,T]=(0,a.useState)(!1),S=()=>T(!1),A=(0,i.jsx)(g,{className:"mx-auto inline-block",children:(0,i.jsx)(l,{})}),W=`outline-none sm:w-11/12 md:w-10/12 md:h-modalVideoDesktop
6  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 ${o?"sm:mt-5":"sm:mt-10"} md:mt-0`,E={"@context":"https://schema.org","@type":"VideoObject",name:o,description:s,video:v,keywords:k,recipeCategory:C,recipeCuisine:N,contentUrl:`https://www.youtube.com/watch?v=${e}`,...m&&{thumbnailUrl:m},...p&&{embedUrl:`https://www.youtube.com/embed/${e}`},...f&&{uploadDate:f},...b&&{duration:b},...j&&{interactionStatistic:{"@type":"InteractionCounter",interactionType:{"@type":"WatchAction"},userInteractionCount:j}}};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(h,{}),(0,i.jsx)("button",{onClick:function(){T(!0)},type:"button",children:r||(0,i.jsx)(n,{colorScheme:t})}),(0,i.jsxs)(c(),{isOpen:B,onRequestClose:S,contentLabel:"Example Modal",overlayClassName:"Overlay",ariaHideApp:!1,className:W,children:[(0,i.jsx)("script",{type:"application/ld+json",children:JSON.stringify(E)}),(0,i.jsxs)(w,{className:"flex justify-between items-start sm:flex-col md:flex-row",children:[(0,i.jsx)(x,{role:"button",onClick:S,className:"cursor-default modal-close sm:block md:hidden w-full text-right pb-5",children:A}),o&&(0,i.jsx)(d.Title,{className:"inline-block text-white",tag:"p",type:"sm",children:o}

6),(0,i.jsx)(x,{role:"button",onClick:S,className:`cursor-default modal-close sm:hidden md:inline-block ${!o&&"w-full text-right"}`,children:A})]}),(0,i.jsx)(u,{className:"bg-white h-4/5 rounded-2xl overflow-hidden modal-main",children:(0,i.jsx)(y.A,{videoid:e,autoplay:!0,mute:!0,width:"100%",height:"100%"})}),s&&(0,i.jsx)(d.Text,{className:"text-white pt-5 pb-1",tag:"p",type:"md",children:s})]})]})}},46907:(e,t,r)=>{r.d(t,{A:()=>a});var i=r(37876),o=r(14232),l=r(77328),n=r.n(l);let a=({videoid:e,playlabel:t="Play",mute:r=!1,controls:l=!0,playsinline:a=!1,autoplay:s=!1,width:c,height:d})=>{let[m,p]=(0,o.useState)(!1),h=encodeURIComponent(e);return(0,i.jsxs)(i.Fragment,{children:[m&&(0,i.jsxs)(n(),{children:[(0,i.jsx)("link",{rel:"preconnect",href:"https://www.youtube-nocookie.com"},"pre-yt"),(0,i.jsx)("link",{rel:"preconnect",href:"https://www.google.com"},"pre-google"),(0,i.jsx)("link",{rel:"preconnect",href:"https://static.doubleclick.net"},"pre-dc"),(0,i.jsx)("link",{rel:"preconnect",href:"https://googleads.g.doubleclick.net"},"pre-google-dc")]}),(0,i.jsx)("article",{className:"w-full h-full flex justify-center items-center",onPointerOver:()=>{m||p(!0)},children:(0,i.jsx)("iframe",{id:"youtube-player",className:"border-0",width:c||560,height:d||315,src:`https://www.youtube-nocookie.com/embed/${h}?${new URLSearchParams({...r?{mute:"1"}:{mute:"0"},...l?{controls:"1"}:{controls:"0"},...a?{playsinline:"1"}:{playsinline:"0"},...s?{autoplay:"1"}:{autoplay:"0"}}).toString()}`,title:t,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})]})}},86061:(e,t,r)=>{r.d(t,{x:()=>w});var i=r(37876),o=r(14232),l=r(18795),n=r(48837),a=r(69241);let s=()=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg","aria-label":"Play video",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 512 512",width:"20",height:"20px",children:[(0,i.jsx)("g",{children:(0,i.jsx)("g",{children:(0,i.jsx)("path",{d:"M256,0C114.608,0,0,114.608,0,256s114.608,256,256,256s256-114.608,256-256S397.392,0,256,0z M256,496\nC123.664,496,16,388.336,16,256S123.664,16,256,16s240,107.664,240,240S388.336,496,256,496z"})})}),(0,i.jsx)("g",{children:(0,i.jsx)("g",{children:(0,i.jsx)("polygon",{points:"189.776,141.328 189.776,370.992 388.672,256.16"})})})]}),c=({showVideo:e,cardColor:t})=>(0,i.jsxs)("div",{className:"absolute bottom-[calc(100%+18px)] mmmd:left-[-20px] mmmd:w-[calc(100%+40px)] leading-[0] mmmd:bottom-[calc(100%+16px)] -left-10 w-[calc(100%+80px)]",children:[(0,i.jsx)("svg",{id:"contentTopCurve",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 624 28",children:(0,i.jsx)("path",{fill:t,d:"M16 203C7.16344 203 0 195.837 0 187V21.351C0 21.351 143.433 -1.4836e-05 313.3 0C483.167 1.48361e-05 624 21.3511 624 21.3511V187C624 195.837 616.836 203 608 203H16Z"})}),e&&(0,i.jsx)("div",{className:"absolute left-[calc(50%-15px)] top-0 w-[30px] h-[30px] z-[1] p-[5px] rounded-full -translate-y-1/2 ",style:{backgroundColor:t},children:(0,i.jsx)(s,{})})]});var d=r(97384),m=r(92160);let p=({showVideo:e,cardColor:t,subtitle:r,title:o,copy:l,contentWidth:n,isAuthorableGrid:a,componentName:s,videoButtonText:p,linkText:u})=>(0,i.jsxs)("div",{className:"relative card-content",children:[(0,i.jsx)(c,{showVideo:e,cardColor:t}),(0,i.jsxs)("div",{className:n>h?"relative -top-8 lg:-top-12 feature-card-content-big":"relative -top-5 feature-card-content",children:[r&&(0,i.jsx)(d.Text,{tag:"p",type:"lead",className:"pb-2",children:r}),o&&(0,i.jsx)(d.Title,{tag:"div",type:n<370&&a?"xxxs":"sm",className:"pb-4",children:o}),l&&(0,i.jsx)(d.Title,{tag:"p",type:"xxs",className:"pb-4 font-medium tracking-xs",children:l}),(0,i.jsx)("div",{className:"show-over-hover mmmd:focus:max-h-[100px] mmmd:focus:opacity-100 mmmd:opacity-0 mmmd:max-h-0 pb-0 mmmd:transition mmmd:ease-in-out duration-[800ms] mmmd:group-hover:opacity-100 mmmd:group-hover:max-h-[100px]",children:(0,i.jsxs)(d.Text,{"data-chromatic":"ignore",tag:"div",type:"lead",className:"pt-10 inline text-base font-medium tracking-widest",children:[(0,i.jsx)("span",{className:"uppercase",children:e?p:u}),(0,i.jsx)("span",{"aria-hidden":"true",className:"ml-18 inline align-middle",children:(0,i.jsx)(m.c,{className:"inline align-top","data-chromatic":"ignore"})})]})})]})]}

6),h=900,u=({height:e,componentName:t,image:r,cardColor:l,showVideo:s,subtitle:c,title:d,copy:m,isAuthorableGrid:u,videoButtonText:x,linkText:g})=>{let w=(0,o.useRef)(null),[y,f]=(0,o.useState)(0),[b,j]=(0,o.useState)(150),v=(0,o.useCallback)(()=>(function(e,t=100,r={}){let i,o,l,n;if("function"!=typeof e)throw TypeError(`Expected the first parameter to be a function, got \`${typeof e}\`.`);if(t<0)throw RangeError("`wait` must not be negative.");if("boolean"==typeof r)throw TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.");let{immediate:a}=r;function s(){let t=i,r=o;return i=void 0,o=void 0,e.apply(t,r)}function c(){let e=Date.now()-n;e<t&&e>=0?l=setTimeout(c,t-e):(l=void 0,a||s())}let d=function(...e){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw Error("Debounced method called with different contexts of the same prototype.");i=this,o=e,n=Date.now();let r=a&&!l;if(l||(l=setTimeout(c,t)),r)return s()};return Object.defineProperty(d,"isPending",{get:()=>void 0!==l}),d.clear=()=>{l&&(clearTimeout(l),l=void 0,i=void 0,o=void 0)},d.flush=()=>{l&&d.trigger()},d.trigger=()=>{s(),d.clear()},d})(()=>{w.current&&(f(w?.current?.clientHeight),j(w?.current?.clientWidth))},100),[]);return(0,o.useEffect)(()=>{v()},[w,v]),(0,o.useEffect)(()=>(window.addEventListener("resize",v),()=>window.removeEventListener("resize",v)),[v]),(0,i.jsx)("div",{className:"contentCardWrapper w-full cursor-pointer text-center group","data-chromatic":"ignore",style:{height:e},children:(0,i.jsxs)("div",{"data-chromatic":"ignore",className:"relative flex flex-col items-stretch justify-items-stretch h-full",style:y?{paddingBottom:y}:{},children:[r?.desktop&&(0,i.jsx)(n.A,{src:r.desktop,aiLabeling:r?.isAiGenerated,alt:"Authorable card image",preferredWidth:750,width:r.width??750,height:r.width??750,className:"w-full h-full object-cover top-0 left-0 grow-[2] overflow-hidden min-h-[300px] rounded-t relative md:min-h-[226px]",mimeType:String(r?.mimeType),"data-chromatic":"ignore"}),(0,i.jsx)("div",{"data-chromatic":"ignore",ref:w,className:(0,a.A)("contentComponent",b>h&&"pb-0","pt-5 mmmd:px-5 px-10 mmmd:pb-[30px] pb-2.5 relative w-full rounded-b card-content"),style:{backgroundColor:l},children:(0,i.jsx)(p,{cardColor:l,showVideo:s,subtitle:c,title:d,contentWidth:b,isAuthorableGrid:u,copy:m,componentName:t,videoButtonText:x,linkText:g})})]})})};var x=r(75626),g=r(12041);let w=({title:e="",subtitle:t="",copy:r="",videoId:n="",videoButtonText:a="",link:s,image:c,height:d="500px",playColorScheme:m="Black",isAuthorableGrid:p=!1,position:h=1,trackingEvent:w,isOdd:y=!1,description:f,thumbnailUrls:b,embedUrl:j,uploadDate:v,duration:k,interactionCount:C})=>{let N=(0,x.f)({isOdd:y}),B=(0,o.useId)(),T=`${B}-authorable-card`,S=(0,i.jsx)(u,{height:d,componentName:T,image:c,cardColor:N,showVideo:!!n,subtitle:t,title:e,copy:r,isAuthorableGrid:p,videoButtonText:a,linkText:s?.text});return n?(0,i.jsx)("div",{className:"modalBoxWrapper group",children:(0,i.jsx)(l.n,{videoID:n,colorScheme:m,playButton:S,title:e,description:f||"",thumbnailUrls:b??[],embedUrl:j||"",uploadDate:v||"",duration:k||"",interactionCount:C||0})}):(0,i.jsx)(g.S,{className:"block text-darkgray w-full",href:s?.url??"/",target:s?.openInNewTab?"_blank":void 0,"data-chromatic":"ignore",onClick:()=>{w&&(s?.url?.includes("products")?w?.clickAuthorableCard(e,h):w?.clickOccasionCard(e))},children:S})}}}]);
7//# sourceMappingURL=6061.1828a1803c0aaca4.js.map