1class FacetsGridColumnSwitcher extends HTMLElement{constructor(){super(),this.handleResize=this.handleResize.bind(this)}connectedCallback(){window.innerWidth<1e3&&(this.init(),subscribe(PUB_SUB_EVENTS.facetsUpdate,payload=>{this.init()}))}handleResize(){window.innerWidth>=1e3&&this.setMobileGridToOneColumn()}init(){this.columnSwitcher1=document.getElementById("columnSwitcher1"),this.columnSwitcher2=document.getElementById("columnSwitcher2"),this.productGrid=document.querySelector("ul#product-grid"),!(!this.columnSwitcher1||!this.columnSwitcher2||!this.productGrid)&&(this.columnSwitcher2.addEventListener("click",this.setMobileGridToTwoColumns.bind(this)),this.columnSwitcher1.addEventListener("click",this.setMobileGridToOneColumn.bind(this)),this.setup())}setup(){switch(sessionStorage.getItem("mobileGridColumns")){case"1":this.setMobileGridToOneColumn();break;case"2":this.setMobileGridToTwoColumns();break;default:this.setMobileGridToOneColumn();break}}setMobileGridToOneColumn(){this.productGrid&&!this.productGrid.classList.contains("tw-grid-cols-1")&&(this.productGrid.classList.remove("tw-grid-cols-2"),this.productGrid.classList.add("tw-grid-cols-1")),this.columnSwitcher1.querySelectorAll("rect").forEach(rect=>rect.setAttribute("fill","#45423D")),this.columnSwitcher2.querySelectorAll("rect").forEach(rect=>rect.setAttribute("fill","#B4B3B1")),sessionStorage.setItem("mobileGridColumns","1"),this.hideBadges(!1),this.replaceColorSwatchesWithLabel(!1)}setMobileGridToTwoColumns(){this.productGrid&&!this.productGrid.classList.contains("tw-grid-cols-2")&&(this.productGrid.classList.remove("tw-grid-cols-1"),this.productGrid.classList.add("tw-grid-cols-2")),this.columnSwitcher2.querySelectorAll("rect").forEach(rect=>rect.setAttribute("fill","#45423D")),this.columnSwitcher1.querySelectorAll("rect").forEach(rect=>rect.setAttribute("fill","#B4B3B1")),sessionStorage.setItem("mobileGridColumns","2"),this.hideBadges(!0),this.replaceColorSwatchesWithLabel(!0)}hideBadges(hide){this.productGrid.querySelectorAll(".badge__wrapper").forEach(badge=>{hide?badge.classList.add("tw-invisible"):badge.classList.remove("tw-invisible")})}replaceColorSwatchesWithLabel(replace){const colorSwatches=this.productGrid.querySelectorAll("query-swatch"),colorCountLabels=this.productGrid.querySelectorAll(".color-count");colorSwatches.forEach(colorSwatch=>{replace?colorSwatch.classList.add("tw-hidden"):colorSwatch.classList.remove("tw-hidden")}
1),colorCountLabels.forEach(label=>{replace?label.classList.remove("tw-hidden"):label.classList.add("tw-hidden")})}}customElements.define("facets-grid-column-switcher",FacetsGridColumnSwitcher); 2//# sourceMappingURL=/cdn/shop/t/236/assets/facets-grid-column-switcher.js.map?v=71265923001553049671775732678
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.