https://www.article.com/assets/LookbookNAPage.5c3d4ef2.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="1629443a-6515-4c40-8c68-37e144920ba5",e._sentryDebugIdIdentifier="sentry-dbid-1629443a-6515-4c40-8c68-37e144920ba5")}catch(ke){}import{c7 as e,cI as a,bZ as o,b_ as l,dF as t,cj as i,c5 as n,b$ as s,ck as r,c2 as c,de as d,c1 as u,dD as k,c3 as p,c9 as v,ds as f,ca as h,cb as m,cs as g,cx as b,ct as w,cy as y,cZ as I,d1 as S,cc as x,dt as L,cf as P,ce as C,d0 as B,dd as _,dB as N,e0 as R,d5 as U,dZ as $}from"./index.92caaaf3.js";import{I as F}from"./ImportUtils.1a3fa11e.js";import{I as D}from"./Image.07340eba.js";const E=a`
2  query LOOK_BOOK($id: ID!) {
3    lookBook(id: $id) {
4      active
5      slug
6      nextLookBookUrl
7      tiles {
8        id
9        desktopImage {
10          key
11          url
12          alt
13          height
14          width
15        }
16        mobileImage {
17          key
18          url
19          alt
20          height
21          width
22        }
23      }
24    }
25  }
26`,O=a`
27  query LOOK_BOOK_FEATURED_PRODUCTS($tileId: ID!, $currencyId: Int) {
28    lookBookFeaturedProducts(tileId: $tileId, currencyId: $currencyId) {
29      id
30      title
31      productUrl
32      productImageInfo {
33        key
34        url
35        alt
36        height
37        width
38      }
39      price
40      currencySymbol
41      notForSell
42    }
43  }
44`,T={name:"LookbookPage",components:{"responsive-image":D,NotFoundPage:o((()=>l((()=>import("./NotFoundPage.ac1d208e.js")),["assets/NotFoundPage.ac1d208e.js","assets/NotFoundPage.f5956f68.css","assets/index.92caaaf3.js","assets/index.db9dbc77.css","assets/PopularProductsCarousel.6c0272eb.js","assets/PopularProductsCarousel.adcea465.css","assets/ProductCarousel.813d1319.js","assets/ProductCarousel.3ab5f872.css","assets/BundleProduct.72088946.js","assets/BundleProduct.ef2a080d.css","assets/ProductBadgeV2.6e880ac7.js","assets/ProductBadgeV2.fb912ae2.css","assets/Product.37864797.js","assets/Product.67883428.css","assets/mediaUtils.9571b3c8.js","assets/AddToCartButton.69d180f4.js","assets/AddToCartButton.3c8422b0.css","assets/useAddToCart.f11b508f.js","assets/DeviceUtils.30ebab5c.js","assets/Swipe.c01c2afa.js","assets/ContentfulHeading.e615ef92.js","assets/slugify.9328a1c0.js","assets/CanFavorite.2f6b626a.js","assets/CanFavorite.4c1e6750.css","assets/useProductSearch.cea6fa33.js","assets/SortOptions.ba9af2e0.js","assets/ContentPage.357a17fe.js","assets/ContentfulRichText.613a85e4.js","assets/ContentfulRichText.f171e9ed.css","assets/ContentfulAsset.b4824381.js","assets/ContentfulAsset.a5a58f05.css","assets/useProduct.de740063.js","assets/EventAnalytics.50f8280e.js","assets/ContentfulRichTextRenderer.2abb0345.js","assets/nodeRenderers.3438b5ed.js","assets/Divider.5d0f91e9.js","assets/InjectionKeys.216b5264.js"])))},directives:{ClickOutside:t},async setup(){var e,a,o,l;const t=i("");n({title:"Lookbook"});const v=i(!1),f=s(),h=Number.parseInt(null==(a=null==(e=f.currentRoute.value)?void 0:e.params)?void 0:a.id,10);null==(l=null==(o=f.currentRoute.value)?void 0:o.params)||l.slug;const m=i(0),g=i([]),b=r({active:!1,slug:""}),w=i([]),y=i(null),I=i(null),S=i(null);function x(){I.value=window.encodeURIComponent(window.location.href)}function L(){N((()=>{!function(){try{m.value=P.value.querySelector(".lookbook-main .swiper-slide-active").getAttribute("data-id")}catch(e){console.error(e),p.sentryCaptureError(e)}}(),async function(){try{const{lookBookFeaturedProducts:e}=await k(O,{tileId:m.value,currencyId:U.getCurrencyId()});w.value=e,N((()=>{var e;null==(e=A.value)||e.update()}))}catch(e){console.log(e),p.sentryCaptureError(e)}}(),function(){const e=P.value.querySelector(`[data-id='${m.value}']`);e&&(S.value=window.encodeURIComponent(e.getAttribute("data-media"))),S.value="#"}(),x()}))}c((()=>{v.value=!0,x()}));const P=i(null),C=i(null),B=i(null),_=i(null),D=i(null),T=i(null),M=i(null),A=i(null),q=i(!1);function V(){const e=C.value,a=_.value;a.style.marginLeft=`-${(e.clientWidth-a.querySelector(".swiper-slide").clientWidth)/2-1}px`,a.style.marginRight=(e.clientWidth-a.querySelector(".swiper-slide").clientWidth)/2-1+"px"}c((async()=>{await Q(),D.value=await F.getSwiper(),function(){const e=D.value;e&&(T.value=new e(P.value,{zoom:!1,effect:"slide",preloadImages:!1,lazy:{loadPrevNext:!0,loadPrevNextAmount:3},keyboard:!0,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},pagination:{el:".swiper-pagination",type:"fraction",renderFraction:(e,a)=>`<span class="accent ${e}"></span> / <span class="${a}"></span>`},hashNavigation:{watchState:!0,replaceState:!0},on:{slideChangeTransitionEnd:()=>{L()}}}))}(),function(){const e=D.value;e&&(M.value=new e(C.value,{centeredSlides:!0,slidesPerView:15,slideToClickedSlide:!0,watchSlidesProgress:!0,watchSlidesVisibility:!0,spaceBetween:10,hashNavigation:{watchState:!0,replaceState:!0},breakpoints:{767:{slidesPerView:4},969:{slidesPerView:8}}}),N((()=>

44{M.value.update()})))}(),function(){const e=D.value;e&&(A.value=new e(B.value,{slidesPerView:"auto",spaceBetween:20,freeMode:!0}),N((()=>{q.value=!0})))}(),V(),T.value&&M.value&&(T.value.controller.control=M.value,M.value.controller.control=T.value),L()}));const W=i(!1),j=i(!1);function z(){V()}function K(){$(z,300)()}function Z(e){W.value=e.matches}c((()=>{j.value=window.matchMedia("(max-width: 767px)"),W.value=R.isMobileAndSmaller,j.value.addListener(Z),window.addEventListener("resize",K)})),d((()=>{j.value&&j.value.removeListener(Z),window.removeEventListener("resize",K)}));const G=u((()=>`https://www.facebook.com/sharer/sharer.php?u=${I.value}`)),H=u((()=>`https://twitter.com/share?text=Check out the Article Lookbook for interior inspiration:&url=${I.value}&hashtags=ourArticle`)),J=u((()=>`https://pinterest.com/pin/create/button/?url=${I.value}&media=${S.value}`));async function Q(){try{const{lookBook:e}=await k(E,{id:h});g.value=null==e?void 0:e.tiles,y.value=null==e?void 0:e.nextLookBookUrl,b.slug=null==e?void 0:e.slug,b.active=null==e?void 0:e.active}catch(e){console.error(e),p.sentryCaptureError(e)}}const X=i(!1);return h?(await Q(),b.active||(t.value=`Lookbook ID ${h} is not active`)):t.value=`Lookbook ID ${h} is not valid`,{currentTileId:m,lookBookRef:P,lookBookThumbsRef:C,featuredSwiperRef:B,lookBookThumbWrapperRef:_,prevNavClicked:function(){A.value.slidePrev()},nextNavClicked:function(){A.value.slideNext()},tiles:g,featuredProducts:w,nextLookBookUrl:y,facebookLink:G,twitterLink:H,pinterestLink:J,onSharePageClicked:function(){X.value=!X.value},onClickOutside:function(){X.value=!1},getDataMediaUrl:function(e){return e?e.replace("{width}",1536).replace("{q}",50):e},toShowSocial:X,featuredSwiperReady:q,featuredSwiper:A,isMobile:W,mounted:v,isNotFound:t}}},M={key:1,class:"lookbook-page"},A={class:"lookbook-background container"},q={ref:"lookBookRef",class:"swiper-container lookbook-main"},V={class:"swiper-wrapper"},W=["data-id","data-hash","data-media"],j=["href"],z={class:"lookbook-navigation"},K={ref:"lookBookThumbsRef",class:"swiper-container lookbook-thumbs desktop-only"},Z={ref:"lookBookThumbWrapperRef",class:"swiper-wrapper"},G=["data-hash"],H={class:"lookbook-index"},J=["href"],Q={class:"lookbook-social-menu lookbook-navigation-item"},X={key:0,class:"lookbook-social-menu-items"},Y=["href"],ee=["href"],ae=["href"],oe={class:"lookbook-featured container carousel"},le={key:0},te={ref:"featuredSwiperRef",class:"featured-swiper-container"},ie={class:"swiper-wrapper"},ne=["alt"],se=["href"],re={class:"no-transform"},ce=["href"],de={key:0,class:"price accent"};var ue=e(T,[["render",function(e,a,o,l,t,i){const n=v("NotFoundPage"),s=v("responsive-image"),r=f("click-outside");return l.isNotFound?(h(),m(n,{key:0,reason:l.isNotFound},null,8,["reason"])):l.mounted?(h(),g("div",M,[b("div",A,[b("div",q,[b("div",V,[(h(!0),g(w,null,y(l.tiles,((e,a)=>(h(),g("div",{key:l.isMobile?e.mobileImage.key:e.desktopImage.key,class:"swiper-slide","data-id":e.id,"data-hash":"tile-"+e.id,"data-media":l.getDataMediaUrl(e.mobileImage.url)},[a==l.tiles.length-1&&l.nextLookBookUrl?(h(),g("a",{key:0,href:l.nextLookBookUrl},[l.isMobile?(h(),m(s,{key:0,image:e.mobileImage},null,8,["image"])):(h(),m(s,{key:1,image:e.desktopImage},null,8,["image"]))],8,j)):(h(),g(w,{key:1},[l.isMobile?(h(),m(s,{key:0,image:e.mobileImage},null,8,["image"])):(h(),m(s,{key:1,image:e.desktopImage},null,8,["image"]))],64))],8,W)))),128))]),a[4]||(a[4]=b("div",{class:"swiper-button-next desktop-only"},[b("span",{class:"af af-chevron-right"})],-1)),a[5]||(a[5]=b("div",{class:"swiper-button-prev desktop-only"},[b("span",{class:"af af-chevron-left"})],-1))],512),b("div",z,[b("div",K,[b("div",Z,[(h(!0),g(w,null,y(l.tiles,((e,o)=>(h(),g("a",{key:l.isMobile?e.mobileImage.key:e.desktopImage.key,role:"button",class:"swiper-slide","data-hash":"tile-"+e.id,onClick:a[0]||(a[0]=I((()=>{}),["prevent"]))},[b("h5",H,S(o+1),1),l.isMobile?(h(),m(s,{key:0,image:e.mobileImage},null,8,["image"])):(h(),m(s,{key:1,image:e.desktopImage},null,8,["image"]))],8,G)))),128)),l.nextLookBookUrl?(h(),g("a",{key:0,class:"primary lookbook-navigation-item lookbook-next",href:l.nextLookBookUrl},a[6]||(a[6]=[b("div",{class:"desktop-only navigation-icon"},[b("span",{class:"af af-chevron-right"}),b("span",{class:"af af-directions"})],-1),b("h5",null,"Next Lookbook",-1)]),8,J)):x("",!0)],512)],512),a[11]||(a[11]=b("div",{class:"swiper-pagination mobile-only"},null,-1)),L(b("div",Q,[b("a",{role:"button",class:"primary lookbook-link-share",onClick:a[1]||(a[1]=I(((...e)=>l.onSharePageClicked&&l.onSharePageClicked(...e)),["prevent"]))},a[7]||(a[7]=[b("div",{class:"desktop-only navigation-icon af af-share"},null,-1),b("h5",null,"Share Page",-1)])),P(_,{name:"social-items"},{default:C((()=>[l.toShowSocial?(h(),g("div",X,[b("h5",null,[b("a",{class:"primary lookbook-pinterest",href:l.pinterestLink,target:"_blank"},a[8]||(a[8]=[b("span",{class:"af af-pinterest"},null,-1),B(),b("span",null,"Pinterest",-1)]),8,Y)]),b("h5",null,[b("a",{class:"primary lookbook-facebook",href:l.facebookLink,target:"_blank"},a[9]||(a[9]=[b("span",{class:"af af-facebook"},null,-1),B(),b("span",null,"Facebook",-1)]),8,ee)]),b("h5",null,[b("a",{class:"primary lookbook-twitter",href:l.twitterLink,target:"_blank"},a[10]||(a[10]=[b("span",{class:"af af-twitter"},null,-1),B(),b("span",null,"Twitter",-1)]),8,ae)])])):x("",!0)])),_:1})],512),[[r,l.onClickOutside]]),a[12]||(a[12]=b("a",{class:"primary lookbook-navigation-item",href:"/lookbooks"},[b("div",{class:"desktop-only navigation-icon af af-directions"}),b("h5",null,"Lookbooks")],-1))])]),b("div",oe,[l.featuredProducts.length?(h(),g("h4",le,"Featured Products")):x("",!0),b("div",te,[P(_,{name:"fade",appear:""},{default:C((()=>[l.featuredSwiperReady&&!l.featuredSwiper.isEnd?(h(),g("div",{key:0,class:"swiper-button-next",onClickPassive:a[2]||(a[2]=(...e)=>l.nextNavClicked&&l.nextNavClicked(...e))},a[13]||(a[13]=[b("span",{class:"af af-chevron-right"},null,-1)]),32)):x("",!0)])),_:1}),P(_,{name:"fade",appear:""},{default:C((()=>[l.featuredSwiperReady&&!l.featuredSwiper.isBeginning?(h(),g("div",{key:0,class:"swiper-button-prev",onClickPassive:a[3]||(a[3]=(...e)=>l.prevNavClicked&&l.prevNavClicked(...e))},a[14]||(a[14]=[b("span",{class:"af af-chevron-left"},null,-1)]),32)):x("",!0)])),_:1}),b("div",ie,[(h(!0),g(w,null,y(l.featuredProducts,(e=>(h(),g("div",{key:e.id,class:"product swiper-slide lookbook-featured-slide",alt:e.title},[b("a",{href:e.productUrl},[P(s,{image:e.productImageInfo,widths:[320,425],breakpoints:[320,425]},null,8,["image"])],8,se),b("h6",re,[b("a",{href:e.productUrl},S(e.title),9,ce)]),e.notForSell?x("",!0):(h(),g("div",de,[b("span",null,S(e.currencySymbol)+S(e.price),1)]))],8,ne)))),128))])],512)])])):x("",!0)}]]);export{ue as default};
45//# sourceMappingURL=LookbookNAPage.5c3d4ef2.js.map