https://www.oetker.dk/_next/static/chunks/7521.faa18819a67a0a88.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7521,9833],{9833:(t,e,i)=>{i.r(e),i.d(e,{LiquidButton:()=>h});var r=i(37876),a=i(76823);let n=({children:t,variant:e="body",as:i="p",type:n="m",className:o,"data-testid":s,onMouseEnter:d,onMouseLeave:l,onClick:c})=>(0,r.jsx)(i,{className:(0,a.f)([`text-${e}-${n} leading-${e}-${n} tracking-${e}-${n}`],o),onMouseEnter:d,onMouseLeave:l,onClick:c,children:t});var o=i(5646),s=i(81479);let d=o.Ay.div.withConfig({componentId:"sc-da93d04b-0"})(["display:inline-block;position:relative;width:",";height:",";min-width:150px;max-width:100%;"],t=>t.$isWidthAuto?"auto":`${t.width}px`,t=>`${t.height+60}px`),l=o.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:",";}"],t=>t.$useCustomColorsAsImportant?`
2      border: 1px solid ${t.$color||s.l.white};
3    `:`border: 1px solid var(--color-text, ${s.l.white});`,t=>`${t.height-10}px`,t=>t.$isWidthAuto?"calc(100% - 10px)":`${t.width-10}px`),c=o.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;}"],t=>t.$isWidthAuto?"auto":"100%",t=>`${t.height}px`,t=>`${t.height}px`,t=>t.$useCustomColorsAsImportant?`
4      color: ${t.$textColor};
5      background: ${t.$bgColor||s.l.primary};
6    `:`
7    color: var(--color-text, ${t.$textColor});
8    background: var(--color-neutral, ${t.$bgColor});
9  `,t=>t.$isWidthAuto?"0 20px":"",t=>t.$isWidthAuto?"auto":`${t.width}px`),h=({text:t,className:e,onButtonClick:i=()=>{},disabled:o=!1,variant:s="none",type:h="button",dataTest:p,as:m="div",...x})=>{if("none"!==s)return(0,r.jsx)(m,{type:h,onClick:i,disabled:o,className:(0,a.f)("font-secondary min-w-[150px] rounded-[100px] p-[5px] text-center",{"text-white bg-primary":"primary"===s,"text-black bg-white":"secondary"===s},e),children:(0,r.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,r.jsx)(n,{className:"p-3",children:t})})});if(0===Object.keys(x).length)return null;let{width:u,height:g,color:C,textColor:$,useCustomColorsAsImportant:w,isWidthAuto:y}=x||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,r.jsx)(m,{onClick:i,disabled:o,type:h,children:(0,r.jsxs)(d,{width:u,height:g,$isWidthAuto:y,children:[(0,r.jsx)(l,{width:u,height:g,$color:$,$useCustomColorsAsImportant:w,$isWidthAuto:y}),(0,r.jsx)(c,{$textColor:$,$bgColor:C,width:u,height:g,$useCustomColorsAsImportant:w,$isWidthAuto:y,children:t})]})})}},67521:(t,e,i)=>{i.r(e),i.d(e,{DynamicCardGrid:()=>x});var r=i(37876),a=i(7710),n=i(69241),o=i(14232),s=i(81479),d=i(23781),l=i(68831),c=i(9833),h=i(97384);let p=({data:t,cardData:e,copyDictionary:i,showCards:a=10,ctaColor:p,trackingEvents:m,host:x})=>{let u=a??9,[g,C]=(0,o.useState)(e&&e?.length>=u?"":"hidden"),$=0,w=!1,y=t?.cardVariation,b=({item:e,index:a,totalCards:n})=>{let o=(0,l.getCardGridColspan)(n,a);$+=o;let s=w;return $%32==0&&(w=!w),(0,r.jsx)(d.Card,{data:e,copyDictionary:i,showInfo:!0,cardVariation:y||"recipe",link:e.link,height:"500px",cardType:t?.cardType||"medium",trackingEvent:()=>{m?.clickCard&&m?.clickCard(e?.category||"na","na",e?.title||"na",e?.id||0,i?.[e?.information?.difficulty]||"na",e?.information?.rating||"na",e?.information?.preparationTime||e?.information?.totalTime||"na","na","na","na")},position:a+1,isOdd:s})};return(0,r.jsxs)("section",{className:"max-w-none",children:[(0,r.jsxs)(l.Grid,{children:[(0,r.jsx)(l.GridRow,{columns:16,children:(0,r.jsx)(l.GridItem,{colSpan:16,children:(0,r.jsxs)("div",{className:"text-center",children:[(0,r.jsx)(h.Text,{tag:"p",type:"lead",className:"mb-2.5",children:t?.subHeading}),(0,r.jsx)(h.Title,{className:"mb-5",tag:"h2",type:"md",children:t?.heading}),(0,r.jsx)(h.Text,{className:"mb-10",tag:"p",type:"lg",children:t?.description})]})})}

9),(0,r.jsxs)(l.GridRow,{columns:16,tabletBreakpoint:!0,children:[t?.recipeCarouselMarkUp?(0,r.jsx)("div",{itemScope:!0,itemType:"https://schema.org/ItemList",style:{display:"none"},children:e?.map((t,e)=>(0,r.jsxs)("div",{itemProp:"itemListElement",itemScope:!0,itemType:"https://schema.org/ListItem",children:[(0,r.jsx)("span",{itemProp:"position",children:e+1}),(0,r.jsx)("span",{itemProp:"url",children:`https://${x}${t.link?.url}`})]},t.id??t.link?.url))}):null,e?.map((t,i)=>(0,r.jsx)(l.GridItem,{colSpan:(0,l.getCardGridColspan)(e.length,i),className:i<=u?"card-wrapper":"hidden card-wrapper",children:(0,r.jsx)(b,{item:t,index:i,totalCards:e.length})},t.id??`dynamic-card-${i}`))]})]}),t?.gridCta?.displayName&&(0,r.jsx)(h.Text,{tag:"div",type:"lead",className:(0,n.A)("text-center",g),children:(0,r.jsxs)("button",{type:"button",onClick:()=>{let t=document.querySelectorAll(".card-wrapper.hidden");t.length<=u&&C("hidden");for(let e=0;e<=u;e+=1)t[e]?.classList.remove("hidden");m?.clickCTA&&m.clickCTA()},children:[(0,r.jsx)("span",{className:"sr-only",children:t?.gridCta?.displayName}),(0,r.jsx)(c.LiquidButton,{text:t?.gridCta?.displayName,height:50,width:200,color:p||s.l.primary,textColor:s.l.white})]})})]})};var m=i(68783);let x=({templateProps:t,templateIndex:e,primarySubBrandColor:i,difficultyCopy:n})=>{let o=e??1,s=t.data,{userToken:d}=(0,a.S)();return s&&(0,r.jsx)(p,{data:t,cardData:s,copyDictionary:n,showCards:t.showCards,trackingEvents:{clickCTA:()=>{m.b.clickTeaserRecipeList({containerTitle:t?.heading,containerPosition:o,containerType:"grid"})},clickCard:(t,e,i,r,a,n,o,s,l,c)=>{m.b.seeRecipeClick(t,e,i,r,a,n,o,s,l,c),m.b.articlePageConversionAfterSearch(window.dataLayer||[],d)}},host:"",ctaColor:i})}}}]);
10//# sourceMappingURL=7521.faa18819a67a0a88.js.map