1import{C as n}from"./Component.min.BXKnktQZ.js";class l extends n{onInit(s){this.el=s,this.swapBtns=[...this.el.querySelectorAll("[data-swap]")],this.gridContainer=this.el.querySelector("[data-collection-container]"),this.grid=this.el.querySelector("[data-grid]"),this.bindEvents()}bindEvents(){this.initActiveSwitch(),this.handleSwitch(),this.listenForGridChange()}initActiveSwitch(){this.grid=this.el.querySelector("[data-grid]");const s=localStorage.getItem("grid-setting-normal")?localStorage.getItem("grid-setting-normal")==="true":null;if(s!==null){const i=s?"js-grid-by-2":"js-grid-by-4",t=this.swapBtns.find(a=>a.classList.contains(i)),e=this.swapBtns.find(a=>!a.classList.contains(i));t&&(t.classList.add("is-active"),this.setSvgRectsActive(t)),e&&(e.classList.remove("is-active"),this.setSvgRectsInactive(e)),this.toggleGridClass(!s),this.setGridBaseClass(!s)}else{const i=this.swapBtns.find(t=>t.classList.contains("js-grid-by-2"));i&&(i.classList.add("is-active"),this.setSvgRectsActive(i)),this.setGridBaseClass(!1),this.gridContainer.classList.add("is-ready")}}setGridBaseClass(s){this.grid&&(this.grid.classList.toggle("is-by-4",s),this.grid.classList.toggle("is-by-2",!s))}toggleGridClass(s){this.setGridBaseClass(s),requestAnimationFrame(()=>{setTimeout(()=>{this.gridContainer.dispatchEvent(new Event("gridClassChanged"))},0)})}handleSwitch(){this.swapBtns.forEach(s=>{s.addEventListener("click",()=>{const i=s.classList.contains("js-grid-by-2");localStorage.setItem("grid-setting-normal",i?"true":"false"),this.initActiveSwitch(),document.dispatchEvent(new Event("grid:swap:click"))})})}listenForGridChange(){this.gridContainer.addEventListener("gridClassChanged",()=>{this.gridContainer.classList.add("is-ready")}),document.addEventListener("grid:updated",()=>{this.initActiveSwitch();const s=document.querySelector("[data-collection-container]");s&&s.classList.add("is-ready")})}setSvgRectsActive(s){if(!s)return;s.querySelectorAll("svg rect").forEach(t=>{t.classList.add("!u-fill-black","!u-stroke-black"),t.classList.remove("!u-fill-none","!u-stroke-[#B3B3B3]")})}setSvgRectsInactive(s){if(!s)return;s.querySelectorAll("svg rect").forEach(t=>{t.classList.add("!u-fill-none","!u-stroke-[#B3B3B3]"),t.classList.remove("!u-fill-black","!u-stroke-black")})}}export{l as default};
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.