https://ae.braun.com/ar-ae/_next/static/chunks/6084.a61708dd41984414.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6084],{3213:e=>{e.exports={card:"styles_card__CXDbb",placeholder:"styles_placeholder__vNZm5",topRow:"styles_topRow__XXaZP",productImage:"styles_productImage__3t5xw",productLink:"styles_productLink__u1uyB",productInfo:"styles_productInfo__n7jRM",productName:"styles_productName__Xowpk",price:"styles_price__RQZbD",removeButton:"styles_removeButton__rsFr7",removeIcon:"styles_removeIcon__fRn2Y",binButton:"styles_binButton__o1Hhe"}},13383:e=>{e.exports={fadeContainer:"styles_fadeContainer__goU7K",titleRow:"styles_titleRow__UP_lq",productCards:"styles_productCards__8xQpQ",compareCards:"styles_compareCards__OeEDZ",container:"styles_container__wbTUK",compareGridContainer:"styles_compareGridContainer__r7Li0",title:"styles_title__Ai_6l",closeButton:"styles_closeButton__65V7a",scrollableContent:"styles_scrollableContent__6ljTS",compareCardsContainer:"styles_compareCardsContainer__lsyd4",scrollable:"styles_scrollable__lt1MX",stickyCardsWrapper:"styles_stickyCardsWrapper__09MyR"}},24531:e=>{e.exports={attributeRow:"styles_attributeRow__9ASST",attributeTitle:"styles_attributeTitle__MUKdl",attributeValues:"styles_attributeValues__oTBUL",toggleRow:"styles_toggleRow__DNIzr",compareGrid:"styles_compareGrid__6SWHV",bar:"styles_bar__5Gl5s",attributeValue:"styles_attributeValue__xZaEe"}},31238:(e,s,t)=>{"use strict";t.d(s,{A:()=>A});var a=t(37876),l=t(14232),r=t(20802),n=t(36924),i=t(3554),o=t(91517),c=t(39985),d=t(78661),_=t(15462),u=t(67376),m=t.n(u);let h=e=>{let s=e?.target?.scrollLeft;for(let e of document.getElementsByClassName("scrollLinkTarget"))e&&(e.scrollLeft=s)};var p=t(99611),N=t(79726),y=t(24531),f=t.n(y);let x=({attributeId:e,product:s})=>{let t=s?.[`mia_${e}`]?.[0]||s?.[e]?.[0];return t?"number"==typeof t?(0,a.jsx)(N.A,{className:f().bar,value:t}):(0,a.jsx)("div",{className:f().attributeValue,dangerouslySetInnerHTML:{__html:m()(t)}}):(0,a.jsx)("div",{className:f().attributeValue})},b=({compareItems:e,compareAttributes:s})=>{let[t,r]=(0,l.useState)(!1),[i,o]=(0,l.useState)(s);(0,l.useEffect)(()=>{t?o(s?.filter(s=>{let t=e?.[0]?.[s?.fields?.uniqueId]?.[0],a=!1;for(let l of e){let e=l?.[s?.fields?.uniqueId]?.[0];if(typeof e==typeof t){if("number"==typeof e){if(e!==t){a=!0;break}}else if(e?.trim()!==t?.trim()){a=!0;break}}}return a})):o(s)},[t]);let{settings:{labelTranslation:c}}=(0,l.useContext)(n.B),d=c?.mia;return(0,a.jsxs)("div",{className:f().container,children:[(0,a.jsxs)("div",{className:f().toggleRow,children:[(0,a.jsx)(p.A,{isOnByDefault:t,onClick:r,title:d?.showDifferencesOnly}),(0,a.jsx)("div",{className:f().toggleLabel,children:d?.showDifferencesOnly})]}),(0,a.jsx)("div",{className:f().compareGrid,children:i.map(s=>e.find(e=>e?.[s?.fields?.uniqueId]?.[0])?(0,a.jsxs)("div",{className:f().attributeRow,children:[(0,a.jsx)("div",{className:f().attributeTitle,children:s?.fields?.title}),(0,a.jsx)("div",{onScroll:h,className:`${f().attributeValues} scrollLinkTarget`,"data-items-count":e?.length,children:e?.map((e,t)=>(0,a.jsx)(x,{attributeId:s?.fields?.uniqueId,product:e},`${s?.fields?.uniqueId}-${t}`))})]},s?.fields?.uniqueId):null)})]})};var v=t(93234),C=t(13383),I=t.n(C);let A=(0,c.A)(({isOpen:e,close:s,compareItems:t,compareAttributes:c,toggleItemToCompare:u})=>{let{settings:{labelTranslation:m}}=(0,l.useContext)(n.B),h=m?.mia,[p,N]=(0,l.useState)(!1),y=(0,l.useRef)(null);return(0,l.useEffect)(()=>{e?(0,i.A)(!1):(0,i.A)(!0)},[e]),(0,a.jsx)(o.A,{show:e,className:I().fadeContainer,children:(0,a.jsx)("div",{ref:y,onScroll:()=>{N((y.current?.scrollTop||0)>40)},className:I().scrollableContent,children:(0,a.jsxs)("div",{className:I().container,children:[(0,a.jsxs)("div",{className:I().titleRow,children:[(0,a.jsx)("h1",{className:I().title,children:h?.compare}),(0,a.jsx)(d.default,{className:I().closeButton,theme:r.MIA_ICON_BUTTON_THEMES.OPEN_CLOSE,onClick:s,alternate:!0,size:r.MIA_BUTTON_SIZES.SMALL})]}),p?(0,a.jsx)("div",{className:I().compareCardsContainer,children:(0,a.jsx)("div",{className:`${I().productCards} ${I().stickyCardsWrapper} scrollLinkTarget`,"data-items-count":t?.length,children:t?.map((e,s)=>(0,a.jsx)(v.A,{product:e,handleRemove:u},s))})}):(0,a.jsx)("div",{className:`${I().productCards} scrollLinkTarget`,"data-items-count":t?.length,children:t?.map((e,s)=>(0,a.jsx)(_.A,{...e,product:e,internalLink:e?.slug,smallOnMobile:!0,showRemoveButton:!0,onRemove:u},s))}),(0,a.jsx)("div",{className:I().compareCards}),(0,a.jsx)("div",{className:I().compareGridContainer,children:(0,a.jsx)(b,{compareItems:t,compareAttributes:c})})]})})})},"mia-comparison-overlay-container")},39985:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var a=t(37876),l=t(98477);

