https://www.covernat.co.kr/mobify/bundle/953/pages-styling.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2212],{5904(e,t,n){n.d(t,{A:()=>k});var r=n(18801),a=n(64180),o=n(77810),i=n(75826),l=n.n(i),s=n(16602),c=n(34692),d=n(54443),u=n(9267),p=n(46378),m=n(62539),g=n(11692);const f=["currentPage","totalPages","onPageChange","pageWindow","variant"],v=e=>o.createElement("svg",(0,a.A)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e),o.createElement("path",{d:"M11 17L6 12L11 7M18 17L13 12L18 7",stroke:"#1e1e1e",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round"})),b=e=>o.createElement("svg",(0,a.A)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e),o.createElement("path",{d:"M14 17L9 12L14 7",stroke:"#1e1e1e",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round"})),h=e=>o.createElement("svg",(0,a.A)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e),o.createElement("path",{d:"M10 17L15 12L10 7",stroke:"#1e1e1e",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round"})),y=e=>o.createElement("svg",(0,a.A)({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},e),o.createElement("path",{d:"M13 17L18 12L13 7M6 17L11 12L6 7",stroke:"#1e1e1e",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round"})),E=e=>o.createElement("svg",(0,a.A)({width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},e),o.createElement("path",{d:"M11 18L5 12L11 6L12.4 7.4L7.825 12L12.4 16.6L11 18ZM17.6 18L11.6 12L17.6 6L19 7.4L14.425 12L19 16.6L17.6 18Z"})),x=e=>o.createElement("svg",(0,a.A)({width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},e),o.createElement("path",{d:"M14 18L8 12L14 6L15.4 7.4L10.8 12L15.4 16.6L14 18Z"})),L=e=>o.createElement("svg",(0,a.A)({width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},e),o.createElement("path",{d:"M12.6 12L8 7.4L9.4 6L15.4 12L9.4 18L8 16.6L12.6 12Z"})),w=e=>o.createElement("svg",(0,a.A)({width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor"},e),o.createElement("path",{d:"M9.575 12L5 7.4L6.4 6L12.4 12L6.4 18L5 16.6L9.575 12ZM16.175 12L11.6 7.4L13 6L19 12L13 18L11.6 16.6L16.175 12Z"})),A={classic:{first:o.createElement(v,null),prev:o.createElement(b,null),next:o.createElement(h,null),last:o.createElement(y,null)},cv:{first:o.createElement(E,null),prev:o.createElement(x,null),next:o.createElement(L,null),last:o.createElement(w,null)}},P=(0,s.YK)({navigation:{id:"number_pagination.aria.navigation",defaultMessage:[{type:0,value:"Page navigation"}]},first:{id:"number_pagination.aria.first",defaultMessage:[{type:0,value:"First page"}]},prev:{id:"number_pagination.aria.prev",defaultMessage:[{type:0,value:"Previous page"}]},next:{id:"number_pagination.aria.next",defaultMessage:[{type:0,value:"Next page"}]},last:{id:"number_pagination.aria.last",defaultMessage:[{type:0,value:"Last page"}]},prevText:{id:"number_pagination.prev",defaultMessage:[{type:0,value:"Prev"}]},nextText:{id:"number_pagination.next",defaultMessage:[{type:0,value:"Next"}]}}),M=e=>{var t,n,i;let{currentPage:l,totalPages:s,onPageChange:v,pageWindow:b=5,variant:h}=e,y=(0,r.A)(e,f);const E=(0,c.A)(),x=(0,u.D)(),L=h||(null==x||null===(t=x.components)||void 0===t||null===(n=t.NumberPagination)||void 0===n||null===(i=n.defaultProps)||void 0===i?void 0:i.variant)||"classic",w=(0,d.o5)("NumberPagination",{variant:L}),M=A[L]||A.classic;if(s<2)return null;const k=e=>{const t=Math.max(1,Math.min(s,e));t!==l&&v(t)},O="simple"===L,z=[];if(O)for(let e=1;e<=s;e++)z.push(e);else{const e=Math.floor((l-1)/b)*b+1,t=Math.min(s,e+b-1);for(let n=e;n<=t;n++)z.push(n)}const S=1===l,C=l===s,j=e=>{const t=e===l;return o.createElement(m.az,(0,a.A)({as:"button",type:"button",key:e},w.pageButton,t?w.pageButtonCurrent:{},{onClick:t?void 0:()=>k(e),"aria-current":t?"page":void 0}),e)};if(O)return o.createElement(g.s,(0,a.A)({},w.container,{"data-testid":"sf-pagination",role:"navigation","aria-label":E.formatMessage(P.navigation)},y),o.createElement(m.az,(0,a.A)({as:"button",type:"button"},w.chevronButton,{disabled:S,onClick:S?void 0:()=>k(l-1),"aria-label":E.formatMessage(P.prev)}),E.formatMessage(P.prevText)),z.map(e=>j(e)),o.createElement(m.az,(0,a.A)({as:"button",type:"button"},w.chevronButton,{disabled:C,onClick:C?void 0:()=>k(l+1),"aria-label":E.formatMessage(P.next)}),E.formatMessage(P.nextText)));const _=(e,t,n,r)=>o.createElement(m.az,(0,a.A)({as:"button",type:"button"},w.chevronButton,{disabled:t,onClick:t?void 0:n,"aria-label":r}),e);return o.createElement(g.s,(0,a.A)({},w.container,{"data-testid":"sf-pagination",role:"navigation","aria-label":E.formatMessage(P.navigation)},y),o.createElement(m.az,null,_(M.first,S,()=>k(1),E.formatMessage(P.first)),_(M.prev,S,()=>k(l-1),E.formatMessage(P.prev))),o.createElement(p.z,{gap:0},z.map(e=>j(e))),o.createElement(m.az,null,_(M.next,C,()=>k(l+1),E.formatMessage(P.next)),_(M.last,C,()=>k(s),E.formatMessage(P.last))))};M.propTypes={currentPage:l().number.isRequired,totalPages:l().number.isRequired,onPageChange:l().func.isRequired,pageWindow:l().number,variant:l().string};const k=M},16244(e,t,n){n.d(t,{A:()=>m});var r=n(64180),a=n(18801),o=n(77810),i=n(75826),l=n.n(i),s=n(62539),c=n(11692),d=n(38408);const u=["sidebar","children"],p=e=>{let{sidebar:t,children:n}=e,i=(0,a.A)(e,u);return o.createElement(c.s,(0,r.A)({layerStyle:"sitePadding",borderBottomWidth:{base:0,lg:"1px"},borderBottomStyle:"solid",borderBottomColor:"border.cv-normal"},i),o.createElement(s.az,{w:50,pt:7.5,pr:10,pb:7.5,flexShrink:0,display:{base:"none",lg:"block"},borderRight:"1px solid",borderColor:"border.cv-normal"},o.createElement(s.az,{position:"sticky",top:`calc(${d.US} + 30px)`},t)),o.createElement(s.az,{flex:1,minW:0,pt:{base:0,lg:7.5},pb:7.5,pl:{base:0,lg:10}},n))};p.propTypes={sidebar:l().node,children:l().node};const m=p},70453(e,t,n){n.r(t),n.d(t,{default:()=>L});var r=n(10939),a=n(77810),o=n(87275),i=n(87375),l=n(17778),s=n(27821),c=n(50350),d=n(62539),u=n(11692),p=n(17364),m=n(90031),g=n(5904),f=n(75195),v=n(16244),b=n(23506),h=n(95391);function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}const E=e=>

