https://cdn.sitesearch360.com/v15/ss360-relatedContent-v15.chunk.2c9bfbbb2f2b56f5769b.js

1(self.webpackChunksitesearch360_js=self.webpackChunksitesearch360_js||[]).push([[231],{3428:function(t,e,i){i.r(e);var s=i(1601),s=i.n(s),n=i(6314),i=i.n(n)()(s());i.push([t.id,".ss360-layer,body{--ss360-theme-color:#4a4f62;--ss360-accent-color:#3d8fff;--ss360-accent-color-dark:#3378d6;--ss360-accent-color-light:#c4ddfe;--ss360-accent-color-light-transparent:#ebf1fb;--ss360-black:#1f3a53;--ss360-grey-text:#5f7287;--ss360-grey-dark:#484848;--ss360-grey-medium:#626262;--ss360-grey-light:#dadfe9;--ss360-white:#fefefe;--ss360-white-dark:#f5f4f9;--ss360-dim-grey:#626262;--ss360-french-grey:#c7c6d1;--ss360-disabled-grey:#e3e8f1;--ss360-disabled-grey-text:#babfc8;--ss360-red:#ee001d;--ss360-green:#6fcf97;--ss360-yellow:#e9b05f;--ss360-fs-sm:0.875rem;--ss360-fs-md:1rem;--ss360-fs-lg:1.2rem;--ss360-fs-xl:1.5rem;--ss360-spacing-xxs:0.25rem;--ss360-spacing-xs:0.5rem;--ss360-spacing-sm:0.75rem;--ss360-spacing-md:1rem;--ss360-spacing-lg:1.5rem;--ss360-spacing-xl:2rem;--ss360-border-sm:1px;--ss360-border-md:2px;--ss360-border-radius-xs:2px;--ss360-border-radius-sm:3px;--ss360-border-radius-md:4px;--ss360-border-radius-lg:6px;--ss360-border-radius-xl:8px;--ss360-card-border-radius:12px;--ss360-box-shadow:2px 2px 4px rgba(0,0,0,.12);--ss360-layer-padding:(var(--ss360-spacing-xl) + var(--ss360-spacing-lg))/2;--ss360-grid-columns-lg:1fr 1fr 1fr 1fr;--ss360-grid-columns-md:1fr 1fr 1fr;--ss360-grid-columns-sm:1fr 1fr;--ss360-grid-columns-xs:1fr;--ss360-highlight-color:#fffaa8;--ss360-variant-dimension:50px}.ss360-related-content{margin:var(--ss360-spacing-lg) auto;max-width:1120px;padding:0 var(--ss360-spacing-lg)}.ss360-related-content__content--grid{display:grid;grid-gap:var(--ss360-spacing-md);grid-template-columns:1fr 1fr 1fr}@media(max-width:991px){.ss360-related-content__content--grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){.ss360-related-content__content--grid{grid-template-columns:1fr}}.ss360-related-content__item--image-left{display:flex}.ss360-related-content__item--image-right{display:flex;flex-direction:row-reverse}.ss360-related-content__main-title{display:block;font-size:var(--ss360-fs-md);font-weight:700;margin-bottom:0}.ss360-related-content__title{display:block;font-size:var(--ss360-fs-md);margin-bottom:var(--ss360-spacing-md)}.ss360-related-content__link{color:var(--ss360-accent-color);font-size:1.2em;-webkit-text-decoration:none;text-decoration:none}.ss360-related-content__link:focus,.ss360-related-content__link:hover{-webkit-text-decoration:underline;text-decoration:underline}.ss360-related-content__image-link{display:block;height:200px;margin-bottom:var(--ss360-spacing-md)}.ss360-related-content__image{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ss360-related-content__item-content{font-size:var(--ss360-fs-sm);line-height:var(--ss360-fs-xl);word-break:break-word}.ss360-related-content__data-points{border:0;font-size:var(--ss360-fs-sm);margin-left:0;margin-right:0;width:auto}.ss360-related-content .ss360-related-content__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--ss360-spacing-lg)}.ss360-related-content--inline .ss360-related-content__header{margin-bottom:var(--ss360-spacing-md)}.ss360-related-content .ss360-related-content__header--product{align-items:flex-start;margin-bottom:0}.ss360-related-content__close{cursor:pointer;height:48px;margin-bottom:var(--ss360-spacing-lg);width:48px}.ss360-related-content__empty-state-wrap{align-items:center;display:flex}.ss360-related-content__empty-state-icon{display:block;margin-right:var(--ss360-spacing-lg)}.ss360-related-content__empty-state-title{display:block;font-size:1.2em;font-weight:700;margin-bottom:var(--ss360-spacing-xxs)}.ss360-related-content__empty-state{font-size:1.2em;margin:0}.ss360-related-content__product-wrap{align-items:flex-start;display:flex;gap:var(--ss360-spacing-md)}.ss360-related-content__product-image{border-radius:var(--ss360-card-border-radius);height:70px;-o-object-fit:contain;object-fit:contain;width:70px}.ss360-related-content__product-content-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:var(--ss360-spacing-xs)}.ss360-related-content__price-wrap{align-items:center;display:flex;gap:var(--ss360-spacing-xs)}.ss360-related-content__price-wrap--grid{display:none}.ss360-related-content__price{line-height:1}.ss360-related-content__price--new{color:var(--ss360-accent-color);font-size:var(--ss360-fs-md);font-weight:700}.ss360-related-content__price--old{color:var(--ss360-grey-text);font-size:var(--ss360-fs-sm);-webkit-text-decoration:line-through;text-decoration:line-through}.ss360-related-content__divider{border:0;border-top:1px solid var(--ss360-grey-light);margin:var(--ss360-spacing-lg) 0}.ss360-related-content__subtitle{color:var(--ss360-grey-text);display:block;font-size:var(--ss360-fs-md);font-weight:700;line-height:1;margin-bottom:var(--ss360-spacing-xs)}.ss360-related-content-backdrop{background-color:hsla(218,7%,57%,.54);height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:999998}.ss360-related-content-backdrop--hide{cursor:default;opacity:0}

1.ss360-related-content__content--list .ss360-related-content__item{margin-bottom:var(--ss360-spacing-xl)}.ss360-related-content__item--card{background-color:var(--ss360-white);box-shadow:-1px 1px 6px rgba(0,0,0,.12);display:flex;flex-direction:column;padding-bottom:var(--ss360-spacing-sm)}.ss360-related-content__item--card .ss360-related-content__data-points,.ss360-related-content__item--card .ss360-related-content__item-content,.ss360-related-content__item--card .ss360-related-content__title{padding-left:var(--ss360-spacing-sm);padding-right:var(--ss360-spacing-sm)}.ss360-related-content__item--card .ss360-related-content__data-points{margin-left:var(--ss360-spacing-sm);margin-right:var(--ss360-spacing-sm);margin-top:auto}.ss360-related-content__data-point{border:0}.ss360-related-content__data-point-cell{border:0;padding:0}.ss360-related-content__data-point-cell--key{font-weight:700;padding-right:var(--ss360-spacing-xs)}.ss360-related-content__data-point-cell--value{word-break:break-all}.ss360-related-content__data-point-cell--hidden{visibility:hidden}.ss360-related-content__data-points--row .ss360-related-content__data-points-body{display:flex;flex-wrap:wrap}.ss360-related-content__data-points--row .ss360-related-content__data-point{margin-bottom:var(--ss360-spacing-xs);margin-right:var(--ss360-spacing-lg)}.ss360-related-content__data-points--row .ss360-related-content__data-point:last-of-type{margin-right:0}.ss360-related-content__item--image-left .ss360-related-content__image-link,.ss360-related-content__item--image-right .ss360-related-content__image-link{height:100%;margin-bottom:0;margin-right:var(--ss360-spacing-sm)}.ss360-related-content__item--image-left .ss360-related-content__image,.ss360-related-content__item--image-right .ss360-related-content__image{max-width:200px;

1min-width:200px;-o-object-fit:cover;object-fit:cover;width:200px}.ss360-related-content__item--image-left .ss360-related-content__image-link{margin-right:var(--ss360-spacing-sm)}.ss360-related-content__item--image-right .ss360-related-content__image-link{margin-left:var(--ss360-spacing-sm)}.ss360-related-content__item--image-left.ss360-related-content__item--card,.ss360-related-content__item--image-right.ss360-related-content__item--card{padding-bottom:0}.ss360-related-content__item--image-left.ss360-related-content__item--card .ss360-related-content__content-wrap,.ss360-related-content__item--image-right.ss360-related-content__item--card .ss360-related-content__content-wrap{padding-bottom:var(--ss360-spacing-sm);padding-top:var(--ss360-spacing-sm)}.ss360-related-content--loading .ss360-related-content__item--loading,.ss360-related-content--loading .ss360-related-content__main-title--loading{animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:ss360-related-content-shimmer;animation-timing-function:linear;background:linear-gradient(90deg,#f0f2f6 8%,#e3e8f1 38%,#f1f2f6 58%);background-size:200% 100%;border-radius:4px;display:inline-block;mix-blend-mode:multiply;position:relative}@media(prefers-reduced-motion:reduce){.ss360-related-content--loading .ss360-related-content__item--loading,.ss360-related-content--loading .ss360-related-content__main-title--loading{animation-duration:0s}}.ss360-related-content--loading .ss360-related-content__main-title--loading{max-width:40%;min-height:1.5em;min-width:40%}.ss360-related-content--loading .ss360-related-content__item--loading{height:200px;max-height:200px;min-height:200px}.ss360-related-content--layover{background-color:var(--ss360-white);box-sizing:content-box;height:80%;left:calc(10% - var(--ss360-layer-padding));max-width:800px;overflow-x:hidden;overflow-y:hidden;padding:var(--ss360-spacing-xl);padding-right:var(--ss360-spacing-lg);position:fixed;top:calc(10% - 30px);width:80%;z-index:99999999999}@media(min-width:1000px){.ss360-related-content--layover{left:calc(50% - 400px - var(--ss360-layer-padding))}}@media(max-width:680px){.ss360-related-content--layover{box-shadow:none;box-sizing:border-box;height:100%;left:0;overflow-x:auto;padding:var(--ss360-spacing-sm);position:fixed;top:0;width:100%}}.ss360-related-content--layover{flex-wrap:wrap;max-width:1140px;overflow-y:auto}@media(max-width:680px){.ss360-related-content--layover{left:0}}@media(min-width:1425px){.ss360-related-content--layover{left:calc(50% - 570px - var(--ss360-layer-padding))}}.ss360-related-content--drawer{background:var(--ss360-white);box-shadow:0 0 32px 0 rgba(0,0,0,.1);box-sizing:border-box;content-visibility:hidden;height:100%;left:auto;max-width:400px;-webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 var(--ss360-spacing-md);position:fixed;right:0;top:0;transform:matrix(1,0,0,1,400,0);transition:transform .3s ease-in,.3s ease-in-out;visibility:hidden;width:400px;will-change:transform;z-index:99999}.ss360-related-content--drawer::-webkit-scrollbar{width:12px}.ss360-related-content--drawer::-webkit-scrollbar-thumb{background-blend-mode:multiply;background-clip:padding-box;background-color:#e3e8f1;border:2px solid transparent;border-radius:12px}@media(max-width:680px){.ss360-related-content--drawer{transform:matrix(1,0,0,1,350,0);width:350px}}@media(max-width:425px){.ss360-related-content--drawer{transform:matrix(1,0,0,1,300,0);width:300px}}@media(max-width:360px){.ss360-related-content--drawer{transform:matrix(1,0,0,1,250,0);width:250px}}.ss360-related-content--drawer--open{content-visibility:visible;display:block;visibility:visible}.ss360-related-content--drawer--open:not(.ss360-related-content--drawer--closing){transform:translateX(0)}.ss360-related-content--drawer__header{align-items:center;display:flex;justify-content:space-between}.ss360-related-content--drawer__heading{font-size:var(--ss360-fs-md);font-weight:700;margin:0}.ss360-related-content--drawer__close,.ss360-related-content--drawer__close:focus,.ss360-related-content--drawer__close:hover{position:relative}.ss360-related-content--drawer{display:block;padding-top:var(--ss360-spacing-md);z-index:999999}.ss360-related-content--drawer.ss360-related-content--grid{max-width:600px;transform:matrix(1,0,0,1,600,0);width:600px}@media(max-width:680px){.ss360-related-content--drawer.ss360-related-content--grid{transform:matrix(1,0,0,1,400,0);width:400px}}@media(max-width:425px){.ss360-related-content--drawer.ss360-related-content--grid{transform:matrix(1,0,0,1,350,0);width:350px}}@media(max-width:360px){.ss360-related-content--drawer.ss360-related-content--grid{transform:matrix(1,0,0,1,300,0);width:300px}}.ss360-related-content--drawer.ss360-related-content--grid.ss360-related-content--drawer--open{transform:translateX(0)}.ss360-related-content--drawer--left{left:0;right:auto;transform:matrix(1,0,0,1,-400,0)}@media(max-width:680px){.ss360-related-content--drawer--left{transform:matrix(1,0,0,1,-350,0)}}@media(max-width:425px){.ss360-related-content--drawer--left{transform:matrix(1,0,0,1,-300,0)}}@media(max-width:360px){.ss360-related-content--drawer--left{transform:matrix(1,0,0,1,-250,0)}}.ss360-related-content--drawer--left.ss360-related-content--drawer--open{transform:translateX(0)}.ss360-related-content--drawer.ss360-related-content--grid.ss360-related-content--drawer--left{transform:matrix(1,0,0,1,-600,0)}@media(max-width:680px){.ss360-related-content--drawer.ss360-related-content--grid.ss360-related-content--drawer--left{transform:matrix(1,0,0,1,400,0)}}@media(max-width:425px){.ss360-related-content--drawer.ss360-related-content--grid.ss360-related-content--drawer--left{transform:matrix(1,0,0,1,-350,0)}}@media(max-width:360px){.ss360-related-content--drawer.ss360-related-content--grid.ss360-related-content--drawer--left{transform:matrix(1,0,0,1,-300,0)}}.ss360-related-content--drawer.ss360-related-content--grid.ss360-related-content--drawer--left.ss360-related-content--drawer--open{transform:translateX(0)}@keyframes ss360-related-content-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}",""]),e.default=i}

1,2064:function(t,e,i){i=i(3428);i&&i.__esModule&&(i=i.default),t.exports="string"==typeof i?i:i.toString()},8231:function(t,e){var i,s;(s=i=i||{}).Left="left",s.Right="right",e.A=i},5079:function(t,e){var i,s;(s=i=i||{}).Top="top",s.Left="left",s.Right="right",e.A=i},459:function(t,e){var i,s;(s=i=i||{}).List="list",s.Grid="grid",e.A=i},8223:function(t,e){var i,s;(s=i=i||{}).Plain="plain",s.Card="card",e.A=i},9910:function(t,e,i){i.r(e);var s=i(7766),a=i(4450),h=i(8543),m=i(8578),f=i(9892),o=i(5772),u=i(459),_=i(8223),v=i(5079),c=i(7586),w=i(3019),r=i(8231),y=i(1490),x=i(1070),g=i(1366),p=i(6465),b=i(5442);let n=c.A.getNoResultsIcon("ss360-related-content__empty-state-icon"),k=`<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.8907 6.31738L21.6825 7.10922L7.1102 21.6804L6.31836 20.8891L20.8907 6.31738Z" fill="${g.A.THEME}"/><path d="M7.1102 6.31738L21.6825 20.8886L20.8907 21.681L6.31836 7.10978L7.1102 6.31738Z" fill="${g.A.THEME}"/></svg>`,d={sm:1,md:2,lg:3,xl:3};e.default=class{constructor(e,t,i=!1){this.lastFocusedElement=null,this.configuration=e,this.insights=t,void 0===this.configuration.limit&&(this.configuration.limit=3);let s=a.rc;let n=!1;e.ecomDev?s=a.qR:e.ecom?s=i?a.yW:a.mb:e.ecomStage&&(s=a.BV),void 0!==e.baseUrl&&(s=e.baseUrl,n=!0),void 0===e.querySource&&(e.querySource={type:o.A.DomElement,selector:"h1"}),void 0===e.querySource.type&&(e.querySource.type=o.A.DomElement),void 0===e.layoutType&&(e.layoutType=u.A.Grid),void 0===e.showSnippet&&(e.showSnippet=!0),void 0===e.showDataPoints&&(e.showDataPoints=!0),void 0===e.resultStyle&&(e.resultStyle=_.A.Plain),void 0===e.imagePosition&&(e.imagePosition=e.layoutType===u.A.Grid?v.A.Top:v.A.Left),void 0===e.grid?e.grid=Object.assign({},d):Object.keys(d).forEach(t=>{void 0===e.grid[t]&&(e.grid[t]=d[t])}),void 0===e.active&&(e.active=!0),void 0===e.querySource&&(e.querySource={type:o.A.DomElement,selector:"h1"}),void 0===e.title&&(e.title="Related content"),void 0===e.showRelationTitle&&(e.showRelationTitle=!0),void 0===e.showCloseIcon&&(e.showCloseIcon=!1),void 0===e.showLoader&&(e.showLoader=!1),void 0!==this.configuration.includeRelations&&this.configuration.includeRelations.forEach(t=>{void 0===t.limit&&(t.limit=this.configuration.limit),t.limit=Math.max(Math.min(t.limit,24),1)}),void 0!==this.configuration.includeTags&&this.configuration.includeTags.forEach(t=>{void 0===t.limitPerRelation&&(t.limitPerRelation=2),t.limitPerRelation=Math.max(Math.min(t.limitPerRelation,10),1)}),void 0===this.configuration.displayType&&(this.configuration.displayType=w.A.Inline),void 0===this.configuration.drawerPosition&&(this.configuration.drawerPosition=r.A.Right),this.renderer=this.configuration.renderer,this.apiConfig=new a.Ay(s,e.ecomDev||e.ecom,e.siteId,n,void 0),this.appendStyles(),e.active&&console.log(`Initializing ${i?"Zoovu":"SiteSearch360"} 15.1.203 related content component`)}appendStyles(){let n=i(2064);if(void 0!==this.configuration.themeColor&&(n+=`.ss360-related-content__link{color: ${this.configuration.themeColor}}`),this.configuration.layoutType===u.A.Grid){let s=this.configuration.grid;Object.keys(s).reduce((t,e)=>t||d[e]!==s[e],!1)&&["xl","lg","md","sm"].forEach(e=>{var i=new Array(s[e]+1).join("1fr "),i=`.ss360-related-content__content--grid {-ms-grid-columns:${i};grid-template-columns:${i}}`;if("xl"===e)n+=i;else{let t="@media(max-width:1199px)";"md"===e?t="@media(max-width:991px)":"sm"===e&&(t="@media(max-width:767px)"),n+=t+`{${i}}`}})}var t=this.configuration.styleTarget?(0,f.A)(this.configuration.styleTarget):(0,f.A)("head");t.find("#ss360-related-content-styles").remove(),t.prepend(`<style id="related-content-styles" type="text/css">${n}</style>`)}loadAndRender(n=300,d,l=!1,c=!1){if(!(void 0!==this.configuration.urlPattern&&0<this.configuration.urlPattern.length&&null===window.location.href.match(new RegExp(this.configuration.urlPattern)))&&this.configuration.active){let r=s.A.getDataSourceValue(this.configuration.querySource);if(null!=r&&0!==r.trim().length){this.lastFocusedElement=document.activeElement;let i=(new Date).getTime();var g=-1!==this.apiConfig.baseUrl.indexOf("?")?"&":"?";let e=this.apiConfig.baseUrl+g+`site=${this.configuration.siteId}&query=${encodeURIComponent(r)}&limit=${this.configuration.limit+1}&filterOptions=false&offset=0&kvtable=false&includeContent=true&source=related_content`;if(this.configuration.isRelationSearch){var g=0===this.apiConfig.baseUrl.indexOf("https"),p=this.apiConfig.baseUrl.replace(/https?:\/\//,"").split("/")[0];let t=void 0===this.configuration._logQueries||this.configuration._logQueries;e=`http${g?"s":""}://${p}/search/relations/result?projectId=${this.configuration.siteId}&identifier=${encodeURIComponent(r)}&limit=${this.configuration.limit}&log=`+t,void 0!==this.configuration.includeRelations&&0<this.configuration.includeRelations.length&&(e=e+"&includeRelations="+encodeURIComponent(JSON.stringify(this.configuration.includeRelations))),void 0!==this.configuration.includeTags&&0<this.configuration.includeTags.length&&(e=e+"&includeTags="+encodeURIComponent(JSON.stringify(this.configuration.includeTags)))}else this.configuration.isVisualSimilaritySearch?(g=0===this.apiConfig.baseUrl.indexOf("https"),p=this.apiConfig.baseUrl.replace(/https?:\/\//,"").split("/")[0],e=`http${g?"s":""}://${p}/products/search/article/visually-similar?projectId=${this.configuration.siteId}&articleNumber=${encodeURIComponent(r)}&number=${this.configuration.limit}&diff=false&limit-category=true`):void 0!==this.configuration.contentGroups&&0<this.configuration.contentGroups.length&&(e+="&includeContentGroups="+encodeURIComponent(JSON.stringify(this.configuration.contentGroups)));0<(this.configuration.userGroup||"").length&&(e+="&userGroup="+encodeURIComponent(this.configuration.userGroup));let t=!1!==this.configuration._logQueries&&"0"!==h.A.readCookie("ss360-tracking")&&"0"!==h.A.readCookie("zoovu-tracking"),s=(e+="&log="+t,!1===this.configuration._cacheQueries&&(e+="&caching=false&cache=false"),this.configuration.queryTag&&(e+="&queryTag="+encodeURIComponent(this.configuration.queryTag)),!1),a=!1,o=()=>{this.configuration.displayType!==w.A.Drawer&&this.configuration.displayType!==w.A.Layover||(h.A.requestAnimationFrame(()=>{b.A.trapFocus("relationsFocus",()=>this.getTarget().getFocusableElements(),!0),setTimeout(()=>{b.A.trapFocus("relationsFocus",()=>this.getTarget().getFocusableElements(),!0)},100)}),(0,f.A)("body").off("keydown.closeRelations").on("keydown.closeRelations",t=>{27!==t.keyCode&&27!==t.which&&"Escape"!==t.key&&"Escape"!==t.code||(t.stopPropagation(),this._onClose())}))};this.configuration.showLoader&&setTimeout(()=>{if(!s){var t=this._createWrap("ss360-related-content--loading",'aria-busy="true"'),e=(t.append('<span class="ss360-related-content__main-title ss360-related-content__main-title--loading" role="presentation"></span>'),(0,f.A)(`<div class="ss360-related-content__content ss360-related-content__content--loading ss360-related-content__content--${this.configuration.layoutType}" role="presentation"></div>`));for(let t=0;t<this.configuration.limit;t++)e.append('<article class="ss360-related-content__item ss360-related-content__item--loading" role="presentation"></article>');t.append(e);var i=this.getTarget();i.append(t),this._appendBackdrop(i),this._hideBodyOverflow(),t.slideDown(n),a=!0,o()}},50),h.A.get(e,t=>{s=!0;let n=[],e=(this.configuration.isRelationSearch?(0<(t.relations||[]).length||0<(t.tags||[]).length)&&((t.tags||[]).forEac

1h(e=>{let i=[];(e.relations||[]).forEach(t=>{(t.searchResult||[]).forEach(t=>{i.push(t)})});var t=new m.A({searchResults:[{results:i,name:"_",type:"other",totalResults:i.length}]}),s=(this.configuration.includeTags||[]).filter(t=>t.tag===e.tag)[0];void 0!==s&&void 0!==s.title&&0<s.title.length?t.setResultTitle(s.title):t.setResultTitle(e.tag),t.setRelationTag(e.tag),n.push(t)}),(t.relations||[]).forEach(t=>{var e=new m.A({searchResults:[{results:t.searchResult||[],name:"_",type:"other",totalResults:(t.searchResult||[]).length}]});e.setResultTitle(t.name),e.setRelationId((t.id||-1).toString()),n.push(e)})):n.push(new m.A(t)),!1);n.forEach(t=>{t=this.renderSearchResponse(t,r,i,Math.round(1e6*Math.random()).toString(),d,c,a);e=e||t}),!e&&0<(this.configuration.emptyStateText||"").length&&this._renderEmptyState(),l&&void 0!==(t=this.getTarget().get(0))&&t.scrollIntoView&&t.scrollIntoView({behavior:"smooth",block:"nearest"}),o()},()=>{this.configuration.showLoader&&(this.getTarget().find(".ss360-related-content--loading").remove(),this._renderEmptyState())},void 0,!1)}}}_renderEmptyState(){var t=this._createWrap("ss360-related-content--empty-state"),e=(0<(this.configuration.title||"").length&&this._renderTitle(t,this.configuration.title,this.configuration.showCloseIcon),(0,f.A)('<div class="ss360-related-content__empty-state-wrap"></div>')),i=(0,f.A)('<div class="ss360-related-content__text-wrap"></div>'),i=(0<(this.configuration.emptyStateTitle||"").length&&i.append(`<span class="ss360-related-content__empty-state-title" aria-level="3" role="heading">${this.configuration.emptyStateTitle}</span>`),i.append(`<p class="ss360-related-content__empty-state">${this.configuration.emptyStateText}</p>`),e.append(n),e.append(i),t.append(e),this.getTarget());i.append(t),this._appendBackdrop(i),this._hideBodyOverflow()}_createWrap(t="",e="",i=!1,s="Related Content"){0<t.length&&(t=" "+t),0<e.length&&(e=" "+e);let n=(0,f.A)(`<section class="ss360-related-content ss360-related-content--${this.configuration.displayType} ss360-related-content--${this.configuration.layoutType}${t}" ${e}></section>`);if(n.attr("aria-label",this.configuration.product&&this.configuration.product.getName()?s+" for "+this.configuration.product.getName():s),this.configuration.displayType===w.A.Drawer){n.addClass("ss360-related-content--drawer--"+this.configuration.drawerPosition);let t="ss360-related-content--drawer--open";i?n.addClass(t):h.A.requestAnimationFrame(()=>{n.addClass(t)})}return this.configuration.displayType===w.A.Layover||this.configuration.displayType===w.A.Drawer?(n.attr("role","dialog"),n.attr("aria-modal","true")):(n.attr("role",null),n.attr("aria-modal",null)),n}_renderTitle(t,e,i=!1){var n=i?(0,f.A)(`<button class="ss360-n-button ss360-related-content__close" aria-label="Close">${k}</button>`):void 0;void 0!==n&&n.on("click",()=>{this._onClose()});let a=this.configuration.product;if(void 0===a||this.configuration.displayType!==w.A.Drawer&&this.configuration.displayType!==w.A.Layover){var o=`<span class="ss360-related-content__main-title" aria-level="2" role="heading">${e}</span>`;i?((r=(0,f.A)(`<header class="ss360-n-section ss360-related-content__header">${o}</header>`)).append(n),t.append(r)):t.append(o)}else{var r=(0,f.A)('<header class="ss360-n-section ss360-related-content__header ss360-related-content__header--product"></header>'),o=(0,f.A)('<div class="ss360-related-content__product-wrap"></div>'),d=(0,f.A)('<div class="ss360-related-content__product-content-wrap"></div>'),l=(0,f.A)('<span class="ss360-related-content__main-title" aria-level="2" role="heading"></span>');l.text(a.getName()),d.append(l),a.hasImage()&&(l=(0,f.A)(`<img loading="lazy" src="${a.getImage()}" class="ss360-related-content__product-image" alt="">`),o.append(l)),o.append(d),r.append(o);let s=p.A.getDataPoint(a,this.configuration.priceDataPoint,"newPrice");var l=p.A.getDataPoint(a,this.configuration.oldPriceDataPoint,"oldPrice");void 0!==s&&((o=(0,f.A)('<div class="ss360-related-content__price-wrap"></div>')).append(`<span class="ss360-related-content__price ss360-related-content__price--new">${s.value}</span>`),void 0!==l&&o.append(`<span class="ss360-related-content__price ss360-related-content__price--old">${l.value}</span>`),d.append(o)),(this.configuration.addToCartLink||this.configuration.addToCartCallback)&&((l=(0,f.A)('<button class="ss360-n-button ss360-cta ss360-cta--button ss360-cta--primary ss360-related-content__add-to-cart" type="button"></button>')).append(c.A.getSvgIcon(c.A.SHOPPING_CART,g.A.WHITE,"ss360-cta__img",void 0,void 0,"0 0 17 16")),(o=(0,f.A)("<span></span>")).text(this.configuration.addToCartLabel),l.append(o),l.on("click",i=>{if(i.preventDefault(),i.stopPropagation(),void 0!==this.insights){let t,e;void 0!==s&&(i=p.A.getPriceAndCurrency(s),t=i.price,e=i.currency),this.insights.trackAddToCart(a.getIdentifier(),a.getIdentifier(),a.getLink(),1,t,e,!0,!1,!1)}this.configuration.addToCartCallback?this.configuration.addToCartCallback(a.getIdentifier(),a.plain):window.location.href=this.configuration.addToCartLink.replace(/#RESULT_LINK#/g,a.getLink()).replace(/#IDENTIFIER#/g,a.getIdentifier())}),d.append(l)),i&&r.append(n),t.append(r),t.append('<hr class="ss360-related-content__divider">'),void t.append(`<span class="ss360-related-content__subtitle" aria-level="3" role="heading">${e}</span>`)}}renderSearchResponse(s,o,t,d,e,i=!1,r=!1){this.getTarget().find(".ss360-related-content--loading").remove();

1let l=[],n=(s.suggests.forEach(t=>{t.suggests.forEach(t=>{l.push(t)})}),/^https?:/),a=window.location.href.replace(n,"");if(0===(l=(l=this.configuration.isRelationSearch||this.configuration.isVisualSimilaritySearch?l:l.filter(t=>(t.getLink()||"").replace(n,"")!==a&&(void 0===this.configuration.product||this.configuration.product.getLink()!==t.getLink()))).slice(0,this.configuration.limit)).length)return!1;let c=this.configuration.title;(this.configuration.showRelationTitle&&(void 0!==s.getRelationTag()||void 0!==s.getRelationId())||void 0!==s.getRelationTag()&&s.getResultTitle()!==s.getRelationTag())&&(c=s.getResultTitle());r=this._createWrap(void 0,void 0,r,c);void 0!==c&&0<c.length&&this._renderTitle(r,c,this.configuration.showCloseIcon);let g=(0,f.A)(`<div class="ss360-related-content__content ss360-related-content__content--${this.configuration.layoutType}"></div>`),p=void 0!==this.configuration.resultTemplate?new y.A(this.configuration.resultTemplate,!1):void 0;l.forEach((i,e)=>{if(i.isRelation=!0,void 0!==p)g.append(p.render(i,void 0,!1,!1,!0));else if(void 0!==this.renderer){let t=this.renderer.render(i,!1,void 0);var r=document.createElement("div"),r=(r.className=t.className,r.dataset.productIdentifier=t.dataset.productIdentifier,r.appendChild(t.firstChild),(0,f.A)(r));r.find(".ss360-actions").remove(),r.addClass("ss360-suggests--relation"),r.find("img").on("load",t=>{(0,f.A)(t.target).removeClass("ss360-shimmer")}).on("error",t=>{t=(0,f.A)(t.target);t.removeClass("ss360-shimmer"),t.hide(),t.parents(".ss360-suggests__image-wrap",!0).addClass("ss360-suggests__image-wrap--empty")}),g.append(r),void(void 0!==this.insights&&r.find("a:not(.ss360-js-add-to-cart):not(.ss360-js-exclude-tracking)").on("click",()=>{this.insights.trackRelatedContentClicked(o,d,i.getLink(),e,s.getRelationId(),s.getRelationTag(),i.getIdentifier())}))}else{let e=(0,f.A)('<article class="ss360-related-content__item"></article>'),o=(this.configuration.resultStyle===_.A.Card&&e.addClass("ss360-related-content__item--card"),e);r=x.A.escapeHtml(i.getIdentifier()||"");if(i.hasImage()&&(e.append(`<a class="ss360-related-content__image-link" href="${i.getLink()}" data-ss360-identifier="${r}" target="_blank"><img loading="lazy" src="${i.getImage()}" class="ss360-related-content__image"></a>`),this.configuration.imagePosition!==v.A.Top)){let t=(0,f.A)('<div class="ss360-related-content__content-wrap"></div>');e.append(t),e.addClass("ss360-related-content__item--image-"+this.configuration.imagePosition),o=t}if(o.append(`<span role="heading" aria-lebel="3" class="ss360-related-content__title"><a href="${i.getLink()}" class="ss360-related-content__link" target="_blank" data-ss360-identifier="${r}">${i.getName()}</a></span>`),this.configuration.showSnippet&&o.append(`<p class="ss360-related-content__item-content">${i.getContent()||""}</p>`),this.configuration.showDataPoints){let a=i.getDataPoints().filter(t=>(void 0!==t.show?t.show:"PASS_ON"===t.type)&&(void 0===this.configuration.dataPoints||-1!==this.configuration.dataPoints.indexOf(t.key))).reduce((t,e)=>{var{key:e,value:i}=e;return void 0===t[e]&&(t[e]=[]),-1===t[e].indexOf(i)&&t[e].push(i),t},{});if(0<Object.keys(a).length){var r=(0,f.A)('<table class="ss360-related-content__data-points"><tbody class="ss360-related-content__data-points-body"></tbody></table>'),t=r.find(".ss360-related-content__data-points-body");this.configuration.layoutType===u.A.List&&r.addClass("ss360-related-content__data-points--row");let i=[],s=this.configuration.hiddenDataPointKeys||[],n=0===Object.keys(a).filter(t=>-1===s.indexOf(t)).length;Object.keys(a).forEach(t=>{var e=-1!==s.indexOf(t)?" ss360-related-content__data-point-cell--hidden":"",e=n?"":`<td class="ss360-related-content__data-point-cell ss360-related-content__data-point-cell--key${e}">${t}</td>`,e=`<tr class="ss360-related-content__data-point ss360-related-content__data-point--${x.A.getSafeKey(t)}">
2							${e}
3							<td class="ss360-related-content__data-point-cell ss360-related-content__data-point-cell--value">${a[t].join(", ")}</td>
4						</tr>`;i.push(e)}),t.html(i.join("")),r.append(t),o.append(r)}}g.append(e)}}),r.append(g);var h=this.getTarget();if(h.append(r),this._hideBodyOverflow(),this.configuration.displayType!==w.A.Inline&&this._appendBackdrop(h),void 0!==this.insights){let n=s.getRelationId(),a=s.getRelationTag();r.onScrolledIntoViewport(()=>{this.insights.trackRelatedContentViewed(o,d,n,a)}),this.insights.trackRelatedContentLoaded(o,(new Date).getTime()-t,l.length,d,n,this.configuration.isVisualSimilaritySearch?"_sx_visual-similarity":a,e,i),(0,f.A)(r.find(".ss360-related-content__item")).each((t,e)=>{let i=(0,f.A)(t).find("a[href]"),s=()=>{this.insights.trackRelatedContentClicked(o,d,i.attr("href"),e,n,a,i.data("ss360Identifier")),i.off("click",

4s)};i.on("click",s)})}return!0}getTarget(){let t;return t=void 0===this.configuration.contentBlock||"article, main, body"===this.configuration.contentBlock?0<(t=0<(t=0<(t=(0,f.A)("#ss360-related-content")).length?t:(0,f.A)("article")).length?t:(0,f.A)("main")).length?t:(0,f.A)("body"):(0,f.A)((0,f.A)(this.configuration.contentBlock,!0).get(0),!0)}_appendBackdrop(t){var e;t.find(".ss360-related-content-backdrop").remove(),this.configuration.displayType!==w.A.Inline&&((e=(0,f.A)('<div role="presentation" class="ss360-related-content-backdrop"><div>')).on("click",()=>{this._onClose()}),t.append(e))}_onClose(){var t,e;void 0!==this.configuration.onClose?((t=this.configuration.displayType===w.A.Drawer)&&((e=this.getTarget()).find(".ss360-related-content").removeClass("ss360-related-content--drawer--open"),e.find(".ss360-related-content-backdrop").addClass("ss360-related-content-backdrop--hide")),(0,f.A)(window).off("keydown.relationsFocus"),(0,f.A)("body").off("keydown.closeRelations"),null!=this.lastFocusedElement&&this.lastFocusedElement!==document.body&&(this.lastFocusedElement.focus(),this.lastFocusedElement=null),setTimeout(()=>{this.configuration.onClose(),(0,f.A)("body").removeClass("ss360-u-hide-y-overflow")},t?300:0)):(0,f.A)("body").removeClass("ss360-u-hide-y-overflow")}_hideBodyOverflow(){this.configuration.displayType!==w.A.Inline&&(0,f.A)("body").addClass("ss360-u-hide-y-overflow")}}}}]);
5//# sourceMappingURL=ss360-relatedContent-v15.chunk.2c9bfbbb2f2b56f5769b.js.map