1let r=(e,s)=>t=>"u"<typeof document?null:(0,l.createPortal)((0,a.jsx)(e,{...t}),document?.getElementById(s))},47525:e=>{e.exports={container:"styles_container__mneU_",bar:"styles_bar__7Fjdt",line:"styles_line__5hfd_",filledBar:"styles_filledBar__sOFGZ"}},53771:e=>{e.exports={button:"styles_button__pRYTm",inverted:"styles_inverted__9t5_o",icon:"styles_icon__LCjRk",playIconOffset:"styles_playIconOffset__TV1NH",video:"styles_video__Z7zPi",videoRunning:"styles_videoRunning__r_kQi",videoRepet:"styles_videoRepet__VcGk0",large:"styles_large__SPlQX",medium:"styles_medium___qUMD",small:"styles_small__Q25UY",extraSmall:"styles_extraSmall__n4Z3Q",slider:"styles_slider__RxcgF",expandCollapse:"styles_expandCollapse__gjWOX",alternate:"styles_alternate__ytKXO",callToAction:"styles_callToAction__n9ee3",openClose:"styles_openClose__p1ED7",openCloseNegative:"styles_openCloseNegative__BXX_u"}},57883:e=>{e.exports={fadeContainer:"styles_fadeContainer__okuHX",sortModal:"styles_sortModal__hDOJ1",fadeIn:"styles_fadeIn__IMkQo",slideDown:"styles_slideDown__sKEul",fadeOut:"styles_fadeOut__kDpED",slideUp:"styles_slideUp__twbZO",button:"styles_button__je8N1",active:"styles_active__A5JHb"}},69088:e=>{e.exports={toggleLabel:"styles_toggleLabel__RWfIq",small:"styles_small__0__W5",toggleCheckbox:"styles_toggleCheckbox__QaX_f",movingPart:"styles_movingPart__SZ1kt"}},69857:e=>{"use strict";e.exports=[]},72400:(e,s,t)=>{"use strict";t.d(s,{A:()=>m});var a=t(37876),l=t(14232),r=t(36924),n=t(20802),i=t(91517),o=t(31531),c=t(39985),d=t(93234),_=t(93631),u=t.n(_);let m=(0,c.A)(({itemsToCompare:e,toggleItemToCompare:s,clearAll:t,setOpenOverlay:c})=>{let{settings:_}=(0,l.useContext)(r.B),m=_?.labelTranslation?.mia;return(0,a.jsx)(i.A,{className:u().fadeContainer,show:e?.length>0,children:(0,a.jsx)("div",{className:u().tray,children:(0,a.jsxs)("div",{className:u().innerContainer,children:[(0,a.jsxs)("div",{className:u().compareCards,children:[e?.map((e,t)=>(0,a.jsx)(d.A,{product:e,handleRemove:s},t)),Array(n.MIA_MAX_ITEMS_TO_COMPARE-e?.length).fill().map((s,t)=>(0,a.jsx)(d.A,{index:e?.length+t+1,isPlaceholder:!0},`placeholder-${t}`))]}),(0,a.jsxs)("div",{className:u().buttonsRow,children:[(0,a.jsx)(o.default,{theme:n.MIA_BUTTON_THEMES.NO_STYLE,className:u().clearButton,onClick:t,children:m?.clearAll}),(0,a.jsxs)(o.default,{dataActionDetail:m?.compare,theme:n.MIA_BUTTON_THEMES.PRIMARY_NEGATIVE,onClick:()=>c(!0),children:[m?.compare," (",e?.length,"/",n.MIA_MAX_ITEMS_TO_COMPARE,")"]})]})]})})})},"mia-comparison-tray-container")},78661:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>h});