1e.toLocaleString("ko-KR")+"원",x=/^\/product\/([^/?]+)/,L=()=>{const[e,t]=(0,a.useState)(1),[n,L]=(0,a.useState)(null),{data:w=[]}=(0,f.xF)("styling"),A=(0,a.useMemo)(()=>[...new Set(w.map(e=>{var t,n;return null===(t=e.url)||void 0===t||null===(n=t.match(x))||void 0===n?void 0:n[1]}).filter(Boolean))].join(","),[w]),{data:P}=(0,m.useProducts)({parameters:{ids:A,expand:["prices","promotions"],allImages:!1}},{enabled:Boolean(A)}),M=(0,a.useMemo)(()=>{const e=new Map;return((null==P?void 0:P.data)||[]).forEach(t=>{var n;const r=(null===(n=t.prices)||void 0===n?void 0:n.listPrice)??t.price,a=(t.productPromotions||[]).map(e=>null==e?void 0:e.promotionalPrice).filter(e=>"number"==typeof e),o=a.length?Math.min(...a):null,i=null!=o&&r&&o<r;e.set(t.id,{salePrice:i?o:r,originalPrice:i?r:void 0,discountRate:i?Math.round((r-o)/r*100):0})}),e},[P]),k=(0,a.useMemo)(()=>w.map(e=>{var t,n;const a=null===(t=e.url)||void 0===t||null===(n=t.match(x))||void 0===n?void 0:n[1],o=a?M.get(a):null;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach(function(t){(0,r.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({id:e.id,productName:e.title||"",productTitle:[e.season,e.year].filter(

1Boolean).join(" "),image:e.imageUrl,href:e.url||"#"},o)}),[w,M]),O=Math.ceil(k.length/8),z=(0,a.useMemo)(()=>k.slice(8*(e-1),8*e),[k,e]);return a.createElement(a.Fragment,null,a.createElement(p.A,{title:"Styling"}),a.createElement(v.A,{sidebar:a.createElement(b.A,{activeTab:"styling"})},a.createElement(d.az,{display:{base:"block",lg:"none"},mb:5,mx:-5},a.createElement(h.A,{activeTab:"styling"})),a.createElement(d.az,null,a.createElement(s.E,{fontSize:"14px",fontWeight:500,color:"cv-normal",lineHeight:1,pb:5},"STYLING"),a.createElement(l.r,{columns:{base:1,lg:4},gap:5},z.map(e=>a.createElement(d.az,{key:e.id,as:o.Link,to:e.href,onClick:t=>((e,t)=>{"undefined"!=typeof window&&window.matchMedia("(hover: none)").matches&&n!==t.id&&(e.preventDefault(),L(t.id))})(t,e),role:"group",position:"relative",h:"full",bg:"gray.200",overflow:"hidden",display:"block",_hover:{textDecoration:"none"}},e.image&&a.createElement(i._,{src:e.image,w:"full",h:"full",objectFit:"cover",alt:e.productName}),a.createElement(d.az,{position:"absolute",bottom:0,left:0,right:0,bg:"rgba(0,0,0,0.6)",p:5,opacity:n===e.id?1:0,_groupHover:{opacity:1},transition:"opacity 0.2s ease"},a.createElement(d.az,{mb:2},a.createElement(s.E,{fontSize:"12px",color:"white",lineHeight:"1.45"},e.productName),a.createElement(s.E,{fontSize:"12px",color:"white",lineHeight:"1.45"},e.productTitle)),"number"==typeof e.salePrice&&a.createElement(c.T,{align:"flex-start",gap:0},"number"==typeof e.originalPrice&&a.createElement(s.E,{as:"s",fontSize:"11px",color:"cv-assistive",lineHeight:1},E(e.originalPrice)),a.createElement(u.s,{align:"baseline",gap:1.5,mt:1},e.discountRate>0&&a.createElement(s.E,{fontSize:"11px",color:"cv-sale",lineHeight:1},e.discountRate,"%"),a.createElement(s.E,{fontSize:"11px",color:"white",lineHeight:1},E(e.salePrice)))))))),O>1&&a.createElement(g.A,{currentPage:e,totalPages:O,onPageChange:t,mt:0,pt:{base:11.25,lg:15},pb:{base:3.75,lg:7.5}}))))}},95391(e,t,n){n.d(t,{A:()=>p});var r=n(77810),a=n(27821),o=n(62539),i=n(11692),l=n(66161),s=n(62345),c=n(70886),d=n(38408);const u=parseInt(d.x6),p=({activeTab:e})=>{const{html:t,name:n}=(0,l.r)(c.W),[p,m]=(0,r.useState)(!1),[g,f]=(0,r.useState)(!1),v=(0,r.useRef)(null),b=(0,r.useRef)(null),h=()=>m(!1);return(0,r.useEffect)(()=>{const e=v.current;if(!e)return;b.current=Math.max(1,e.getBoundingClientRect().top+window.scrollY-u),f(window.scrollY>=b.current);const t=()=>{null!==b.current&&f(window.scrollY>=b.current)};return window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t)},[]),(0,r.useEffect)(()=>(document.body.style.overflow=p?"hidden":"",()=>{document.body.style.overflow=""}),[p]),r.createElement(r.Fragment,null,r.createElement(o.az,{position:"fixed",top:"0px",left:"0px",right:"0px",bottom:"0px",bg:"blackAlpha.500",zIndex:100,onClick:h,opacity:p?1:0,pointerEvents:p?"auto":"none",transition:"opacity 0.25s ease"}),g&&r.createElement(o.az,{h:"40px"}),r.createElement(o.az,{ref:v,position:g?"fixed":"relative",top:g?d.nn:void 0,left:g?"0px":void 0,right:g?"0px":void 0,zIndex:p||g?101:void 0,bg:"white"},r.createElement(i.s,{h:10,pl:5,pr:3.25,align:"center",justify:"space-between",borderBottom:p?"none":"1px solid",borderColor:g?"cv-normal":"border.cv-normal",cursor:"pointer",onClick:()=>m(e=>!e)},r.createElement(a.E,{fontSize:"13px",fontWeight:500,color:"cv-normal"},n),r.createElement(o.az,{as:s.J4,boxSize:6,transition:"transform 0.2s",transform:p?"rotate(180deg)":"rotate(0deg)",opacity:p?1:.5})),r.createElement(o.az,{position:"absolute",top:"100%",left:"0px",right:"0px",bg:"white",overflow:"hidden",display:"grid",gridTemplateRows:p?"1fr":"0fr",transition:"grid-template-rows 0.3s ease"},r.createElement(o.az,{minH:0},r.createElement(c.A,{html:t,activeTab:e,variant:"mobile",onNavigate:h})))))}},70886(e,t,n){n.d(t,{A:()=>g,W:()=>u});var r=n(10939),a=n(77810),o=n(75826),i=n.n(o),l=n(64965),s=n(62539);function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?c(Object(n),!0).forEach(function(t){(0,r.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const u="support-nav",p={pc:{main:{gap:"10px",marginTop:"20px",paddingBottom:"40px"},legal:{gap:"5px",paddingBottom:"30px"}},mobile:{main:{gap:"10px",padding:"18px 20px 25px"},legal:{gap:"10px",padding:"0 20px 30px"}}},m=({html:e,activeTab:t,variant:n="pc",onNavigate:r})=>{const o=(0,l.W6)(),i=(0,a.useCallback)(e=>{var t,n;const a=null===(t=(n=e.target).closest)||void 0===t?void 0:t.call(n,"a");if(!a||"_blank"===a.target)return;const i=a.getAttribute("href");i&&i.startsWith("/")&&(e.preventDefault(),o.push(i),null==r||r())},[o,r]),c=p[n];return a.createElement(s.az,{onClick:i,sx:{ul:{listStyle:"none",margin:0,display:"flex",flexDirection:"column",alignItems:"flex-start"},a:{color:"cv-assistive",lineHeight:1,_hover:{color:"cv-normal"}},".cv-support-nav__main":d(d({},c.main),{},{fontSize:"12px"}),".cv-support-nav__legal":d(d({},c.legal),{},{fontSize:"11px"}),[`a[data-tab="${t}"]`]:{color:"cv-normal"}},dangerouslySetInnerHTML:{__html:e||""}})};m.propTypes={html:i().string,activeTab:i().string,variant:i().oneOf(["pc","mobile"]),onNavigate:i().func};const g=m},23506(e,t,n){n.d(t,{A:()=>s});var r=n(77810),a=n(27821),o=n(62539),i=n(66161),l=n(70886);const s=({activeTab:e})=>{const{html:t,name:n}=(0,i.r)(l.W);return r.createElement(o.az,null,r.createElement(a.E,{fontSize:"15px",fontWeight:"medium",color:"cv-normal",lineHeight:"normal"},n),r.createElement(l.A,{html:t,activeTab:e}))}},75195(e,t,n){n.d(t,{VZ:()=>d,iN:()=>l,kH:()=>c,rI:()=>s,xF:()=>u});var r=n(28407),a=n(29188),o=n(4026);const i=6e4,l=e=>!1===(null==e?void 0:e.isActive),s=(e,{enabled:t=!0}={})=>{const{app:n}=(0,o.getConfig)(),{siteId:l}=n.commerceAPI.parameters;return(0,a.I)({queryKey:["content-asset",e,l],queryFn:(s=(0,r.A)(function*(){const t="undefined"==typeof window&&process.env.APP_ORIGIN||"",n=yield fetch(`${t}/mobify/proxy/ocapi/on/demandware.store/Sites-${l}-Site/default/HomeContent-GetContentAsset?id=${encodeURIComponent(e)}`,{credentials:"include",headers:{"X-Requested-With":"XMLHttpRequest"}});if(!n.ok)return null;const r=yield n.json();return null!=r&&r.ok?r.body:null}),function(){return s.apply(this,arguments)}),enabled:t,staleTime:i,retry:!1});var s},c=(e,{enabled:t=!0}={})=>{const{app:n}=(0,o.getConfig)(),{siteId:l}=n.commerceAPI.parameters;return(0,a.I)({queryKey:["editorial-detail",e,l],queryFn:(s=(0,r.A)(function*(){const t="undefined"==typeof window&&process.env.APP_ORIGIN||"",n=yield fetch(`${t}/mobify/proxy/ocapi/on/demandware.store/Sites-${l}-Site/default/MagazineContent-Detail?editorialId=${encodeURIComponent(e)}`,{credentials:"include",headers:{"X-Requested-With":"XMLHttpRequest"}});if(!n.ok)return null;const r=yield n.json();return null!=r&&r.ok?{html:r.body||"",isActive:"boolean"==typeof r.isActive?r.isActive:void 0,slug:r.slug||""}:null}),function(){return s.apply(this,arguments)}),enabled:t&&!!e,staleTime:i,retry:!1});var s},d=(e,{enabled:t=!0}={})=>{const{app:n}=(0,o.getConfig)(),{siteId:l}=n.commerceAPI.parameters;return(0,a.I)({queryKey:["lookbook-detail",e,l],queryFn:(s=(0,r.A)(function*(){const t="undefined"==typeof window&&process.env.APP_ORIGIN||"",n=yield fetch(`${t}/mobify/proxy/ocapi/on/demandware.store/Sites-${l}-Site/default/MagazineContent-LookbookCollections?editorialId=${encodeURIComponent(e)}`,{credentials:"include",headers:{"X-Requested-With":"XMLHttpRequest"}});if(!n.ok)return null;const r=yield n.json();return null!=r&&r.success?r.data:null}),function(){return s.apply(this,arguments)}),enabled:t&&!!e,staleTime:i,retry:!1});var s},u=e=>{const{app:t}=(0,o.getConfig)(),{siteId:n}=t.commerceAPI.parameters;return(0,a.I)({queryKey:["magazine-content",e,n],queryFn:(l=(0,r.A)(function*(){const t=`/mobify/proxy/ocapi/on/demandware.store/Sites-${n}-Site/default/MagazineContent-List?sectionType=${e}`,r=yield fetch(t,{credentials:"include",headers:{"X-Requested-With":"XMLHttpRequest"}});if(!r.ok)return[];const a=yield r.json();return null!=a&&a.success&&Array.isArray(a.data)?a.data:[]}),function(){return l.apply(this,arguments)}),staleTime:i,retry:!1,enabled:"undefined"!=typeof window});var l}}}]);