https://iledebeaute.ru/_next/static/chunks/1984-fd0054231eed96ff.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1984,6808],{16380:function(e,t,n){var i,r=n(67294);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}t.Z=e=>{let{title:t,titleId:n,...a}=e;return r.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,"aria-labelledby":n},a),t?r.createElement("title",{id:n},t):null,i||(i=r.createElement("path",{fillRule:"evenodd",d:"m10.013 3.94.524.536 7 7.178.51.524-.51.524-6.653 6.822-.524.537-1.073-1.048.523-.537 6.142-6.298-6.489-6.654-.524-.537z",clipRule:"evenodd"})))}},95850:function(e,t,n){n.d(t,{l:function(){return s}});var i=n(35944),r=n(70917),o=n(67294),a=n(19916);let l=(0,r.iv)({position:"relative",maxWidth:"100%",".swiper":{maxWidth:"100%",display:"grid"},".swiper-wrapper":{minWidth:0},".swiper-slide":{width:"auto",height:"auto"}}),s=e=>{let{wrapperCSS:t={},slideCSS:n={},swiperCSS:r={},swiperRef:s=null,children:d,spaceBetween:u,...c}=e,h=(0,o.useMemo)(()=>({overflow:"hidden",...t}),[t]),p=(0,o.useMemo)(()=>({".swiper-wrapper":{minWidth:0,display:"flex"},".swiper-slide":{..."number"==typeof u&&{marginRight:u},...n}}),[n,u]),g=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=!1;"function"==typeof s?s(g.current):s&&(s.current=g.current);let t=()=>{e||(queueMicrotask(()=>{var e;null===(e=g.current)||void 0===e||e.swiper.init()}),e=!0)};return document.addEventListener("DOMContentLoaded",t),()=>{document.removeEventListener("DOMContentLoaded",t)}},[s]),(0,i.tZ)("div",{css:h,children:(0,i.tZ)("div",{css:[l,p,r],children:(0,i.tZ)(a.tq,{ref:g,spaceBetween:u,...c,children:d})})})};s.Item=a.o5},81680:function(e,t,n){var i=n(67294);t.Z=e=>{let[t,n]=(0,i.useState)(null),r=(0,i.useRef)(null);return(0,i.useEffect)(()=>{r.current&&n(r.current)},[e]),[t,r]}},18349:function(e,t,n){n.d(t,{I:function(){return j}});var i=n(35944),r=n(70917),o=n(71564),a=n.n(o),l=n(67294),s=n(55797),d=n(11664),u=n(95850),c=n(81680),h=n(81555),p=n(41664),g=n.n(p),m=n(56033),f=n(36808),v=n(42502),b=n(24796);let w={picture:{justifyContent:"center",alignItems:"center"},fixedContentImage:{objectFit:"contain",width:"auto",height:"auto",maxWidth:"100%",maxHeight:(0,h.bA)(10)},catalogImage:{objectFit:"contain",width:"100%",height:"100%",flexShrink:0}},x=e=>{let{img:t,href:n,name:r,index:o,isAutoscroll:a=!1,isFixedContentLayout:s=!1}=e,{breakpoints:u={sm:768}}=h.rS.layout||{},{enviroments:c,isMobile:p}=(0,d.I)(),x=(0,b.cb)(t),y=!s,C=s&&p,E=(0,l.useMemo)(()=>[{media:`(max-width: ${u.sm-1}px)`,image:t||""},{media:`(min-width: ${u.sm}px)`,image:t||""}],[u.sm,t]),k=(0,l.useMemo)(()=>({backgroundColor:!p||C?"transparent":h.O9.white,padding:0,...y&&p&&{padding:`${(0,h.bA)(1)}px ${(0,h.bA)(1,!0)}px`},...!p&&s&&{padding:`${(0,h.bA)(1)}px ${(0,h.bA)(1,!0)}px`},display:"flex",justifyContent:"center",alignItems:"center",width:C?120:"255px",height:s&&!p?void 0:(0,h.bA)(10),maxHeight:(0,h.bA)(10),boxSizing:y||C?"border-box":void 0}),[y,s,C,p]),M=(0,l.useMemo)(()=>({...w.picture,...y&&{width:"100%",height:"100%"},...C&&{width:120,height:(0,h.bA)(10),boxSizing:"border-box"}}),[y,C]),Z=y?w.catalogImage:w.fixedContentImage,I=(0,l.useMemo)(()=>x?(0,i.tZ)(f.default,{css:Z,src:t}):(0,i.tZ)(m.Z,{pictureCSS:M,style:Z,sources:E,alt:r||"Изображение контента",preload:o<=3&&!a,loading:o>3||a?"lazy":"eager"}),[x,Z,t,M,E,r,o,a]),$=(0,l.useMemo)(()=>{if(!c.frontendHost)return"";try{return new URL(c.frontendHost).hostname}catch{return c.frontendHost}},[c.frontendHost]),A=(0,l.useMemo)(()=>{if(!n)return!1;if(n.startsWith("/"))return!0;let e=window.location.hostname;return!!(e&&n.includes(e))},[$,n]);return(0,i.BX)(v.r,{children:[(0,i.tZ)(v.J,{if:!n,children:(0,i.tZ)("div",{css:k,children:I})}),(0,i.tZ)(v.J,{if:!!n,children:(0,i.tZ)(g(),{href:n,target:A?"_self":"_blank",children:(0,i.tZ)("div",{css:k,children:I})})})]})};var y=n(60141),C=n(16380);let E={position:"absolute",top:"50%",transform:"translateY(-50%)",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",pointerEvents:"none",zIndex:4}

