card-product-swatch…?v=171075764142206346151771966103

js fibremood.com collected 2026-10-02 07:01:16 UTC 1,624 bytes, 1 lines download raw bytes

1class CardProductSwatchExpand{constructor(t){this.component=t,this.wrapper=t.parentElement,this.swatches=t.querySelectorAll(".swatch-wrapper"),this.count=this.swatches.length,this.resizeObserver=null}async init(){this.update(),this.observeResize(),this.listenToggleClick()}getSwatchWidth(){const t=this.swatches[0];return t?.offsetWidth||t?.clientWidth||0}update(){const t=this.getSwatchWidth();this.component.querySelector(".swatch-toggle")?.remove(),this.swatches.forEach(t=>t.classList.remove("swatch-hidden"));let e=Math.floor(this.wrapper.offsetWidth/t);if(e<this.count?(e--,this.component.classList.add("has-toggle")):this.component.classList.remove("has-toggle"),this.swatches.forEach((t,s)=>s>=e&&t.classList.add("swatch-hidden")),this.component.classList.remove("visibility-hidden"),e<this.count){const t=document.createElement("button");t.type="button",t.className="swatch-toggle",t.dataset.action="reveal-swatches",t.setAttribute("aria-expanded","false"),t.setAttribute("aria-controls","swatch-list"),t.textContent="+"+(this.count-e),this.swatches[e-1].after(t)}e>=this.count&&this.component.classList.remove("expanded")}listenToggleClick(){document.addEventListener("click",t=>{const e=t.target.closest('[data-action="reveal-swatches"]');if(!e)return;const s=e.closest("card-product-swatch");s&&s===this.component&&(s.classList.add("expanded"),e.remove())})}observeResize(){const t=debounce(()=>{this.component.classList.contains("expanded")||this.update()},100);"ResizeObserver"in window?(this.resizeObserver=new ResizeObserver(t),this.resizeObserver.observe(this.wrapper)):window.addEventListener("resize",t)}}

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.