https://www.oetker.no/_next/static/chunks/7091.7eb62114790b688c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7091,9833],{7091:(e,t,i)=>{i.r(t),i.d(t,{GenericGridAuthorableContainer:()=>f,default:()=>w});var a=i(37876),r=i(79879),n=i(12041),o=i(62667),s=i(64282),l=i(14232),c=i(86061),d=i(23781),p=i(68831),u=i(9833),h=i(3874),g=i(97384);let m=h.A.div`
2  grid
3  grid-cols-4
4  gap-20
5`,$=h.A.div`
6  col-span-4
7  ${e=>1===e.$total?"lg:col-span-4":""}
8  ${e=>2===e.$total?"lg:col-span-2":""}
9  ${e=>3===e.$total&&(0===e.$current||1===e.$current)?"lg:col-span-2":""}
10  ${e=>3===e.$total&&2===e.$current?"lg:col-span-4":""}
11  ${e=>e.$total>3&&(0===e.$current||1===e.$current)?"lg:col-span-1":""}
12  ${e=>e.$total>3&&2===e.$current&&!e.$isRegularGrid?"lg:col-span-2 lg:row-span-2":""}
13  ${e=>e.$total>3&&3===e.$current?"lg:col-span-2":""}
14  ${e=>5===e.$total&&4===e.$current?"lg:col-span-4":""}
15  ${e=>e.$total>5&&e.$current>3?"lg:col-span-2":""}
16  ${e=>e.$isRegularGrid?"lg:col-span-2 lg:row-span-1":""}
17`,x=h.A.div`
18  text-center
19  lg:mb-30
20  sm:mb-5
21`,y=(0,h.A)(g.Text)`
22  mt-10
23  mb-2.5
24  text-darkgray
25  opacity-70
26  generic-grid-authorable-subheading
27`,k=(0,h.A)(g.Title)`
28  mb-5
29  generic-grid-authorable-heading
30`;var b=i(81479);let C=({heading:e,isRegularGrid:t=!1,subHeading:i,cards:r=[],initialCount:n=6,labels:o={results:"results",resultsSeen:"%0 of %1 results seen",sortBy:"Sort By",filters:"Filters",moreResults:"Show more",sortNewest:"Newest",sortAlpha:"Order (A-Z)"},trackingEvents:s,host:h,recipeCarouselMarkUp:g})=>{let[C,T]=(0,l.useState)(()=>r.length>n?n:r.length),[A,f]=(0,l.useState)(!1),[w,I]=(0,l.useState)(500),D=!1;(0,l.useEffect)(()=>{let e=window.innerWidth;f(e<=640),e<=320&&I(438)},[]);let v=(e,t)=>(e>3&&t%2==0&&(D=!D),3===e&&2===t&&(D=!D),D);return(0,a.jsxs)("section",{className:"max-w-none p-0",children:[(0,a.jsxs)(x,{children:[(0,a.jsx)(y,{tag:"p",type:"lead",children:i}),(0,a.jsx)(k,{tag:"h2",type:"md",children:e})]}),(0,a.jsx)(p.Grid,{children:(0,a.jsxs)(p.GridRow,{children:[(0,a.jsxs)(m,{children:[g?(0,a.jsx)("div",{itemScope:!0,itemType:"https://schema.org/ItemList",style:{display:"none"},children:r?.map((e,t)=>(0,a.jsxs)("div",{itemProp:"itemListElement",itemScope:!0,itemType:"https://schema.org/ListItem",children:[(0,a.jsx)("span",{itemProp:"position",children:t+1}),(0,a.jsx)("span",{itemProp:"url",children:`https://${h}${e.link?.url}`})]},e.id))}):null,r?.slice(0,C).map((e,i)=>(0,a.jsx)($,{$total:C,$current:i,$isRegularGrid:t,children:"authorable"===e.type?(0,a.jsx)(c.x,{isAuthorableGrid:!0,...e,height:`${C>3&&2===i&&!A&&!t?2*w+20:w}px`,position:i+1,trackingEvent:{clickAuthorableCard:s?.clickAuthorableCard&&s.clickAuthorableCard,clickOccasionCard:s?.clickOccasionCard&&s.clickOccasionCard},isOdd:v(C,i)}):(0,a.jsx)(d.Card,{isAuthorableGrid:!0,height:`${C>3&&2===i&&!A&&!t?2*w+20:w}px`,...e,trackingEvent:s?.clickRecipeCard&&s.clickRecipeCard,position:i+1,isOdd:v(C,i)})},`grid-authorable-${e.id??i}`))]}),(0,a.jsx)("div",{className:"text-center",children:C<r.length&&(0,a.jsxs)("button",{type:"button",onClick:()=>T(r.length),children:[(0,a.jsx)("span",{className:"sr-only",children:o?.moreResults}),(0,a.jsx)(u.LiquidButton,{text:o?.moreResults,height:50,width:200,color:b.l.primary,textColor:b.l.white})]})})]})})]})};var T=i(68783),A=i(7710);let f=({templateProps:{dictionary:e,cards:t,title:i,regularLayout:l,superText:c,recipeCarouselMarkUp:d},difficultyCopy:p,recipeCopy:u,searchItemLabels:h,templateIndex:g})=>{var m,$;let x,y,k,b,{pathTranslations:f,userToken:w}=(0,A.S)(),I=g?g+1:1,D=(m=e??{dictionaryItems:[]},$=u??[],y={0:(x=o.K.mapDictionaryToRecords(m)).easy,1:x.intermediate,2:x.tough},k=o.K.getCopy("see_recipe",$),b=o.K.getCopy("see_video",$),t.reduce((e,t)=>{if("AuthorableContentCard"===t.__typename)return[...e,{type:"authorable",title:t.name,subtitle:t.subtitle,copy:t.copy,videoId:t.videoId,videoButtonText:b,image:t.image?.asset?.[0],link:t?.link&&{url:s.P.getLocalizedLinkPath({item:t.link,pathTranslations:f}),text:t.link.displayName,openInNewTab:t.link.openInNewTab??!1}}];if("FeaturedContentReference"===t.__typename){if(t.recipeData?.Id){let i=t.recipeData?.TotalTimeInMinutes||t.recipeData?.PreparationTimeInMinutes;return[...e,{type:"recipe",data:{id:t?.recipeData?.Id,title:t?.recipeData?.Title,description:t?.recipeData?.ShortDe

