https://www.loewe.com/mobify/bundle/2486/page-designer-editorial-product-vertical-highlight.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6050],{7014:(e,t,r)=>{r.d(t,{A:()=>S});var i=r(54705),a=r(96540),o=r(50817),n=r(86694),l=r(15209),s=r(37625),c=r(43976),d=r(10467),u=r(22254),p=r(78465),m=r(17169),g=r(14714);function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}const v=function(){var e=(0,d.A)((function*(e,t,r){const{token:i,session:a,usid:o}=yield r(),n=yield t.shopperProducts.getProduct({headers:{authorization:`Bearer ${String(i)}`},parameters:{id:e}});var l,s;return{productId:n.id,productName:n.name??"",c_uuid:n.c_uuid,c_allImages:n.c_allImages?JSON.parse(n.c_allImages):[],c_colorSelected:n.c_colorSelected?JSON.parse(n.c_colorSelected):{},c_colorSwatches:n.c_colorSwatches?JSON.parse(n.c_colorSwatches):[],c_productDetailPageURL:(l=n.c_productDetailPageURL,s=null==n?void 0:n.primaryCategoryId,l&&s?`${l}?cgid=${s}`:"")}}));return function(t,r,i){return e.apply(this,arguments)}}();

1var h=r(78951),w=r(74413),f=r(38040),_=r(28007),y=r(97747),O=r(32772);const P=(0,r(96).A)("div",{target:"e59f1b00"})("position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:",(({show:e})=>e?"translateY(98%)":"translateY(0)"),";opacity:",(({show:e})=>e?1:0),";transition:transform var(--lw-motion-duration-300) var(--lw-motion-easing-ease-in);background-color:var(--lw-color-background-primary);z-index:1;"),I=({thumbnails:e,handleThumbnailChange:t,handleThumbnailChangeImg:r,activeThumbnail:i,isDesktop:o,showThumbnails:n=!1,toggleThumbnails:l})=>{const s=(0,a.useRef)(null);return a.createElement(P,{ref:s,show:n,onMouseLeave:()=>l(),onKeyDown:e=>{["Escape","Enter"].includes(e.key)&&l()}},a.createElement(O.V,{elements:e,isVisible:n,activeThumbnail:i,onClick:(e,i)=>{t(null==i?void 0:i.variationGroupId),r(e,{src:null==i?void 0:i.src})},onHover:(e,i)=>{"mouseenter"===e.type&&(t(null==i?void 0:i.variationGroupId),r(e,{src:null==i?void 0:i.src}))},maxElements:4,redirectToProductCard:()=>{},className:"product_tile_thumbnail"}))};function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){(0,i.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const S=({item:e,productId:t,ratioFixedInImageContainer:r="",addToWishlist:d,removeFromWishlist:O,wishlistIds:P,categoryId:D,itemListName:S,isExpanded:x,showProductInfo:j=!0,index:k,showProductInfoOnHover:A=!1,keepActionWrapperOn:T=!1,disableOverMouse:F=!1,setDefaultImage:N,visibleOnce:C=!0,enableSpaMode:M=!1,mobileImagesCarrouselMode:W,showColorSelected:L=!1})=>{var R;const{add:$,get:H}=(0,w.f)(),[z,U]=a.useState(H(t)||""),{data:q,refetch:B}=((e,t)=>{const r=(0,p.useCommerceApi)(),{getTokenWhenReady:a}=(0,g.n)();return(0,u.I)(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){(0,i.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({queryKey:[m.H.getProduct,e],queryFn:()=>e?v(e,r,a):Promise.resolve({}),keepPreviousData:!0,enabled:!1},t))})(z),J=(0,f.tz)(),G=(0,n.ue)(),{hasUserActions:K}=(0,_.R)(),{navigate:Y}=(0,y.v)();a.useEffect((()=>{B()}),[z]);const V=(0,a.useMemo)((()=>E(E({},e),q)),[JSON.stringify(e),JSON.stringify(q)]),Q=(0,a.useMemo)((()=>P.includes(V.productId)),[P,V.productId]),{isDesktop:Z}=(0,s.Ay)(),X=(0,h.A)(),ee=(0,a.useCallback)((()=>{O(V.productId,V.c_gtm_data)}),[V.productId,V.c_gtm_data,O]),te=(0,a.useCallback)((()=>{d(V.productId,V.c_gtm_data)}),[V.productId,V.c_gtm_data,d]),re=null===(R=e.c_colorSwatches)||void 0===R?void 0:R.map((e=>{var t,r,i,a;return{src:null==e||null===(t=e.images)||void 0===t||null===(r=t[0])||void 0===r?void 0:r.src,alt:(null==e||null===(i=e.images)||void 0===i||null===(a=i[0])||void 0===a?void 0:a.alt)||"Product Image",variationGroupId:null==e?void 0:e.variationGroupId}})),ie=e=>{$(t,e),U(e)},ae=(0,a.useCallback)((()=>{G(l.cP.SELECT_ITEM,V.c_gtm_data,void 0,void 0,S);const e=V.c_productDetailPageURL;X&&M?Y(e):window.location.href=e}),[V.c_productDetailPageURL,V.c_gtm_data,S]),oe=C&&K;return a.createElement(o.W,{item:V,ratioFixedInImageContainer:r,isDesktop:Z,isExpanded:x,showProductInfo:j,wishlistActions:a.createElement(c.A,{isFilled:Q}),wishlistIds:P,categoryId:D,addToWishlist:te,removeFromWishlist:ee,disableOverMouse:F,showProductInfoOnHover:A,keepActionWrapperOn:T,setDefaultImage:N,index:k,handleThumbnailChange:ie,handleNavigation:ae,translations:{ariaLabel:J.formatMessage({id:"product|product.label",defaultMessage:[{type:0,value:"Go to Product: "},{type:1,value:"0"}]},{0:V.productName}),thumbnailShowText:J.formatMessage({id:"product|product.variation.view.colours",defaultMessage:[{type:0,value:"Colours"}]}),thumbnailLabelText:J.formatMessage({id:"product|product.variation.view.colors",defaultMessage:[{type:0,value:"View other colors"}]}),wishlistAriaLabel:J.formatMessage({id:"locale|global.addtowishlist",defaultMessage:[{type:0,value:"Add to My Wishlist"}]})},enableSpaMode:M,visibleOnce:C,hasUserActions:K,mobileImagesCarrouselMode:W,ThumbnailComponent:oe?a.createElement(I,{thumbnails:re,handleThumbn

1ailChange:ie,activeThumbnail:z,isDesktop:Z}):a.createElement(a.Fragment,null),showColorSelected:L})}},16515:(e,t,r)=>{r.d(t,{a:()=>v});var i=r(54705),a=r(56347),o=r(74945),n=r.n(o),l=r(22254),s=r(9992),c=r(7382),d=r(17169),u=r(21818),p=r(14714),m=r(1513);function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,i.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const v=(e,t={})=>{const{site:r,locale:i}=(0,s.A)(),{getTokenWhenReady:o}=(0,p.n)(),{getFolderCgid:g}=(()=>{const{getCategoryId:e}=(0,u.t)();return{getFolderCgid:new Promise((t=>{e().then(t).catch((()=>{t({categoryId:""})}))}))}})(),{pathname:v}

1=(0,a.zy)(),h=(0,c.o)(),{getSecurityHeaders:w}=(0,m.Y)();return(0,l.I)(b({queryKey:[d.H.folder,v],queryFn:()=>Promise.all([o(),g]).then((([{token:t},a])=>{const o=w(),l=`${h}/mobify/proxy/ocapi/s/${r.id}/dw/shop/v22_8/folders/${e}?locale=${i.id}${null!=a&&a.categoryId?`&cgid=${a.categoryId}`:""}`;return n()(l,{method:"GET",headers:b({Authorization:`Bearer ${String(t)}`},o)}).then((e=>e.status>=400?Promise.reject():e.json()))})),enabled:!0,retry:(e,t)=>("string"!=typeof(null==t?void 0:t.message)||!/404/.test(t.message))&&e<2},t))}},28907:(e,t,r)=>{r.d(t,{Z:()=>o});var i=r(96540),a=r(37625);const o=()=>{const{isDesktop:e,isTablet:t,isMobile:r}=(0,a.Ay)(),o=e?"desktop":t?"tablet":"mobile",n=(0,i.useCallback)((r=>e?r.desktop:t?r.tablet:r.mobile),[e,t,r]);return{getProductTile:({productItem:e,showTileCoverImage:t})=>{var i;const a=e.product,l={video:{videoId:r?e.fcst_mobile_video_id:e.fcst_desktop_video_id,muted:e.mute_video,controlsSettings:{inherit:e.video_control},autoplay:e.video_autoplay,loop:e.video_loop}},s=e.banner_video?[l]:[],c={alt:(null==a||null===(i=a.images)||void 0===i?void 0:i.alt)||"",title:"",src:null!=a&&a.images?n(a.images.src):""},d=[...s,...t?[c]:[],...a&&a.imagesForPD&&a.imagesForPD[o]?a.imagesForPD[o]:[]];return{productId:(null==a?void 0:a.id)||"",productName:(null==a?void 0:a.name)||"",ratio:null==e?void 0:e.ratio,c_isPromoPrice:!(null==a||!a.isPromoPrice),c_showStandardPrice:!(null==a||!a.showStandardPrice),c_salesPriceFormatted:(null==a?void 0:a.salesPriceFormatted)||"",c_standardPriceFormatted:(null==a?void 0:a.standardPriceFormatted)||"",c_hidePrice

1:!(null==a||!a.hidePrice),c_allImages:d,c_colorSwatches:(null==a?void 0:a.swatches)||[],c_colorSelected:null==a?void 0:a.colorSelected,c_LW_video_plp_disable:!(null==a||!a.LW_video_plp_disable),c_LW_videoID:null==a?void 0:a.LW_videoID,c_LW_limiterColorBadges:null==a?void 0:a.LW_limiterColorBadges,c_wanna3DFlag:!(null==a||!a.wanna3DFlag),c_wannaARFlag:!(null==a||!a.wannaARFlag),c_wannaARlink:null==a?void 0:a.wannaARlink,c_gtm_data:null==a?void 0:a.gtm_data,c_productDetailPageURL:null==a?void 0:a.url,c_allFlags:(null==a?void 0:a.allFlags)||[],activeFlag:null}}}}},30455:(e,t,r)=>{r.r(t),r.d(t,{EditorialProductVerticalHighlight:()=>E,default:()=>S});var i=r(54705),a=r(96540),o=r(67534),n=r(37625),l=r(49096),s=r(7014),c=r(97395),d=r(96),u=r(45188);const p=(0,d.A)("div",{target:"e1fmho5b3"})("padding:var(--lw-spacing-0);display:grid;grid-template-columns:50% 50%;grid-template-rows:auto var(--lw-spacing-400) auto;grid-template-areas:'mainImage mainImage' '· ·' 'titleDescriptionWrapper distributorsWrapper';.main-image{grid-area:mainImage;}.title-description-wrapper{align-self:start;grid-area:titleDescriptionWrapper;position:sticky;top:var(--lw-spacing-0);max-width:210px;@media (max-width: ",u.MQ.m,"px){max-width:179px;}}.distributors-wrapper{grid-area:distributorsWrapper;margin-top:var(--lw-spacing-400);}.distributors-description{text-align:left;margin-right:var(--lw-spacing-400);margin-left:var(--lw-spacing-400);}.distributors-title{display:flex;flex-flow:column;flex-wrap:nowrap;align-items:flex-start;margin-bottom:var(--lw-spacing-400);margin-right:var(--lw-spacing-400);margin-left:var(--lw-spacing-400);}.distributor-image-anchor{margin-bottom:var(--lw-spacing-300);}@media (min-width: ",u.MQ.md,"px){grid-template-columns:50% 25% 25%;grid-template-rows:auto;grid-template-areas:'mainImage · distributorsWrapper';.main-image{grid-area:mainImage;.container{position:sticky;top:var(--lw-spacing-0);}}.title-description-wrapper{max-width:232px;position:relative;top:unset;}.distributors-wrapper{grid-area:distributorsWrapper;margin-top:0;}.distributors-description{text-align:left;margin-right:var(--lw-spacing-0);margin-left:var(--lw-spacing-0);}.distributors-title{display:flex;flex-flow:column;flex-wrap:nowrap;align-items:flex-start;margin-bottom:var(--lw-spacing-600);margin-right:var(--lw-spacing-0);margin-left:var(--lw-spacing-0);}.distributor-image-anchor{margin-bottom:var(--lw-spacing-300);}}"),m=(0,d.A)("div",{target:"e1fmho5b2"})({name:"va2k03",styles:"text-align:end"}),g=(0,d.A)("div",{target:"e1fmho5b1"})({name:"14pqicy",styles:"margin-bottom:var(--lw-spacing-2000)"}),b=(0,d.A)("div",{target:"e1fmho5b0"})("margin-bottom:var(--lw-spacing-1200);span{text-align-last:left;margin-top:var(--lw-spacing-100);text-align:left;}span[data-testid='product-name']{",(({showDistributorName:e})=>e?"color: transparent;":"color: var(--lw-color-text-primary);")," &::after{color:var(--lw-color-text-primary);content:'",(({showDistributorName:e,title:t})=>e?t:""),"';position:absolute;left:0;padding-left:var(--lw-spacing-400);padding-right:var(--lw-spacing-400);@media (min-width: ",u.MQ.md,"px){padding:0;}}}");var v=r(28907),h=r(69794),w=r(49822),f=r(24844);const _=(0,d.A)("img",{target:"e1r3nfhl2"})("width:100%;height:auto;object-fit:cover;object-position:center;position:relative;top:0;",(({aspectRatio:e})=>e?`aspect-ratio:${e};`:""),";"),y=(0,d.A)("div",{target:"e1r3nfhl1"})({name:"lrziqx",styles:"display:flex;flex-flow:column;flex-wrap:nowrap;margin-bottom:var(--lw-spacing-2000)"}),O=(0,d.A)("div",{target:"e1r3nfhl0"})({name:"xhmlpx",styles:"a,button{align-items:flex-start!important;}text-align:start;.icon-static{margin-top:var(--lw-border-width-150);}"}),P=({distributor:e})=>{var t,r;return a.createElement(y,null,a.createElement("a",{className:"distributor-image-anchor",href:e.link,target:e.new_tab_image?"_blank":"_self",rel:e.new_tab_image?"noreferrer":""},a.createElement(_,{aspectRatio:e.ratio_free?String(e.ratio_free):String(e.ratio),className:"distributor-image",src:null===(t=e.distributorMainImage)||void 0===t?void 0:t.src,alt:null===(r=e.distributorMainImage)||void 0===r?void 0:r.alt})),a.createElement(O,null,a.createElement(f.N,{variant:"CTA",href:e.link,size:"medium",target:e.new_tab_image?"_blank":"_self",rel:e.new_tab_image?"noreferrer":"",IconStatic:w.K_},e.name)))};function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?I(Object(r),!0).forEach((function(t){(0,i.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const E=e=>{const{isDesktop:t}=(0,n.Ay)(),{regions:r=[],distributors:i=[],title:d,description:u,wishlistIds:w,addToWishlist:f,removeFromWishlist:_}=(e=>{const{distributors:t}=e.custom,{data:r,addToWishlist:i,removeFromWishlist:o}=(0,h.q)(),{isDesktop:l,isTablet:s,isMobile:c}=(0,n.Ay)(),{getProductTile:d}=(0,v.Z)(),u=(0,a.useCallback)((e=>l?e.desktop:s?e.tablet:e.mobile),[l,s,c]),p=t.map((t=>{const r=`distributor_image_${(t.index+1).toString()}`;return!!e[r]}))||[],m=(0,a.useMemo)((()=>t.map(((e,t)=>{const r=(e=>e.image&&!e.isproducttile?"distributor-main-image":e.isproducttile&&e.product?"product-tile":"none")(e);return{distributorMainImage:"distributor-main-image"===r?{src:u(e.image.src),alt:e.image.alt,title:""}:void 0,productTile:"product-tile"===r?d({productItem:{product:e.product},showTileCoverImage:p[t]}):void 0,link:e.link,name:e.name,new_tab_image:e.new_tab_image,ratio:e.ratio,ratio_free:e.ratio_free,width:e.width,contentType:r,showDistributorName:e.showDistributorName}}))),[l,s,c]),g=r?(r.customerProductListItems||[]).map((e=>e.productId)):[];return{regions:e.regions,title:e.custom.title,description:e.custom.description,distributors:m,wishlistIds:g,addToWishlist:i,removeFromWishlist:o}})(e),{productTiles:y}=(e=>{var t;const{getProductTile:r}=(0,v.Z)(),i=(null==e||null===(t=e.custom)||void 0===t?void 0:t.distributors)??[],o=i.map((t=>{const r=`distributor_image_${(t.index+1).toString()}`;return!!e[r]}))||[];return{productTiles:(0,a.useMemo)((()=>i.length?i.flatMap(((e,t)=>{if(!e.isproducttile||!e.product)return[];const i=o[t]??!1;return[r({productItem:{product:e.product},showTileCoverImage:i})]})):[]),[i,o,r])}})(e),O=(0,c.Y)(y),I=a.useMemo((()=>{let e=0;return i.map((t=>{if("product-tile"===t.contentType){const r=O[e]??!1;return e+=1,D(D({},t),{},{productTile:D(D({},t.productTile),{},{activeFlag:r})})}return t}))}),[i,O]);return a.createElement(p,null,null==r?void 0:r.map((e=>a.createElement(l.A,{className:"main-image",key:e.id,region:e}))),!t&&a.createElement(g,{className:"title-description-wrapper"},a.createElement(o.o,{className:"distributors-title",type:"headline-s"},d),a.createElement(o.o,{className:"distributors-description",type:"body-s",as:"p"},u)),a.createElement(m,{key:"distributors-wrapper",className:"distributors-wrapper"},t&&a.createElement(g,{className:"title-description-wrapper"},a.createElement(o.o,{className:"distributors-title",type:"headline-s"},d),a.createElement(o.o,{className:"distributors-description",type:"body-s",as:"p"},u)),I.map(((e,r)=>{var i,o;return a.createElement(a.Fragment,{key:`distributor-${String(r+1)}`},"distributor-main-image"===e.contentType&&a.createElement(P,{distributor:e}),"product-tile"===e.contentType&&a.createElement(b,{className:"product-tile-wrapper",showDistributorName:e.showDistributorName,title:e.name},a.createElement(s.A,{item:e.productTile,isTouchDevice:!t,isExpanded:!0,addToWishlist:f,removeFromWishlist:_,imagesColorSelected:null===(i=e.productTile)||void 0===i?void 0:i.c_colorSelected,productId:(null===(o=e.productTile)||void 0===o?void 0:o.productId)||"",wishlistIds:w,categoryId:"",index:String(r)})))}))))},S=a.memo(E)},32520:(e,t,r)=>{r.d(t,{P:()=>i});const i=(e,t)=>{const r=[];return t.forEach((t=>{const i=t.id.substr(13),a=((e,t,r)=>{let i=(null==e?void 0:e.c_allFlags)&&(null==e?void 0:e.c_allFlags.indexOf(r))>-1;return i&&"pre-order"===t.type&&(i="PREORDER"===e.c_availabilityStatus),i})(e,t,"LW_Flag"+i);a&&r.push(t)})),r.length>0?r[0]:{}}},43976:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(96540),a=r(49822),o=r(36681);const n=e=>e.isFilled?i.createElement(o.I,{size:o.y.s100},i.createElement(a.dA,{"aria-hidden":!0})):i.createElement(o.I,{size:o.y.s100},i.createElement(a.Xh,{"aria-hidden":!0}))},78951:(e,t,r)=>{r.d(t,{A:()=>n});var i=r(18987),a=r(5439),o=r(17628);const n=()=>{const{req:e}=(0,a.useServerContext)(),{sitePrefs:t}=(0,o.f)(),r=e?e.cookies.isNewPdp:i.default.get("isNewPdp");return Boolean(t.LW_forceNewPdp)||"true"===r}},97395:(e,t,r)=>{r.d(t,{H:()=>n,Y:()=>l});

1var i=r(96540),a=r(16515),o=r(32520);const n=e=>{const{data:t}=(0,a.a)("ProductFlags"),r=(0,i.useMemo)((()=>null!=t&&t.c_content?JSON.parse(t.c_content):[]),[null==t?void 0:t.c_content]);return(0,i.useMemo)((()=>(0,o.P)(e,r)),[e.productId,r])},l=e=>{const{data:t}=(0,a.a)("ProductFlags"),r=(0,i.useMemo)((()=>null!=t&&t.c_content?JSON.parse(t.c_content):[]),[null==t?void 0:t.c_content]);return(0,i.useMemo)((()=>e.map((e=>(0,o.P)(e,r)))),[e,r])}}}]);