https://www.na-kd.com/assets/4510.chunk.9e2037d9015b2106acdb.js

1/*! For license information please see 4510.chunk.9e2037d9015b2106acdb.js.LICENSE.txt */
2"use strict";(globalThis.webpackChunknakd_site=globalThis.webpackChunknakd_site||[]).push([[4510],{14510(e,t,n){n.d(t,{default:()=>m});var r=n(56349),i=n(10774),l=n(63696),s=n(94757),o=n(94005),a=n(73711),c=n(30031),u=n(74886),d=n(97534),v=n(77923);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(null,arguments)}const m=({fadeIn:e,imageUrls:t,loading:n,preset:m,alt:b,shouldNudge:g=!1})=>{var p,h;const w=null!==(h=null===(p=(0,o.A)().decision)||void 0===p?void 0:p.variables)&&void 0!==h?h:{nudge_iteration_count:0,nudge_duration:0,nudge_easing:"linear",nudge_percent:0},[E,I]=(0,l.useState)(!1),k=(0,l.useRef)(null),[x,C]=(0,l.useState)(!1),[y,O]=(0,l.useState)(!1),{observeForNudge:A,unobserveForNudge:_,observeForInView:S,unobserveForInView:j}=(0,l.useContext)(v._);g=g&&w.nudge_iteration_count>0;const B=(0,l.useCallback)(e=>{C(!0),_(e),(0,r.APZ)(d.n,!0)},[_]),R=(0,l.useCallback)(e=>{O(!0),j(e)},[j]);(0,l.useEffect)(()=>{const e=k.current;if(e)return g&&A(e,B),S(e,R),()=>(_(e),j(e))},[B,R,S,A,_,g,j,w.nudge_iteration_count]);const F=(0,l.useCallback)(e=>{1===e||E||(c.lp.track(a.Jc),I(!0))},[E]);return l.createElement(s.A,{numberOfVisibleItems:1,hideSlideButtons:!0,onSwitchIndex:F,spaceBetween:0,ref:k},function(e,t,n){if(t)return e;const r=n?2:1;return e.slice(0,r)}(t,E,y).map((t,r)=>{const s=!E&&g&&x&&r<2;return l.createElement(u.A,f({key:t,src:t,alt:b,loading:n,fadeIn:e,preset:m,importance:"high"},s&&(o=w.nudge_duration,a=w.nudge_iteration_count,c=w.nudge_percent,d=w.nudge_easing,{styles:{root:(0,i.I4)({animation:Object.assign({name:{"0%":{transform:"translateX(0)"},"50%":{transform:`translateX(-${Math.abs(c)}%)`},"100%":{transform:"translateX(0)"}},duration:o,iterationCount:a},d&&{timingFunction:d})})}})));var o,a,c,d}))}},22143(e,t,n){n.d(t,{A:()=>u});var r,i=n(40062),l=n(63696);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(null,arguments)}const o=e=>l.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},e),r||(r=l.createElement("path",{fill:"none",stroke:"currentColor",strokeMiterlimit:10,d:"m9.618 2.985 7.509 7-7.509 7.03M2.873 9.985h14.254"})));var a=n(78385);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}const u=e=>{const t=(0,i.c)(2);let n;return t[0]!==e?(n=l.createElement(a.A,c({glyph:o},e)),t[0]=e,t[1]=n):n=t[1],n}},77923(e,t,n){n.d(t,{K:()=>d,_:()=>o});var r=n(63696),i=n(8307),l=n(36267),s=n(94005);const o=r.createContext({}),a=e=>t=>{t.filter(e=>e.isIntersecting).map(t=>null==e?void 0:e.find(([e])=>e===t.target)).forEach(e=>{if(!e)return;const[t,n]=e;null==n||n(t)})},c=(e,t)=>(0,r.useCallback)((n,r)=>{var i;null===(i=e.current)||void 0===i||i.observe(n);const l=t.findIndex(([e])=>e===n);l>=0?t.splice(l,1,[n,r]):t.push([n,r])},[t,e]),u=({children:e})=>{const t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)([]),l=(0,r.useRef)([]);(0,r.useEffect)(()=>{const e=t.current=new IntersectionObserver(a(i.current),{threshold:1,rootMargin:"0px 0px -20% 0px"}),r=n.current=new IntersectionObserver(a(l.current),{threshold:0});return()=>(e.disconnect(),r.disconnect())},[]);const s=c(t,i.current),u=(0,r.useCallback)(e=>{var n;null===(n=t.current)||void 0===n||n.unobserve(e)},[]),d=c(n,l.current),v=(0,r.useCallback)(e=>{var t;null===(t=n.current)||void 0===t||t.unobserve(e)},[]);return r.createElement(o.Provider,{value:{observeForNudge:s,unobserveForNudge:u,observeForInView:d,unobserveForInView:v}},e)},d=({children:e})=>{var t,n;const o=null!==(n=null===(t=(0,s.A)().decision)||void 0===t?void 0:t.enabled)&&void 0!==n&&n,a=(0,l.d4)(e=>e.currentBreakpoint);return!o||(0,i.xl)(a)?r.createElement(r.Fragment,null,e):r.createElement(u,null,e)}},94005(e,t,n){n.d(t,{A:()=>i});var r=n(9731);const i=(0,n(77011).A)(r.rZ)}