30scription,categoryId:t?.recipeData?.Category.Id,category:t?.recipeData?.Category.Title,images:{hero:t?.recipeData?.Images?.[0]?.Formats?.[1]?.Url??"",aiLabeling:!!t?.recipeData?.Images?.[0]?.AILabelingRequirement,aiLabelType:r.M.getImageAILabelType(t?.recipeData?.Images?.[0]?.AILabelingRequirement)},information:{preparationTime:t?.recipeData?.PreparationTimeInMinutes?`${t?.recipeData?.PreparationTimeInMinutes} Min`:null,rating:t.recipeData.rating||0,difficulty:t?.recipeData?.Difficulty,totalTime:i?`${i} Min`:null}},showInfo:!0,link:{url:`${f.recipe}${t.recipeData.slug}`,displayName:k||"See Recipe"},cardVariation:"recipe",copyDictionary:y,LinkComponent:n.S}]}if(t.tipsAndTricksData?.Id)return[...e,{type:"tips",data:{id:t.tipsAndTricksData?.Id,title:t.tipsAndTricksData?.Title,description:t.tipsAndTricksData?.ShortDescription,categoryId:t.tipsAndTricksData?.Category.Id,category:t.tipsAndTricksData?.Category.Title,images:{hero:t.tipsAndTricksData?.Images?.[0]?.Formats?.[0]?.Url},information:{preparationTime:t.tipsAndTricksData?.PreparationTimeInMinutesSummaryText,rating:t.tipsAndTricksData?.rating,difficulty:t.tipsAndTricksData?.Difficulty,totalTime:t.tipsAndTricksData?.TotalTimeInMinutesSummaryText||t.tipsAndTricksData?.PreparationTimeInMinutesSummaryText}},showInfo:!0,link:{url:`${f.tipAndTrick}${t.tipsAndTricksData.slug}`,displayName:x?.see_recipe_details||"See Recipe"},cardVariation:"recipe",copyDictionary:y,LinkComponent:n.S}];if(t.articlePage?.slug)return[...e,{type:"article",data:{id:t.articlePage?.id,title:t.articlePage?.title,description:"",categoryId:"",category:"article",image:{},video:""},cardVariation:"article",link:{url:s.P.getLocalizedLinkPath({item:t.articlePage?.link,pathTranslations:f}),displayName:"Read more"},LinkComponent:n.S}]}return e},[]));return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(C,{heading:i,isRegularGrid:l,subHeading:c,labels:h,cards:D,trackingEvents:{clickAuthorableCard:(e,t)=>{T.b.productTeaserCardClick(e||"na",t||0,i||"na",I+1||0,"carousel")},clickRecipeCard:(e,t)=>{T.b.clickTeaserSeeRecipe({teaserName:e?.title,containerTitle:i,containerPosition:I,containerType:"grid",teaserPosition:t||0,teaserRecipeId:e?.id,teaserRecipeTitle:e?.title,teaserRecipeDifficulty:p?.[e?.information?.difficulty]||"na",teaserRecipeRating:e?.information?.rating,teaserRecipeDuration:e?.information?.totalTime}),T.b.articlePageConversionAfterSearch(window.dataLayer||[],w)},clickOccasionCard:e=>{T.b.clickCategoryOccasion(e||"na")}},host:"",recipeCarouselMarkUp:d})})},w=f},9833:(e,t,i)=>{i.r(t),i.d(t,{LiquidButton:()=>p});var a=i(37876),r=i(76823);let n=({children:e,variant:t="body",as:i="p",type:n="m",className:o,"data-testid":s,onMouseEnter:l,onMouseLeave:c,onClick:d})=>(0,a.jsx)(i,{className:(0,r.f)([`text-${t}-${n} leading-${t}-${n} tracking-${t}-${n}`],o),onMouseEnter:l,onMouseLeave:c,onClick:d,children:e});var o=i(5646),s=i(81479);let l=o.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=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:",";}"],e=>e.$useCustomColorsAsImportant?`
31      border: 1px solid ${e.$color||s.l.white};
32    `:`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=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;}"],e=>e.$isWidthAuto?"auto":"100%",e=>`${e.height}px`,e=>`${e.height}px`,e=>e.$useCustomColorsAsImportant?`
33      color: ${e.$textColor};
34      background: ${e.$bgColor||s.l.primary};
35    `:`
36    color: var(--color-text, ${e.$textColor});
37    background: var(--color-neutral, ${e.$bgColor});
38  `,e=>e.$isWidthAuto?"0 20px":"",e=>e.$isWidthAuto?"auto":`${e.width}px`),p=({text:e,className:t,onButtonClick:i=()=>{},disabled:o=!1,variant:s="none",type:p="button",dataTest:u,as:h="div",...g})=>

38{if("none"!==s)return(0,a.jsx)(h,{type:p,onClick:i,disabled:o,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,a.jsx)("div",{className:"border-1 border-white inline-block w-full rounded-[100px]",children:(0,a.jsx)(n,{className:"p-3",children:e})})});if(0===Object.keys(g).length)return null;let{width:m,height:$,color:x,textColor:y,useCustomColorsAsImportant:k,isWidthAuto:b}=g||{width:0,height:0,color:"transparent",textColor:"transparent",useCustomColorsAsImportant:!1,isWidthAuto:!1};return(0,a.jsx)(h,{onClick:i,disabled:o,type:p,children:(0,a.jsxs)(l,{width:m,height:$,$isWidthAuto:b,children:[(0,a.jsx)(c,{width:m,height:$,$color:y,$useCustomColorsAsImportant:k,$isWidthAuto:b}),(0,a.jsx)(d,{$textColor:y,$bgColor:x,width:m,height:$,$useCustomColorsAsImportant:k,$isWidthAuto:b,children:e})]})})}}}]);
39//# sourceMappingURL=7091.7eb62114790b688c.js.map