https://www.housebeautiful.com/_assets/fre/scopes/hdm/_next/static/chunks/72017-9d18f331090c67fa.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72017],{19363:(e,t,r)=>{r.d(t,{G:()=>c,Q:()=>a});var n=r(71055),o=r(86385),i=r(30826),l=r(65830);function a(){let e=(0,o.A)(i.xL),t=void 0!==e&&!1!==e&&null!==e&&Object.hasOwn(i.GJ,e),r=t?i.GJ[e]:null;return{isControlVariation:e===i.sP,isVariation13Lines:e===i.j8,isVariation31Lines:e===i.tx,isVariation100Lines:e===i.og,isInTest:t,lineClamps:r,variation:e}}function c(){let{isInTest:e}=a();(0,n.useEffect)(()=>{if(!e)return;let t=e=>{let{eventType:t,event:r}=e.detail||{};"skip-link-scroll"===t&&("scroll-start"===r?(0,l.o$)(!0):"scroll-end"===r&&(0,l.o$)(!1))};return window.addEventListener("fre-send-event",t),()=>{window.removeEventListener("fre-send-event",t),(0,l.o$)(!1)}},[e])}},30826:(e,t,r)=>{r.d(t,{GJ:()=>c,Hf:()=>d,T7:()=>s,_3:()=>m,gX:()=>b,j8:()=>i,kU:()=>u,og:()=>a,sP:()=>o,tx:()=>l,xL:()=>n,yN:()=>p});let n="read_more_button_recipe_variations",o="control",i="read_more_after_13_lines",l="read_more_after_31_lines",a="read_more_after_100_lines",c={[o]:{_:5,xs:4,sm:3},[i]:{_:13,xs:13,sm:13},[l]:{_:31,xs:31,sm:31},[a]:{_:100,xs:100,sm:100}},s="recirculation_view",u="comment_section_view",d="jump_to_recipe_click",p="ad_view",m="ingredients_view",b="read_more_click"},42746:(e,t,r)=>{r.d(t,{Ay:()=>g,MP:()=>b,ch:()=>f});var n=r(53520),o=r(93682),i=r(71055),l=r(83222),a=r(174),c=r(29231),s=r(10352),u=r(94315);let d=["ctaText"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){(0,o.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function b(e,t={},r){let o=r&&s._F.placeholder===e?`${r}_block`:u.q[e];if(!o)return;let{ctaText:i}=t,l=(0,n.A)(t,d),p="string"==typeof i?(0,c.Q)(i).trim():void 0,f=m(m({primaryUx:o},l),p&&{ctaText:p});(0,a.A)({eventName:"recirculation",eventParameters:f})}function f(e){e?.["data-vars-ga-ux-element"]&&(0,a.A)({eventName:"recirculation",eventParameters:{ctaText:e["data-vars-ga-call-to-action"],destinationLink:e["data-vars-ga-outbound-link"],primaryUx:e["data-vars-ga-ux-element"],position:e["data-vars-ga-position"]}})}function g({blockType:e,trackTags:t,slug:r}){let{inView:n,observer:o,ref:c}=(0,l.A)({rootMargin:"0px 0px",threshold:.3});return(0,i.useEffect)(()=>{if(n){let n;(n=r&&s._F.placeholder===e?`${r}_block`:u.q[e])&&(0,a.A)({eventName:"recirculation_view",eventParameters:m({primaryUx:n},t)}),o.current.unobserve(c.current)}},[n]),{ref:c}}},50949:(e,t,r)=>{r.d(t,{A:()=>p});var n=r(800),o=r(53225),i=r(78860),l=r(4927),a=r(39812),c=r(47241),s=r(95843),u=r(9954);function d({as:e,heading:t,headingUrl:r,sxProps:n}){let o=r?a.N:l.FK;return(0,u.Y)(s.F2,{as:e,sx:n},(0,u.Y)(c.A,null,(0,u.Y)(o,{href:r,removeUnderline:!0,textColorToken:"--comp-blocktitle-title-color-txt",textColorHoverToken:"--comp-blocktitle-title-color-txt-hover"},t)))}function p({heading:e,headingUrl:t,sxProps:r}){let l=(0,i.z)((0,o._P)("fre.use-h1-for-block-headings-on-homepage")),a=(0,i.z)((0,n.BV)("layoutContextProps.isHomePage"));return(0,u.Y)(d,{as:l&&a?"h1":"h2",heading:e,headingUrl:t,sxProps:r})}},59184:(e,t,r)=>{r.d(t,{CY:()=>u,RB:()=>s,Ti:()=>l,a7:()=>i,e5:()=>d,jj:()=>m,mj:()=>a,ov:()=>p,tf:()=>c});var n=r(10352),o=r(78860);function i(e){return[n.W_.imageRight,n.W_.imageLeft].includes(e)}function l(e){return e===n.W_.center}function a(e){if(!e)return{};let t={sx:{textAlign:e}};return{title:t,dek:t,timestamp:t,author:t,label:t,breadcrumbs:t,cta:{style:{alignSelf:({left:"flex-start",center:"center",right:"flex-end"})[e]||"flex-start"}}}}function c({settings:e={}}={}){let{show_button:t,button_text:r,button_url:n}=e,i="string"==typeof r?r.trim():"",l="string"==typeof n?n.trim():n;return(0,o.z)(t)&&i&&l?{href:l,text:i,destinationLink:l}:null}function s({customizations:e={},resourceId:t}={}){let{show_divider:r}=e?.[t]??{};return(0,o.z)(r)}function u({customizations:e={},resourceId:t}={}){let{use_custom_title:r,custom_article_title:n}=e?.[t]??{},i="string"==typeof n?n.trim():"";return(0,o.z)(r)&&i?i:null}function d({customizations:e={},resourceId:t}={}){let{use_custom_dek:r,custom_article_dek:n}=e?.[t]??{},i="string"==typeof n?n.trim():"";return(0,o.z)(r)&&i?i:null}function p({customizations:e={},resourceId:t}={}){let{use_custom_label:r,custom_label:n}=e?.[t]??{},i="string"==typeof n?n.trim():"";return(0,o.z)(r)&&i?i:null}function m({customizations:e={},resourceId:t}={}){let{text_alignment:r}=e?.[t]??{};return"string"==typeof r&&r?r:null}},61307:(e,t,r)=>{r.d(t,{A:()=>v});var n=r(71055),o=r(14462),i=r(55552),l=r(800),a=r(53225),c=r(12625),s=r(69346),u=r(62529),d=r(52134),p=r(19363),m=r(68014),b=r.n(m),f=r(9954);let g=b()(()=>r.e(1625).then(r.bind(r,1625)),{id:"8169130",loadableGenerated:{webpack:()=>[1625]}}),v=function({adId:e}){let{0:t,1:r}

