"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[25535],{67023:(n,e,t)=>{t.d(e,{Z:()=>C});var i=t(4942),o=t(29439),r=(t(74916),t(23123),t(47941),t(82526),t(57327),t(38880),t(89554),t(54747),t(49337),t(33321),t(69070),t(67294)),a=t(64815),c=t(45987),s=t(88859),l=t(85893),d=["infoEvent"];function u(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function p(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?u(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const f=function(n){var e=n.infoEvent,t=(0,c.Z)(n,d),i=(0,a.v)(),o=(0,r.useCallback)((function(){return e&&i.publish({name:e})||!1}),[i,e]);return(0,l.jsx)(s.Z,p(p({},t),{},{handleClickInfo:o,showInfoIcon:!!e}))};var h,g,m,v,x=t(30168),b=t(71893),y=t(30305),w=t(42347),Z=b.ZP.div(h||(h=(0,x.Z)(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ",";\n  "," {\n    margin-bottom: ",";\n  }\n"])),(function(n){return n.theme.spacing.spacing01}),y.B.tabletLandscape,(function(n){return n.theme.spacing.spacing02})),j=b.ZP.div(g||(g=(0,x.Z)(["\n  width: 100%;\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n"]))),k=b.ZP.img(m||(m=(0,x.Z)(["\n  cursor: pointer;\n  height: ",";\n  margin-bottom: ",";\n"])),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.spacing.spacing01})),P=(0,b.ZP)(w.r)(v||(v=(0,x.Z)(["\n  cursor: pointer;\n  align-self: flex-end;\n"]))),B=t(28225);function D(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function O(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?D(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const C=function(n){var e=n.priceBoxProps,t=n.efficiencyData,i=n.className,c=(0,a.v)(),s=(0,B.$G)(),d=(0,o.Z)(s,1)[0],u=(0,r.useCallback)((function(){return(null===t||void 0===t?void 0:t.eventName)&&c.publish({name:t.eventName})||!1}),[c,null===t||void 0===t?void 0:t.eventName]);return(0,l.jsxs)(Z,{className:i,children:[(0,l.jsxs)(j,{children:[(0,l.jsx)(f,O({},e)),(null===t||void 0===t?void 0:t.efficiencyImg)&&(null===t||void 0===t?void 0:t.energyCard)&&(0,l.jsx)(k,{alt:"energy-efficiency",src:t.efficiencyImg,loading:"lazy",onClick:function(){var n,e,i=null===t||void 0===t?void 0:t.energyCard;"pdf"===(null===i||void 0===i||null===(n=i.split("."))||void 0===n||null===(e=n.pop())||void 0===e?void 0:e.toLowerCase())?window.open(i):u()}})]}),(null===t||void 0===t?void 0:t.europeanCard)&&(0,l.jsx)(P,{decorated:!0,text:d("productDetail.buyBox.productCardInfo"),href:null===t||void 0===t?void 0:t.europeanCard,target:"_blank",title:d("productDetail.buyBox.productCardInfo"),obfuscated:!0})]})}},41412:(n,e,t)=>{t.r(e),t.d(e,{default:()=>V});var i,o,r,a,c,s,l,d,u,p,f,h,g,m,v,x,b,y=t(29439),w=(t(21249),t(68309),t(67294)),Z=t(28225),j=t(22981),k=t(30305),P=t(63742),B=t(85664),D=t(71893),O=t(20863),C=t(26770),E=t(30168),I=t(7730),L=t(46229),S=D.ZP.div(i||(i=(0,E.Z)(["\n  width: 100%;\n  z-index: ",";\n  ",";\n  "," {\n    min-height: 8.5rem;\n    position: fixed;\n    top: ",";\n    left: 0;\n    transition: all 300ms;\n    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n    opacity: ",";\n    z-index: ",";\n  }\n"])),(function(n){var e=n.showBar,t=n.theme;return e&&t.layout.zIndex.masked}),(function(n){return!n.visible&&(0,D.iv)(o||(o=(0,E.Z)(["\n      display: none;\n    "])))}),k.B.desktop,(function(n){var e=n.showBar,t=n.elementHeight;return e?"0":"-".concat(t,"px")}),(function(n){return!n.showBar&&"0"}),(function(n){var e=n.showBar,t=n.theme;return e&&t.layout.zIndex.header})),_=D.ZP.div(r||(r=(0,E.Z)(["\n  background: ",";\n  width: 100%;\n"])),(function(n){return n.theme.colors.white})),A=D.ZP.div(a||(a=(0,E.Z)(["\n  width: 100%;\n  max-width: ",";\n  margin: 0 auto;\n  background: ",";\n  padding: ",";\n  padding-bottom: ",";\n  position: fixed;\n  bottom: ",";\n  z-index: ",";\n  left: 0;\n  box-shadow: ",";\n\n  "," {\n    box-shadow: unset;\n    position: unset;\n    display: flex;\n    justify-content: space-between;\n  }\n"])),(function(n){return n.theme.layout.grid.width}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing03}),(function(n){var e=n.elementHeight;return n.showBar?"0":"-".concat(e,"px")}),(function(n){return n.theme.layout.zIndex.masked}),(function(n){return n.showBar&&"0px -4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12)"}),k.B.desktop),z=D.ZP.div(c||(c=(0,E.Z)(["\n  width: 100%;\n  background: ",";\n  display: flex;\n  position: fixed;\n  top: ",";\n  z-index: ",";\n  left: 0;\n  margin: 0 auto;\n  "," {\n    position: unset;\n  }\n"])),(function(n){return n.theme.colors.black}),(function(n){var e=n.elementHeight,t=n.showBar,i=n.topPosition;return t?"".concat(i,"px"):"calc(-".concat(e,"px)")}),(function(n){return n.theme.layout.zIndex.masked}),k.B.desktop),T=D.ZP.div(s||(s=(0,E.Z)(["\n  display: flex;\n  justify-content: space-between;\n  max-width: ",";\n  width: 100%;\n  margin: 0 auto;\n"])),(function(n){return n.theme.layout.grid.width})),R=(0,D.ZP)(I.Z)(l||(l=(0,E.Z)(["\n  margin: ",";\n  color: ",";\n  width: max-content;\n"])),(function(n){var e=n.theme;return"0 ".concat(e.spacing.spacing01)}),(function(n){return n.theme.colors.white})),N=D.ZP.div(d||(d=(0,E.Z)(["\n  width: ",";\n  height: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: ",";\n"])),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.colors.white})),M=D.ZP.div(u||(u=(0,E.Z)(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  box-shadow: ",";\n  &:active {\n    background: ",";\n  }\n\n  "," {\n    &:hover {\n      box-shadow: ",";\n    }\n  }\n"])),(function(n){var e=n.theme;return"0.75rem ".concat(e.spacing.spacing02)}),(function(n){var e=n.isSelected,t=n.theme;return e&&"inset 0px -4px 0px ".concat(t.colors.brand.main)}),(function(n){return n.theme.colors.environment.percent40}),k.B.desktop,(function(n){var e=n.theme;return"inset 0px -4px 0px ".concat(e.colors.brand.main)})),H=D.ZP.div(p||(p=(0,E.Z)(["\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    height: 0;\n    width: 0;\n  }\n"]))),F=D.ZP.div(f||(f=(0,E.Z)(["\n  display: flex;\n"]))),G=(0,D.ZP)(I.Z)(h||(h=(0,E.Z)(["\n  display: block;\n  margin-left: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),$=(0,D.ZP)(G)(g||(g=(0,E.Z)(["\n  color: ",";\n"])),(function(n){var e=n.theme;return n.hasStrDeliveryDate?e.colors.success.main:e.colors.danger.main})),J=D.ZP.div(m||(m=(0,E.Z)(["\n  position: sticky;\n  right: 0;\n  background: ",";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  border-left: ",";\n  padding: ",";\n\n  "," {\n    border-left: unset;\n  }\n"])),(function(n){return n.theme.colors.black}),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent20)}),(function(n){var e=n.theme;return"0.75rem ".concat(e.spacing.spacing02)}),k.B.desktop),U=D.ZP.img(v||(v=(0,E.Z)(["\n  width: 4rem;\n  object-fit: contain;\n"]))),K=D.ZP.div(x||(x=(0,E.Z)(["\n  "," {\n    display: flex;\n    align-items: flex-start;\n    gap: ",";\n  }\n"])),k.B.desktop,(function(n){return n.theme.spacing.spacing03})),Y=(0,D.ZP)(L.z)(b||(b=(0,E.Z)(["\n  "," {\n    align-self: center;\n  }\n"])),k.B.desktop),W=t(64815),q=t(67023),Q=t(85893);const V=function(n){var e=n.options,t=n.product,i=n.fromScrollBar,o=n.addToCart,r=n.topPositionTabs,a=n.visible,c=void 0!==a&&a,s=n.notifyMe,l=n.disabledAddToCart,d=void 0!==l&&l,u=n.loadingAddToCart,p=void 0!==u&&u,f=n.addToCartBtnId,h=n.purchasable,g=(0,Z.$G)(),m=(0,y.Z)(g,1)[0],v=(0,D.Fg)(),x=(0,j.EB)(k.B.desktop),b=(0,C.F)(),E=(0,W.v)(),I=(0,w.useCallback)((function(){return E.publish({name:o,payload:{type:s?O.w.NOTIFY_ME:O.w.ADD_TO_CART,origin:"pdp-sticky"}})}),[E,s,o]),L=(0,w.useState)(),V=(0,y.Z)(L,2),X=V[0],nn=V[1],en=(0,w.useState)(!1),tn=(0,y.Z)(en,2),on=tn[0],rn=tn[1],an=(0,w.useRef)(null),cn=(0,w.useRef)(null),sn=(0,w.useRef)(null),ln=function(n){var e;return(null===(e=n.current)||void 0===e?void 0:e.getBoundingClientRect().height)||500},dn=(0,w.useMemo)((function(){var n=r&&r>ln(an)?r:ln(an);return b.isDesktop?n:ln(sn)+(r||0)}),[b,r]),un=(0,w.useCallback)((function(){var n=document.getElementById(i),t=Boolean(n&&n.getBoundingClientRect().top<=dn);rn(t),e.map((function(n){var e=document.getElementById(n.id);e&&e.getBoundingClientRect().top<=dn&&nn(n)}))}),[i,dn,rn,e]);(0,w.useEffect)((function(){return window.addEventListener("scroll",un),function(){return window.removeEventListener("scroll",un)}}),[dn,un]);return(0,Q.jsxs)(S,{showBar:on,ref:an,elementHeight:ln(cn),visible:c,children:[(0,Q.jsx)(_,{children:(0,Q.jsxs)(A,{showBar:!x||on,ref:cn,elementHeight:ln(cn),children:[x&&(0,Q.jsxs)(F,{children:[(0,Q.jsx)(U,{alt:t.image.alt,src:t.image.src,loading:"lazy"}),(0,Q.jsxs)("div",{children:[(0,Q.jsx)(G,{typo:"body2Regular",children:t.name}),(0,Q.jsx)($,{typo:"body2Bold",hasStrDeliveryDate:Boolean(t.shippingMessage),children:t.shippingMessage?m("productDetail.stickyBar.deliveryDateStr",{text:t.shippingMessage}):m("productDetail.stickyBar.noExactDeliveryDate")})]})]}),(0,Q.jsxs)(K,{children:[(0,Q.jsx)(q.Z,{priceBoxProps:t.priceBox,efficiencyData:t.efficiencyData}),h&&(0,Q.jsx)(Y,{id:f,fluid:!x,onClick:I,disabled:d||p,loading:p,big:!0,children:m(s?"productDetail.buyBox.notify.button":"productDetail.stickyBar.addButton")})]})]})}),(0,Q.jsx)(z,{showBar:on,ref:sn,elementHeight:ln(sn),topPosition:r||0,children:(0,Q.jsxs)(T,{children:[(0,Q.jsx)(H,{children:e.map((function(n){return(0,Q.jsxs)(M,{id:"".concat(n.id,"-button"),isSelected:(null===X||void 0===X?void 0:X.text)===n.text,onClick:function(){return e=n.id,t=document.getElementById(e),void window.scrollTo({behavior:"smooth",top:t&&t.getBoundingClientRect().top+window.scrollY-dn||0});var e,t},"data-wa-hit-type":"event","data-wa-event-category":"product detail page","data-wa-event-action":"tab","data-wa-event-label":n.id,"data-wa-event-value":"","data-wa-event-non-interaction":"false",children:[(0,Q.jsx)(N,{children:(0,Q.jsx)(P.J,{icon:n.icon})}),(0,Q.jsx)(R,{typo:"body1Regular",children:n.text}),n.badgeAmount&&(0,Q.jsx)(B.C,{bold:!0,bgColor:v.colors.danger.main,textColor:v.colors.white,children:n.badgeAmount})]},n.text)}))}),(0,Q.jsxs)(J,{onClick:function(){return window.scrollTo({behavior:"smooth",top:0})},children:[(0,Q.jsx)(N,{children:(0,Q.jsx)(P.J,{icon:"arrow_up"})}),x&&(0,Q.jsx)(R,{typo:"body1Regular",children:m("productDetail.stickyBar.goTop")})]})]})})]})}},88859:(n,e,t)=>{t.d(e,{Z:()=>M});var i,o,r,a,c,s,l,d,u,p,f,h,g,m=t(29439),v=(t(74916),t(23123),t(56977),t(30168)),x=(t(92222),t(51062)),b=t(30305),y=t(7730),w=t(71893),Z=w.ZP.div(i||(i=(0,v.Z)(["\n  display: flex;\n  flex-direction: column;\n\n  &.skeleton {\n    position: relative;\n    &::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 2px;\n      background: ",";\n      background-size: 200% 100%;\n      animation: loading 1.5s infinite;\n\n      @keyframes loading {\n        0% {\n          background-position: 200% 0;\n        }\n        100% {\n          background-position: -200% 0;\n        }\n      }\n    }\n  }\n"])),(function(n){var e=n.theme;return"linear-gradient(90deg, ".concat(e.colors.environment.percent05," 25%, ").concat(e.colors.environment.percent10," 50%, ").concat(e.colors.environment.percent05," 75%)")})),j=w.ZP.div(o||(o=(0,v.Z)(["\n  display: flex;\n  align-items: center;\n"]))),k=w.ZP.span(r||(r=(0,v.Z)(["\n  display: flex;\n  align-items: flex-start;\n  margin-right: ",";\n  color: ",";\n"])),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return n.highlighted?e.colors.danger.main:e.colors.black})),P=w.ZP.span(a||(a=(0,v.Z)(["\n  display: flex;\n  ",";\n"])),x.g.header.h1),B=w.ZP.span(c||(c=(0,v.Z)(["\n  ",";\n  margin-top: ",";\n  margin-left: ",";\n"])),x.g.header.h4,(function(n){return n.theme.spacing.spacing005}),(function(n){return n.theme.spacing.spacing005})),D=w.ZP.span(s||(s=(0,v.Z)(["\n  text-decoration: line-through;\n  margin-right: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),O=w.ZP.div(l||(l=(0,v.Z)(["\n  width: ",";\n  height: ",";\n  margin-left: ",";\n  svg {\n    fill: ",";\n    width: 100%;\n    height: 100%;\n  }\n  cursor: pointer;\n  "," {\n    ",";\n  }\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.colors.black}),b.B.tabletPortrait,(function(n){return n.showInlineActive&&(0,w.iv)(d||(d=(0,v.Z)(["\n        display: none;\n      "])))})),C=w.ZP.div(u||(u=(0,v.Z)(["\n  ",";\n  color: ",";\n  margin-bottom: 0;\n  "," {\n    margin-right: ",";\n  }\n"])),x.g.header.h2,(function(n){return n.theme.colors.environment.percent35}),b.B.desktop,(function(n){return n.theme.spacing.spacing02})),E=w.ZP.span(p||(p=(0,v.Z)(["\n  display: block;\n  overflow: hidden;\n  width: 0;\n  height: 0;\n"]))),I=(0,w.ZP)(y.Z)(f||(f=(0,v.Z)(["\n  color: ",";\n"])),(function(n){return n.theme.colors.danger.main})),L=w.ZP.div(h||(h=(0,v.Z)(["\n  display: flex;\n  flex-direction: column;\n"]))),S=(0,w.ZP)(y.Z)(g||(g=(0,v.Z)(["\n  font-size: 0.625rem;\n  line-height: 0.625rem;\n"]))),_=t(63742),A=t(77357),z=t(28225),T=t(67294),R=t(85893),N=function(n){var e=n.price,t=n.crossedOutPrice,i=n.topText,o=n.discountBadge,r=n.expirationDate,a=n.numberFormatLocale,c=void 0===a?{locale:"de-DE",currency:"EUR"}:a,s=n.notAvailable,l=n.handleClickInfo,d=n.showInfoIcon,u=n.displayPriceInLine,p=n.currentPriceIntegerId,f=n.currentPriceDecimalsId,h=n.originalPriceId,g=n.discountId,v=n.infoIcon,x=void 0===v?"interface_information":v,b=n.showSkeleton,w=void 0!==b&&b,T=(0,z.$G)(),N=(0,m.Z)(T,1)[0];if(s)return(0,R.jsx)(C,{children:N("priceBox.notAvailable")});var M=e.toFixed(2).split("."),H=(0,m.Z)(M,2),F=H[0],G=H[1],$=new Intl.NumberFormat(c.locale,{style:"currency",currency:c.currency}),J=t&&$.format(t.amount);return(0,R.jsxs)(Z,{className:w?"skeleton":"",children:[!!i&&(0,R.jsx)(I,{typo:"captionBold",children:i}),(0,R.jsxs)(j,{children:[(0,R.jsx)(k,{highlighted:!!J,children:(0,R.jsxs)(P,{id:p,children:[F,(0,R.jsxs)(B,{id:f,children:[(0,R.jsx)(E,{children:","}),G,"€"]})]})}),J&&(0,R.jsxs)(L,{children:[(0,R.jsx)(S,{typo:"captionRegular",children:null===t||void 0===t?void 0:t.text}),(0,R.jsx)(y.Z,{id:h,typo:"body2Regular",children:(0,R.jsx)(D,{children:J})})]}),(!!o||!!r)&&(0,R.jsx)("div",{id:g,children:(0,R.jsx)(A.Z,{discount:o,expirationDate:r})}),d&&(0,R.jsx)(O,{onClick:l,showInlineActive:u,"data-wa-hit-type":"event","data-wa-event-category":"product detail page","data-wa-event-action":"price history","data-wa-event-label":"price history","data-wa-event-value":"","data-wa-event-non-interaction":"false",children:(0,R.jsx)(_.J,{icon:x})})]})]})};const M=(0,T.memo)(N)},26770:(n,e,t)=>{t.d(e,{F:()=>a});var i=t(29439),o=(t(74916),t(15306),t(67294)),r=t(53397),a=function(){var n=(0,o.useState)({isMobile:!1,isTabletPortrait:!1,isTabletLandscape:!1,isDesktop:!1,isDesktopLarge:!1}),e=(0,i.Z)(n,2),t=e[0],a=e[1],c=function(){var n=+(getComputedStyle(document.documentElement).fontSize||"16px").replace("px",""),e=+r.n.light.layout.breakpoints.tabletPortrait.replace("em","")*n,t=+r.n.light.layout.breakpoints.tabletLandscape.replace("em","")*n,i=+r.n.light.layout.breakpoints.desktop.replace("em","")*n,o=+r.n.light.layout.breakpoints.desktopLarge.replace("em","")*n,c=document.documentElement.offsetWidth;a({isMobile:c<e,isTabletPortrait:c>=e&&c<t,isTabletLandscape:c>=t&&c<i,isDesktop:c>=i&&c<o,isDesktopLarge:c>=o})};return(0,o.useEffect)((function(){c(),window.addEventListener("resize",c)}),[]),t}},22981:(n,e,t)=>{t.d(e,{GS:()=>s,EB:()=>l});var i=t(90542),o=t(67294);var r=t(29715),a={media:"",matches:!1,onchange:r.Z,addListener:r.Z,removeListener:r.Z,addEventListener:r.Z,removeEventListener:r.Z,dispatchEvent:function(n){return!0}},c=function(n){return function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=(0,o.useState)(t),c=(0,i.Z)(r,2),s=c[0],l=c[1],d=function(n){return"string"===typeof n?n.replace(/@media\s/,""):Object.entries(n).map((function(n){var e=(0,i.Z)(n,2),t=e[0],o=e[1],r=t.replace(/[A-Z]/g,(function(n){return"-".concat(n.toLowerCase())})).toLowerCase(),a=o;return"boolean"===typeof a?a?r:"not ".concat(r):("number"===typeof a&&/[height|width]$/.test(r)&&(a="".concat(a,"px")),"(".concat(r,": ").concat(a,")"))})).join(" and ")}(e);return n((function(){var n=!0,e="undefined"===typeof window?a:window.matchMedia(d),t=function(){n&&l(Boolean(e.matches))};return e.addListener(t),l(e.matches),function(){n=!1,e.removeListener(t)}}),[d]),s}},s=c(o.useEffect),l=c("undefined"!==typeof window?o.useLayoutEffect:o.useEffect)}}]);
//# sourceMappingURL=StickyBar.js.map