"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[25535],{22981:(n,e,t)=>{t.d(e,{GS:()=>l,EB:()=>s});var r=t(90542),i=t(67294);function o(n){return"string"===typeof n?n.replace(/@media\s/,""):Object.entries(n).map((function(n){var e=(0,r.Z)(n,2),t=e[0],i=e[1],o=t.replace(/[A-Z]/g,(function(n){return"-".concat(n.toLowerCase())})).toLowerCase(),a=i;return"boolean"===typeof a?a?o:"not ".concat(o):("number"===typeof a&&/[height|width]$/.test(o)&&(a="".concat(a,"px")),"(".concat(o,": ").concat(a,")"))})).join(" and ")}var a=t(29715),c={media:"",matches:!1,onchange:a.Z,addListener:a.Z,removeListener:a.Z,addEventListener:a.Z,removeEventListener:a.Z,dispatchEvent:function(n){return!0}},u=function(n){return function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=(0,i.useState)(t),u=(0,r.Z)(a,2),l=u[0],s=u[1],f=o(e);return n((function(){var n=!0,e="undefined"===typeof window?c:window.matchMedia(f),t=function(){n&&s(Boolean(e.matches))};return e.addListener(t),s(e.matches),function(){n=!1,e.removeListener(t)}}),[f]),l}},l=u(i.useEffect),s=u("undefined"!==typeof window?i.useLayoutEffect:i.useEffect)},17362:(n,e,t)=>{t.d(e,{Z:()=>l});var r=t(67294),i=t(13961),o=t(81166),a=t(67294);function c(){return c=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},c.apply(this,arguments)}function u(n,e){if(null==n)return{};var t,r,i=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||(i[t]=n[t]);return i}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(r=0;r<o.length;r++)t=o[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(i[t]=n[t])}return i}const l=function(n){var e=n.infoEvent,t=u(n,["infoEvent"]),l=(0,i.v)(),s=(0,r.useCallback)((function(){return e&&l.publish({name:e})||!1}),[l,e]);return a.createElement(o.b,c({},t,{handleClickInfo:s,showInfoIcon:!!e}))}},9743:(n,e,t)=>{t.r(e),t.d(e,{default:()=>nn});var r=t(67294),i=t(28225),o=t(22981),a=t(30305),c=t(63742),u=t(85664),l=t(71893),s=t(17362),f=t(71178),d=t(8095),p=t(7730),m=t(50693);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function g(){var n=h(["\n      display: none;\n    "]);return g=function(){return n},n}function v(){var n=h(["\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"]);return v=function(){return n},n}function y(){var n=h(["\n  background: ",";\n  width: 100%;\n"]);return y=function(){return n},n}function b(){var n=h(["\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"]);return b=function(){return n},n}function w(){var n=h(["\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"]);return w=function(){return n},n}function x(){var n=h(["\n  display: flex;\n  justify-content: space-between;\n  max-width: ",";\n  width: 100%;\n  margin: 0 auto;\n"]);return x=function(){return n},n}function E(){var n=h(["\n  margin: ",";\n  color: ",";\n  width: max-content;\n"]);return E=function(){return n},n}function k(){var n=h(["\n  width: ",";\n  height: ",";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: ",";\n"]);return k=function(){return n},n}function B(){var n=h(["\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"]);return B=function(){return n},n}function P(){var n=h(["\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"]);return P=function(){return n},n}function Z(){var n=h(["\n  display: flex;\n"]);return Z=function(){return n},n}function I(){var n=h(["\n  display: block;\n  margin-left: ",";\n"]);return I=function(){return n},n}function A(){var n=h(["\n  color: ",";\n"]);return A=function(){return n},n}function O(){var n=h(["\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"]);return O=function(){return n},n}function S(){var n=h(["\n  width: 4rem;\n  object-fit: contain;\n"]);return S=function(){return n},n}function D(){var n=h(["\n  "," {\n    display: flex;\n    align-items: flex-start;\n    gap: ",";\n  }\n"]);return D=function(){return n},n}function j(){var n=h(["\n  "," {\n    align-self: center;\n  }\n"]);return j=function(){return n},n}var C=l.ZP.div(v(),(function(n){var e=n.showBar,t=n.theme;return e&&t.layout.zIndex.masked}),(function(n){return!n.visible&&(0,l.iv)(g())}),a.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})),L=l.ZP.div(y(),(function(n){return n.theme.colors.white})),_=l.ZP.div(b(),(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)"}),a.B.desktop),z=l.ZP.div(w(),(function(n){return n.theme.colors.black}),(function(n){var e=n.elementHeight,t=n.showBar,r=n.topPosition;return t?"".concat(r,"px"):"calc(-".concat(e,"px)")}),(function(n){return n.theme.layout.zIndex.masked}),a.B.desktop),T=l.ZP.div(x(),(function(n){return n.theme.layout.grid.width})),R=(0,l.ZP)(p.Z)(E(),(function(n){var e=n.theme;return"0 ".concat(e.spacing.spacing01)}),(function(n){return n.theme.colors.white})),M=l.ZP.div(k(),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.colors.white})),H=l.ZP.div(B(),(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}),a.B.desktop,(function(n){var e=n.theme;return"inset 0px -4px 0px ".concat(e.colors.brand.main)})),F=l.ZP.div(P()),U=l.ZP.div(Z()),$=(0,l.ZP)(p.Z)(I(),(function(n){return n.theme.spacing.spacing01})),J=(0,l.ZP)($)(A(),(function(n){var e=n.theme;return n.hasStrDeliveryDate?e.colors.success.main:e.colors.danger.main})),N=l.ZP.div(O(),(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)}),a.B.desktop),G=l.ZP.img(S()),K=l.ZP.div(D(),a.B.desktop,(function(n){return n.theme.spacing.spacing03})),Y=(0,l.ZP)(m.z)(j(),a.B.desktop),W=t(13961),q=t(67294);function Q(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function V(){return V=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},V.apply(this,arguments)}function X(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,i,o=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(o.push(r.value),!e||o.length!==e);a=!0);}catch(n){c=!0,i=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw i}}return o}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return Q(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Q(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const nn=function(n){var e=n.options,t=n.product,p=n.fromScrollBar,m=n.addToCart,h=n.topPositionTabs,g=n.visible,v=void 0!==g&&g,y=n.notifyMe,b=n.disabledAddToCart,w=void 0!==b&&b,x=n.addToCartBtnId,E=X((0,i.$G)(),1)[0],k=(0,l.Fg)(),B=(0,o.EB)(a.B.desktop),P=(0,d.F)(),Z=(0,W.v)(),I=(0,r.useCallback)((function(){return Z.publish({name:m,payload:{type:y?f.w.NOTIFY_ME:f.w.ADD_TO_CART}})}),[Z,y,m]),A=X((0,r.useState)(),2),O=A[0],S=A[1],D=X((0,r.useState)(!1),2),j=D[0],Q=D[1],nn=(0,r.useRef)(null),en=(0,r.useRef)(null),tn=(0,r.useRef)(null),rn=function(n){var e;return(null===(e=n.current)||void 0===e?void 0:e.getBoundingClientRect().height)||500},on=(0,r.useMemo)((function(){var n=h&&h>rn(nn)?h:rn(nn);return P.isDesktop?n:rn(tn)+(h||0)}),[P,h]),an=(0,r.useCallback)((function(){var n=document.getElementById(p),t=Boolean(n&&n.getBoundingClientRect().top<=on);Q(t),e.map((function(n){var e=document.getElementById(n.id);e&&e.getBoundingClientRect().top<=on&&S(n)}))}),[p,on,Q,e]);(0,r.useEffect)((function(){return window.addEventListener("scroll",an),function(){return window.removeEventListener("scroll",an)}}),[on,an]);return q.createElement(C,{showBar:j,ref:nn,elementHeight:rn(en),visible:v},q.createElement(L,null,q.createElement(_,{showBar:!B||j,ref:en,elementHeight:rn(en)},B&&q.createElement(U,null,q.createElement(G,{alt:t.image.alt,src:t.image.src,loading:"lazy"}),q.createElement("div",null,q.createElement($,{typo:"body2Regular"},t.name),q.createElement(J,{typo:"body2Bold",hasStrDeliveryDate:Boolean(t.shippingMessage)},t.shippingMessage?E("productDetail.stickyBar.deliveryDateStr",{text:t.shippingMessage}):E("productDetail.stickyBar.noExactDeliveryDate")))),q.createElement(K,null,q.createElement(s.Z,V({},t.priceBox,{displayPriceInLine:!B})),q.createElement(Y,{id:x,fluid:!B,onClick:I,disabled:w,big:!0},E(y?"productDetail.buyBox.notify.button":"productDetail.stickyBar.addButton"))))),q.createElement(z,{showBar:j,ref:tn,elementHeight:rn(tn),topPosition:h||0},q.createElement(T,null,q.createElement(F,null,e.map((function(n){return q.createElement(H,{id:"".concat(n.id,"-button"),key:n.text,isSelected:(null===O||void 0===O?void 0:O.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-on||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"},q.createElement(M,null,q.createElement(c.J,{icon:n.icon})),q.createElement(R,{typo:"body1Regular"},n.text),n.badgeAmount&&q.createElement(u.C,{bold:!0,bgColor:k.colors.danger.main,textColor:k.colors.white},n.badgeAmount))}))),q.createElement(N,{onClick:function(){return window.scrollTo({behavior:"smooth",top:0})}},q.createElement(M,null,q.createElement(c.J,{icon:"arrow_up"})),B&&q.createElement(R,{typo:"body1Regular"},E("productDetail.stickyBar.goTop"))))))}},81166:(n,e,t)=>{t.d(e,{b:()=>L});var r=t(30305),i=t(51062),o=t(71893);function a(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(){var n=a(["\n        width: 100%;\n        gap: ",";\n      "]);return c=function(){return n},n}function u(){var n=a(["\n  display: flex;\n  flex-direction: column-reverse;\n  "," {\n    ",";\n    flex-direction: ",";\n  }\n"]);return u=function(){return n},n}function l(){var n=a(["\n  display: flex;\n  align-items: center;\n"]);return l=function(){return n},n}function s(){var n=a(["\n  display: flex;\n  align-items: flex-start;\n  margin-right: ",";\n  color: ",";\n"]);return s=function(){return n},n}function f(){var n=a(["\n  ",";\n"]);return f=function(){return n},n}function d(){var n=a(["\n  ",";\n  margin-top: ",";\n  margin-left: ",";\n"]);return d=function(){return n},n}function p(){var n=a(["\n  text-decoration: line-through;\n  margin-right: ",";\n"]);return p=function(){return n},n}function m(){var n=a(["\n        display: none;\n      "]);return m=function(){return n},n}function h(){var n=a(["\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"]);return h=function(){return n},n}function g(){var n=a(["\n  display: none;\n  "," {\n    display: block;\n  }\n"]);return g=function(){return n},n}function v(){var n=a(["\n  ",";\n  color: ",";\n  margin-bottom: 0;\n  "," {\n    margin-right: ",";\n  }\n"]);return v=function(){return n},n}var y=o.ZP.div(u(),r.B.tabletPortrait,(function(n){return n.showInline&&(0,o.iv)(c(),(function(n){return n.theme.spacing.spacing01}))}),(function(n){return n.showInline?"row":"column-reverse"})),b=o.ZP.div(l()),w=o.ZP.span(s(),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return n.highlighted?e.colors.danger.main:e.colors.black})),x=o.ZP.span(f(),i.g.header.h1),E=o.ZP.span(d(),i.g.header.h4,(function(n){return n.theme.spacing.spacing005}),(function(n){return n.theme.spacing.spacing005})),k=o.ZP.span(p(),(function(n){return n.theme.spacing.spacing01})),B=o.ZP.div(h(),(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.environment.percent35}),r.B.tabletPortrait,(function(n){return n.showInlineActive&&(0,o.iv)(m())})),P=(0,o.ZP)(B)(g(),r.B.tabletPortrait),Z=o.ZP.div(v(),i.g.header.h2,(function(n){return n.theme.colors.environment.percent35}),r.B.desktop,(function(n){return n.theme.spacing.spacing02})),I=t(63742),A=t(7730),O=t(64960),S=t(28225),D=t(67294);function j(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function C(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,i,o=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(o.push(r.value),!e||o.length!==e);a=!0);}catch(n){c=!0,i=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw i}}return o}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return j(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return j(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var L=function(n){var e=n.price,t=n.crossedOutPrice,r=n.lowestIn30Days,i=n.discountBadge,o=n.expirationDate,a=n.numberFormatLocale,c=void 0===a?{locale:"de-DE",currency:"EUR"}:a,u=n.notAvailable,l=n.handleClickInfo,s=n.showInfoIcon,f=n.displayPriceInLine,d=n.currentPriceIntegerId,p=n.currentPriceDecimalsId,m=n.originalPriceId,h=n.discountId,g=C((0,S.$G)(),1)[0];if(u)return D.createElement(Z,null,g("priceBox.notAvailable"));var v=C(e.toFixed(2).split("."),2),j=v[0],L=v[1],_=new Intl.NumberFormat(c.locale,{style:"currency",currency:c.currency}),z=r&&_.format(r),T=t&&_.format(t.amount);return D.createElement(y,{showInline:f},D.createElement(b,null,D.createElement(w,{highlighted:Boolean(t)},D.createElement(x,{id:d},j),D.createElement(E,{id:p},L,"€")),!!i&&!!t&&D.createElement("div",{id:h},D.createElement(O.Z,{discount:i,expirationDate:o})),s&&D.createElement(B,{onClick:l,showInlineActive:f,"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"},D.createElement(I.J,{icon:"interface_information"}))),D.createElement(b,null,!!t&&D.createElement(A.Z,{id:m,typo:"body2Regular"},t.type," ",D.createElement(k,null,T)),!!r&&D.createElement(A.Z,{typo:"captionRegular"},"(",g("product.card.bestPrice")," ",z,")"),s&&f&&D.createElement(P,{onClick:l},D.createElement(I.J,{icon:"interface_information"}))))}},8095:(n,e,t)=>{t.d(e,{F:()=>c});var r=t(67294),i=t(53397);function o(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function a(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!==typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,i,o=[],a=!0,c=!1;try{for(t=t.call(n);!(a=(r=t.next()).done)&&(o.push(r.value),!e||o.length!==e);a=!0);}catch(n){c=!0,i=n}finally{try{a||null==t.return||t.return()}finally{if(c)throw i}}return o}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return o(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);"Object"===t&&n.constructor&&(t=n.constructor.name);if("Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return o(n,e)}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var c=function(){var n=a((0,r.useState)({isMobile:!1,isTabletPortrait:!1,isTabletLandscape:!1,isDesktop:!1,isDesktopLarge:!1}),2),e=n[0],t=n[1],o=function(){var n=+(getComputedStyle(document.documentElement).fontSize||"16px").replace("px",""),e=+i.n.light.layout.breakpoints.tabletPortrait.replace("em","")*n,r=+i.n.light.layout.breakpoints.tabletLandscape.replace("em","")*n,o=+i.n.light.layout.breakpoints.desktop.replace("em","")*n,a=+i.n.light.layout.breakpoints.desktopLarge.replace("em","")*n,c=document.documentElement.offsetWidth;t({isMobile:c<e,isTabletPortrait:c>=e&&c<r,isTabletLandscape:c>=r&&c<o,isDesktop:c>=o&&c<a,isDesktopLarge:c>=a})};return(0,r.useEffect)((function(){o(),window.addEventListener("resize",o)}),[]),e}}}]);
//# sourceMappingURL=StickyBar.js.map