1const AFTERSHIP_WIDGET_STYLES=` 2 #widgetHeaderContainer { 3 margin-inline: -40px 0 !important; 4 margin-bottom: 32px !important; 5 } 6 7 #leftOverallRatingCurrentRate { 8 color: var(--color-text-primary) !important; 9 font-family: Geograph, Helvetica, Arial, sans-serif !important; 10 font-size: 32px !important; 11 font-style: normal !important; 12 font-weight: 500 !important; 13 letter-spacing: 0.5px !important; 14 line-height: 22px !important; 15 } 16 17 #starGroupContainer { 18 gap: 5px !important; 19 margin-right: 2px !important; 20 } 21 22 #writeReviewButton { 23 align-items: center !important; 24 border-radius: 0 !important; 25 display: flex !important; 26 flex: 0 1 auto !important; 27 font-family: Geograph, Helvetica, Arial, sans-serif !important; 28 font-size: 11px !important; 29 font-style: normal !important; 30 font-weight: 400 !important; 31 gap: 24px !important; 32 justify-content: center !important; 33 letter-spacing: 2px !important; 34 line-height: 140% !important; 35 padding: 10px 12px 10px 15px !important; 36 text-transform: uppercase !important; 37 width: auto !important; 38 } 39 40 #writeReviewButton::after { 41 background: repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' fill-rule='evenodd' clip-rule='evenodd' d='M16 6.116 21.884 12 16 17.884 15.116 17l4.375-4.375H2.375v-1.25h17.116L15.116 7 16 6.116Z'/></svg>") !important; 42 color: #fff !important; 43 content: '' !important; 44 display: inline-block !important; 45 height: 24px !important; 46 width: 24px !important; 47 } 48 49 .solid-select-control { 50 border: 0 !important; 51 gap: 11px !important; 52 min-height: unset !important; 53 padding: 0 !important; 54 } 55 56 .solid-select-input { 57 border: 0 !important; 58 height: 8px !important; 59 padding: 0 !important; 60 } 61 62 .solid-select-single-value { 63 font-family: Geograph, Helvetica, Arial, sans-serif !important; 64 font-size: 8px !important; 65 font-style: normal !important; 66 font-weight: 400 !important; 67 letter-spacing: 2px !important; 68 line-height: 140% !important; 69 text-transform: uppercase !important; 70 } 71 72 [class^="aftership-reviews-widget-v2_sort"] { 73 height: 0 !important; 74 margin: 0 !important; 75 visibility: hidden !important; 76 } 77 78 [class^="aftership-reviews-widget-v2_title"] { 79 color: var(--color-text-primary) !important; 80 font-family: Geograph, Helvetica, Arial, sans-serif !important; 81 font-size: 14px !important; 82 font-style: normal !important; 83 font-weight: 400 !important; 84 letter-spacing: 0.5px !important; 85 line-height: 140% !important; 86 margin-bottom: 37px !important; 87 text-transform: uppercase !important; 88 } 89 90 [class^="aftership-reviews-widget-v2_leftOverallRating"] { 91 margin-block: 0 !important; 92 } 93 94 [class^="aftership-reviews-widget-v2_ratingReviewsContainer"] { 95 gap: 5px !important; 96 margin-block: 0 !important; 97 } 98 99 [class^="aftership-reviews-widget-v2_ratersContainer"] { 100 display: flex !important; 101 flex-direction: column !important; 102 gap: 5px !important; 103 } 104 105 [class^="aftership-reviews-widget-v2_maxRate"] { 106 color: var(--color-text-secondary) !important; 107 font-family: Geograph, Helvetica, Arial, sans-serif !important; 108 font-size: 16px !important; 109 font-style: normal !important; 110 font-weight: 400 !important; 111 letter-spacing: 0.5px !important; 112 line-height: 100% !important; 113 opacity: 1 !important; 114 } 115 116 [class^="aftership-reviews-widget-v2_rate--"] { 117 margin-bottom: 16px !important; 118 } 119 120 [class^="aftership-reviews-widget-v2_filterSortContainer"] { 121 border-bottom: 1px solid var(--color-border-secondary) !important; 122 padding: 16px 24px !important; 123 } 124 125 [class^="aftership-reviews-widget-v2_cardContainer"] { 126 border-bottom: 0 !important; 127 margin-top: 56px !important; 128 padding: 0 !important; 129 } 130 131 [class^="aftership-reviews-widget-v2_cardContainer"] div:nth-child(1) > div:nth-child(2) { 132 color: var(--color-text-secondary) !important; 133 font-family: Geograph, Helvetica, Arial, sans-serif !important; 134 font-size: 13px !important; 135 font-style: normal !important; 136 font-weight: 400 !important; 137 letter-spacing: 0.25px !important; 138 line-height: 140% !important; 139 margin-top: 0 !important; 140 position: relative !important; 141 top: 42px !important; 142 } 143 144 [class^="aftership-reviews-widget-v2_cardContainer"] > div:nth-child(2) { 145 margin-top: 16px !important; 146 } 147 148 [class^="aftership-reviews-widget-v2_cardContainer"] div:nth-child(2) > div { 149 font-size: 13px !important; 150 font-weight: 500 !important; 151 } 152 153 [class^="aftership-reviews-widget-v2_badgeContainer"] svg path { 154 fill: var(--color-yellow) !important; 155 } 156 157 [class^="aftership-reviews-widget-v2_helpfulWrapper"], 158 [class^="aftership-reviews-widget-v2_productInfoContainer"] { 159 margin-block-start: -16px !important; 160 } 161 162 [class^="aftership-reviews-widget-v2_cardContainer"] > div:nth-child(4) div { 163 font-size: 13px !important; 164 } 165 166 [class^="aftership-reviews-widget-v2_readMore"] { 167 color: inherit !important; 168 font-size: inherit !important; 169 } 170 171 [class^="aftership-reviews-widget-v2_customizedQuestionsContainer"], 172 [class^="aftership-reviews-widget-v2_helpfulWrapper"], 173 [class^="aftership-reviews-widget-v2_productInfoContainer"] { 174 display: none !important; 175 margin-block-start: 0 !important; 176 } 177 178 div[style*="margin-top"] { 179 margin-top: 0 !important; 180 } 181 182 [class^="aftership-reviews-widget-v2_reviewTitle"] { 183 color: var(--color-text-primary) !important; 184 font-family: Geograph, Helvetica, Arial, sans-serif !important; 185 font-size: 14px !important; 186 font-style: normal !important; 187 font-weight: 400 !important; 188 letter-spacing: 0.5px !important; 189 line-height: 140% !important; 190 margin: 16px 0 !important; 191 text-transform: uppercase !important; 192 } 193 194 [class^="aftership-reviews-widget-v2_pagination"] { 195 justify-content: center !important; 196 margin-top: 40px !important; 197 } 198 199 [class^="aftership-reviews-widget-v2_pagination"] div { 200 font-family: Geograph, Helvetica, Arial, sans-serif !important; 201 font-size: 12px !important; 202 font-style: normal !important; 203 font-weight: 400 !important; 204 letter-spacing: 0.25px !important; 205 line-height: 140% !important; 206 padding: 16px !important; 207 } 208 209 .solid-select-option { 210 font-size: 13px !important; 211 } 212 213 .solid-select-option[data-focused="true"] { 214 font-weight: 500 !important; 215 } 216 217 @media (max-width: 1024px) { 218 #widgetHeaderContainer { 219 flex-direction: column !important; 220 gap: 40px !important; 221 margin-inline: -20px !important; 222 margin-bottom: 20px !important; 223 } 224 225 #writeGroupButton { 226 justify-content: flex-start !important; 227 } 228 229 #writeReviewButton { 230 gap: 40px !important; 231 } 232 233 #overallRatingContainer { 234 display: grid !important; 235 grid-template-columns: 1fr 1fr !important; 236 grid-template-rows: auto auto !important; 237 } 238 239 [class^="aftership-reviews-widget-v2_title"] { 240 grid-column: 1 / 3 !important; 241 margin-bottom: 16px !important; 242 } 243 244 [class^="aftership-reviews-widget-v2_rate--"] { 245 grid-column: 1 !important; 246 margin-bottom: 0 !important; 247 } 248 249 #overallRatingContainer > div:nth-child(3) { 250 align-items: center !important; 251 grid-column: 2 !important; 252 } 253 254 [class^="aftership-reviews-widget-v2_ratingReviews"] { 255 width: 100% !important; 256 } 257 258 [class^="aftership-reviews-widget-v2_ratingReviewsContainer"], 259 [class^="aftership-reviews-widget-v2_ratersContainer"] { 260 margin-top: 40px !important; 261 } 262 263 [class^="aftership-reviews-widget-v2_reviewTitle"], 264 [class^="aftership-reviews-widget-v2_cardContainer"] > div:nth-child(4) div { 265 font-size: 12px !important; 266 } 267
268 [class^="aftership-reviews-widget-v2_filterSortContainer"] { 269 flex-direction: row !important; 270 } 271 272 [class^="aftership-reviews-widget-v2_cardContainer"] { 273 margin-top: 40px !important; 274 } 275 } 276`,AFTERSHIP_MODAL_STYLES=` 277 #writeReviewCardTitle { 278 color: #212b36 !important; 279 font-size: 16px !important; 280 font-weight: 500 !important; 281 margin-bottom: 8px !important; 282 } 283 284 [class^="aftership-reviews-widget-v2_cardContainer"] { 285 gap: 8px !important; 286 } 287 288 [class^="aftership-reviews-widget-v2_multi"], 289 [class^="aftership-reviews-widget-v2_label"] { 290 font-size: 13px !important; 291 line-height: 140% !important; 292 } 293 294 [class*="aftership-reviews-widget-v2_circle"][style*="background: rgb(24, 102, 235)"] { 295 background-color: #111111 !important; 296 } 297 298 [class^="aftership-reviews-widget-v2_primaryButton"] { 299 border-radius: 0 !important; 300 padding: 16px 15px !important; 301 } 302 303 [class^="aftership-reviews-widget-v2_primaryButton"] div:nth-child(2) { 304 font-family: Geograph, Helvetica, Arial, sans-serif !important; 305 font-size: 11px !important; 306 font-style: normal !important; 307 font-weight: 400 !important; 308 letter-spacing: 2px !important; 309 line-height: 140% !important; 310 text-transform: uppercase !important; 311 } 312`;class LyleReviewsSection extends HTMLElement{#abortController=null;#aftershipModalObserver=null;#aftershipModalInterval=null;#aftershipWidgetObserver=null;#aftershipWidgetInterval=null;#contentObserver=null;#reviewsObserver=null;#leftArrowMarkup="";#rightArrowMarkup="";connectedCallback(){this.#leftArrowMarkup=this.querySelector("[data-reviews-arrow-left]")?.innerHTML.trim()??"",this.#rightArrowMarkup=this.querySelector("[data-reviews-arrow-right]")?.innerHTML.trim()??"",this.#abortController=new AbortController;const signal=this.#abortController.signal;document.addEventListener("lyle:product-updated",this.#handleProductUpdated,{signal}),this.#observeSectionContent(),this.#customizeAftershipWidget(),this.#customizeAftershipModal(),this.#observeAftershipModal(),this.#observeAftershipWidget()}disconnectedCallback(){this.#abortController?.abort(),window.clearInterval(this.#aftershipWidgetInterval),window.clearInterval(this.#aftershipModalInterval),this.#aftershipModalObserver?.disconnect(),this.#aftershipWidgetObserver?.disconnect(),this.#contentObserver?.disconnect(),this.#reviewsObserver?.disconnect()}#observeSectionContent(){this.#contentObserver?.disconnect(),this.#contentObserver=new MutationObserver(mutationList=>{for(const mutation of mutationList)if(mutation.type==="childList"&&mutation.addedNodes.length!==0){this.#contentObserver?.disconnect(),this.#sectionLoaded();return}}),this.#contentObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.querySelector(".spr-summary-actions-newreview")&&(this.#contentObserver.disconnect(),this.#sectionLoaded())}#observeReviewsPagination(){const reviewsNode=this.querySelector(".spr-reviews");reviewsNode&&(this.#reviewsObserver?.disconnect(),this.#reviewsObserver=new MutationObserver(mutationList=>{for(const mutation of mutationList)if(mutation.type==="childList"){this.#addPaginationArrows(),this.#reviewsObserver?.disconnect(),this.#observeReviewsPagination();return}}),this.#reviewsObserver.observe(reviewsNode,{attributes:!0,childList:!0,subtree:!0}))}#sectionLoaded(){this.#addButtonClasses(),this.#addIconToButton(),this.#addPaginationArrows(),this.#observeReviewsPagination()}#addButtonClasses(){const newReviewButton=this.querySelector(".spr-summary-actions-newreview");newReviewButton&&newReviewButton.classList.add("button")}#addIconToButton(){const newReviewButton=this.querySelector(".spr-summary-actions-newreview");!newReviewButton||!this.#rightArrowMarkup||newReviewButton.querySelector(".icon__arrow--right")||newReviewButton.insertAdjacentHTML("beforeend",this.#rightArrowMarkup)}#addPaginationArrows(){const previous=this.querySelector(".spr-pagination-prev > a"),next=this.querySelector(".spr-pagination-next > a");previous&&this.#leftArrowMarkup&&(previous.innerHTML=this.#leftArrowMarkup),next&&this.#rightArrowMarkup&&(next.innerHTML=this.#rightArrowMarkup)}#customizeAftershipWidget(){this.#aftershipWidgetInterval=this.#injectShadowStylesWithRetry({selector:"#am-reviews-carousel-shadow-container-production",styleId:"aftership-custom",styles:AFTERSHIP_WIDGET_STYLES})}#observeAftershipWidget(){this.#aftershipWidgetObserver?.disconnect(),this.#aftershipWidgetObserver=new MutationObserver(mutationList=>{for(const mutation of mutationList)for(const node of mutation.addedNodes)if(node.nodeType===Node.ELEMENT_NODE&&(node.id==="am-reviews-carousel-shadow-container-production"||node.querySelector?.("#am-reviews-carousel-shadow-container-production"))){this.#customizeAftershipWidget();return}}),this.#aftershipWidgetObserver.observe(document.body,{childList:!0,subtree:!0})}#customizeAftershipModal(){this.#aftershipModalInterval=this.#injectShadowStylesWithRetry({selector:"#writeReviewCard",styleId:"aftership-modal-custom",styles:AFTERSHIP_MODAL_STYLES})}#observeAftershipModal(){this.#aftershipModalObserver?.disconnect(),this.#aftershipModalObserver=new MutationObserver(mutationList=>{for(const mutation of mutationList)for(const node of mutation.addedNodes)if(node.nodeType===Node.ELEMENT_NODE&&(node.id==="writeReviewCard"||node.querySelector?.("#writeReviewCard"))){this.#customizeAftershipModal();return}}),this.#aftershipModalObserver.observe(document.body,{childList:!0,subtree:!0})}#injectShadowStylesWithRetry({selector,styleId,styles}){let attempts=0;const maxAttempts=40,tryInjectStyles=()=>{const shadow=document.querySelector(selector)?.shadowRoot;if(!shadow)return!1;if(shadow.querySelector(`style[data-${styleId}]`))return!0;const style=document.createElement("style");return style.setAttribute(`data-${styleId}`,"true"),style.textContent=styles,shadow.appendChild(style),!0};if(tryInjectStyles())return null;const interval=window.setInterval(()=>{attempts+=1,(tryInjectStyles()||attempts>=maxAttempts)&&window.clearInterval(interval)},250);return interval}#handleProductUpdated=event=>{const reviews=this.querySelector("#shopify-product-reviews"),productId=event.detail?.response?.id;if(!reviews||productId==null||Number.parseInt(reviews.dataset.id,10)===Number(productId))return;reviews.dataset.id=String(productId);const productReviewsScript=[...document.scripts].find(script=>script.src.includes("productreviews"));productReviewsScript?.src&&this.#reloadReviewsScript(productReviewsScript.src)};#reloadReviewsScript(src){const head=document.head,existingScripts=[...head.querySelectorAll("script")
312].filter(script2=>script2.src===src);for(const script2 of existingScripts)script2.remove();const script=document.createElement("script");script.src=src,head.appendChild(script),this.#observeSectionContent(),this.#customizeAftershipWidget()}}customElements.get("lyle-reviews-section")||customElements.define("lyle-reviews-section",LyleReviewsSection);const initializeAftershipReviewStyles=()=>{const injectShadowStyles=({selector,styleId,styles})=>{const shadow=document.querySelector(selector)?.shadowRoot;if(!shadow)return!1;if(shadow.querySelector(`style[data-${styleId}]`))return!0;const style=document.createElement("style");return style.setAttribute(`data-${styleId}`,"true"),style.textContent=styles,shadow.appendChild(style),!0},injectWidgetStyles=()=>injectShadowStyles({selector:"#am-reviews-carousel-shadow-container-production",styleId:"aftership-custom",styles:AFTERSHIP_WIDGET_STYLES}),injectModalStyles=()=>injectShadowStyles({selector:"#writeReviewCard",styleId:"aftership-modal-custom",styles:AFTERSHIP_MODAL_STYLES});injectWidgetStyles(),injectModalStyles(),new MutationObserver(mutationList=>{for(const mutation of mutationList)for(const node of mutation.addedNodes)node.nodeType===Node.ELEMENT_NODE&&((node.id==="am-reviews-carousel-shadow-container-production"||node.querySelector?.("#am-reviews-carousel-shadow-container-production"))&&injectWidgetStyles(),(node.id==="writeReviewCard"||node.querySelector?.("#writeReviewCard"))&&injectMod
312alStyles())}).observe(document.body,{childList:!0,subtree:!0}),document.addEventListener("lyle:product-updated",injectWidgetStyles)};window.__lyleAftershipReviewStylesInitialized||(window.__lyleAftershipReviewStylesInitialized=!0,initializeAftershipReviewStyles()); 313//# sourceMappingURL=/cdn/shop/t/458/assets/lyle-reviews-section.js.map?v=45284586844247624241788364385
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.