2,94757(e,t,n){n.d(t,{g:()=>x,A:()=>_});var r=n(40062),i=n(63696),l=n(10774),s=n(26966),o=n(22143),a=n(26308),c=n(44132),u=n(57323);const d=l.I4.div({width:"100%",position:"relative"}),v=l.I4.div({width:"100%",position:"relative",overflow:"hidden"}),f=l.I4.div({display:"flex",flexDirection:"row",scrollSnapType:"x mandatory",overflowX:"auto",WebkitOverflowScrolling:"touch",scrollBehavior:"smooth"}),m=(0,l.I4)(u.A,{position:"absolute",zIndex:2,top:"40%",":disabled":{display:"none"}}),b=l.I4.div({display:"flex",flex:{grow:1,shrink:1,basis:"auto"},justifyContent:"space-between",alignItems:"center"}),g=l.I4.div({display:"flex",alignItems:"center"}),p=(0,l.I4)(u.A,{zIndex:2,":disabled":{visibility:"hidden"}});var h=n(69520);const w=(e,t)=>{const n=(0,r.c)(15),{center:s,itemWidth:o,style:a}=t,c=null!=o?o:void 0;let u;n[0]!==s||n[1]!==o||n[2]!==a||n[3]!==c?(u=(0,l.I4)({flex:{shrink:0,grow:0,basis:c},scrollSnapAlign:s?"center":"start",scrollSnapStop:"always",width:null!=o?o:void 0},a),n[0]=s,n[1]=o,n[2]=a,n[3]=c,n[4]=u):u=n[4];const d=u;let v;n[5]!==e?(v=i.Children.count(e),n[5]=e,n[6]=v):v=n[6];const f=v;let m;if(n[7]!==e||n[8]!==d){let t;n[10]!==d?(t=(e,t)=>i.createElement(h.A,{css:d,"data-index":t+1,key:t},e),n[10]=d,n[11]=t):t=n[11],m=i.Children.map(e,t),n[7]=e,n[8]=d,n[9]=m}else m=n[9];const b=m;let g;

2return n[12]!==f||n[13]!==b?(g={slides:b,slideCount:f},n[12]=f,n[13]=b,n[14]=g):g=n[14],g},E=({wrapperRef:e,callback:t,numberOfVisibleItems:n,spaceBetween:r})=>{n=Math.max(n,1);const l=(0,i.useCallback)(()=>requestAnimationFrame(()=>{if(e.current){const i=e.current.getBoundingClientRect().width-r*(n-1);t(i/n)}}),[e,r,n,t]);(0,i.useLayoutEffect)(()=>(l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)))};var I=n(36982);const k=e=>{const t=I.YK["spacing-05"];return e===x.Inside?t:-40-t};var x,C=n(39758);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(null,arguments)}!function(e){e.Inside="inside",e.Outside="outside",e.Top="top"}(x||(x={}));const O=(0,i.forwardRef)(function({children:e,overflowRightBy:t,numberOfVisibleItems:n=4,spaceBetween:r=4,className:l,topContent:u,icon:h,numberOfItemsToSlide:I=1,hideSlideButtons:O=!1,center:A=!1,innerStyling:_,onScrolledToEnd:S,onSwitchIndex:j,counter:B=!1,counterPosition:R,slideButtonPosition:F=x.Inside,slideStyle:T,eventLocation:z},N){var V;n=Math.max(n,1);const[M,P]=(0,i.useState)(null),[L,W]=(0,i.useState)(n),X=(0,i.useRef)(null),$=(0,i.useRef)(null),q=k(F),{setTranslate:H}=null!==(V=(0,c.RG)())&&void 0!==V?V:{};(0,i.useEffect)(()=>{function e(e){null==H||H(-e.currentTarget.scrollLeft)}const t=$.current;return null==t||t.addEventListener("scroll",e,{passive:!0}),()=>null==t?void 0:t.removeEventListener("scroll",e)},[H]),E({wrapperRef:X,callback:e=>{M!==e&&P(e)},numberOfVisibleItems:n,spaceBetween:r});const{slides:J,slideCount:K}=w(e,{itemWidth:M,center:A,style:T}),Z=(0,i.useCallback)(e=>{j&&j(e),W(e)},[j]),D=(0,i.useCallback)(e=>{var t;null===(t=$.current)||void 0===t||t.scrollTo({left:(e-n)*(null!=M?M:0)})},[M,n,$]),G=(0,i.useCallback)(()=>K<=n,[K,n]);(0,i.useEffect)(()=>{S&&!G()&&L===K&&S()},[L,G,S,K]);const U=i.Children.count(e);(0,i.useEffect)(()=>{if($.current&&M){const e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&requestAnimationFrame(()=>Z(Number(e.target.dataset.index)))})},{threshold:.5,root:X.current,rootMargin:`0px 0px 0px ${-M*(n-1)}px`}),{children:t}=$.current;return[...t].forEach(t=>e.observe(t)),()=>e.disconnect()}},[M,n,$,Z,X,U]);const Y=(0,i.useCallback)(e=>{z&&(0,C.rJ)({action:"prev"===e?"previous_button_clicked":"next_button_clicked",element:z})},[z]),Q=(0,i.useCallback)(()=>{D(L-I),Y("prev")},[L,I,D,Y]),ee=(0,i.useCallback)(()=>{D(I+(L-1)+1),Y("next")},[L,I,D,Y]),te=O||G(),ne=(0,i.useMemo)(()=>{var e,t,n,r;return{marginBottom:`-${(null!==(t=null===(e=$.current)||void 0===e?void 0:e.offsetHeight)&&void 0!==t?t:0)-(null!==(r=null===(n=$.current)||void 0===n?void 0:n.clientHeight)&&void 0!==r?r:0)+30}px`,paddingBottom:30}},[$.current]);return i.createElement(v,y({},!!t&&{css:{width:`calc(100% + ${t}px)`}},{className:l,ref:N}),u&&i.createElement(b,{css:Object.assign(Object.assign({},B&&R&&{justifyContent:R}),!!t&&{margin:{right:t}})},i.createElement(a.A,{fontWeight:"bold"},h," ",u," "),i.createElement(g,null,F===x.Top&&!te&&i.createElement(p,{disabled:L-n<=0,icon:i.createElement(s.A,{size:"medium"}),onClick:Q,variant:"ghost",size:"xl"}),B&&i.createElement(a.A,y({color:e=>e.palette.neutrals[200]},!te&&{minWidth:34,textAlign:"center",whiteSpace:"nowrap"}),"(",L,"/",K,")"),F===x.Top&&!te&&i.createElement(p,{disabled:L===K,icon:i.createElement(o.A,{size:"medium"}),onClick:ee,variant:"ghost",size:"xl"}))),F!==x.Top&&!te&&i.createElement(i.Fragment,null,i.createElement(m,{css:{left:q},disabled:L-n<=0,icon:i.createElement(s.A,{size:"medium"}),onClick:Q,round:!0,variant:"tertiary"}),i.createElement(m,{css:{right:q},disabled:L===K,icon:i.createElement(o.A,{size:"medium"}),onClick:ee,round:!0,variant:"tertiary"})),i.createElement(d,{ref:X},i.createElement(f,{ref:$,css:Object.assign(Object.assign({gap:r},_),ne)},J)))}),A=(0,i.forwardRef)((e,t)=>{const n=(0,r.c)(3);if(e.numberOfVisibleItems<=0)return null;let l;return n[0]!==e||n[1]!==t?(l=i.createElement(O,y({},e,{ref:t})),n[0]=e,n[1]=t,n[2]=l):l=n[2],l});

2A.displayName="Carousel";const _=(0,l.I4)(A)}}]);
3//# sourceMappingURL=4510.chunk.9e2037d9015b2106acdb.js.map