https://www.article.com/assets/ContentfulAsset.816d973a.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="5c6a7118-4d6f-4e40-9542-cfb16cd0c8c9",e._sentryDebugIdIdentifier="sentry-dbid-5c6a7118-4d6f-4e40-9542-cfb16cd0c8c9")}catch(H){}import{cz as e,bZ as l,b_ as a,cn as t,cB as s,cU as i,cl as o,c1 as u,cj as r,cV as n,cW as d,b$ as c,cO as v,c2 as p,cX as b,c9 as f,cF as y,ca as g,cs as h,cb as m,ce as k,cY as _,ct as T,cZ as w,cf as I,cc as S,cy as q,c_ as A,c$ as E,d0 as P,cG as D,cv as L,cx as j,cu as C,d1 as O}from"./index.061e774e.js";import{f as $}from"./useProduct.bdc14900.js";const x={key:0,class:"contentful-asset"},R={key:0,class:"asset-image"},z=["data","alt"],B={class:"description"},V={key:0,class:"asset-video"},M=["src","controls","disableRemotePlayback","loop","muted","autoplay","poster"],U={key:2,class:"button-text"},W=["href"],F=e({__name:"ContentfulAsset",props:{fields:{type:Object,required:!1,default:void 0},sys:{type:Object,required:!0},slug:{type:String,required:!1,default:""},lazy:{type:Boolean,required:!1,default:!0},isHibernated:{type:Boolean,required:!1,default:!1},link:{type:String,required:!1,default:""},linkTarget:{type:String,required:!1,default:"_self"},autoplayVideo:{type:Boolean,required:!1,default:!0},videoPosterUrl:{type:String,required:!1,default:""},productTags:{type:Array,required:!1,default:()=>[]},isShopThisLookEnabled:{type:Boolean,required:!1,default:!1},responsiveAssetID:{type:String,required:!1,default:""},ariaLabel:{type:String,required:!1,default:""},alt:{type:String,required:!1,default:""},from:{type:String,required:!1,default:""}},setup(e){const F=e,H=l((()=>a((()=>import("./ImageProductTag.bde324eb.js")),["assets/ImageProductTag.bde324eb.js","assets/ImageProductTag.e601df07.css","assets/index.061e774e.js","assets/index.db9dbc77.css"]))),J=l((()=>a((()=>import("./shopping-bag.03ddbc8e.js")),["assets/shopping-bag.03ddbc8e.js","assets/index.061e774e.js","assets/index.db9dbc77.css"]))),{autoplayVideo:N,link:Z,isHibernated:G,videoPosterUrl:K,from:X}=t(F),{data:Y,system:Q,init:ee}=s("asset",F);i((async()=>{await ee()}));const{mounted:le}=o(),ae=u((()=>le.value&&("mobile"===X.value&&pe.value||"desktop"===X.value&&!pe.value||!X.value))),te=u((()=>{var e,l,a;return null==(a=null==(l=null==(e=Y.value)?void 0:e.file)?void 0:l.contentType)?void 0:a.startsWith("image")})),se=u((()=>{var e,l,a;return null==(a=null==(l=null==(e=Y.value)?void 0:e.file)?void 0:l.contentType)?void 0:a.startsWith("video")})),ie=u((()=>{var e,l,a;return"image/svg+xml"===(null==(a=null==(l=null==(e=Y.value)?void 0:e.file)?void 0:l.contentType)?void 0:a.toLowerCase())})),oe=u((()=>{var e,l,a;return"image/gif"===(null==(a=null==(l=null==(e=Y.value)?void 0:e.file)?void 0:l.contentType)?void 0:a.toLowerCase())})),ue=u((()=>!G.value&&re.value)),re=u((()=>oe.value||N.value)),ne=r(JSON.parse(JSON.stringify(F.productTags))),de=u((()=>ne.value&&ne.value.length>0)),ce=r(!1),ve=r(null),{isMobile:pe,isTabletAndSmaller:be}=n(),fe=d((async()=>{if(de.value){ne.value.sort(((e,l)=>{var a,t;return((null==(a=e.coordinate)?void 0:a.y)||0)-((null==(t=l.coordinate)?void 0:t.y)||0)}));const e=ne.value.map((e=>e.productId)),l=await $(e);return null==l?void 0:l.reduce(((e,l)=>(e[l.hashKey]=l,e)),{})}return{}}),{});let ye=null;const ge=async()=>{ve.value&&(ue.value?(ve.value.muted=!0,ye=new Promise((e=>{var l;null==(l=ve.value)||l.play().then((()=>{ye=null,e()}))}))):(ve.value.muted=!1,ye&&await ye,ve.value.pause()))},he=u((()=>{var e,l;return`product-list-${encodeURIComponent(null!=(l=null==(e=Q.value)?void 0:e.id)?l:"")}`})),me=c();v(ue,ge),p((()=>{ge(),me.currentRoute.value.hash===`#${he.value}`&&Te(void 0)}));const ke=e=>{ne.value.forEach((l=>l.visible=e))},_e=e=>{e.stopPropagation()},Te=e=>{var t;e&&e.stopPropagation(),G.value||(pe.value?(ke(!1),b(l((()=>a((()=>import("./ProductsModal.428bb19b.js")),["assets/ProductsModal.428bb19b.js","assets/ProductsModal.1d7dbefb.css","assets/Product.35fc4e5d.js","assets/Product.67883428.css","assets/index.061e774e.js","assets/index.db9dbc77.css","assets/mediaUtils.018d7373.js","assets/AddToCartButton.7aa082a0.js","assets/AddToCartButton.3c8422b0.css","assets/useAddToCart.5a80e920.js","assets/DeviceUtils.44556013.js","assets/Swipe.0435a3f8.js"]))),{title:null==(t=Y.value)?void 0:t.t

