"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[69876],{91155:(n,e,t)=>{t.r(e),t.d(e,{default:()=>en});var r=t(67294),i=t(63742);function a(n){return n.current}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 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,a=[],o=!0,c=!1;try{for(t=t.call(n);!(o=(r=t.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(n){c=!0,i=n}finally{try{o||null==t.return||t.return()}finally{if(c)throw i}}return a}}(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.")}()}function u(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 l(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,a=[],o=!0,c=!1;try{for(t=t.call(n);!(o=(r=t.next()).done)&&(a.push(r.value),!e||a.length!==e);o=!0);}catch(n){c=!0,i=n}finally{try{o||null==t.return||t.return()}finally{if(c)throw i}}return a}}(n,e)||function(n,e){if(!n)return;if("string"===typeof n)return u(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 u(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 s=function(n){var e=l(function(n){var e=(0,r.useRef)(n),t=c((0,r.useState)(n),2),i=t[0],a=t[1];return[i,function(n){a(n),e.current=n},e]}(0),3),t=e[0],i=e[1],o=e[2],u=l((0,r.useState)(!1),2),s=u[0],f=u[1],d=l((0,r.useState)(0),2),h=d[0],m=d[1],p=(0,r.useRef)(0),g=(0,r.useRef)(0),v=(0,r.useRef)(0),b=(0,r.useRef)(0),y=function(n){return"changedTouches"in n?n.changedTouches[0]:n},w=function(n){var e=y(n).clientX,t=a(b)-e,r=a(v)-t,o=a(g);r>0&&(r=0),r<o&&(r=o),i(r)},E=function(){var n=a(v),e=a(p),t=a(o),r=n-t;t=Math.abs(r)>40?r>0?Math.floor(t/e)*e:Math.ceil(t/e)*e:Math.round(t/e)*e,f(!1),i(t),m(Math.abs(t/e)),window.removeEventListener("touchend",E),window.removeEventListener("touchmove",w)};return{onTouchStart:function(e){f(!0),v.current=a(o),b.current=y(e).clientX;var t=a(n),r=t.offsetWidth;p.current=r,g.current=r-t.scrollWidth,window.addEventListener("touchmove",w),window.addEventListener("touchend",E)},indicatorOnClick:function(e){var t=a(n).offsetWidth;m(e),i(-t*e)},offsetX:t,isSwiping:s,currentIdx:h}},f=t(71893),d=t(30305),h=t(50693);function m(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function p(){var n=m(["\n  position: relative;\n  margin-bottom: ",";\n\n  "," {\n    margin-bottom: 0;\n  }\n"]);return p=function(){return n},n}function g(){var n=m(["\n  z-index: 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ",";\n  height: ",";\n"]);return g=function(){return n},n}function v(){var n=m(["\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n"]);return v=function(){return n},n}var b=f.ZP.div(p(),(function(n){return n.theme.spacing.spacing04}),d.B.desktop),y=(0,f.ZP)(h.z)(g(),(function(n){return n.theme.spacing.spacing06}),(function(n){return n.theme.spacing.spacing06})),w=f.ZP.img(v());function E(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function x(){var n=E(["\n  width: 100%;\n  overflow: hidden;\n  touch-action: pan-y;\n  .show-only-mobile {\n    "," {\n      display: none;\n    }\n  }\n  .hide-in-mobile {\n    display: none;\n    "," {\n      display: flex;\n    }\n  }\n"]);return x=function(){return n},n}function S(){var n=E(["\n  text-decoration: none;\n  &:focus {\n    box-shadow: none;\n  }\n  cursor: default;\n"]);return S=function(){return n},n}function k(){var n=E(["\n  display: flex;\n  flex-direction: row;\n  list-style: none;\n  ",";\n  ",";\n  margin-bottom: ",";\n  aspect-ratio: 1 / 1;\n\n  "," {\n    transition: none;\n  }\n"]);return k=function(){return n},n}function _(){var n=E(["\n  display: -webkit-box;\n  overflow: hidden;\n  list-style: none;\n  margin: ",";\n"]);return _=function(){return n},n}function j(){var n=E(["\n  user-select: none;\n  object-fit: cover;\n  width: 100%;\n  height: auto;\n"]);return j=function(){return n},n}function P(){var n=E(["\n  width: 100%;\n  flex-shrink: 0;\n  object-fit: cover;\n  margin-bottom: 0;\n"]);return P=function(){return n},n}function A(){var n=E(["\n  width: ",";\n  height: ",";\n  margin: ",";\n  border-radius: 50%;\n  background: ",";\n  border: ",";\n"]);return A=function(){return n},n}function Z(){var n=E(["\n  width: 64px;\n  height: 64px;\n  padding: ",";\n  border-radius: ",";\n  border: ",";\n  margin-right: ",";\n  margin-bottom: 0;\n"]);return Z=function(){return n},n}function O(){var n=E(["\n  display: flex;\n  justify-content: center;\n"]);return O=function(){return n},n}function L(){var n=E(["\n  background: ",";\n  padding: ",";\n  height: 64px;\n  width: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n\n  &:hover {\n    background: ",";\n  }\n  &:focus {\n    outline: none;\n    box-shadow: none;\n  }\n"]);return L=function(){return n},n}function C(){var n=E(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"]);return C=function(){return n},n}function I(){var n=E(["\n  width: ",";\n  height: ",";\n"]);return I=function(){return n},n}function z(){var n=E(["\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  top: 0;\n  right: 0;\n  list-style-type: none;\n  pointer-events: none;\n"]);return z=function(){return n},n}function M(){var n=E(["\n  width: ",";\n  height: ",";\n  margin-bottom: ",";\n  z-index: 2;\n  text-decoration: none;\n  &:focus {\n    box-shadow: none;\n  }\n"]);return M=function(){return n},n}var R=f.ZP.div(x(),d.B.tabletLandscape,d.B.tabletLandscape),T=f.ZP.a(S()),D=f.ZP.ul(k(),(function(n){var e=n.offsetX;return"transform: translate3d(".concat(e,"px, 0, 0)")}),(function(n){return!n.isSwiping&&"transition: transform 0.3s ease-out"}),(function(n){return n.theme.spacing.spacing01}),d.B.desktop),B=f.ZP.div(_(),(function(n){var e=n.theme;return"0 ".concat(e.spacing.spacing01)})),N=f.ZP.img(j()),W=f.ZP.li(P()),X=f.ZP.li(A(),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return"0 ".concat(e.spacing.spacing005)}),(function(n){var e=n.isSelected,t=n.theme;return e?t.colors.black:t.colors.white}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," solid ").concat(e.colors.black)})),U=f.ZP.li(Z(),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.isSelected,t=n.theme;return e?"".concat(t.spacing.spacing0025," solid ").concat(t.colors.black):"".concat(t.spacing.spacing0025," solid ").concat(t.colors.environment.percent20)}),(function(n){return n.theme.spacing.spacing02})),G=f.ZP.div(O()),H=f.ZP.button(L(),(function(n){return n.theme.colors.white}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing01," ").concat(e.spacing.spacing005)}),(function(n){return n.theme.colors.environment.percent05})),J=f.ZP.div(C()),K=(0,f.ZP)(i.J)(I(),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02})),$=f.ZP.ul(z()),q=f.ZP.li(M(),(function(n){return n.theme.spacing.spacing06}),(function(n){return n.theme.spacing.spacing06}),(function(n){return n.theme.spacing.spacing01})),F=t(27890),Q=t(67294);const V=function(n){var e=n.items,t=n.badges,i=n.containerId,a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,F.oN)({sliderRef:o,scrollSize:350}),u=c.buttonStatus,l=c.handleSlide,f=s(a),d=f.onTouchStart,h=f.indicatorOnClick,m=f.isSwiping,p=f.offsetX,g=f.currentIdx;return Q.createElement(R,{onTouchStart:d,id:i},Q.createElement(D,{ref:a,isSwiping:m,"data-testid":"swiper__main-image",offsetX:p},e.map((function(n,e){return Q.createElement(W,{key:"main-image-".concat(e),"data-wa-hit-type":"event","data-wa-event-category":"product detail page","data-wa-event-action":"product-image-selected","data-wa-event-label":"product-image-selected","data-wa-event-value":"","data-wa-event-non-interaction":"false"},Q.createElement(T,{href:n.cdn,onClick:function(n){return n.preventDefault()}},Q.createElement(N,{src:n.large,alt:n.alt,draggable:!1,loading:0!==e?"lazy":void 0})),t&&0===e&&Q.createElement($,null,t.map((function(n,e){return Q.createElement(q,{key:e,"data-testid":"badge-image"},Q.createElement(w,{alt:n.alt,src:n.path,loading:"lazy"}))}))))}))),Q.createElement(J,{"data-testid":"carousel",className:"hide-in-mobile"},u.prev&&Q.createElement(H,{onClick:function(){return l(F.G6.prev)}},Q.createElement(K,{icon:"chevron_left"})),Q.createElement(B,{ref:o},e.map((function(n,e){return Q.createElement(U,{key:"thumbnail-image-".concat(e),isSelected:g===e,onMouseEnter:function(){return h(e)},"data-testid":"thumbnail"},Q.createElement(w,{alt:n.alt,src:n.thumb,loading:"lazy",draggable:!1}))}))),u.next&&Q.createElement(H,{onClick:function(){return l(F.G6.next)}},Q.createElement(K,{icon:"chevron_right"}))),Q.createElement(G,{className:"show-only-mobile"},e.map((function(n,e){return Q.createElement(X,{key:"bullet-".concat(e),isSelected:g===e,"data-testid":"bullet"})}))))};var Y=t(13961),nn=t(67294);const en=function(n){var e=n.eventWishListName,t=n.onWishList,a=n.images,o=n.badges,c=n.addToWishListId,u=n.swiperContainerId,l=(0,Y.v)(),s=(0,r.useCallback)((function(){return l.publish({name:e})}),[l,e]);return nn.createElement(b,null,nn.createElement(y,{secondary:!0,id:c,onClick:s,"data-testid":"whish-list__icon","data-wa-hit-type":"event","data-wa-event-category":"product detail page","data-wa-event-action":"add to wishlist","data-wa-event-label":"","data-wa-event-value":"","data-wa-event-non-interaction":"false"},nn.createElement(i.J,{icon:t?"vote_heart_filled":"vote_heart"})),nn.createElement(V,{items:a,badges:o,containerId:u}))}}}]);
//# sourceMappingURL=Lightbox.js.map