1=(0,n.useState)(0),m=(0,l.BV)("layoutContextProps.siteData.metadata.adConfig.settings.mobileStickyAds",!1),b=(0,a._P)("fre.autos.homepage.carfinder.v1.1"),v=(0,c.md)(s.eh),y=(0,d.Z)(),h=(0,d.Z)(i.B,o.B9),{isInTest:_}=(0,p.Q)();(0,n.useEffect)(()=>{m&&v?.handler&&r(v.handler())},[m,v]);let x=_?g:u.default;return e&&(0,f.Y)(x,{adId:e,sx:h(y?"lg":"smd",{isMobileStickyAds:m,additionalOffsetTop:t,hideContainer:b})})}},65830:(e,t,r)=>{r.d(t,{o$:()=>d,G1:()=>g,Nc:()=>b,bL:()=>v,sC:()=>f,qx:()=>y,KH:()=>m});var n=r(71055),o=r(44045),i=r(7144),l=r(47382);window.onSendGAReady||(window.onSendGAReady=[]);var a=r(19363),c=r(30826);let s=new l.default("RECIPE-READ-MORE-TEST"),u=!1;function d(e){u=e}function p(e,t){let r=(0,n.useRef)(!1);return(0,n.useCallback)((...n)=>{if(!(t&&t())&&!r.current)return r.current=!0,e(...n)},[e,t])}function m(){let{isInTest:e}=(0,a.Q)(),t=(0,o.E)(),[r]=(0,i.A)(c.T7);return p((0,n.useCallback)(async()=>{if(r&&e)try{let e=await t();if(!e)return void s.warn("RECIPE READ MORE TEST - User context not available");window?.HRST?.sendGA?window.HRST.sendGA("recirculation_view",void 0):window.onSendGAReady.push(()=>window.HRST.sendGA("recirculation_view",void 0)),e.trackEvent(c.T7,{timestamp:Date.now()}),s.info("RECIPE READ MORE TEST - Viewability of recirc unit tracked")}catch(e){s.error("RECIPE READ MORE TEST - Error tracking recirculation view",e)}},[r,t,e]),()=>u)}function b(){let{isInTest:e}=(0,a.Q)(),[t,r]=(0,i.A)(c.kU);return p((0,n.useCallback)(()=>{t&&e&&(r(),s.info("RECIPE READ MORE TEST - Comment section viewability tracked"))},[t,r,e]),()=>u)}function f(){let{isInTest:e}=(0,a.Q)(),[t,r]=(0,i.A)(c.Hf);(0,n.useEffect)(()=>{if(!e)return;let n=e=>{e.target.closest('[class*="jump-to-recipe"], [data-dispatch-ga*="jump-to-recipe"]')&&t&&(r(),s.info("RECIPE READ MORE TEST - Jump to recipe click tracked"))};return document.addEventListener("click",n),()=>{document.removeEventListener("click",n)}},[t,r,e])}function g(){let{isInTest:e}=(0,a.Q)(),[t,r]=(0,i.A)(c.yN);return p((0,n.useCallback)(()=>{t&&e&&(r(),s.info("RECIPE READ MORE TEST - Breaker ads viewability tracked"))},[t,r,e]))}function v(){let{isInTest:e}=(0,a.Q)(),[t,r]=(0,i.A)(c._3);return p((0,n.useCallback)(()=>{t&&e&&(r(),s.info("RECIPE READ MORE TEST - Ingredient viewability tracked"))},[t,r,e]),()=>u)}function y(){let{isInTest:e}=(0,a.Q)(),[t,r]=(0,i.A)(c.gX);(0,n.useEffect)(()=>{if(!e)return;let n=e=>{let n=e.target.closest('[data-vars-ga-name="recipe-read-more-button"]');!n||"recipe_read_more"===n.getAttribute("data-vars-ga-recipe-button-state")&&t&&r()};return document.addEventListener("click",n,!0),()=>{document.removeEventListener("click",n,!0)}},[t,r,e])}},72017:(e,t,r)=>{r.d(t,{A:()=>T});var n=r(1873),o=r(930),i=r(61307),l=r(93682),a=r(95843),c=r(9954);function s({text:e,alignment:t}){return e?(0,c.Y)(a.J6,{alignment:t,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:e}}):null}var u=r(4860);function d({button:e,alignment:t}){return e?.href&&e?.text?(0,c.Y)(a.pD,{alignment:t},(0,c.Y)(u.$,{as:"a",variant:"primary-solid",href:e.href},e.text)):null}var p=r(59489),m=r(59184),b=r(10352),f=r(50949),g=r(76502);function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach(function(t){(0,l.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function h(e){return e?.settings?.layout!==b.W_.tiles?{text:"",textAlignment:null,button:null}:{text:e.text||"",textAlignment:e.settings?.text_alignment||null,button:(0,m.tf)({settings:e.settings})}}function _(e){let{block:t,renderContent:r=null,className:n="",headingSxProps:o}=e,{heading:i,subheading:l}=t||{},u=(0,p.N7)(t),{text:m,textAlignment:b,button:v}=h(t),_=b?{textAlign:b,width:"100%"}:{};return(0,c.Y)(a.Yc,{className:n},i?(0,c.Y)(f.A,{heading:i,headingUrl:u,sxProps:y(y({},o),_)}):null,l?(0,c.Y)(g.A,{heading:i,headingUrl:u,subheading:l,sxProps:_}):null,(0,c.Y)(s,{text:m,alignment:b}),(0,c.Y)(d,{button:v,alignment:b}),r?r():null)}function x(e){let{block:t}=e,{heading:r,subheading:n}=t||{},{text:o,button:i}=h(t);return r||n||o||i?(0,c.Y)(_,e):null}var k=r(38536),w=r(28270);function A(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}let O=(0,k.A)(o.x,{shouldForwardProp:e=>!["asGrid","theme","sx","blockType","adId"].includes(e),target:"eyyrboy2"})(({adId:e,asGrid:t=!1,blockType:r})=>(0,w.Ay)({gridColumn:e?{_:"1/-1",lg:"span 8",xxlg:"span 9"}:"1/-1",display:t?"grid":"block",alignSelf:e?{lg:"start"}:void 0,gap:t?{_:"var(--dim-space-md)",xs:"var(--dim-space-xl)"}:void 0,rowGap:t&&"big-story-feed"===r?{_:"var(--dim-space-xl)"}:void 0,gridTemplateColumns:t?{_:"repeat(4, 1fr)",xs:"repeat(8, 1fr)",lg:`repeat(${e?8:12}, 1fr)`,xxlg:`repeat(${e?9:12}, 1fr)`}:void 0}),""),E=(0,k.A)("div",{target:"eyyrboy1"})(({hideAdOnMobile:e})=>(0,w.Ay)(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?A(Object(r),!0).forEach(function(t){(0,l.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({gridColumn:{_:"1/-1",lg:"-5 / -1",xxlg:"-4 / -1"},backgroundColor:{_:"var(--comp-collection-ad-color-bg)",lg:"transparent"},boxShadow:{_:"0 0 0 100vmax var(--comp-collection-ad-color-bg)",lg:"none"},clipPath:{_:"inset(0 -100vmax)",lg:"none"},paddingBottom:{_:"var(--dim-space-xl)",lg:0},"&:last-child":{marginBottom:{_:"calc(-1 * var(--dim-space-xl))",lg:0}}},e?{display:{_:"none",lg:"block"}}:{})),""),P=(0,k.A)("div",{target:"eyyrboy0"})((0,w.Ay)({alignSelf:"stretch",display:"flex",flexDirection:"column",gap:"var(--dim-space-xl)"}),"");var j=r(42746);function T(e){let{adId:t,asGrid:r=!1,block:l,children:a,contentProps:s={},hideAdOnMobile:u,sx:d,trackTags:p,"data-testid":m}=e,{ref:b}=(0,j.Ay)({blockType:l.type,trackTags:p,slug:l?.slug}),f=l?.type==="placeholder"&&l?.slug?l.slug:l?.type;return f&&f.replace(/([A-Z])/g,"-$1").toLowerCase(),(0,c.Y)(P,{ref:b,sx:d},(0,c.Y)(x,{block:l}),(0,c.Y)(o.x,null,(0,c.Y)(O,(0,n.A)({adId:t,asGrid:r,blockType:l?.type},s),a),t?(0,c.Y)(E,{hideAdOnMobile:u},(0,c.Y)(i.A,{adId:t})):null))}},76502:(e,t,r)=>{r.d(t,{A:()=>c});var n=r(4927),o=r(39812),i=r(95843),l=r(9954);function a({headingUrl:e,subheading:t,sxProps:r}){let c=e?o.N:n.FK;return(0,l.Y)(i.jG,{sx:r},(0,l.Y)(c,{href:e,removeUnderline:!0},t))}function c({heading:e,headingUrl:t,subheading:r,sxProps:n}){return(0,l.Y)(a,{headingUrl:e?null:t,subheading:r,sxProps:n})}},95843:(e,t,r)=>{r.d(t,{F2:()=>l,J6:()=>s,Yc:()=>i,jG:()=>a,pD:()=>u});var n=r(38536),o=r(28270);let i=(0,n.A)("div",{target:"ellypc34"})((0,o.Ay)({display:"flex",flexDirection:"column",gap:"var(--dim-space-xs)",backgroundColor:"var(--comp-blocktitle-color-bg)",borderTopWidth:"var(--comp-blocktitle-dim-border-top-width)",borderBottomWidth:"var(--comp-blocktitle-dim-border-bottom-width)",borderTopStyle:"var(--comp-blocktitle-dim-border-top-style)",borderBottomStyle:"var(--comp-blocktitle-dim-border-bottom-style)",borderTopColor:"var(--comp-blocktitle-color-border-top)",borderBottomColor:"var(--comp-blocktitle-color-border-bottom)",pt:"var(--_size-14)",alignSelf:"stretch",alignItems:"var(--comp-blocktitle-dim-align-items-mobile)"}),""),l=(0,n.A)("h2",{target:"ellypc33"})((0,o.Ay)({fontSize:{_:"var(--comp-blocktitle-title-type-size-mobile)",xs:"var(--comp-blocktitle-title-type-size-desktop)"},lineHeight:{_:"var(--comp-blocktitle-title-type-line-height-mobile)",xs:"var(--comp-blocktitle-title-type-line-height-desktop)"},fontFamily:"var(--comp-blocktitle-title-type-family-mobile)",fontWeight:"var(--comp-blocktitle-title-type-weight-mobile)",fontStyle:"var(--comp-blocktitle-title-type-style-mobile)",letterSpacing:{_:"var(--comp-blocktitle-title-type-letter-spacing-mobile)",xs:"var(--comp-blocktitle-title-type-letter-spacing-desktop)"},textTransform:"var(--comp-blocktitle-title-type-txt-case-mobile)",m:"var(--dim-space-none)"}),""),a=(0,n.A)("p",{target:"ellypc32"})((0,o.Ay)({fontSize:{_:"var(--comp-blocktitle-subtitle-type-size-mobile)",xs:"var(--comp-blocktitle-subtitle-type-size-desktop)"},lineHeight:{_:"var(--comp-blocktitle-subtitle-type-line-height-mobile)",xs:"var(--comp-blocktitle-subtitle-type-line-height-desktop)"},fontFamily:"var(--comp-blocktitle-subtitle-type-family-mobile)",fontWeight:"var(--comp-blocktitle-subtitle-type-weight-mobile)",letterSpacing:"var(--comp-blocktitle-subtitle-type-letter-spacing-mobile)",textTransform:"var(--comp-blocktitle-subtitle-type-txt-case-mobile)",mb:"var(--dim-space-none)",mt:"var(--dim-space-none)"}),""),c=e=>"alignment"!==e&&"theme"!==e,s=(0,n.A)("div",{shouldForwardProp:c,target:"ellypc31"})(({alignment:e})=>(0,o.Ay)({width:"100%",textAlign:e||"start",color:"var(--palette-content-default)",font:"var(--typography-size-md-regular)","& p":{m:0,color:"inherit",font:"inherit"}}),""),u=(0,n.A)("div",{shouldForwardProp:c,target:"ellypc30"})(({alignment:e})=>(0,o.Ay)({display:"flex",justifyContent:"center"===e?"center":"right"===e?"flex-end":"flex-start",width:"100%"}),"")}}]);