1/*! For license information please see 3896.chunk.809406479d7212ab4b81.js.LICENSE.txt */ 2"use strict";(globalThis.webpackChunknakd_site=globalThis.webpackChunknakd_site||[]).push([[3896],{13896(e,t,n){n.d(t,{default:()=>H});var r=n(40062),a=n(26166),i=n(56349),o=n(70121),c=n(34702),s=n(10774),l=n(32231),u=n(69520),f=n(26308),m=n(63696),d=n(39665),p=n(73373),g=n(40660),v=n(75001),h=n(75382),b=n(36267),y=n(1940),x=n(70858),E=n(4656),A=n(9816),w=n(27575),k=n(87446);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 r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(null,arguments)}const j=s.I4.div({overflow:"hidden",height:"100%"}),I=(0,m.forwardRef)(function(e,t){var{height:n}=e,r=(0,a.Tt)(e,["height"]);return m.createElement(s.I4.Div,O({ref:t,css:(0,m.useMemo)(()=>Object.assign({position:"relative",overflow:"hidden",height:n},!n&&Object.assign({aspectRatio:.68},(0,c.$_)(A.hi,{aspectRatio:.64}))),[n])},r))}),$=s.I4.img({width:"100%",height:"100%",objectFit:"cover"}),S=s.I4.img({position:"absolute",left:0,top:0,visibility:"hidden",width:"100%",height:"100%",objectFit:"cover"}),C=(0,s.I4)(d.A,{height:"100%",objectFit:"cover"});function T(e,t,n){return e.map(e=>Math.ceil(e*t)).flatMap(e=>[e,2*e]).map(n).join(", ")}function D(e){return{imageDomain:e.appShellData.imageDomain}}const H=(0,o.pG)((0,l.I)(({block:e,name:t})=>{var n,a,c;const s=(0,o.Jn)(e.mainImageUrl).url,l=null===(n=(0,o.Jn)(e.hoverImageUrl))||void 0===n?void 0:n.url,d=null===(a=(0,o.Jn)(e.video))||void 0===a?void 0:a.url,[H,L]=(0,m.useState)(!1),M=function(e){const t=(0,r.c)(3),n=(0,m.useRef)(null);let a,i;return t[0]!==e?(a=()=>{const t=n.current;let r=!1;const a=t=>{r||e("mouseenter"===t.type),r=!1},i=()=>{r=!0};return null==t||t.addEventListener("touchstart",i),null==t||t.addEventListener("mouseenter",a),null==t||t.addEventListener("mouseleave",a),()=>{null==t||t.removeEventListener("touchstart",i),null==t||t.removeEventListener("mouseenter",a),null==t||t.addEventListener("mouseleave",a)}},i=[e],t[0]=e,t[1]=a,t[2]=i):(a=t[1],i=t[2]),(0,m.useEffect)(a,i),n}(L),{currentBreakpoint:B}=(0,b.d4)(e=>({currentBreakpoint:e.currentBreakpoint})),J=(0,o.Jn)(e.textAlignment)||"left",P=(0,o.Jn)(e.mainTextColor)||A.o$.BLACK[400],R=(0,o.Jn)(e.mainTextFontSize),_=B<i.EA.Medium,U=(0,w.UV)({name:t}),F=(0,p.V)(),N=F?(0,g.gi)(F.ratio,F.isHero,B):void 0,V=F?(0,h.O)(F.spacing)||0:A.YK(k.wT),z=null!==(c=null==F?void 0:F.layout.reduce((e,t)=>{const n="string"==typeof t?t:t[0];return Math.max(e,v.A[n])},0))&&void 0!==c?c:_?1/k.Af:1/k.sV,K=`calc((100vw - ${V*(Math.round(1/z)-1)}px) * ${z})`,{srcSet:Z,hoverSrcSet:G}=function(e,t,n){const a=(0,r.c)(11),{imageDomain:i}=(0,b.d4)(D);let o,c;if(a[0]!==n||a[1]!==t||a[2]!==i||a[3]!==e){const r=[x.Z.IPHONE_PRO_MAX,x.Z.MEDIUM_DESKTOP,x.Z.FULL_HD,x.Z.QHD];let s;a[6]!==i?(s=e=>t=>`${(0,E.AE)(i,e,{width:t})}`,a[6]=i,a[7]=s):s=a[7];const l=s;o=T(r,n,l(e)),c=t&&T(r,n,l(t)),a[0]=n,a[1]=t,a[2]=i,a[3]=e,a[4]=o,a[5]=c}else o=a[4],c=a[5];const s=c;let l;return a[8]!==s||a[9]!==o?(l={srcSet:o,hoverSrcSet:s},a[8]=s,a[9]=o,a[10]=l):l=a[10],l}(s,l,z);return m.createElement(j,{className:"nakd-popular-category-block"},m.createElement(u.A,{display:"flex",flexDirection:"column",overflow:"hidden",height:"100%",as:y.A,to:(0,o.Jn)(e.pageUrl),className:null==U?void 0:U.name},m.createElement(I,{ref:M,height:N},d?m.createElement(C,{url:d}):m.createElement($,{sizes:K,srcSet:Z,alt:(0,o.Jn)(e.mainText)}),!!G&&m.createElement(S,O({sizes:K,srcSet:G,alt:(0,o.Jn)(e.mainText)},H&&{style:{visibility:"visible"}}))),m.createElement(f.A,{variant:_?"headline-m":"body-s",fontSize:R,color:P,textAlign:J,margin:{x:"spacing-05",top:"spacing-03"},letterSpacing:.2},(0,o.Jn)(e.mainText))))}))},27575(e,t,n){n.d(t,{Ay:()=>u,UV:()=>s});var r=n(26166),a=n(63696),i=n(38450);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 r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(null,arguments)}const c=a.createContext(null),s=({name:e,withIndex:t=!0}={})=>{const n=(0,a.useRef)(void 0),r=(0,a.useContext)(c);if(!r)return r;let o=r.name;e&&(o+=`-${e}`);const s=r.register(n);return!t&&e||(o+=`-${s}`),{name:(0,i.A)(o)}},l="sf-trackinglink",u=e=>{var t,{name:n}=e,i=(0,r.Tt)(e,["name"]);const u=(0,a.useRef)([]),[f,m]=(0,a.useState)(null),{name:d=`${null!=n?n:l}`}=null!==(t=s({name:n}))&&void 0!==t?t:{},p=(0,a.useCallback)(e=>{const t=(null!=f?f:u.current).findIndex(t=>t===e);if(-1===t){const t=[...null!=f?f:u.current,e];return f?m(t):u.current=t,t.length}return t+1},[f]);(0,a.useEffect)(()=>{m(u.current)},[]);const g=(0,a.useMemo)(()=>({name:d,register:p}),[d,p]);return a.createElement(c.Provider,o({value:g},i))}},38450(e,t,n){n.d(t,{A:()=>r});const r=function(e){try{return encodeURIComponent(e).replace("%20","_").replace(/\.|%[0-9a-z]{2}/gi,"").replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~]/g,"").toLowerCase()}catch(e){return""}}},39665(e,t,n){n.d(t,{A:()=>c});var r=n(40062),a=n(10774),i=n(63696);const o=a.I4.video({width:"100%",height:"100%",objectFit:"cover"}),c=(0,i.forwardRef)(function(e,t){const n=(0,r.c)(6),{url:a,poster:c}=e;let s,l;return n[0]!==a?(s=i.createElement("source",{src:a}),n[0]=a,n[1]=s):s=n[1],n[2]!==c||n[3]!==s||n[4]!==t?(l=i.createElement(o,{poster:c,ref:t,autoPlay:!0,loop:!0,muted:!0,playsInl
2ine:!0},s),n[2]=c,n[3]=s,n[4]=t,n[5]=l):l=n[5],l})},40660(e,t,n){n.d(t,{Ay:()=>E,gi:()=>x});var r=n(40062),a=n(63696),i=n(10774),o=n(34702),c=n(56349),s=n(36267),l=n(57848),u=n(21045),f=n(75001);const m="features.shared.box-layout",d=`${m}.box-layout`,p=`${m}.column`,g=`${m}.entity`;var v=n(75382);function h(e){return e<=1/3}function b(e){return e.sort((e,t)=>t.fraction-e.fraction)}function y(e,t=!1){const n=(0,v.O)(e);return(r,o)=>{if(function(e){return"columns"in e}(r))return a.createElement(i.I4.Div,{key:o,className:"nakd-box-layout-column","data-testid":`${p}-${o}`,css:{display:"flex",flexDirection:"column",flexBasis:100*r.fraction+"%",flexGrow:1,minWidth:0,maxHeight:"100%"}},r.columns.map(y(e,!0)));const c=n?`calc(${100*r.fraction}% - ${n}px)`:100*r.fraction+"%";return a.createElement(i.I4.Div,{key:o,className:"nakd-box-layout-item","data-testid":`${g}-${o}`,css:Object.assign(Object.assign(Object.assign({},n&&{marginTop:n,marginLeft:n}),{flexBasis:c,flexGrow:1,maxHeight:"100%"}),t&&{maxHeight:c})},r.element)}}function x(e,t,n){return t||(0,c.cHH)(n)<u.Cq?100*e+"vw":u.Cq*e+"px"}const E=(0,i.I4)(e=>{const t=(0,r.c)(20),{children:n,layout:u,allowSorting:m,spacingBetweenBlocks:p}=e,{currentBreakpoint:g}=(0,s.d4)(A);let x,E,w,k,O,j;if(t[0]!==m||t[1]!==n||t[2]!==g||t[3]!==u||t[4]!==p){const e=function(e){const t=[];let n=0;for(const r of e){if(n+r.fraction>1)break;n+=r.fraction,t.push(r)}return t}(function(e,t,n,r=!1,a=!1){if(t=[...t],n>c.EA.Small||!a)return e.map(e=>"string"==typeof e?{fraction:f.A[e],element:t.shift()}:{fraction:f.A[e[0]],columns:e[1].map(e=>({fraction:f.A[e],element:t.shift()}))});if(n>c.EA.Micro){const n=e.reduce((e,n)=>{if("string"==typeof n)return[...e,{fraction:h(f.A[n])?.5:1,element:t.shift()}];const r=h(f.A[n[0]])?.5:1;return[...e,...n[1].map(()=>({fraction:r,element:t.shift()}))]},[]);return r?b(n):n}const i=e.reduce((e,n)=>"string"==typeof n?[...e,{fraction:1,element:t.shift()}]:[...e,...n[1].map(()=>({fraction:1,element:t.shift()}))],[]);return r?b(i):i}(u,a.Children.toArray(n),g,m));if(t[10]!==p){const e=(0,v.O)(p);x=i.I4.Div,E="nakd-box-layout",w=Object.assign(Object.assign(Object.assign({display:"flex",flexWrap:"wrap"},e&&{marginTop:-e,marginLeft:-e}),(0,o.$_)(l.Cm,{flexWrap:"nowrap"})),{contain:"paint"}),t[10]=p,t[11]=x,t[12]=E,t[13]=w}else x=t[11],E=t[12],w=t[13];k=d,O=e.map(y(p)),t[0]=m,t[1]=n,t[2]=g,t[3]=u,t[4]=p,t[5]=x,t[6]=E,t[7]=w,t[8]=k,t[9]=O}else x=t[5],E=t[6],w=t[7],k=t[8],O=t[9];return t[14]!==x||t[15]!==E||t[16]!==w||t[17]!==k||t[18]!==O?(j=a.createElement(x,{className:E,css:w,"data-testid":k},O),t[14]=x,t[15]=E,t[16]=w,t[17]=k,t[18]=O,t[19]=j):j=t[19],j});function A(e){return{currentBreakpoint:e.currentBreakpoint}}},73373(e,t,n){n.d(t,{A:()=>s,V:()=>c});var r=n(26166),a=n(63696);function i(){return i=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},i.apply(null,arguments)}const o=a.createContext(null),c=()=>(0,a.useContext)(o),s=e=>{var{isHero:t,layout:n,spacing:c,ratio:s}=e,l=(0,r.Tt)(e,["isHero","layout","spacing","ratio"]);return a.createElement(o.Provider,i({value:(0,a.useMemo)(()=>({isHero:t,layout:n,spacing:c,ratio:s}),[t,n,s,c])},l))}},75001(e,t,n){n.d(t,{A:()=>r});const r={"1:1":1,"1:2":.5,"1:3":1/3,"1:4":1/4,"2:3":2/3,"3:4":3/4}},75382(e,t,n){n.d(t,{O:()=>a});var r=n(9816);function a(e){return!0===e?(0,r.YK)("spacing-02"):e}},87446(e,t,n){n.d(t,{Af:()=>a,sV:()=>i,wT:()=>r});const r="spacing-02",a=2,i=4}}]); 3//# sourceMappingURL=3896.chunk.809406479d7212ab4b81.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.