https://www.kolo.ua/_next/static/chunks/5276.663123a3d52ef105.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5276],{16914:e=>{e.exports={button:"tooltip_button__rdEkV",tooltip:"tooltip_tooltip___q39X",grey:"tooltip_grey__tVOzr",black:"tooltip_black__XItna",right:"tooltip_right__8ONcb",bottom:"tooltip_bottom__h4h83",big:"tooltip_big__Na4SX"}},20969:e=>{e.exports={wrapper:"fade-image_wrapper__ECi4Q",newImg:"fade-image_newImg__R3MOx",visible:"fade-image_visible__Fn54r"}},35276:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ProductSlider:()=>J});var o=r(81494),i=r(67867),n=r(11470),l=r(80542),s=r(2367),a=r(95155),c=r(12115),u=r(70189),d=r(12844),f=r(44287),v=r(68970),p=r.n(v),_=r(75462),h=r(98569),m=r(33723),b=r(69187),g=r(67296),x=r(45983),w=r(62249),j=r(93192);function y(e){var t=e.title,r=e.subtitle,o=(e.emphasize,e.colorVariant),i=e.link,n=(0,w.al)(),l="white"===o&&!n&&(null==i?void 0:i.showArrow);return(0,a.jsxs)(_.m,{maxContentWidth:"78rem",className:p().slideTile,children:[(t||r)&&(0,a.jsx)(h.f,{children:(0,a.jsx)(m.f,{className:p()[o],children:(0,a.jsx)(x.Headline,{title:t,subtitle:r,tag:b.X.h2,variant:b.X.h1,titlePreviewId:"#st_title",subtitlePreviewId:"#st_subtitle"})})}),i&&(0,a.jsx)(h.f,{children:(0,a.jsx)(m.f,{className:(0,j.B)(p()[o],p().link),children:(0,a.jsx)(g.CmsLink,{link:i,standardFontSize:!1,alignByContent:!i.showArrow&&"left",stylingType:l?"inverted":"secondary"})})})]})}var C=r(63849),O=r(46027),k=r(68869);function H(e){var t,r,o,s=e.areas,u=e.activeHotspot,d=e.setActiveHotspot,f=e.lastHotspot,v=e.imageIndex,p=e.direction,_=(e.isProductSlider,e.colorScheme),h=(0,c.useContext)(k.A),m=h.hotspotOpen,b=h.setHotspotOpen,g=h.onButtonClick,x=h.setLastHotspot,w=h.tooltip,j=h.setTooltip,y=(0,l._)((0,c.useState)(w),2),H=y[0],A=y[1];return(0,c.useEffect)(function(){w&&A(w)},[w]),(0,c.useEffect)(function(){m&&A(void 0)},[m]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(O.A,{areas:s,colorScheme:_,activeHotspot:u,setActiveHotspot:d,lastHotspot:f,setLastHotspot:x,hotspotOpen:m,setHotspotOpen:b,setTooltip:j,onClick:g,direction:p,imageIndex:v}),(0,a.jsx)(C.A,{tooltip:null!=(t=null==H?void 0:H.tooltip)?t:"",top:null!=(r=null==H?void 0:H.position.top)?r:"",left:null!=(o=null==H?void 0:H.position.left)?o:"",onClick:function(e){if(H){var t,r=s.find(function(e){return e.tooltip===H.tooltip}),o=50>=parseFloat(null!=(t=H.position.left.split("%")[0])?t:"0")?"right":"left";d&&d((0,n._)((0,i._)({},r),{overlayPosition:o,imageIndex:v})),x((0,n._)((0,i._)({},r),{overlayPosition:o,imageIndex:v})),g(e,p),b(!0),A(void 0)}},visible:!!w,onLeave:function(){A(void 0)},setCurrentTooltip:A,color:"grey"})]})}var A=r(39487),I=r(60663),B=r(20969),L=r.n(B);let N=function(e){var t=e.src,r=e.alt,o=(0,c.useRef)(0),s=(0,l._)((0,c.useState)([]),2),u=s[0],d=s[1];return(0,c.useEffect)(function(){o.current+=1,d((0,A._)(u).concat([{count:o.current,state:"added",src:t}]))},[t]),(0,c.useEffect)(function(){var e=[],t=(0,A._)(u).filter(function(e){return"removed"!==e.state});return t.forEach(function(r,o){if("added"!==r.state)return setTimeout(function(){t[o]=(0,n._)((0,i._)({},r),{state:"removed"})},500),!0;t[o]=(0,n._)((0,i._)({},r),{state:"processed"});var l=setTimeout(function(){return d(t)},100);return e.push(l),!1}),function(){var t=!0,r=!1,o=void 0;try{for(var i,n=e[Symbol.iterator]();!(t=(i=n.next()).done);t=!0){var l=i.value;clearTimeout(l)}}catch(e){r=!0,o=e}finally{try{t||null==n.return||n.return()}finally{if(r)throw o}}}},[u]),(0,a.jsx)("div",{className:L().wrapper,children:u.map(function(e){return(0,a.jsx)(I._,{className:(0,j.B)(L().newImg,"added"!==e.state&&L().visible),src:e.src||"data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",alt:r,fill:!0,title:r},"".concat(e.src,"-").concat(e.count))})})};var E=r(92254);function S(e){var t,r,o=e.title,i=e.subtitle,n=e.emphasize,l=e.colorVariant,s=e.imageObjectMobile,u=e.imageObject,d=e.link,f=e.colorScheme,v=e.hotspots,_=e.lastHotspot,h=e.isBehind,m=void 0!==h&&h,b=(0,w.al)(),g=(0,c.useContext)(k.A),x=g.hotspotOpen,C=g.sliderContainerWidth,O=+!m,A=b&&s.url?s:u;return x&&_&&O===_.imageIndex&&(t=b&&(null==_||null==(r=_.pictureObjectMobile)?void 0:r.url)?null==_?void 0:_.pictureObjectMobile:null==_?void 0:_.pictureObject),(0,a.jsxs)("div",{className:(0,j.B)(p().imageSlide,m&&"".concat(p().absolute," absolute")),children:[!m&&(0,a.jsxs)(I._,{data:A,aspectRatio:"16_9",children:[(0,a.jsx)(N,{src:(null==t?void 0:t.url)||A.url,alt:null==t?void 0:t.pictureAlt}),!(0,E.Im)(v)&&!b&&(0,a.jsx)(H,{areas:v,colorScheme:f,lastHotspot:_,imageIndex:O,direction:m?"right":"left",isProductSlider:!0})]}),(0,a.jsxs)("div",{className:(0,j.B)(!m&&p().infront,p().absoluteRow),style:C>0?{width:"".concat(C,"px")}

