1class TagalysLibrary{static typeSuggestionsRender(html,args){const helpers=args.props.helpers,textSuggestions=helpers.getTextSuggestions(),classes=["sec-Section_TagalysSlides","tag-TypeSuggestions"];helpers.hasTextSearchSuggestions()>0?classes.push("tag-TypeSuggestions-producttext"):classes.push("tag-TypeSuggestions-product");const className=classes.join(" ");if(helpers.hasTextSearchSuggestions()){const searchQueries=[];textSuggestions[0].items.forEach(item=>{searchQueries.push(` 2 <li class="fz-15_28"> 3 <a class="tag-SearchSuggestions_Suggestion" href="${item.link}"> 4 ${item.displayString} 5 </a> 6 </li> 7 `)});const targetNode=document.querySelector('[data-tagalys-search-el="suggestions"]');targetNode.replaceChildren(),targetNode.insertAdjacentHTML("beforeend",` 8 ${searchQueries.join(" ")} 9 `)}const resultCount=helpers.getProducts().length;return html` 10 <div class="tag-Title_Header"> 11 ${resultCount>0?html` 12 <span 13 class="tag-SearchSuggestions_Heading fz-24_32 tag-ResultTotal" 14 >Product Results</span 15 > 16 <div class="klevuProductsViewAll ku-Title_ViewAll"> 17 <a 18 href="/pages/search-results?q=${helpers.getEnteredSearchQuery()}" 19 target="_parent" 20 class="ku-Title_Button ku-Button fz-15_21" 21 > 22 View all 23 </a> 24 </div> 25 `:html` 26 <p class="fz-15_28"> 27 We're sorry, no results found for 28 "${helpers.getEnteredSearchQuery()}" 29 </p> 30 `} 31 </div> 32 <ul class=${className}> 33 <${args.templates.products} 34 className="tag-SearchSuggestions_Products" 35 /> 36 </ul> 37 `}static textSuggestionsSectionRender(html,args){const textSuggestionSection=args.props.textSuggestionSection;return html` 38 <li 39 class="text-suggestion-section" 40 data-section-id=${textSuggestionSection.section_id} 41 > 42 <span class="section-title"> 43 ${textSuggestionSection.section_title} 44 </span> 45 <ul> 46 ${textSuggestionSection.items.map(textSuggestionSectionItem=>html` 47 <${args.templates.textSuggestionSectionItem} 48 textSuggestionSectionId=${textSuggestionSection.section_id} 49 textSuggestionSectionItem=${textSuggestionSectionItem} 50 /> 51 `)} 52 </ul> 53 </li> 54 `}static plainProductRender(product){const onSale=product.compare_at_price!==product.price&&product.compare_at_price!==null,getCurrency=function(){return theme.moneyFormat.replace("{{amount_no_decimals}}","").replace("{{amount}}","").replace("{{amount_with_comma_separator}}","")},badges=[];return product.tags.forEach(tag=>{if(tag.includes("plp-badge")){const badgeParts=tag.split(":");badges.push(badgeParts[1])}}),` 55 <li class="tag-SearchSuggestions_Product"> 56 <article 57 class="prd-Card util-FauxLink" 58 href=${product.__tagalys_fields.link} 59 target="_blank" 60 > 61 <div class="prd-Card_ImageContainer"> 62 <div class="prd-Card_Image"> 63 <img 64 class="product-image" 65 src=${product.images[0].src} 66 alt=${product.title} 67 /> 68 </div> 69 ${1 in product.images?` 70 <div class="prd-Card_Image prd-Card_Image-hover"> 71 <img 72 class="product-image" 73 src="${product.images[1].src}" 74 alt="${product.title}" 75 /> 76 </div> 77 `:""} 78 </div> 79 80 <div class="prd-Card_Body"> 81 <h3 class="prd-Card_Title fz-14_24"> 82 ${product.title} 83 </h3> 84 85 <p class="prd-Card_Price fz-14_24 ${onSale?"prd-Card_Price-onsale":""}"> 86 <span class="prd-Card_Price">${getCurrency()}${product.price}</span> 87 88 <s class="prd-Card_RegularPrice">
89 <span class="util-ScreenReaderOnly">Regular price</span> 90 ${getCurrency()}${product.compare_at_price} 91 </s> 92 93 <span class="prd-Card_SalePrice"> 94 ${getCurrency()}${product.price} 95 </span> 96 </p> 97 </div> 98 99 <ul class="prd-Card_BadgeList" ${badges.length?"":"hidden"}> 100 ${badges.map(badge=>` 101 <li class="prd-Card_Badge fz-11_13">${badge}</li> 102 `)} 103 </ul> 104 105 <a class="util-FauxLink_Link" href="${product.__tagalys_fields.link}"> 106 <span class="util-ScreenReaderOnly"> 107 ${product.title} 108 </span> 109 </a> 110 </article> 111 </li> 112 `}static clickSuggestionsRender(html,args){const recentAndPopularSearches=args.props.helpers.getRecentAndPopularSearches();return html` 113 <ul class="tag-SearchSuggestions_List"> 114 ${recentAndPopularSearches.recentSearches.map(recentSearch=>html` 115 <${args.templates.recentSearchItem} 116 recentSearch=${recentSearch} 117 /> 118 `)} 119 ${recentAndPopularSearches.popularSearches.map(popularSearch=>html` 120 <${args.templates.popularSearchItem} 121 popularSearch=${popularSearch} 122 /> 123 `)} 124 </ul> 125 `}static recentSearchItemRender(html,args){const props=args.props,helpers=props.helpers,enteredSearchQuery=helpers.getEnteredSearchQuery();return html` 126 <li class="fz-14_24 tag-SearchSuggestions_ListItem"> 127 <a 128 class="tag-SearchSuggestions_PopularResult" 129 href=${helpers.getLink(props.recentSearch.queryString)} 130 > 131 <${args.templates.highlighter} 132 label=${props.recentSearch.displayString} 133 highlight=${enteredSearchQuery} 134 /> 135 </a> 136 </li> 137 `}static productRender(html,args){const product=args.props.product,onSale=product.compare_at_price!==product.price&&product.compare_at_price!==null&&product.compare_at_price!==0,getCurrency=function(){return theme.moneyFormat.replace("{{amount_no_decimals}}","").replace("{{amount}}","").replace("{{amount_with_comma_separator}}","")},badges=[];return product.tags.forEach(tag=>{if(tag.includes("plp-badge")){const badgeParts=tag.split(":");badges.push(badgeParts[1])}}),html` 138 <li class="tag-SearchSuggestions_Product"> 139 <section-async 140 class="prd-Card_Async" 141 data-section-id="product-card" 142 data-url=${product.__tagalys_fields.link} 143 aria-busy="true" 144 > 145 <article class="prd-Card util-FauxLink"> 146 <div class="prd-Card_ImageContainer"> 147 <div class="prd-Card_Image"> 148 <img 149 class="product-image" 150 src=${product.images[0].src} 151 alt=${product.title} 152 /> 153 </div> 154 ${1 in product.images?html` 155 <div class="prd-Card_Image prd-Card_Image-hover"> 156 <img 157 class="product-image" 158 src="${product.images[1].src}" 159 alt="${product.title}" 160 /> 161 </div> 162 `:""} 163 </div> 164 165 <div class="prd-Card_Body"> 166 <h3 class="prd-Card_Title fz-14_24"> 167 ${product.title} 168 </h3> 169 170 <p 171 class="prd-Card_Price fz-14_24 ${onSale?"prd-Card_Price-onsale":""}" 172 > 173 <span class="prd-Card_Price" 174 >${getCurrency()}${product.price}</span 175 > 176 177 <s class="prd-Card_RegularPrice"> 178 <span class="util-ScreenReaderOnly">Regular price</span> 179 ${getCurrency()}${product.compare_at_price} 180 </s> 181 182 <span class="prd-Card_SalePrice"> 183 ${getCurrency()}${product.price} 184 </span> 185 </p> 186 </div> 187 188 <ul class="prd-Card_BadgeList" ${badges.length?"":"hidden"}> 189 ${badges.map(badge=>html` 190 <li class="prd-Card_Badge fz-11_13">${badge}</li> 191 `)} 192 </ul> 193 194 <a 195 class="util-FauxLink_Link" 196 href="${product.__tagalys_fields.link}" 197 >
198 <span class="util-ScreenReaderOnly"> 199 ${product.title} 200 </span> 201 </a> 202 </article> 203 </section-async> 204 </li> 205 `}static popularSearchItemRender(html,args){const props=args.props,helpers=props.helpers,enteredSearchQuery=helpers.getEnteredSearchQuery();return html` 206 <li class="fz-14_24 tag-SearchSuggestions_ListItem"> 207 <a 208 class="tag-SearchSuggestions_PopularResult" 209 href=${helpers.getLink(props.popularSearch.queryString)} 210 > 211 <${args.templates.highlighter} 212 label=${props.popularSearch.displayString} 213 highlight=${enteredSearchQuery} 214 /> 215 </a> 216 </li> 217 `}}window.BAO.TagalysLibrary=TagalysLibrary; 218//# sourceMappingURL=/cdn/shop/t/291/assets/bao-tagalys-library.js.map?v=22724243873592207041761906980
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.