1var a=t(37876),l=t(20802),r=t(75926),n=t(46044),i=t(2496),o=t(39305),c=t(53771),d=t.n(c);let{CALL_TO_ACTION:_,SLIDER:u,OPEN_CLOSE:m}=l.MIA_ICON_BUTTON_THEMES,h=({dataActionDetail:e,className:s,internalLink:t,externalLink:c,onClick:h,type:p="button",alternate:N=!1,theme:y=_,size:f=l.MIA_BUTTON_SIZES.MEDIUM,ariaLabel:x=l.LABELS.ACTION,...b})=>{let v=d().button,C=d()?.[y],I=d()?.[f],A=[u,_,m].includes(y)?d().inverted:"",g=N?d().alternate:"",j=(0,n.A)(s,t,c,h,p),T=`${v} ${C} ${I} ${g} ${A} ${j} ${s}`,E=(e=>{let{VIDEO:s,SLIDER:t,EXPAND_COLLAPSE:a,CALL_TO_ACTION:r,OPEN_CLOSE:n,OPEN_CLOSE_NEGATIVE:i,CLOSE:o,VIDEO_RUNNING:c,VIDEO_REPET:d}=l.MIA_ICON_BUTTON_THEMES,_=null;switch(e){case s:_="Play";break;case o:_="Close";break;case t:_="Arrow-Right";break;case a:_="Arrow-Down";break;case r:_="Arrow-Right";break;case n:case i:_="Expand";break;case c:_="Running";break;case d:_="Repet";break;default:return console.error("No icon found for theme: ",e),null}return`MIA/${_}.svg`})(y),O=f===l.MIA_BUTTON_SIZES.EXTRA_SMALL&&[l.MIA_ICON_BUTTON_THEMES.VIDEO,l.MIA_ICON_BUTTON_THEMES.VIDEO_RUNNING,l.MIA_ICON_BUTTON_THEMES.VIDEO_REPET].includes(y)?16:28,k=f===l.MIA_BUTTON_SIZES.EXTRA_SMALL&&y===l.MIA_ICON_BUTTON_THEMES.VIDEO,M=e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),e.currentTarget.click())};return h?(0,a.jsx)("button",{onClick:h,type:p,className:T,"aria-label":x,"data-action-detail":e,...b,children:(0,a.jsx)(i.A,{className:`${d().icon} ${k?d().playIconOffset:""}`,width:O,height:O,src:(0,r.Nf)(E),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})}):t||c?(0,a.jsx)(o.A,{className:T,"aria-label":x,"data-action-detail":e,internalLink:t,externalLink:c,children:(0,a.jsx)(i.A,{className:`${d().icon} ${k?d().playIconOffset:""}`,width:O,height:O,src:(0,r.Nf)(E),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})}):"icon"==p?(0,a.jsx)("div",{className:T,onKeyDown:M,...b,children:(0,a.jsx)(i.A,{className:`${d().icon} ${k?d().playIconOffset:""}`,width:O,height:O,src:(0,r.Nf)(E),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})}):(0,a.jsx)("div",{className:T,"aria-label":x,"data-action-detail":e,role:"button",tabIndex:"0",onKeyDown:M,...b,children:(0,a.jsx)(i.A,{className:`${d().icon} ${k?d().playIconOffset:""}`,width:O,height:O,src:(0,r.Nf)(E),disableLazyLoad:!0,htmlProps:{"aria-hidden":!0}})})}},79726:(e,s,t)=>{"use strict";t.d(s,{A:()=>n});var a=t(37876),l=t(47525),r=t.n(l);let n=({className:e="",value:s})=>(0,a.jsxs)("div",{className:`${r().container} ${e}`,children:[(0,a.jsx)("div",{className:r().bar,children:[,,,,].fill().map((e,s)=>(0,a.jsx)("div",{className:r().line},s))}),(0,a.jsx)("div",{className:r().filledBar,style:{width:`${100*s/5}%`}})]})},89602:(e,s,t)=>{"use strict";t.d(s,{A:()=>d});var a=t(37876),l=t(14232),r=t(20802),n=t(91517),i=t(31531),o=t(57883),c=t.n(o);let d=l.memo(({show:e,listItems:s,onItemClick:t})=>(0,a.jsx)(n.A,{className:c().fadeContainer,fadeInClassName:c().fadeIn,fadeOutClassName:c().fadeOut,show:e,children:(0,a.jsx)("ul",{className:`sortModal ${c().sortModal}`,children:s.map((e,s)=>(0,a.jsx)("li",{className:`${e.isRefined?c().active:""} `,children:(0,a.jsx)(i.default,{theme:r.MIA_BUTTON_THEMES.NO_STYLE,className:`${c().button} event_button_click`,dataActionDetail:e.label,onClick:()=>t(e.value),children:e.label})},s))})}))},91517:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var a=t(37876),l=t(14232);let r=({show:e,duration:s=.3,className:t="",fadeInClassName:r="",fadeOutClassName:n="",children:i})=>{let[o,c]=(0,l.useState)(e);return((0,l.useEffect)(()=>{e&&c(!0)},[e]),o)?(0,a.jsx)("div",{className:`${t} ${e?r:n}`,style:{opacity:+!!e,animation:`${e?"fadeIn":"fadeOut"} ${s}s`},onAnimationEnd:()=>{e||c(!1)},children:i}):null}},93234:(e,s,t)=>{"use strict";t.d(s,{A:()=>p});var a=t(37876),l=t(14232),r=t(36924),n=t(20802),i=t(75926),o=t(63330),c=t(2496),d=t(50794),_=t(39305),u=t(31531),m=t(3213),h=t.n(m);let p=({product:e,isPlaceholder:s,handleRemove:t,index:m})=>{let{settings:p}=(0,l.useContext)(r.B),N=p?.labelTranslation?.mia;return e||s?s?(0,a.jsx)("div",{className:h().placeholder,children:(0,a.jsx)("span",{children:m})}):(0,a.jsxs)("div",{className:h().card,children:[(0,a.jsx)(u.default,{dataActionDetail:N?.removeProduct,theme:n.MIA_BUTTON_THEMES.NO_STYLE,className:h().removeButton,onClick:()=>{t(e)},children:(0,a.jsx)(c.A,{className:h().removeIcon,width:13,height:13,src:(0,i.Nf)("MIA/Close.svg"),alt:N?.removeProduct,disableLazyLoad:!0})}),(0,a.jsxs)("div",{className:h().topRow,children:[(0,a.jsx)("div",{children:(0,a.jsx)(_.A,{internalLink:e?.slug,className:h().productLink,ariaLabel:e?.productShortName,children:(0,a.jsx)(c.A,{className:h().productImage,width:64,height:48,alt:"",src:e?.productImage})})}),(0,a.jsxs)("div",{className:h().productInfo,children:[(0,a.jsx)("div",{className:h().productName,children:e?.productShortName}),(0,a.jsx)(o.default,{className:h().price,itemID:e?.scalefastId,withLabel:!1})]})]}),(0,a.jsx)(d.A,{className:h().binButton,loadingClassName:h().binButton,scalefastId:e?.scalefastId,gtin:e?.gtin})]}):(console.error("No product or isPlaceholder prop was given to the CompareCard."),null)}},93631:e=>{e.exports={fadeContainer:"styles_fadeContainer__MJmEq",tray:"styles_tray__qk9hN",innerContainer:"styles_innerContainer__OoJT9",clearButton:"styles_clearButton__qgG7r",buttonsRow:"styles_buttonsRow__1hNV2",compareCards:"styles_compareCards__PwArO"}},99611:(e,s,t)=>{"use strict";t.d(s,{A:()=>i});var a=t(37876),l=t(14232),r=t(69088),n=t.n(r);let i=({onClick:e,isOnByDefault:s=!1,title:t})=>{let[r,i]=(0,l.useState)(s),o=(0,l.useId)();return(0,a.jsxs)("div",{className:n().toggle,children:[(0,a.jsx)("input",{type:"checkbox",role:"switch",className:n().toggleCheckbox,id:o,checked:r,"aria-checked":r,title:t,"aria-label":t||"",onChange:s=>{let t=s.target.checked;i(t),e&&e(t)}}),(0,a.jsx)("label",{className:n().toggleLabel,htmlFor:o,"aria-label":t||"",children:(0,a.jsx)("div",{className:n().movingPart,"aria-hidden":"true"})})]})}}}]);