https://www.fireclaytile.com/cdn/shop/t/18/assets/sample-add.js?v=46861478211073104921788879395

1const ADDED_STATE_MS=2e3,INERT_MS=1e3,CONTENT_TRANSITION_MS=250,CHECK_ICON_MARKUP='<svg role="presentation" focusable="false" width="14" height="14" viewBox="0 0 14 14" class="icon icon-check sample-add__check-icon" aria-hidden="true"><path d="M2.5 7.3L5.62937 10.4L11.5 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg>';class SampleAdd extends HTMLElement{connectedCallback(){this._onVariantAdd=this._onVariantAdd.bind(this),this._onCartError=this._onCartError.bind(this),this._onClick=this._onClick.bind(this),this._onSubmit=this._onSubmit.bind(this),this.addEventListener("variant:add",this._onVariantAdd),this.addEventListener("cart:error",this._onCartError),this.addEventListener("click",this._onClick,!0),this.addEventListener("submit",this._onSubmit)}disconnectedCallback(){clearTimeout(this._inertTimer),clearTimeout(this._revertTimer),clearTimeout(this._contentTimer),this._busyObserver&&this._busyObserver.disconnect(),this.removeEventListener("variant:add",this._onVariantAdd),this.removeEventListener("cart:error",this._onCartError),this.removeEventListener("click",this._onClick,!0),this.removeEventListener("submit",this._onSubmit)}get _button(){return this.querySelector('[type="submit"]')}get _label(){return this.querySelector("[data-sample-add-label]")}_onSubmit(){const button=this._button;button&&(this._awaitingResult=!0,this._busyObserver||(this._busyObserver=new MutationObserver(()=>{this._awaitingResult&&button.getAttribute("aria-busy")!=="true"&&(this.classList.add("sample-add--pending"),this._detachFromButtonTimeline(button))})),this._busyObserver.observe(button,{attributeFilter:["aria-busy"]}))}_detachFromButtonTimeline(button){const targets=[button.querySelector(":scope > div"),button.querySelector(".button__loader")];for(const element of targets)element&&(typeof element.getAnimations=="function"&&element.getAnimations().forEach(animation=>animation.cancel()),element.style.removeProperty("transform"),element.style.removeProperty("opacity"))}_releasePending(){this._awaitingResult=!1,this._busyObserver&&this._busyObserver.disconnect(),this.classList.remove("sample-add--pending")}_onVariantAdd(event){event.detail.blockCartDrawerOpening=!0,this._releasePending(),this._showAdded(),document.dispatchEvent(new CustomEvent("sample:added",{bubbles:!0}))}_onCartError(event){this._releasePending();const error=event.detail&&event.detail.error;document.dispatchEvent(new CustomEvent("sample:add-failed",{bubbles:!0,detail:{error}}))}_onClick(event){const button=this._button;button&&button.getAttribute("aria-disabled")==="true"&&event.preventDefault()}_showAdded(){const button=this._button,label=this._label;if(clearTimeout(this._inertTimer),clearTimeout(this._revertTimer),this.classList.add("sample-add--added"),button&&(button.setAttribute("aria-disabled","true"),button.querySelector(".sample-add__check-icon")||button.insertAdjacentHTML("afterbegin",CHECK_ICON_MARKUP)),label){this._originalLabel===void 0&&(this._originalLabel=label.textContent);const strings=window.themeVariables&&window.themeVariables.strings;label.textContent=strings&&strings.sampleAdded||this._originalLabel}this._playContentTransition(),this._inertTimer=setTimeout(()=>{button&&button.removeAttribute("aria-disabled")},1e3),this._revertTimer=setTimeout(()=>{this.classList.remove("sample-add--added");const icon=button&&button.querySelector(".sample-add__check-icon");icon&&icon.remove(),label&&this._originalLabel!==void 0&&(label.textContent=this._originalLabel),this._playContentTransition()},2e3)}_playContentTransition(){clearTimeout(this._contentTimer),this.classList.remove("sample-add--content-in"),this.offsetWidth,this.classList.add("sample-add--content-in"),this._contentTimer=setTimeout(()=>{this.classList.remove("sample-add--content-in")},250)}}window.customElements.get("sample-add")||window.customElements.define("sample-add",SampleAdd);
2//# sourceMappingURL=/cdn/shop/t/18/assets/sample-add.js.map?v=46861478211073104921788879395