1,k={display:"flex",justifyContent:"center",alignItems:"center",width:50,height:50,pointerEvents:"auto",zIndex:2,svg:{fill:h.O9.black}},M={marginRight:(0,h.bA)(1),background:`linear-gradient(270deg, ${h.O9.white} 0, ${h.O9.white} 20px, rgba(255, 255, 255, 0) 50px)`},Z={background:`linear-gradient(90deg, ${h.O9.white} 0, ${h.O9.white} 20px, rgba(255, 255, 255, 0) 50px)`},I={position:"absolute",top:"50%",width:32,height:80,transform:"translateY(-50%)",pointerEvents:"none",zIndex:3},$={...I,left:0,background:"linear-gradient(to left, rgba(249,249,249,0) 0%, #F9F9F9 100%)"},A={...I,right:0,background:"linear-gradient(to right, rgba(249,249,249,0) 0%, #F9F9F9 100%)"};var O=e=>{let{nextElRef:t,prevElRef:n,onNextClick:r,onPrevClick:o}=e;return(0,i.BX)("div",{css:E,children:[(0,i.tZ)("div",{css:$}),(0,i.tZ)("button",{ref:n,title:"Предыдущий слайд",type:"button",css:[k,M],onClick:o,children:(0,i.tZ)(y.Z,{})}),(0,i.tZ)("div",{css:A}),(0,i.tZ)("button",{ref:t,title:"Следующий слайд",type:"button",css:[k,Z],onClick:r,children:(0,i.tZ)(C.Z,{})})]})};let{xxxl:L,sm:R}=h.MEDIA_QUERIES,F=[s.pt,s.Rv,s.Gk,s.W_],S={delay:0,disableOnInteraction:!1,waitForTransition:!0},T={enabled:!0,momentum:!1},W={forceToAxis:!1,releaseOnEdges:!1},_={carousel:(0,r.iv)({height:(0,h.bA)(10)}),slideCss:(0,r.iv)({width:"fit-content",display:"flex",justifyContent:"center"}),gradientMaskCss:(0,r.iv)({position:"absolute",width:32,height:96,pointerEvents:"none",zIndex:3,top:0}),leftGradientMaskCss:(0,r.iv)({left:0,background:"linear-gradient(90deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%)"}),rightGradientMaskCss:(0,r.iv)({right:0,background:"linear-gradient(-90deg, #F9F9F9 0%, rgba(249, 249, 249, 0) 100%)"})},B={".swiper-wrapper":{transitionTimingFunction:"linear !important"}},P={width:"100%"},j=e=>{let{banners:t,scrollSpeed:n,isHomePage:o=!1,autoplay:s=!1}=e,{isMobile:p}=(0,d.I)(),[g,m]=(0,c.Z)(),[f,v]=(0,c.Z)(),b=(0,l.useRef)(),w=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=window.innerWidth-document.documentElement.clientWidth;document.documentElement.style.setProperty("--scrollbar-width",`${e}px`)},[]);let y=(0,l.useMemo)(()=>({...!p&&{borderTop:`1px solid ${h.O9.grey1}`,borderBottom:`1px solid ${h.O9.grey1}`,padding:`${(0,h.bA)(1)}px 0`},...o&&p&&{backgroundColor:h.O9.back},position:"relative",overflow:"hidden"}),[o,p]),C=(0,l.useMemo)(()=>({padding:`${(0,h.bA)(2)}px ${p?0:(0,h.bA)(5)}px 0`}),[p]),E=(0,l.useMemo)(()=>({padding:`0 ${(0,h.bA)(p?0:15)}px 0`}),[p]),k=(0,l.useMemo)(()=>(0,r.iv)({maxWidth:"1520px",[L]:{maxWidth:p?"none":`calc(100vw - ${(0,h.bA)(10)}px - var(--scrollbar-width, 0px))`},[R]:{maxWidth:"none",marginTop:(0,h.bA)(3)}}),[p]),M=o&&p?(0,h.bA)(4):0,Z=(0,l.useMemo)(()=>t?[...t,...t,...t]:[],[t]),I=s&&"number"==typeof n&&n>0,$=(0,l.useMemo)(()=>o?(p?120:255+(0,h.bA)(1))+M:255+M,[M,o,p]),A=I?Math.round($/n*1e3):void 0,j=(0,l.useMemo)(()=>({...I||o?{}:E,...I?B:{},...o&&p?P:{}}),[I,o,p,E]),z=(0,l.useCallback)(()=>{let e=b.current;if(!I||!e||!e.autoplay.running&&!w.current)return;w.current&&(e.off("transitionEnd",w.current),w.current=null);let t=e.getTranslate();e.autoplay.running&&e.autoplay.stop(),e.setTransition(0),e.setTranslate(t),e.updateProgress(t),e.updateActiveIndex(),e.updateSlidesClasses(),e.animating=!1},[I]),G=(0,l.useCallback)(()=>{let e=b.current;if(!I||!A||!e||e.autoplay.running)return;let t=Math.abs(e.getTranslate()),n=e.snapGrid.findIndex(e=>e>t+1);if(n>0){let i=Math.max(1,Math.round((e.snapGrid[n]-t)/$*A)),r=()=>{w.current=null,e.autoplay.start()};w.current=r,e.once("transitionEnd",r),e.slideTo(n,i)||(e.off("transitionEnd",r),r());return}e.autoplay.start()},[$,I,A]),H=(0,l.useCallback)(()=>{var e;null===(e=b.current)||void 0===e||e.slideNext(300)},[]),N=(0,l.useCallback)(()=>{var e;null===(e=b.current)||void 0===e||e.slidePrev(300)},[]);return(0,i.tZ)("div",{css:[o?C:k],children:(0,i.BX)("div",{css:y,onMouseEnter:I?z:void 0,onMouseLeave:I?G:void 0,onTouchStart:I?z:void 0,onTouchEnd:I?G:void 0,children:[!p&&(0,i.BX)(i.HY,{children:[(0,i.tZ)("div",{css:[_.gradientMaskCss,_.leftGradientMaskCss]}),(0,i.tZ)("div",{css:[_.gradientMaskCss,_.rightGradientMaskCss]})]}

1),!p&&(0,i.tZ)(O,{prevElRef:I?void 0:v,nextElRef:I?void 0:m,onNextClick:I?H:void 0,onPrevClick:I?N:void 0}),(0,i.tZ)(u.l,{swiperCSS:j,slideCSS:_.slideCss,css:_.carousel,slidesPerView:"auto",spaceBetween:M,modules:F,navigation:!I&&{nextEl:g,prevEl:f},autoplay:!!I&&S,freeMode:!!I&&T,mousewheel:!!I&&W,speed:A,onSwiper:e=>{b.current=e},loop:!0,children:a()(Z,(e,t)=>(0,i.tZ)(u.l.Item,{children:(0,i.tZ)(x,{img:e.img,href:e.url,index:t,isAutoscroll:I,isFixedContentLayout:o})},t))})]})})}},36808:function(e,t,n){n.r(t);var i=n(35944),r=n(67294),o=n(38378);t.default=e=>{let{className:t,src:n,loop:a=!0,autoPlay:l=!0,onClick:s}=e,d=(0,r.useRef)(null);return(0,o.B)(d,l,{rootMargin:`-${o.w}px 0px 0px 0px`,threshold:0}),(0,i.tZ)("video",{ref:e=>{e&&(a&&(e.loop=!0),l&&(e.autoplay=!0),e.muted=!0,d.current=e)},className:t,loop:a,muted:!0,playsInline:!0,preload:"metadata",onClick:s,children:(0,i.tZ)("source",{src:n})})}},9693:function(e,t,n){n.d(t,{N:function(){return r}});var i=n(2414);let r=e=>(0,i.Y)(e)},2414:function(e,t,n){n.d(t,{Y:function(){return a}});var i=n(11163),r=n(67294),o=(n(24796),n(83454));let a=e=>{let{asPath:t}=(0,i.useRouter)();return(0,r.useMemo)(()=>{o.env.CUSTOMER_GUI_FRONTEND_PUBLIC_HOST;let n=window.location.origin||"",{pathname:i,searchParams:r}=new URL(t,n),a=null==e?void 0:e.reduce((e,t)=>{let n=r.get(t);return`${n?`${e}${0===e.length?t:`&${t}`}=${n}`:e}`},"");return`${n}${i}${a?`?${a}`:""}`},[t,e])}},38378:function(e,t,n){n.d(t,{B:function(){return o},w:function(){return r}});var i=n(67294);let r=(0,n(81555).bA)(12),o=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},{threshold:r=0,rootMargin:o="0px",pauseOnly:a=!1,verticalOnly:l=!1,onPlay:s,onPause:d}=n,u=(0,i.useRef)(!1);(0,i.useEffect)(()=>{let t=e.current;if(!t)return;let n={handleInteraction:()=>{a||t.play().then(n.removeListeners),null==s||s()},removeListeners:()=>{["click","scroll","touchstart","mousemove"].forEach(e=>window.removeEventListener(e,n.handleInteraction))},addListeners:()=>{["click","scroll","touchstart","mousemove"].forEach(e=>window.addEventListener(e,n.handleInteraction))},attemptPlay:()=>{t.play().catch(()=>{n.addListeners()}),null==s||s()},handleVisibility:()=>{document.hidden?t.pause():u.current&&!a&&n.attemptPlay()}},i=new IntersectionObserver(e=>{let[i]=e;u.current=i.isIntersecting;let{isIntersecting:r,boundingClientRect:o,rootBounds:s}=i,c=r;if(l&&s){let e=o.bottom<s.top,t=o.top>s.bottom;c=!e&&!t}c?a||n.attemptPlay():(t.pause(),null==d||d(),n.removeListeners())},{threshold:r,rootMargin:o});return i.observe(t),document.addEventListener("visibilitychange",n.handleVisibility),()=>{i.disconnect(),n.removeListeners(),document.removeEventListener("visibilitychange",n.handleVisibility)}},[e,r,o,t,a,s,d,l])}}}]);