https://hombee.dev/assets/ActionButton.astro_astro_type_script_index_0_lang.BdWqVhKV.js

1import{t as i}from"./simple-markdown.DHiAwoqM.js";import{t as r}from"./ActionButton.events.GCb5_hWZ.js";globalThis.process??={};globalThis.process.env??={};var o=240,n=class extends HTMLElement{static get observedAttributes(){return["data-state","data-duration","data-text-idle"]}button=null;completionController=null;completionTimeout=null;content=null;progress=null;restoreTimeout=null;attributeChangedCallback(t,e,s){e!==s&&(t==="data-state"||t==="data-text-idle")&&this.updateState()}connectedCallback(){this.button=this.querySelector("a, button"),this.progress=this.querySelector(".action-button-progress"),this.content=this.querySelector(".action-button-content"),this.updateState(),this.button?.addEventListener("click",()=>{if((this.getAttribute("data-state")||"idle")!=="idle")return;const t=this.button?.closest("form"),e=this.button instanceof HTMLButtonElement&&this.button.type==="submit";t&&t.method!=="dialog"&&e&&t.checkValidity()&&setTimeout(()=>{this.getAttribute("data-state")==="idle"&&this.setAttribute("data-state","loading")},0)})}disconnectedCallback(){this.cancelCompletion(),this.restoreTimeout&&clearTimeout(this.restoreTimeout)}cancelCompletion(){this.completionController?.abort(),this.completionController=null,this.completionTimeout&&(clearTimeout(this.completionTimeout),this.completionTimeout=null)}completeProgress(t){if(!this.progress||!this.content)return;const e=()=>{this.getAttribute("data-state")!=="success"||!this.content||(i(this.content,this.getAttribute("data-text-success")||""),this.cancelCompletion(),this.dispatchEvent(new CustomEvent(r)))};if(this.progress.style.transition="none",this.progress.style.transform=`scaleX(${t})`,this.prefersReducedMotion()||t>=.995){this.progress.style.transform="scaleX(1)",e();return}this.progress.offsetWidth,this.completionController=new AbortController,this.progress.addEventListener("transitionend",s=>{s.propertyName==="transform"&&e()},{signal:this.completionController.signal}),this.completionTimeout=window.setTimeout(e,340),this.progress.style.transition=`transform ${o}ms cubic-bezier(0.22, 1, 0.36, 1)`,this.progress.style.transform="scaleX(1)"}getCurrentProgressScale(){if(!this.progress)return 0;const t=getComputedStyle(this.progress).transform.match(/^matrix(?:3d)?\((.+)\)$/),e=Number(t?.[1]?.split(",")[0]);return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}updateState(){const t=this.getAttribute("data-state")||"idle",e=Number(this.getAttribute("data-duration")??3e3);if(this.cancelCompletion(),this.restoreTimeout&&(clearTimeout(this.restoreTimeout),this.restoreTimeout=null),!(!this.button||!this.progress||!this.content))if(this.button.removeAttribute("disabled"),t==="idle")this.progress.style.transition="none",i(this.content,this.getAttribute("data-text-idle")||""),this.progress.style.transform="scaleX(0)";else if(t==="loading"){if(i(this.content,this.getAttribute("data-text-loading")||""),this.button.setAttribute("disabled","true"),this.progress.style.transition="none",this.progress.style.transform="scaleX(0)",this.prefersReducedMotion())return;this.progress.offsetWidth,this.progress.style.transition=`transform ${e}ms linear`,this.progress.style.transform="scaleX(1)"}else if(t==="success"){const s=this.getCurrentProgressScale();this.button.setAttribute("disabled","true"),this.completeProgress(s)}else t==="error"&&(i(this.content,this.getAttribute("data-text-error")||""),this.progress.style.transition="none",this.progress.style.transform="scaleX(1)",this.progress.offsetWidth,this.progress.style.transition="transform 4000ms ease-in-out",this.progress.style.transform="scaleX(0)",this.restoreTimeout=window.setTimeout(()=>{this.setAttribute("data-state","idle")},4e3))}};customElements.get("action-button")||customElements.define("action-button",n);