!function(){var e=document.createElement("style");e.innerHTML=':root{--font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--grey-ultra-dark: #424242;--grey-dark: #626262;--grey-medium: #828282;--grey-light: #c2c2c2;--grey-ultra-light: #f2f2f2;--grey-1: #2e2e2e;--grey-5: #cacaca;--grey-6: #efefef;--white: #ffffff;--black: #000000;--transparent: rgba(255, 255, 255, 0);--coral-dark: #ff271e;--coral: #ff6458;--coral-light: #ffefee;--green: #3cb064;--amber: #e6b94f;--accent-color: var(--coral);--primary-light-40: #ffa29b;--error-color: var(--coral-dark);--warning-color: var(--amber);--success-color: var(--green);--background-color: var(--grey-ultra-light);--font-color: var(--grey-dark);--font-accent-color: var(--coral);--font-inverted-color: var(--white);--border-color: var(--grey-light);--link-color: var(--grey-dark);--link-hover-color: var(--grey-ultra-dark);--overlay-color: rgba(255, 255, 255, .7);--shadow-color: rgba(0, 0, 0, .2);--font-size: 1rem;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-32: 2rem;--font-size-48: 3rem;--font-size-64: 4rem;--font-size-96: 6rem;--line-height: 1.5rem;--line-height-12: 1.3125rem;--line-height-14: 1.3125rem;--line-height-16: 1.5rem;--line-height-20: 1.5625rem;--line-height-24: 1.875rem;--line-height-32: 2.5rem;--line-height-48: 3.75rem;--line-height-1em: 1em;--line-height-125em: 1.25em;--space-unit: .25rem;--space-0: calc(var(--space-unit) * 0);--space-1: calc(var(--space-unit) * 1);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-5: calc(var(--space-unit) * 5);--space-6: calc(var(--space-unit) * 6);--space-7: calc(var(--space-unit) * 7);--space-8: calc(var(--space-unit) * 8);--space-9: calc(var(--space-unit) * 9);--space-10: calc(var(--space-unit) * 10);--space-12: calc(var(--space-unit) * 12);--space-16: calc(var(--space-unit) * 16);--space-20: calc(var(--space-unit) * 20);--space-24: calc(var(--space-unit) * 24);--uppercase-letter-spacing: .1em;--button-border-radius: 20px;--container-border-radius: 8px;--circle-border-radius: 50%;--box-shadow-blur: 4px;--box-shadow-spread: 8px;--ctf-link-decoration: underline;--ctf-link-color: var(--coral)}:export{extraSmallBreakpoint:320px;smallBreakpoint:425px;mobileBreakpoint:768px;tabletBreakpoint:970px;desktopBreakpoint:1200px;largeBreakpoint:1400px;extraLargeBreakpoint:1600px;xxlBreakpoint:1800px}@media (min-width: 970px){.product-gallery{min-height:380px}}.product-gallery .product-gallery-divider,.product-gallery .product-gallery-title{max-width:2560px}\n',document.head.appendChild(e);try{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]="88267868-ebe1-489f-ad67-6e7abf00b1c2",e._sentryDebugIdIdentifier="sentry-dbid-88267868-ebe1-489f-ad67-6e7abf00b1c2")}catch(a){}System.register(["./UGCService-legacy.a2239c89.js","./index-legacy.afe140c7.js","./ImageGalleryTitle-legacy.88c3c79d.js","./vendor-legacy.73ccb84b.js","./Divider-legacy.c59d097c.js","./vue-scrollto-legacy.7b178a62.js","./accessibilityUtils-legacy.78c369b6.js","./intersection-observer-legacy.fa6fb145.js","./vue-virtual-scroller-legacy.886c496b.js","./ContentfulHeading-legacy.bf0898cd.js","./slugify-legacy.03ad10ec.js"],(function(e){"use strict";var a,t,i,o,r,s,l,n,c,g,d,p,m,u,h,f,y,b,k;return{setters:[function(e){a=e.a,t=e.I,i=e.c,o=e.d},function(e){r=e.b,s=e.q,l=e.bu,n=e.T},function(e){c=e.I},function(e){g=e.P,d=e.o,p=e.E,m=e.F,u=e.Q,h=e.a,f=e.aG,y=e.w,b=e.Y},function(e){k=e.default},function(){},function(){},function(){},function(){},function(){},function(){}],execute:function(){const v={components:{ImageGallery:a,ImageGalleryMobile:t,ImageGalleryTitle:c,Divider:k},props:{sku:{type:String},similarSkus:{type:Array},mixedSkus:{type:Boolean,default:!1},showDivider:{type:Boolean,default:!0},showTitle:{type:Boolean,default:!0},showNewHeading:{type:Boolean,default:!1},collectionName:{type:String}},emits:["expandedVisible","imagesUpdated"],setup(){const{isMobile:e}=s();return{isMobile:e}},data:()=>({loading:!0,images:[],next:[],pageSize:25,maxRequestsPerPage:4,minPrimarySkuImages:5,showGallery:!1}),watch:{images:{handler(e){this.$emit("imagesUpdated",e)}}},async mounted(){this.next=[{sku:this.sku,page:1},...(this.similarSkus||[]).map((e=>({sku:e,page:this.mixedSkus?2:1})))];const e=await i();e&&e.success&&e.data&&(Array.isArray(e.data)?this.images=e.data:this.images=[e.data]),this.load()},methods:{async load(){this.loading=!0;let e=0;const a=this.maxRequestsPerPage,{pageSize:t}=this,{minPrimarySkuImages:i}=this,r=this.images.length;for(;this.next.length&&e<=a&&this.images.length-r<t;){const a=this.mixedSkus?[]:this.next.shift();let r;if(this.mixedSkus){const e=Math.floor(Math.random()*this.next.length-1)+1,a=Math.floor(this.images.length/4)+1;r=await o(this.next[e].sku,a,4)||{}}else r=await o(a.sku,a.page,t)||{};r.success&&r.data&&r.data.length&&(this.mixedSkus||this.sortProducts(a.sku,r),this.images=[...this.images,...r.data],this.images.forEach((e=>{e.products.forEach((e=>{e.link=this.convertPlaToProductUrl(e?.link)}))}))),a.sku===this.sku&&r.data&&r.data.length>i&&!this.mixedSkus&&(this.next=[]),r.success&&r.next&&!this.mixedSkus&&this.next.unshift({sku:a.sku,page:a.page+1}),e++}this.images&&!this.images.length&&this.$emit("imagesUpdated",this.images),this.loading=!1},sortProducts(e,a){a.data&&a.data.forEach((a=>{a.products&&(a.products=l(a.products,(a=>a.sku===e)).flat())}))},showExpandedGallery(){this.$refs.showGallery.onCardClicked(1),n.track("PDP_Click_More_UGC")},convertPlaToProductUrl:e=>e?.indexOf("/pla/")>-1?e.replace("/pla/","/product/"):e}},x={class:"product-gallery"},S={key:0,id:"product-ugc",class:"product-gallery-divider"};e("default",r(v,[["render",function(e,a,t,i,o,r){const s=g("Divider"),l=g("ImageGalleryTitle"),n=g("ImageGalleryMobile"),c=g("ImageGallery");return d(),p("div",x,[t.showDivider?(d(),p("div",S,[m(s,{"margin-top":"var(--space-10)","margin-bottom":"var(--space-10)"})])):u("",!0),o.images.length?(d(),h(l,{key:1,class:"product-gallery-title","collection-name":t.collectionName,"show-title":t.showTitle},f({_:2},[t.showNewHeading?{name:"subtitle",fn:y((()=>[a[1]||(a[1]=b(" See how real people style their Article furniture. ",-1))])),key:"0"}:void 0]),1032,["collection-name","show-title"])):u("",!0),i.isMobile?(d(),h(n,{key:2,images:o.images,"page-size":o.pageSize,"has-more":o.next&&o.next.length,loading:o.loading,onLoadMore:r.load},null,8,["images","page-size","has-more","loading","onLoadMore"])):(d(),h(c,{key:3,ref:"showGallery",images:o.images,"sku-id":t.sku,"page-size":o.pageSize,"has-more":o.next&&o.next.length,loading:o.loading,"custom-arrow-margin-px":16,onLoadMore:r.load,onExpandedVisible:a[0]||(a[0]=a=>e.$emit("expandedVisible",a))},null,8,["images","sku-id","page-size","has-more","loading","onLoadMore"]))])}]]))}}}))}();
//# sourceMappingURL=ProductUGC-legacy.9e645b88.js.map