1itle,products:ne.value.map((e=>fe.value[e.productId])).filter((e=>e))},{showClose:!1,urlFragment:he.value})):(()=>{const e=ne.value.every((e=>e.visible));ke(!e)})())},we=u((()=>!!ne.value&&ne.value.length&&Object.keys(fe.value).length));return(e,l)=>{const a=f("font-awesome-icon");return y(Y)&&y(Y).file?(g(),h("div",x,[te.value&&!oe.value?(g(),h("div",R,[(g(),m(L(y(Z)||e.isShopThisLookEnabled&&e.responsiveAssetID?"a":"div"),{href:e.isShopThisLookEnabled&&e.responsiveAssetID?`/browse/123/shopthislook-${e.responsiveAssetID}`:y(Z),target:e.linkTarget,class:D(["asset-image-inner",{hasProductTags:de.value}]),"aria-label":e.ariaLabel||" ",onMouseenter:l[1]||(l[1]=e=>ce.value=!0),onMouseleave:l[2]||(l[2]=e=>ce.value=!1)},{default:k((()=>{var t,s,i,o,u,r;return[ie.value?(g(),h("object",{key:0,data:y(Y).file.url,type:"image/svg+xml",alt:y(Y).title},null,8,z)):(g(),m(_,{key:1,lazy:e.lazy,url:`${y(Y).file.url}?w={width}`,alt:e.alt||y(Y).title,skeleton:!0,width:null==(i=null==(s=null==(t=y(Y).file)?void 0:t.details)?void 0:s.image)?void 0:i.width,height:null==(r=null==(u=null==(o=y(Y).file)?void 0:o.details)?void 0:u.image)?void 0:r.height},null,8,["lazy","url","alt","width","height"])),de.value?(g(),h(T,{key:2},[y(pe)&&e.isShopThisLookEnabled&&e.responsiveAssetID?S("",!0):(g(),h("button",{key:0,class:"product-tag-toggle-button button white filled","aria-label":"Toggle image product tags",onClick:w(Te,["stop"])},[I(y(J),{class:"shopping-bag-icon"})])),(g(!0),h(T,null,q(ne.value,(e=>(g(),h(T,{key:e.productId},[e&&y(fe)&&y(fe)[e.productId]?(g(),m(y(H),{key:0,"bubble-location":e.bubble,product:y(fe)[e.productId],coordinates:e.coordinate,"is-tag-visible":we.value&&e.visible,"is-anchor-visible":y(be)||ce.value,onTagBodyClicked:l[0]||(l[0]=e=>ke(!1)),onTagAnchorClicked:l=>e.visible=!e.visible},null,8,["bubble-location","product","coordinates","is-tag-visible","is-anchor-visible","onTagAnchorClicked"])):S("",!0)],64)))),128))],64)):S("",!0),e.isShopThisLookEnabled&&e.responsiveAssetID?(g(),h("button",{key:3,class:"uppercase white filled shop-this-look-button",onClick:w(_e,["stop"])},[I(a,{icon:y(A)},null,8,["icon"]),I(E,{size:"display8",class:"shop-this-look-button-text"},{default:k((()=>l[3]||(l[3]=[P(" Shop this look",-1)]))),_:1,__:[3]})])):S("",!0)]})),_:1},40,["href","target","class","aria-label"])),j("div",B,[C(e.$slots,"description-override",{},(()=>[j("span",null,O(y(Y).description),1)]))])])):se.value||oe.value?(g(),h(T,{key:1},[ae.value?(g(),h("div",V,[(g(),m(L(y(Z)?"a":"div"),{href:y(Z),target:e.linkTarget},{default:k((()=>[j("video",{ref_key:"videoElement",ref:ve,src:`${y(Y).file.url}${oe.value?"?fm=mp4":""}`,playsinline:"",controls:!re.value,disableRemotePlayback:re.value,loop:re.value,muted:re.value,autoplay:ue.value,poster:y(K),class:"video"},null,8,M)])),_:1},8,["href","target"]))])):S("",!0)],64)):(g(),h("div",U,[j("a",{href:y(Y).file.url,target:"_blank"},O(y(Y).title),9,W)]))])):S("",!0)}}});export{F as _};
2//# sourceMappingURL=ContentfulAsset.816d973a.js.map