1:void 0,children:[m&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(N,{src:(null==t?void 0:t.url)||A.url,alt:null==t?void 0:t.pictureAlt}),!(0,E.Im)(v)&&!b&&(0,a.jsx)(H,{areas:v,colorScheme:f,lastHotspot:_,imageIndex:O,direction:m?"right":"left",isProductSlider:!0})]}),!b&&(0,a.jsx)("div",{className:(0,j.B)(!m&&p().infront,p().absolute),children:(0,a.jsx)(y,{title:o,link:d,emphasize:n,colorVariant:l,subtitle:i})})]})]})}var R=r(4989);function T(){var e=(0,c.useContext)(k.A),t=e.slideHandlerRef,r=e.slidePercentage,o=e.onButtonClick,l=e.onButtonDrag,s=(0,R.PR)(),u=(0,c.useCallback)(function(e){switch(e.key){case"ArrowLeft":o(e,"left");return;case"ArrowRight":o(e,"right");return}},[o]),d=(0,c.useCallback)(function(e){if(u(e),"Enter"===e.key||" "===e.key){var t=e.currentTarget;t.dataset.direction&&o(e,t.dataset.direction)}},[o]),v={onMouseUp:o,onTouchStart:l,onMouseDown:l};return(0,a.jsx)("div",{className:p().slideHandler,children:(0,a.jsxs)("div",{className:p().slideHandlerButtonWrapper,ref:t,children:[(0,a.jsx)(f.$,(0,n._)((0,i._)({isIcon:!0,symbol:"chevron_left"},v),{tabIndex:0,"data-direction":"left",onKeyDown:d,"aria-label":s("arialabel_beforeafterleftbutton")})),(0,a.jsx)("span",{role:"slider","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.trunc(r),"aria-valuetext":s("arialabel_beforeafterdividerposition",!0,{amount:"".concat(Math.trunc(r),"%")}),className:p().divider,onMouseDown:l,onTouchStart:l,onKeyDown:u,tabIndex:0}),(0,a.jsx)(f.$,(0,n._)((0,i._)({isIcon:!0,symbol:"chevron_right"},v),{className:"right",tabIndex:0,"data-direction":"right",onKeyDown:d,"aria-label":s("arialabel_beforeafterrightbutton")}))]})})}var P=r(88672),M=r(36462),W=r.n(M),z=r(74145);function D(e){var t=e.title,r=e.subtitle,o=e.text,s=(e.emphasize,e.onCloseClick),u=e.pictureObject,d=e.pictureObjectMobile,v=e.sliderContainerRef,p=e.overlayPosition,_=e.className,h=e.isFixedOverlay,m=(0,w.al)(),g=(0,l._)((0,c.useState)(0),2),y=g[0],C=g[1],O=(0,z.G)(m,d,u),H=(0,c.useContext)(k.A),A=H.fixedOverlayOpen,B=H.hotspotOpen,L=H.slideHandlerRef,N=H.hotspotOverlayRef,E=void 0!==h&&h&&A||B;return(0,c.useEffect)(function(){var e=function(e){if(!((null==N?void 0:N.current)===e.target||(null==N||null==(t=N.current)?void 0:t.contains(e.target))||"circle"===e.target.tagName)){var t,r;s(!((null==L?void 0:L.current)===e.target||(null==L||null==(r=L.current)?void 0:r.contains(e.target))))}};if(E&&window.addEventListener("click",e),"left"===p&&v&&!m){var t,r,o=null==(r=v.current)||null==(t=r.querySelector("h2"))?void 0:t.getBoundingClientRect().height;C(o?o+30+80:80)}else C(0);return function(){window.removeEventListener("click",e)}},[E,p]),(0,a.jsxs)("div",(0,n._)((0,i._)({className:(0,j.B)(W().overlay,!E&&W().closed,p&&W()[p],_),ref:N},y?{style:{top:y}}:{}),{children:[(0,a.jsxs)("div",{className:W().contentWrapper,children:[(0,a.jsx)(f.$,{stylingType:"flat",isIcon:!0,symbol:"Close",onClick:function(){return s()},className:W().closeButton}),(0,a.jsx)("div",{children:(0,a.jsx)(x.Headline,{title:t,subtitle:r,tag:b.X.h3})}),o&&(0,a.jsx)(P.g,{as:"div",content:o})]}),O&&(0,a.jsx)(I._,{data:O,lazy:!1})]}))}var F=r(5742);let V=(0,c.forwardRef)(function(e,t){var r=e.behind,o=e.infront,l=e.overlay,s=e.contentIndex,c=e.colorVariant,u=e.titleInAnchor,v=e.setFixedOverlayOpen,_=e.closeActiveHotspotOverlay,h=e.lastHotspot,m=(0,d._)(e,["behind","infront","overlay","contentIndex","colorVariant","titleInAnchor","setFixedOverlayOpen","closeActiveHotspotOverlay","lastHotspot"]),b=m.title,g=m.link,x=m.emphasize,C=m.subtitle,O=l.title||l.subtitle||l.text,k=(0,F._)(b,"",u,s),H=(0,w.al)();return(0,a.jsxs)("div",{className:(0,j.B)(p().productSlider,p()[c]),id:k,children:[O&&(0,a.jsx)(D,{title:l.title,subtitle:l.subtitle,emphasize:l.emphasize,text:l.text,onCloseClick:function(){return v(!1)},isFixedOverlay:!0}),!H&&h&&(0,a.jsx)(D,{title:h.description.headline,subtitle:h.description.subline,text:h.description.text,emphasize:"title",onCloseClick:_,overlayPosition:h.overlayPosition,sliderContainerRef:t,className:p().overlay,pictureObject:h.description.pictureObject,pictureObjectMobile:h.description.pictureObjectMobile}),H&&(0,a.jsx)(y,{title:b,link:g,emphasize:x,colorVariant:c,subtitle:C}),(0,a.jsxs)("div",{className:p().relative,ref:t,children:[(0,a.jsx)(S,

1(0,n._)((0,i._)({},m,r),{lastHotspot:h,colorScheme:r.colorVariant,colorVariant:c,isBehind:!0})),(0,a.jsx)(S,(0,n._)((0,i._)({},m,o),{lastHotspot:h,colorScheme:o.colorVariant,colorVariant:c})),O&&(0,a.jsx)(f.$,{isIcon:!0,rounded:!0,size:"tiny",stylingType:"iconHighlight",symbol:"warning_info",onClick:function(){return v(!0)},className:p().buttonInfo}),(0,a.jsx)(T,{})]})]})});var X=r(1780),q=r(45039),K=r.n(q),$=r(33849),Y=r(75224);function Q(e){var t=(0,w.al)(),r=(0,c.useContext)(k.A).sliderContainerWidth,o=e.imageObject,l=e.imageObjectMobile,s=e.isBehind,u=void 0!==s&&s,d=e.showLabel,f=e.labelBgColor,v=e.showLargeImageFormat,p=e.alt,_=t&&l.url?l:o;return(0,a.jsxs)("div",{className:(0,j.B)(K().imageSlide,u&&"".concat(K().absolute," absolute")),children:[!u&&(0,a.jsxs)(I._,{data:(0,n._)((0,i._)({},_),{aspectRatio:void 0}),alt:p,title:p,className:v?K().largeImage:K().smallImage,children:[(0,a.jsx)(N,{src:_.url,alt:p}),d&&(0,a.jsx)("div",{className:(0,j.B)(K().label,K().after,K()[f]),children:(0,a.jsx)($.Translation,{id:"label_after"})})]}),(0,a.jsx)("div",{className:(0,j.B)(!u&&K().infront,K().absoluteRow),style:r>0?{width:"".concat(r,"px")}:void 0,children:u&&(0,a.jsxs)("div",{children:[(0,a.jsx)(N,{src:_.url,alt:p}),d&&(0,a.jsx)("div",{className:(0,j.B)(K().label,K().before,K()[f]),children:(0,a.jsx)($.Translation,{id:"label_before"})})]})})]})}var Z=(0,c.forwardRef)(function(e,t){var r=e.title,o=e.imageAfterObject,l=e.imageAfterObjectMobile,s=e.imageBeforeObject,c=e.imageBeforeObjectMobile,u=e.showLabel,d=e.afterLabelColor,f=e.beforeLabelColor,v=e.subtitle,p=e.content,h=e.showLargeImageFormat,m=e.pictureAfterAlt,g=e.pictureBeforeAlt,w=e.isxMark,y=e.lineColoring,C=e.anchor,O=e.titleInAnchor,k=e.contentIndex,H=e.backgroundColor,A=(0,F._)(r,C,O,k),I=(0,Y.b)({bgColor:H});return(0,a.jsxs)("section",(0,n._)((0,i._)({className:(0,j.B)(K().productSlider,K().sliderContainer),id:A},I),{children:[(0,a.jsx)(_.m,{children:(0,a.jsx)(x.Headline,{title:r,subtitle:v,text:p,tag:b.X.h2,textClassName:K().text,titleClassName:K().title,titlePreviewId:"#st_title",subtitlePreviewId:"#st_subtitle",textPreviewId:"#st_text",hasActiveCheckmark:!!w,enableTableColoredLines:"colored-line"===y,trackPageSection:"before-after-slider"})}),(0,a.jsx)(_.m,{children:(0,a.jsxs)("div",{className:(0,j.B)(K().relative,h?K().largeImage:K().smallImage),ref:t,children:[(0,a.jsx)(Q,{imageObject:o,imageObjectMobile:l,showLabel:u,labelBgColor:d,showLargeImageFormat:h,alt:m}),(0,a.jsx)(Q,{imageObject:s,imageObjectMobile:c,showLabel:u,labelBgColor:f,showLargeImageFormat:h,alt:g,isBehind:!0}),(0,a.jsx)(T,{})]})})]}))}),G=r(64543),U="45px";function J(e){var t=(0,l._)((0,c.useState)(),2),r=t[0],d=t[1],f=(0,X.d)(),v=(0,l._)((0,c.useState)(!1),2),p=v[0],_=v[1],h=(0,l._)((0,c.useState)(0),2),m=h[0],b=h[1],g=(0,l._)((0,c.useState)(0),2),x=g[0],j=g[1],y=(0,c.useRef)(null),C=(0,c.useRef)(void 0),O=(0,c.useRef)(null),H=(0,c.useRef)(void 0),A=(0,c.useRef)(void 0),I=(0,c.useRef)(null),B=(0,c.useRef)(!1),L=(0,c.useRef)(40),N=(0,l._)((0,c.useState)(),2),E=N[0],S=N[1],R=(0,l._)((0,c.useState)(!1),2),T=R[0],P=R[1],M=(0,w.al)(),W=(0,G.$)().trackGenericClick,z=function(e){e.target.closest("button")||(clearTimeout(H.current),B.current=!1)};(0,c.useEffect)(function(){var e=function(e){if(B.current){var t,r,o,i,n,l=null!=(i=e.pageX)?i:null==(r=e.touches)||null==(t=r[0])?void 0:t.pageX;if("number"==typeof l){var s=null!=(n=L.current)?n:40,a=null==(o=y.current)?void 0:o.getBoundingClientRect();if(a){var c=l-a.left-s;c<0&&(c=0),c>x&&(c=x);var u=c/x*100;u<=100&&u>=0&&(Y("".concat(u,"%")),b(u))}}}},t=y.current;return t?(t.addEventListener("touchmove",e),t.addEventListener("mousemove",e),t.addEventListener("mouseup",z),t.addEventListener("touchend",z),function(){t.removeEventListener("touchmove",e),t.removeEventListener("mousemove",e),t.removeEventListener("mouseup",z),t.removeEventListener("touchend",z),H.current&&clearTimeout(H.current)}):function(){}},[x]);var D=(0,c.useCallback)(function(){return(0,o._)(function(){var e,t;return(0,s.YH)(this,function(r){switch(r.label){case 0:return(t=null==(e=y.current)?void 0:e.querySelector(".absolute"))&&(t.style.transition="2s ease",I.current&&(I.current.style.transition="2s ease")),[4,new Promise(function(e){return setTimeout(e,100)})];case 1:return r.sent(),[2]}})})()},[]),F=function(){var e,t=null==(e=y.current)?void 0:e.querySelector(".absolute");t&&(t.style.transition="initial",I.current&&(I.current.style.transition="initial"))},q=function(){return(0,o._)(function(){return(0,s.YH)(this,function(e){switch(e.label){case 0:return clearTimeout(A.current),[4,D()];case 1:return e.sent(),clearTimeout(A.current),A.current=setTimeout(F,1500),[2]}})})()};(0,c.useEffect)(function(){var e=y.current;if(e){var t=function(){(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!e)return!1;var r=e.getBoundingClientRect(),o=r.height,i=r.top;return i+o+t>=0&&i-t<=window.innerHeight})(e,0-e.offsetHeight/3)&&(window.removeEventListener("scroll",t),window.removeEventListener("resize",t),r(),M||_(!0))},r=function(){D(),setTimeout(function(){Y("80%"),b(80),$(),setTimeout(function(){Y("calc(50% - ".concat(U,")")),b(50),$(),setTimeout(F,3e3)},3e3)},300)};return window.addEventListener("scroll",t),window.addEventListener("resize",t),t(),function(){window.removeEventListener("scroll",t),window.removeEventListener("resize",t)}}return function(){}},[M,y,D]);var K=function(){var e,t;j(null!=(t=null==(e=y.current)?void 0:e.offsetWidth)?t:0)};(0,c.useEffect)(function(){if(y.current){K();var e=new(window.ResizeObserver||u.tb)(K);return e.observe(y.current),function(){e.disconnect()}}return function(){}},[y]),(0,c.useEffect)(function(){T&&p&&_(!1)},[T]),(0,c.useEffect)(function(){T&&p&&P(!1)},[p]);var $=function(){var e;C.current=null==(e=I.current)?void 0:e.style.left},Y=function(e){I.current&&(I.current.style.left=e);var t,r=null==(t=y.current)?void 0:t.querySelector(".absolute");r&&(r.style.width="calc(".concat(e," + ").concat(U,")"))};return(0,a.jsx)(k.$,{slidePercentage:m,fixedOverlayOpen:p,hotspotOpen:T,setHotspotOpen:P,sliderContainerWidth:x,slideHandlerRef:I,onButtonClick:function(e,t){return(0,o._)(function(){var r;return(0,s.YH)(this,function(o){switch(o.label){case 0:if(W({page_section:"before-after-slider",interaction_type:"move-slider"}),r="string"==typeof(null==e?void 0:e.currentTarget.className)&&e.currentTarget.className.includes("right")||"right"===t,t?T||$():C.current=void 0,B.current)return[3,2];return[4,q()];case 1:o.sent(),r?(Y("calc(100% - ".concat(U,")")),b(100)):(Y("-".concat(U)),b(0)),o.label=2;case 2:return clearTimeout(H.current),B.current=!1,[2]}})})()},onButtonDrag:function(e){e.preventDefault();var t,r,o,i=e.nativeEvent,n=null!=(o=null==i?void 0:i.pageX)?o:null==i||null==(r=i.touches)||null==(t=r[0])?void 0:t.pageX,l=e.currentTarget;if(n&&l){var s=l.getBoundingClientRect();L.current=Math.min(Math.max(n-s.left,0),s.width||40)||40}else L.current=40;H.current=setTimeout(function(){B.current=!0},150)},hotspotOverlayRef:O,setLastHotspot:S,tooltip:r,setTooltip:d,children:f?(0,a.jsx)(V,(0,i._)({setFixedOverlayOpen:_,closeActiveHotspotOverlay:function(){var e=!(arguments.length>0)||void 0===arguments[0]||arguments[0];return(0,o._)(function(){return(0,s.YH)(this,function(t){switch(t.label){case 0:if(!e)return[3,2];return[4,q()];case 1:t.sent(),b(parseInt(C.current||"0")),Y(C.current||0),t.label=2;case 2:return P(!1),d(void 0),[2]}})})()},lastHotspot:E,ref:y},e)):(0,a.jsx)(Z,(0,n._)((0,i._)({},e),{ref:y}))})}},36462:e=>{e.exports={overlay:"overlay_overlay__xwzDQ",left:"overlay_left__ZuFCD",contentWrapper:"overlay_contentWrapper__UshZf",closed:"overlay_closed__jyDvW",closeButton:"overlay_closeButton__CH_WA"}},45039:e=>{e.exports={sliderContainer:"before-after-slider-view_sliderContainer__vn7as",text:"before-after-slider-view_text__XpmVN",title:"before-after-slider-view_title__MqXqD",label:"before-after-slider-view_label___xQT_",black:"before-after-slider-view_black__cti8J",white:"before-after-slider-view_white__LZ0nK",before:"before-after-slider-view_before__dWEUC",after:"before-after-slider-view_after__Lckde",absoluteRow:"before-after-slider-view_absoluteRow___PpAw",absolute:"before-after-slider-view_absolute__fT6Qd",infront:"before-after-slider-view_infront__OJHNT",relative:"before-after-slider-view_relative__Bj4mF",largeImage:"before-after-slider-view_largeImage__RvKYM",smallImage:"before-after-slider-view_smallImage__zXeCC",imageSlide:"before-after-slider-view_imageSlide__IEVgC"}},46027:(e,t,r)=>{"use strict";r.d(t,{A:()=>h});var o=r(67867),i=r(11470),n=r(95155),l=r(12115),s=r(10685),a=r.n(s),c=r(15168),u=r.n(c),d=r(23426),f=r(67247),v=r.n(f),p=r(93192),_=r(68869);function h(e){var t,r=e.areas,s=e.colorScheme,c=e.isWorldMap,f=e.activeHotspot,h=e.setActiveHotspot,m=e.lastHotspot,b=e.setLastHotspot,g=e.hotspotOpen,x=e.setHotspotOpen,w=e.setTooltip,j=e.onClick,y=e.direction,C=e.imageIndex,O=void 0===C?0:C,k=(0,d.DP)(),H=(0,l.useContext)(_.A).slidePercentage,A={dark:k.colors.black,black:k.colors.black,light:k.colors.white,white:k.colors.white,active:k.colors.primaryLight},I="".concat(null!=(t=A[s])?t:"#000000","33");return(0,n.jsx)("svg",{className:v().hotspots,children:r.map(function(e){var t=c?u()(e,f):g&&u()(e.position,null==m?void 0:m.position),r=parseFloat(e.position.left.split("%")[0]),l=0===O||void 0!==H&&H<r,d=r<=50?"right":"left";return(0,n.jsxs)("g",(0,i._)((0,o._)({className:(0,p.B)(l?"":v().isHidden,t?v().active:void 0,t&&c?v().hideCompletly:""),cx:e.position.left,cy:e.position.top,r:t?10:5,stroke:I,strokeWidth:t?28:20,fill:A[s]||k.colors.black,onClick:function(t){j&&j(t,y),c?null==h||h(e):h&&h((0,i._)((0,o._)({},e),{overlayPosition:d,imageIndex:O})),b&&b((0,i._)((0,o._)({},e),{overlayPosition:d,imageIndex:O})),x&&x(!0),w&&w()}},e.tooltip&&w?{onMouseOver:function(){return w(e)}}:{},e.tooltip&&w?{onMouseLeave:function(){return w()}}:{}),{children:[(0,n.jsx)("circle",{className:v().corona,cx:e.position.left,cy:e.position.top,r:7,fill:I,stroke:I}),(0,n.jsx)("circle",{className:v().dot,cx:e.position.left,cy:e.position.top,r:7,fill:A[s]||k.colors.black})]}),a()(e))})})}},63849:(e,t,r)=>{"use strict";r.d(t,{A:()=>d});var o=r(80542),i=r(95155),n=r(12115),l=r(44287),s=r(16914),a=r.n(s),c=r(93192),u=r(92348);function d(e){var t=e.tooltip,r=e.top,s=e.left,d=e.defaultPosition,f=void 0===d?"right":d,v=e.size,p=void 0===v?"small":v,_=e.color,h=e.onClick,m=e.visible,b

1=e.onLeave,g=e.setCurrentTooltip,x=(0,n.useRef)(null),w=(0,o._)((0,n.useState)(""),2),j=w[0],y=w[1],C="right"===f?"- 15":"+ 20",O=(0,o._)((0,n.useState)(null),2),k=O[0],H=O[1];return((0,n.useEffect)(function(){var e=function(e){(null==k?void 0:k.contains(e.target))||"circle"===e.target.tagName||null==g||g()};return k&&g&&window.addEventListener("mousemove",e),function(){window.removeEventListener("mousemove",e)}},[g,k]),(0,n.useEffect)(function(){"bottom"===f&&(null==x?void 0:x.current)?"big"===p?y("calc(".concat(s," - ").concat((x.current.offsetWidth+70)/2,"px)")):y("calc(".concat(s," - ").concat((x.current.offsetWidth+16)/2,"px)")):(null==x?void 0:x.current)&&y("calc(".concat(s," + 12px"))},[f,s,p,t]),void 0===m||m||t)?(0,i.jsx)(i.Fragment,{children:h?(0,i.jsx)("div",{ref:function(e){H(e)},children:(0,i.jsx)(l.$,{className:(0,c.B)(a().tooltip,a().button,a()[f],a()[p],a()[_]),style:{top:"calc(".concat(r," ").concat(C,"px)"),left:j},onClick:h,onMouseLeave:b,children:(0,i.jsx)("span",{ref:x,children:(0,u.j)(t)})})}):(0,i.jsx)("div",{className:(0,c.B)(a().tooltip,a()[f],a()[p],a()[_]),style:{top:"calc(".concat(r," ").concat(C,"px)"),left:j},ref:function(e){H(e)},children:(0,i.jsx)("span",{ref:x,children:(0,u.j)(t)})})}):null}},67247:e=>{e.exports={hotspots:"hotspot_hotspots__C53K0",isHidden:"hotspot_isHidden__76NO3",hideCompletly:"hotspot_hideCompletly__d2X_c",active:"hotspot_active__MkKqc",dot:"hotspot_dot__cYeLD",corona:"hotspot_corona__3Buf_","hotspot-pulse":"hotspot_hotspot-pulse__frAHF",imageWrapper:"hotspot_imageWrapper__P_NXq",portrait:"hotspot_portrait__L5nJw",wide:"hotspot_wide__Oqc_E"}},68869:(e,t,r)=>{"use strict";r.d(t,{$:()=>l,A:()=>n});var o=r(95155),i=r(12115),n=(0,i.createContext)({});function l(e){var t=e.children,r=e.slidePercentage,l=e.fixedOverlayOpen,s=e.hotspotOpen,a=e.setHotspotOpen,c=e.sliderContainerWidth,u=e.slideHandlerRef,d=e.onButtonClick,f=e.onButtonDrag,v=e.hotspotOverlayRef,p=e.setLastHotspot,_=e.tooltip,h=e.setTooltip,m=(0,i.useMemo)(function(){return{slidePercentage:r,fixedOverlayOpen:l,hotspotOpen:s,setHotspotOpen:a,sliderContainerWidth:c,slideHandlerRef:u,onButtonClick:d,onButtonDrag:f,hotspotOverlayRef:v,setLastHotspot:p,tooltip:_,setTooltip:h}},[r,l,s,a,c,u,d,f,v,p,_,h]);return(0,o.jsx)(n.Provider,{value:m,children:t})}},68970:e=>{e.exports={productSlider:"product-slider_productSlider__l6uI1",white:"product-slider_white__jtHU7",grey:"product-slider_grey__nl21G",overlay:"product-slider_overlay__kf5As",buttonInfo:"product-slider_buttonInfo__gVeZZ",absoluteRow:"product-slider_absoluteRow__jjl6H",absolute:"product-slider_absolute__32ZpW",infront:"product-slider_infront__zCLBe",relative:"product-slider_relative__aDuB7",imageSlide:"product-slider_imageSlide__QEOfv",slideHandler:"product-slider_slideHandler__uaug_",divider:"product-slider_divider__xDUMn",slideHandlerButtonWrapper:"product-slider_slideHandlerButtonWrapper__kx6kV",black:"product-slider_black__8KGgs",slideTile:"product-slider_slideTile__hwVSr",link:"product-slider_link__sY3s4"}}}]);