use-scroll-animate 2.2.0 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/README.md +2 -1
- package/README_ja.md +1 -0
- package/README_zh.md +1 -0
- package/dist/chunks/{base-BiTc85p_.cjs → base-CJ7XfidP.cjs} +2 -1
- package/dist/chunks/{base-BiTc85p_.cjs.map → base-CJ7XfidP.cjs.map} +1 -1
- package/dist/chunks/{base-CFtnmfli.js → base-CuvCgqLy.js} +2 -2
- package/dist/chunks/{base-CFtnmfli.js.map → base-CuvCgqLy.js.map} +1 -1
- package/dist/components/background.cjs +1 -1
- package/dist/components/background.js +2 -2
- package/dist/components/feedback.cjs +1 -1
- package/dist/components/feedback.js +2 -2
- package/dist/components/interaction.cjs +1 -1
- package/dist/components/interaction.js +2 -2
- package/dist/components/physics.cjs +664 -0
- package/dist/components/physics.cjs.map +1 -0
- package/dist/components/physics.css +5 -0
- package/dist/components/physics.d.cts +216 -0
- package/dist/components/physics.d.ts +216 -0
- package/dist/components/physics.js +644 -0
- package/dist/components/physics.js.map +1 -0
- package/dist/components/reveal.cjs +1 -1
- package/dist/components/reveal.js +2 -2
- package/dist/components/text.cjs +1 -1
- package/dist/components/text.js +2 -2
- package/dist/components/transitions.cjs +1 -1
- package/dist/components/transitions.js +2 -2
- package/dist/components.cjs +22 -1
- package/dist/components.cjs.map +1 -1
- package/dist/components.css +3 -0
- package/dist/components.d.cts +180 -2
- package/dist/components.d.ts +180 -2
- package/dist/components.js +6 -2
- package/dist/components.js.map +1 -1
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/docs/components.md +14 -0
- package/package.json +14 -2
package/dist/components.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).UsaComponents={})}(this,function(t){"use strict";const e={injectStyles:!0,reducedMotion:"user"};function s(){return"user"!==e.reducedMotion?"reduce"===e.reducedMotion:"function"==typeof matchMedia&&!!matchMedia("(prefers-reduced-motion: reduce)").matches}const i=new Set;function a(t,s){if(!e.injectStyles||!s||i.has(t)||"undefined"==typeof document)return;i.add(t);try{if("function"==typeof CSSStyleSheet&&"adoptedStyleSheets"in document){const t=new CSSStyleSheet;return t.replaceSync(s),void(document.adoptedStyleSheets=[...document.adoptedStyleSheets,t])}}catch{}const a=document.createElement("style");a.setAttribute("data-usa",t),a.textContent=s,(document.head||document.documentElement).appendChild(a)}let r=null;function n(){if(r)return r;class t extends HTMLElement{constructor(){super(...arguments),this._cleanups=[],this._connected=!1}get reduced(){return s()}connectedCallback(){if(!this._connected){if(this._connected=!0,"undefined"!=typeof document&&"loading"===document.readyState&&!this.nextSibling&&!this.childNodes.length){const t=()=>{this._connected&&this.isConnected&&this.mount()};return document.addEventListener("DOMContentLoaded",t,{once:!0}),void this._cleanups.push(()=>document.removeEventListener("DOMContentLoaded",t))}this.mount()}}disconnectedCallback(){this._connected=!1,this.teardown()}attributeChangedCallback(t,e,s){this._connected&&e!==s&&this.changed(t)}changed(t){this.teardown(),this.mount()}teardown(){this._cleanups.splice(0).reverse().forEach(t=>t()),this.unmount()}mount(){}unmount(){}str(t,e=""){const s=this.getAttribute(t);return null===s?e:s}num(t,e){const s=this.getAttribute(t),i=null===s||""===s.trim()?NaN:Number(s);return Number.isFinite(i)?i:e}flag(t){const e=this.getAttribute(t);return null!==e&&"false"!==e}setFlag(t,e){e?this.setAttribute(t,""):this.removeAttribute(t)}onCleanup(t){this._cleanups.push(t)}listen(t,e,s,i){t.addEventListener(e,s,i),this.onCleanup(()=>t.removeEventListener(e,s,i))}inView(t,e,s=this){if("undefined"==typeof IntersectionObserver)return void t(!0);const i=new IntersectionObserver(e=>{for(const s of e)t(s.isIntersecting,s)},e);i.observe(s),this.onCleanup(()=>i.disconnect())}motion(t,e,s){return"function"!=typeof t.animate?(function(t,e){if(!e)return;for(const[s,i]of Object.entries(e))"offset"!==s&&"easing"!==s&&"composite"!==s&&null!=i&&(t.style[s]=String(i))}(t,e[e.length-1]),null):t.animate(e,s)}emit(t,e){return this.dispatchEvent(new CustomEvent(`usa:${t}`,{detail:e,bubbles:!0,cancelable:!0}))}}return r=t,r}function o(t,e,s){if("undefined"==typeof customElements||"undefined"==typeof HTMLElement)return;a("base",u),s&&a(s.id,s.text);const i=customElements.get(t);if(i)return i;const r=e(n());return customElements.define(t,r),r}const u=".usa-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}";function l(t){const e=document.createElement("span");return e.className="usa-sr",e.textContent=t,e}const c=t=>"function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(()=>t(Date.now()),16),h=()=>"undefined"!=typeof performance?performance.now():Date.now(),d=t=>{"function"==typeof cancelAnimationFrame?cancelAnimationFrame(t):clearTimeout(t)},p="cubic-bezier(0.22, 1, 0.36, 1)",m="cubic-bezier(0.34, 1.56, 0.64, 1)",f="cubic-bezier(0.1, 0.9, 0.2, 1)",g=(t,e,s)=>Math.min(s,Math.max(e,t));function b(t,e){const s=function(t,e=32){const s=`${e}px`;switch(t){case"fade":return{opacity:0};case"fade-down":return{opacity:0,transform:`translate3d(0,-${s},0)`};case"fade-left":return{opacity:0,transform:`translate3d(-${s},0,0)`};case"fade-right":return{opacity:0,transform:`translate3d(${s},0,0)`};case"zoom-in":return{opacity:0,transform:"scale(0.86)"};case"zoom-out":return{opacity:0,transform:"scale(1.14)"};case"blur":return{opacity:0,filter:"blur(12px)"};case"blur-up":return{opacity:0,filter:"blur(10px)",transform:`translate3d(0,${s},0)`};case"flip-up":return{opacity:0,transform:"perspective(800px) rotateX(-55deg)",transformOrigin:"50% 100%"};case"flip-left":return{opacity:0,transform:"perspective(800px) rotateY(55deg)",transformOrigin:"0% 50%"};case"rise":return{opacity:0,transform:`translate3d(0,${1.5*e}px,0) scale(0.96)`};default:return{opacity:0,transform:`translate3d(0,${s},0)`}}}(t,e),i={};for(const t of Object.keys(s))"opacity"===t?i.opacity=1:"transform"===t?i.transform="none":"filter"===t?i.filter="none":"transformOrigin"===t&&(i.transformOrigin=s.transformOrigin);return[s,i]}var y='usa-reveal,usa-stagger{display:block}usa-reveal[data-state="hidden"],usa-stagger[data-state="hidden"]>*{opacity:0}@media (prefers-reduced-motion:reduce){usa-reveal[data-state="hidden"],usa-stagger[data-state="hidden"]>*{opacity:1}}';function v(t="usa-reveal"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anim=null}static get observedAttributes(){return["effect","distance","repeat","threshold","root-margin"]}get effect(){return this.str("effect","fade-up")}set effect(t){this.setAttribute("effect",t)}get revealed(){return"hidden"!==this.getAttribute("data-state")}mount(){this.reduced?this.setAttribute("data-state","shown"):("shown"!==this.getAttribute("data-state")&&this.setAttribute("data-state","hidden"),this.inView(t=>{t?(this.emit("enter"),this.revealed||this.reveal()):(this.emit("leave"),this.flag("repeat")&&this.revealed&&this.reset())},{threshold:this.num("threshold",.15),rootMargin:this.str("root-margin","0px")}))}unmount(){this._anim?.cancel(),this._anim=null}reveal(){if(this._anim?.cancel(),this.setAttribute("data-state","shown"),this.reduced)return Promise.resolve();const t=this.motion(this,b(this.effect,this.num("distance",32)),{duration:this.num("duration",700),delay:this.num("delay",0),easing:this.str("easing",p),fill:"backwards"});return this._anim=t,new Promise(e=>{const s=()=>{this._anim===t&&(this._anim=null),this.emit("complete"),e()};t?t.onfinish=s:s()})}reset(){this._anim?.cancel(),this._anim=null,this.reduced||this.setAttribute("data-state","hidden")}},{id:"reveal",text:y})}function x(t="usa-stagger"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anims=[]}static get observedAttributes(){return["effect","repeat","threshold"]}mount(){this.reduced?this.setAttribute("data-state","shown"):("shown"!==this.getAttribute("data-state")&&this.setAttribute("data-state","hidden"),this.inView(t=>{t&&"hidden"===this.getAttribute("data-state")?(this.emit("enter"),this.reveal()):!t&&this.flag("repeat")&&this.reset()},{threshold:this.num("threshold",.1)}))}unmount(){this.cancel()}cancel(){this._anims.splice(0).forEach(t=>t.cancel())}reveal(){this.cancel(),this.setAttribute("data-state","shown");const t=Array.from(this.children);if(this.reduced||!t.length)return Promise.resolve();const e=b(this.str("effect","fade-up"),this.num("distance",24)),s=this.num("interval",70),i=this.num("delay",0),a=this.num("duration",600),r=this.str("easing",p),n=t.map((t,n)=>this.motion(t,e,{duration:a,easing:r,delay:i+n*s,fill:"backwards"})).filter(t=>!!t);this._anims=n;const o=n[n.length-1];return new Promise(t=>{const e=()=>{this.emit("complete"),t()};o?o.onfinish=e:e()})}reset(){this.cancel(),this.reduced||this.setAttribute("data-state","hidden")}},{id:"reveal",text:y})}function w(t){if("undefined"==typeof window)return 0;const e=window.innerHeight||document.documentElement.clientHeight;if(t){const s=t.getBoundingClientRect(),i=s.height-e;return i<=0?s.top<=0?1:0:g(-s.top/i,0,1)}const s=document.documentElement,i=s.scrollHeight-e;return i<=0?0:g((window.scrollY||s.scrollTop)/i,0,1)}function _(t="usa-scroll-progress"){return o(t,t=>class extends t{constructor(){super(...arguments),this._bar=null,this._p=-1,this._frame=0}static get observedAttributes(){return["target","label"]}get progress(){return Math.max(0,this._p)}mount(){this._bar||(this._bar=document.createElement("span"),this._bar.className="usa-progress-fill",this.replaceChildren(this._bar)),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax","100"),this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.str("label","Reading progress"));const t=()=>{this._frame||(this._frame=c(()=>(this._frame=0,this.update())))};this.listen(window,"scroll",t,{passive:!0}),this.listen(window,"resize",t,{passive:!0}),this.update()}unmount(){d(this._frame),this._frame=0}update(){const t=this.getAttribute("target"),e=w(t?document.querySelector(t):null);if(Math.abs(e-this._p)<5e-4)return;this._p=e,this._bar&&(this._bar.style.transform=`scaleX(${e})`),this.style.setProperty("--usa-progress",String(e));const s=String(Math.round(100*e));this.getAttribute("aria-valuenow")!==s&&this.setAttribute("aria-valuenow",s),this.emit("progress",{progress:e})}},{id:"scroll-progress",text:'usa-scroll-progress{display:block;position:fixed;left:0;right:0;top:0;z-index:1000;height:var(--usa-progress-height,3px);background:var(--usa-progress-track,transparent);pointer-events:none;contain:strict}usa-scroll-progress[position="bottom"]{top:auto;bottom:0}usa-scroll-progress[position="inline"]{position:relative;z-index:auto;border-radius:999px;overflow:hidden}usa-scroll-progress .usa-progress-fill{display:block;height:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--usa-progress-color,linear-gradient(90deg,#7c5cff,#22d3ee));will-change:transform}'})}function k(t="usa-scrolly"){return o(t,t=>class extends t{constructor(){super(...arguments),this._active=-1}static get observedAttributes(){return["offset"]}get active(){return this._active}get steps(){return Array.from(this.querySelectorAll("[data-step]"))}mount(){const t=this.steps;if(!t.length)return;const e=g(this.num("offset",.5),0,1),s=Math.min(99,Math.round(100*e)),i=`-${s}% 0px -${Math.max(0,99-s)}% 0px`;if("undefined"==typeof IntersectionObserver)return void this.activate(0);const a=new IntersectionObserver(e=>{for(const s of e)s.isIntersecting&&this.activate(t.indexOf(s.target))},{rootMargin:i});t.forEach(t=>a.observe(t)),this.onCleanup(()=>a.disconnect()),this._active<0&&this.activate(0,!0)}activate(t,e=!1){const s=this.steps;if(t<0||t>=s.length||t===this._active)return;this._active=t,s.forEach((e,s)=>e.toggleAttribute("data-active",s===t));const i=s[t];this.setAttribute("active",String(t)),this.style.setProperty("--usa-step",String(t)),this.setAttribute("data-step-name",i.dataset.step||String(t)),e||this.emit("step",{index:t,step:i,name:i.dataset.step||""})}},{id:"scrolly",text:"usa-scrolly{display:block;position:relative}usa-scrolly [data-sticky]{position:sticky;top:var(--usa-sticky-top,0px)}usa-scrolly [data-step]{opacity:var(--usa-step-dim,0.35);transition:opacity 0.4s ease}usa-scrolly [data-step][data-active]{opacity:1}@media (prefers-reduced-motion:reduce){usa-scrolly [data-step]{transition:none}}"})}function A(){v(),x(),_(),k()}function C(t="usa-typewriter"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._out=null,this._timer=0,this._running=!1}static get observedAttributes(){return["text","words"]}get phrases(){const t=this.getAttribute("words");return t?t.split("|").map(t=>t.trim()).filter(Boolean):[this.getAttribute("text")??this._source??""]}mount(){null===this._source&&(this._source=(this.textContent||"").trim());const t=this.phrases,e=l(t.join(", "));this._out=document.createElement("span"),this._out.className="usa-tw-text",this._out.setAttribute("aria-hidden","true");const s=document.createElement("span");if(s.className="usa-tw-caret",s.setAttribute("aria-hidden","true"),this.replaceChildren(e,this._out,s),this.toggleAttribute("data-no-cursor","false"===this.getAttribute("cursor")),this.reduced)return void(this._out.textContent=t[0]||"");const i=this.str("start","view");"load"===i?this.start():"view"===i&&this.inView(t=>{!t||this._running||this._out?.textContent||this.start()})}unmount(){this.stop()}stop(){clearTimeout(this._timer),this._timer=0,this._running=!1,this.removeAttribute("data-typing")}restart(){this.stop(),this._out&&(this._out.textContent=""),this.start()}start(){if(this._running||!this._out)return;const t=this._out,e=this.phrases;if(this.reduced)return void(t.textContent=e[0]||"");this._running=!0;const s=this.num("speed",55),i=this.num("delete-speed",30),a=this.num("pause",1400),r=this.flag("loop")||e.length>1;let n=0,o=0,u=!1;const l=()=>{const c=e[n]||"";if(u){if(o--,t.textContent=c.slice(0,Math.max(0,o)),o<=0)return u=!1,n=(n+1)%e.length,void(this._timer=setTimeout(l,4*s));this._timer=setTimeout(l,i)}else{if(o++,t.textContent=c.slice(0,o),this.setAttribute("data-typing",""),o>=c.length){this.removeAttribute("data-typing");const t=n===e.length-1;return t&&this.emit("complete"),!r&&t?void(this._running=!1):(u=!0,void(this._timer=setTimeout(l,a)))}this._timer=setTimeout(l,s*(.6+.8*Math.random()))}};this._timer=setTimeout(l,this.num("delay",0))}},{id:"typewriter",text:"usa-typewriter{white-space:pre-wrap}usa-typewriter .usa-tw-caret{display:inline-block;width:var(--usa-caret-width,0.08em);height:1.05em;margin-left:0.06em;vertical-align:-0.12em;background:var(--usa-caret-color,currentColor);animation:usa-caret 1.06s steps(1) infinite}usa-typewriter[data-typing] .usa-tw-caret{animation:none}usa-typewriter[data-no-cursor] .usa-tw-caret{display:none}@keyframes usa-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){usa-typewriter .usa-tw-caret,usa-shimmer-text{animation:none}}"})}function M(t="usa-split-text"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._timer=0}static get observedAttributes(){return["by","text"]}get units(){return Array.from(this.querySelectorAll(".usa-split-unit"))}mount(){null===this._source&&(this._source=this.getAttribute("text")??(this.textContent||"").replace(/\s+/g," ").trim());const t=this.getAttribute("text")??this._source,e="words"===this.str("by","chars"),s=document.createDocumentFragment();s.append(l(t));let i=0;if(t.split(" ").forEach((t,a)=>{a>0&&s.append(" ");const r=document.createElement("span");r.className="usa-split-word",r.setAttribute("aria-hidden","true");const n=e?[t]:Array.from(t);for(const t of n){const e=document.createElement("span");e.className="usa-split-unit",e.textContent=t,e.style.setProperty("--i",String(i++)),r.append(e)}s.append(r)}),this.replaceChildren(s),this.style.setProperty("--usa-split-stagger",`${this.num("stagger",e?70:28)}ms`),this.style.setProperty("--usa-split-duration",`${this.num("duration",620)}ms`),this.style.setProperty("--usa-split-delay",`${this.num("delay",0)}ms`),this.style.setProperty("--usa-split-count",String(i)),this.reduced)return void this.setAttribute("data-state","shown");this.setAttribute("data-state","hidden");const a=this.str("trigger","view");"load"===a?this.play():"view"===a&&this.inView(t=>{t&&"hidden"===this.getAttribute("data-state")?this.play():!t&&this.flag("repeat")&&this.reset()},{threshold:.2})}unmount(){clearTimeout(this._timer)}play(){if(clearTimeout(this._timer),this.reduced)return void this.setAttribute("data-state","shown");this.setAttribute("data-state","hidden"),this.offsetWidth,this.setAttribute("data-state","play");const t=this.units.length,e=this.num("delay",0)+this.num("duration",620)+Math.max(0,t-1)*this.num("stagger","words"===this.str("by")?70:28);this._timer=setTimeout(()=>{this.setAttribute("data-state","shown"),this.emit("complete")},e)}reset(){clearTimeout(this._timer),this.setAttribute("data-state",this.reduced?"shown":"hidden")}},{id:"split-text",text:'usa-split-text .usa-split-word{display:inline-block;white-space:nowrap}usa-split-text .usa-split-unit{display:inline-block;white-space:pre}usa-split-text[data-state="hidden"] .usa-split-unit{opacity:0}usa-split-text[data-state="play"] .usa-split-unit{animation:usa-split-rise var(--usa-split-duration,620ms) cubic-bezier(0.22,1,0.36,1) both;animation-delay:calc(var(--usa-split-delay,0ms) + var(--i,0) * var(--usa-split-stagger,28ms))}usa-split-text[effect="fade"][data-state="play"] .usa-split-unit{animation-name:usa-split-fade}usa-split-text[effect="blur"][data-state="play"] .usa-split-unit{animation-name:usa-split-blur}usa-split-text[effect="flip"][data-state="play"] .usa-split-unit{animation-name:usa-split-flip;transform-origin:50% 100%}usa-split-text[effect="pop"][data-state="play"] .usa-split-unit{animation-name:usa-split-pop;animation-timing-function:cubic-bezier(0.34,1.56,0.64,1)}@keyframes usa-split-rise{from{opacity:0;transform:translate3d(0,0.6em,0)}to{opacity:1;transform:none}}@keyframes usa-split-fade{from{opacity:0}to{opacity:1}}@keyframes usa-split-blur{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}@keyframes usa-split-flip{from{opacity:0;transform:perspective(500px) rotateX(-80deg)}to{opacity:1;transform:none}}@keyframes usa-split-pop{from{opacity:0;transform:scale(0.3)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){usa-split-text .usa-split-unit{animation:none !important;opacity:1 !important}}'})}const E="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%&*+=<>/\\?!";function S(t,e,s=E,i=Math.random){const a=Math.floor(t.length*e);let r="";for(let e=0;e<t.length;e++){const n=t[e];r+=e<a||/\s|[.,:;!?'"()\-–—]/.test(n)?n:s[Math.floor(i()*s.length)]}return r}function T(t="usa-scramble"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._out=null,this._frame=0}static get observedAttributes(){return["text"]}get text(){return this.getAttribute("text")??this._source??""}mount(){if(null===this._source&&(this._source=(this.textContent||"").trim()),this._out=document.createElement("span"),this._out.setAttribute("aria-hidden","true"),this._out.textContent=this.text,this.replaceChildren(l(this.text),this._out),this.reduced)return;const t=this.str("trigger","view");if("load"===t)this.play();else if("hover"===t)this.listen(this,"pointerenter",()=>this.play()),this.listen(this,"focusin",()=>this.play());else if("view"===t){let t=!1;this.inView(e=>{e&&!t&&(t=!0,this.play())})}}unmount(){d(this._frame),this._frame=0}play(){d(this._frame);const t=this._out,e=this.text;if(!t||this.reduced)return t&&(t.textContent=e),Promise.resolve();const s=this.num("duration",900),i=this.str("chars",E)||E,a=h();let r=-1;return new Promise(n=>{const o=()=>{const u=Math.min(1,Math.max(0,h()-a)/s),l=Math.floor(u*s/33);l===r&&1!==u||(r=l,t.textContent=1===u?e:S(e,u,i)),u<1?this._frame=c(o):(this._frame=0,this.emit("complete"),n())};this._frame=c(o)})}},void 0)}const z=t=>t>=1?1:1-Math.pow(2,-10*t);function $(t="usa-counter"){return o(t,t=>class extends t{constructor(){super(...arguments),this._current=NaN,this._target=NaN,this._frame=0,this._fmt=null}static get observedAttributes(){return["to","decimals","locale","prefix","suffix","grouping"]}get value(){return Number.isNaN(this._target)?this.num("to",0):this._target}set value(t){this.play(Number(t))}format(t){if(!this._fmt){const t=Math.max(0,Math.min(20,this.num("decimals",0))),e=this.getAttribute("locale")||"undefined"!=typeof document&&document.documentElement.lang||void 0;try{this._fmt=new Intl.NumberFormat(e,{minimumFractionDigits:t,maximumFractionDigits:t,useGrouping:"false"!==this.getAttribute("grouping")})}catch{this._fmt=new Intl.NumberFormat(void 0,{minimumFractionDigits:t,maximumFractionDigits:t})}}return`${this.str("prefix")}${this._fmt.format(t)}${this.str("suffix")}`}render(t){this._current=t,this.textContent=this.format(t)}changed(t){this._fmt=null,"to"===t?this.play():this.render(Number.isNaN(this._current)?this.num("from",0):this._current)}mount(){this._fmt=null;const t=this.num("to",0);if(this.reduced)return this._target=t,void this.render(t);Number.isNaN(this._current)&&this.render(this.num("from",0));const e=this.str("start","view");if("load"===e)this.play();else if("view"===e){let t=!1;this.inView(e=>{e&&!t&&(t=!0,this.play())},{threshold:.4})}}unmount(){d(this._frame),this._frame=0}play(t=this.num("to",0)){d(this._frame),this._target=t;const e=Number.isNaN(this._current)?this.num("from",0):this._current;if(this.reduced||e===t||!this.isConnected)return this.render(t),this.emit("complete",{value:t}),Promise.resolve();const s=this.num("duration",1600),i=h();return new Promise(a=>{const r=()=>{const n=Math.min(1,Math.max(0,h()-i)/s);this.render(e+(t-e)*z(n)),n<1?this._frame=c(r):(this._frame=0,this.render(t),this.emit("complete",{value:t}),a())};this._frame=c(r)})}},{id:"counter",text:"usa-counter{font-variant-numeric:tabular-nums}"})}function N(t="usa-shimmer-text"){return o(t,t=>class extends t{static get observedAttributes(){return["duration","color","shine","angle"]}mount(){const t=(t,e,s="")=>{const i=this.getAttribute(t);null!==i?this.style.setProperty(e,i+s):this.style.removeProperty(e)};t("duration","--usa-shimmer-duration","ms"),t("color","--usa-shimmer-color"),t("shine","--usa-shimmer-shine"),t("angle","--usa-shimmer-angle","deg")}},{id:"shimmer-text",text:"usa-shimmer-text{--usa-shimmer-color:currentColor;--usa-shimmer-shine:#fff;background:linear-gradient(var(--usa-shimmer-angle,110deg),var(--usa-shimmer-color) 35%,var(--usa-shimmer-shine) 50%,var(--usa-shimmer-color) 65%) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:usa-shimmer var(--usa-shimmer-duration,2600ms) linear infinite}@keyframes usa-shimmer{from{background-position:100% 0}to{background-position:-150% 0}}"})}function P(t="usa-text-rotate"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._index=0,this._timer=0,this._visible=!0}static get observedAttributes(){return["words","interval","paused"]}get index(){return this._index}get words(){return(this.getAttribute("words")??this._source??"").split("|").map(t=>t.trim()).filter(Boolean)}mount(){null===this._source&&(this._source=(this.textContent||"").trim());const t=this.words;this.replaceChildren(l(t.join(", ")),...t.map((t,e)=>{const s=document.createElement("span");return s.className="usa-rotate-word",s.textContent=t,s.setAttribute("aria-hidden","true"),e!==this._index&&s.setAttribute("data-hidden",""),s})),this._index>=t.length&&(this._index=0),t.length<2||(this.inView(t=>this._visible=t),this.flag("paused")||(this._timer=setInterval(()=>{!this._visible||"undefined"!=typeof document&&document.hidden||this.next()},Math.max(400,this.num("interval",2200)))))}unmount(){clearInterval(this._timer),this._timer=0}next(){const t=Array.from(this.querySelectorAll(".usa-rotate-word"));if(t.length<2)return;const e=t[this._index];this._index=(this._index+1)%t.length;const s=t[this._index];e.setAttribute("data-hidden",""),s.removeAttribute("data-hidden");const i=this.reduced?"fade":this.str("effect","slide"),[a,r]="fade"===i?[{opacity:0},{opacity:0}]:"flip"===i?[{opacity:0,transform:"perspective(400px) rotateX(-90deg)"},{opacity:0,transform:"perspective(400px) rotateX(90deg)"}]:"blur"===i?[{opacity:0,filter:"blur(8px)"},{opacity:0,filter:"blur(8px)"}]:[{opacity:0,transform:"translateY(0.8em)"},{opacity:0,transform:"translateY(-0.8em)"}],n={opacity:1,transform:"none",filter:"none"},o=t=>Object.fromEntries(Object.keys(t).map(t=>[t,n[t]]));this.motion(e,[{...o(r)},r],{duration:380,easing:p}),this.motion(s,[a,o(a)],{duration:520,easing:"slide"===i?m:p}),this.emit("change",{index:this._index,word:s.textContent})}},{id:"text-rotate",text:"usa-text-rotate{display:inline-grid;vertical-align:bottom;overflow:hidden;padding-block:0.08em}usa-text-rotate .usa-rotate-word{grid-area:1 / 1;white-space:nowrap}usa-text-rotate .usa-rotate-word[data-hidden]{opacity:0}"})}function q(){C(),M(),T(),$(),N(),P()}function O(t="usa-ripple"){return o(t,t=>class extends t{static get observedAttributes(){return[]}mount(){this.listen(this,"pointerdown",t=>{0!==t.button&&"mouse"===t.pointerType||this.ripple(t.clientX,t.clientY)}),this.listen(this,"keydown",t=>{"Enter"!==t.key&&" "!==t.key||t.repeat||this.ripple()})}ripple(t,e){if(this.flag("disabled"))return;const s=this.getBoundingClientRect(),i=this.flag("centered")||void 0===t||void 0===e,a=i?s.width/2:t-s.left,r=i?s.height/2:e-s.top,n=Math.hypot(Math.max(a,s.width-a),Math.max(r,s.height-r)),o=document.createElement("span");o.className="usa-ripple-wave",o.setAttribute("aria-hidden","true");const u=2*n;o.style.cssText=`width:${u}px;height:${u}px;left:${a-n}px;top:${r-n}px;background:${this.str("color","currentColor")}`,this.append(o);const l=this.num("opacity",.22),c=this.num("duration",550),h=this.reduced?[{opacity:l},{opacity:0}]:[{transform:"scale(0)",opacity:l},{transform:"scale(1)",opacity:l,offset:.7},{transform:"scale(1)",opacity:0}],d=this.motion(o,h,{duration:this.reduced?300:c,easing:p,fill:"forwards"});d?d.onfinish=()=>o.remove():setTimeout(()=>o.remove(),0)}},{id:"ripple",text:"usa-ripple{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:inherit;-webkit-tap-highlight-color:transparent}usa-ripple[block]{display:block}usa-ripple .usa-ripple-wave{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);z-index:-1;will-change:transform,opacity}"})}function F(t="usa-magnetic"){return o(t,t=>class extends t{constructor(){super(...arguments),this._frame=0}static get observedAttributes(){return["strength","radius","disabled"]}mount(){if(this.reduced||this.flag("disabled"))return;if("function"==typeof matchMedia&&!matchMedia("(hover: hover) and (pointer: fine)").matches)return;const t=this.num("strength",.35),e=this.num("radius",60);let s=0,i=0,a=!1;const r=()=>{this._frame=0;const r=this.getBoundingClientRect(),n=s-(r.left+r.width/2),o=i-(r.top+r.height/2);Math.abs(n)<r.width/2+e&&Math.abs(o)<r.height/2+e?(a=!0,this.setAttribute("data-active",""),this.style.setProperty("--usa-mx",`${(n*t).toFixed(2)}px`),this.style.setProperty("--usa-my",`${(o*t).toFixed(2)}px`)):a&&this.release()};this.listen(document,"pointermove",t=>{"mouse"!==t.pointerType&&"pen"!==t.pointerType||(s=t.clientX,i=t.clientY,this._frame||(this._frame=c(r)))},{passive:!0}),this.listen(document,"pointerleave",()=>this.release()),this.listen(window,"blur",()=>this.release())}release(){this.removeAttribute("data-active"),this.style.removeProperty("--usa-mx"),this.style.removeProperty("--usa-my")}unmount(){d(this._frame),this._frame=0,this.release()}},{id:"magnetic",text:"usa-magnetic{display:inline-block}usa-magnetic>*{transform:translate3d(var(--usa-mx,0px),var(--usa-my,0px),0);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}usa-magnetic[data-active]>*{transition-duration:0.15s;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){usa-magnetic>*,usa-tilt,usa-toggle .usa-toggle-knob{transition:none}}"})}function R(t="usa-tilt"){return o(t,t=>class extends t{constructor(){super(...arguments),this._frame=0,this._glare=null}static get observedAttributes(){return["max","scale","perspective","glare","reverse","disabled"]}mount(){if(this.flag("glare")&&!this._glare?(this._glare=document.createElement("span"),this._glare.className="usa-tilt-glare",this._glare.setAttribute("aria-hidden","true"),this.append(this._glare)):!this.flag("glare")&&this._glare&&(this._glare.remove(),this._glare=null),this.reduced||this.flag("disabled"))return;const t=this.num("max",10)*(this.flag("reverse")?-1:1),e=this.num("scale",1.03),s=this.num("perspective",900);let i=.5,a=.5,r=null;const n=()=>{this._frame=0;const r=g(2*i-1,-1,1),n=g(2*a-1,-1,1);this.style.transform=`perspective(${s}px) rotateX(${(-n*t).toFixed(2)}deg) rotateY(${(r*t).toFixed(2)}deg) scale(${e})`,this.style.setProperty("--usa-tilt-x",r.toFixed(3)),this.style.setProperty("--usa-tilt-y",n.toFixed(3)),this.style.setProperty("--usa-glare-x",`${(100*i).toFixed(1)}%`),this.style.setProperty("--usa-glare-y",`${(100*a).toFixed(1)}%`)};this.listen(this,"pointerenter",t=>{"touch"!==t.pointerType&&(r=this.getBoundingClientRect(),this.setAttribute("data-active",""))}),this.listen(this,"pointermove",t=>{"touch"!==t.pointerType&&(r=r||this.getBoundingClientRect(),i=(t.clientX-r.left)/(r.width||1),a=(t.clientY-r.top)/(r.height||1),this._frame||(this._frame=c(n)))}),this.listen(this,"pointerleave",()=>this.reset())}reset(){d(this._frame),this._frame=0,this.removeAttribute("data-active"),this.style.transform="",this.style.setProperty("--usa-tilt-x","0"),this.style.setProperty("--usa-tilt-y","0")}unmount(){this.reset()}},{id:"tilt",text:"usa-tilt{display:block;position:relative;transform-style:preserve-3d;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);will-change:transform}usa-tilt[data-active]{transition-duration:0.12s}usa-tilt .usa-tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.3s ease;background:radial-gradient(circle at var(--usa-glare-x,50%) var(--usa-glare-y,50%),rgb(255 255 255 / 0.35),transparent 55%);mix-blend-mode:soft-light}usa-tilt[data-active] .usa-tilt-glare{opacity:1}"})}function L(t="usa-spotlight"){return o(t,t=>class extends t{constructor(){super(...arguments),this._frame=0}static get observedAttributes(){return["size","color","border"]}items(){const t=Array.from(this.querySelectorAll("[data-spotlight]")),e=t.length?t:Array.from(this.children);return e.forEach(t=>t.classList.add("usa-spotlight-item")),e}mount(){const t=this.getAttribute("size");t&&this.style.setProperty("--usa-spot-size",`${Number(t)}px`);const e=this.getAttribute("color");e&&this.style.setProperty("--usa-spot-color",e);const s=this.getAttribute("border");s&&this.style.setProperty("--usa-spot-border",`${Number(s)}px`);let i=this.items(),a=0,r=0;const n=()=>{this._frame=0;i.map(t=>t.getBoundingClientRect()).forEach((t,e)=>{i[e].style.setProperty("--usa-spot-x",`${(a-t.left).toFixed(1)}px`),i[e].style.setProperty("--usa-spot-y",`${(r-t.top).toFixed(1)}px`)})};this.listen(this,"pointerenter",t=>{"touch"!==t.pointerType&&(i=this.items(),this.setAttribute("data-lit",""))}),this.listen(this,"pointermove",t=>{"touch"!==t.pointerType&&(a=t.clientX,r=t.clientY,this.hasAttribute("data-lit")||this.setAttribute("data-lit",""),this._frame||(this._frame=c(n)))}),this.listen(this,"pointerleave",()=>this.removeAttribute("data-lit"))}unmount(){d(this._frame),this._frame=0,this.removeAttribute("data-lit")}},{id:"spotlight",text:'usa-spotlight{display:block;--usa-spot-size:160px;--usa-spot-color:rgb(255 255 255 / 0.55);--usa-spot-border:1px}usa-spotlight .usa-spotlight-item{position:relative;isolation:isolate}usa-spotlight .usa-spotlight-item::before,usa-spotlight .usa-spotlight-item::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.25s ease}usa-spotlight .usa-spotlight-item::before{padding:var(--usa-spot-border);background:radial-gradient(var(--usa-spot-size) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),var(--usa-spot-color),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}usa-spotlight .usa-spotlight-item::after{z-index:-1;background:radial-gradient(calc(var(--usa-spot-size) * 0.9) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),color-mix(in srgb,var(--usa-spot-color) 30%,transparent),transparent 70%)}usa-spotlight[data-lit] .usa-spotlight-item::before{opacity:1}usa-spotlight[data-lit] .usa-spotlight-item:hover::after{opacity:1}usa-spotlight[no-fill] .usa-spotlight-item::after{display:none}'})}function X(t="usa-press"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anim=null,this._down=!1}static get observedAttributes(){return["disabled"]}get pressed(){return this._down}frame(t){return this.reduced?{opacity:t?.7:1}:{transform:t?`scale(${this.num("scale",.95)})`:"scale(1)"}}down(){if(this._down||this.flag("disabled"))return;this._down=!0,this.setAttribute("data-pressed","");const t=this.currentFrame();this._anim?.cancel(),this._anim=this.motion(this,[t,this.frame(!0)],{duration:120,easing:"cubic-bezier(0.3, 0, 0.7, 1)",fill:"forwards"})}up(){if(!this._down)return;this._down=!1,this.removeAttribute("data-pressed");const t=this.currentFrame();this._anim?.cancel();const e=this.flag("bounce")&&!this.reduced?[t,{transform:"scale(1.06)",offset:.45},{transform:"scale(0.99)",offset:.75},this.frame(!1)]:[t,this.frame(!1)],s=this.motion(this,e,{duration:this.flag("bounce")?480:320,easing:m});this._anim=s,s&&(s.onfinish=()=>this._anim===s&&(this._anim=null))}currentFrame(){if("function"!=typeof getComputedStyle)return this.frame(!1);const t=getComputedStyle(this);return this.reduced?{opacity:t.opacity||"1"}:{transform:t.transform&&"none"!==t.transform?t.transform:"scale(1)"}}mount(){this.listen(this,"pointerdown",t=>{"mouse"===t.pointerType&&0!==t.button||this.down()});for(const t of["pointerup","pointerleave","pointercancel","blur"])this.listen(this,t,()=>this.up());this.listen(this,"keydown",t=>(" "===t.key||"Enter"===t.key)&&!t.repeat&&this.down()),this.listen(this,"keyup",t=>(" "===t.key||"Enter"===t.key)&&this.up())}unmount(){this._anim?.cancel(),this._anim=null,this._down=!1}},{id:"press",text:"usa-press{display:inline-block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}usa-press[block]{display:block}"})}function B(t="usa-toggle"){return o(t,t=>{var e;return(e=class extends t{static get observedAttributes(){return["checked","disabled","label"]}constructor(){super(),this._internals=null;try{this._internals="function"==typeof this.attachInternals?this.attachInternals():null}catch{this._internals=null}}get checked(){return this.hasAttribute("checked")}set checked(t){this.toggleAttribute("checked",!!t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){this.toggleAttribute("disabled",!!t)}changed(){this.sync()}sync(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("aria-disabled",String(this.disabled)),this.tabIndex=this.disabled?-1:0;const t=this.getAttribute("label");t&&!this.hasAttribute("aria-label")&&this.setAttribute("aria-label",t),this._internals?.setFormValue?.(this.checked?this.str("value","on"):null)}mount(){if(!this.querySelector(":scope > .usa-toggle-track")){const t=document.createElement("span");t.className="usa-toggle-track",t.setAttribute("aria-hidden","true");const e=document.createElement("span");e.className="usa-toggle-knob",t.append(e),this.prepend(t)}this.setAttribute("role","switch"),this.sync(),this.listen(this,"click",()=>this.toggle()),this.listen(this,"keydown",t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),t.repeat||this.toggle())}),this.listen(this,"pointerdown",()=>!this.disabled&&this.setAttribute("data-pressed",""));for(const t of["pointerup","pointerleave","pointercancel"])this.listen(this,t,()=>this.removeAttribute("data-pressed"))}toggle(t){if(this.disabled)return;const e=void 0===t?!this.checked:t;e!==this.checked&&(this.checked=e,this.sync(),this.dispatchEvent(new Event("change",{bubbles:!0})),this.emit("change",{checked:e}))}}).formAssociated=!0,e},{id:"toggle",text:"usa-toggle{--usa-toggle-w:40px;--usa-toggle-h:20px;--usa-toggle-on:#7c5cff;--usa-toggle-off:transparent;--usa-toggle-line:currentColor;display:inline-flex;align-items:center;gap:0.6em;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle}usa-toggle[disabled]{cursor:not-allowed;opacity:0.45}usa-toggle .usa-toggle-track{position:relative;flex:none;width:var(--usa-toggle-w);height:var(--usa-toggle-h);border-radius:999px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--usa-toggle-line) 60%,transparent);background:var(--usa-toggle-off);transition:background-color 0.2s ease,border-color 0.2s ease}usa-toggle .usa-toggle-knob{position:absolute;top:50%;left:3px;width:calc(var(--usa-toggle-h) - 8px);height:calc(var(--usa-toggle-h) - 8px);margin-top:calc((var(--usa-toggle-h) - 8px) / -2);border-radius:999px;background:color-mix(in srgb,var(--usa-toggle-line) 75%,transparent);transform-origin:left center;transition:transform 0.28s cubic-bezier(0.34,1.4,0.64,1),background-color 0.2s ease}usa-toggle:hover .usa-toggle-knob{transform:scale(1.15)}usa-toggle[data-pressed] .usa-toggle-knob{transform:scaleX(1.45)}usa-toggle[checked] .usa-toggle-track{background:var(--usa-toggle-on);border-color:var(--usa-toggle-on)}usa-toggle[checked] .usa-toggle-knob{background:#fff;transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h)));transform-origin:right center}usa-toggle[checked]:hover .usa-toggle-knob{transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h))) scale(1.15)}usa-toggle[checked][data-pressed] .usa-toggle-knob{transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h) - 4px)) scaleX(1.45)}usa-toggle:focus-visible{outline:none}usa-toggle:focus-visible .usa-toggle-track{outline:2px solid var(--usa-toggle-on);outline-offset:2px}"})}function V(){O(),F(),R(),L(),X(),B()}const I=["fluent","windows","ring","dots","pulse","bars"];function Y(t="usa-spinner"){return o(t,t=>class extends t{static get observedAttributes(){return["variant","size","label"]}get variant(){const t=this.str("variant","fluent");return I.includes(t)?t:"fluent"}set variant(t){this.setAttribute("variant",t)}mount(){const t=this.variant;this.getAttribute("data-variant")!==t&&(this.innerHTML=function(t){switch(t){case"windows":return"<i></i><i></i><i></i><i></i><i></i>";case"dots":return"<i></i><i></i><i></i>";case"bars":return"<i></i><i></i><i></i><i></i>";case"pulse":return"<i></i><i></i>";case"ring":return"<i></i>";default:return'<svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="7" pathLength="100"/></svg>'}}(t),this.setAttribute("data-variant",t));const e=this.getAttribute("size");e?this.style.setProperty("--usa-spinner-size",`${Number(e)}px`):this.style.removeProperty("--usa-spinner-size"),this.setAttribute("role","progressbar"),this.hasAttribute("aria-label")&&!this.hasAttribute("label")||this.setAttribute("aria-label",this.str("label","Loading"))}},{id:"spinner",text:'usa-spinner{--usa-spinner-size:32px;--usa-spinner-color:currentColor;position:relative;display:inline-block;vertical-align:middle;flex:none;width:var(--usa-spinner-size);height:var(--usa-spinner-size);color:var(--usa-spinner-color)}usa-spinner i{position:absolute;display:block}usa-spinner[paused] *,usa-spinner[paused] *::after{animation-play-state:paused !important}usa-spinner svg{width:100%;height:100%;animation:usa-spin 2s linear infinite;overflow:visible}usa-spinner svg circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:0.5 100;stroke-dashoffset:0;animation:usa-ring-arc 1.6s ease-in-out infinite}@keyframes usa-spin{to{transform:rotate(360deg)}}@keyframes usa-ring-arc{0%{stroke-dasharray:0.5 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-20}100%{stroke-dasharray:0.5 100;stroke-dashoffset:-99}}usa-spinner[data-variant="windows"] i{inset:0;opacity:0;animation:usa-orbit 5.5s infinite}usa-spinner[data-variant="windows"] i::after{content:"";position:absolute;left:50%;top:0;width:12%;height:12%;margin-left:-6%;border-radius:50%;background:currentColor}usa-spinner[data-variant="windows"] i:nth-child(2){animation-delay:240ms;--n:1}usa-spinner[data-variant="windows"] i:nth-child(3){animation-delay:480ms;--n:2}usa-spinner[data-variant="windows"] i:nth-child(4){animation-delay:720ms;--n:3}usa-spinner[data-variant="windows"] i:nth-child(5){animation-delay:960ms;--n:4}@keyframes usa-orbit{0%{transform:rotate(225deg);opacity:1;animation-timing-function:ease-out}7%{transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{transform:rotate(815deg);opacity:1;animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}76%,100%{transform:rotate(945deg);opacity:0}}usa-spinner[data-variant="ring"] i{inset:0;border-radius:50%;border:calc(var(--usa-spinner-size) / 9) solid color-mix(in srgb,currentColor 20%,transparent);border-top-color:currentColor;animation:usa-spin 0.8s linear infinite}usa-spinner[data-variant="dots"]{display:inline-flex;align-items:center;justify-content:space-between;height:calc(var(--usa-spinner-size) / 2.5)}usa-spinner[data-variant="dots"] i{position:static;width:22%;aspect-ratio:1;border-radius:50%;background:currentColor;animation:usa-dot 1.2s ease-in-out infinite}usa-spinner[data-variant="dots"] i:nth-child(2){animation-delay:0.15s}usa-spinner[data-variant="dots"] i:nth-child(3){animation-delay:0.3s}@keyframes usa-dot{0%,60%,100%{transform:translateY(0);opacity:0.35}30%{transform:translateY(-70%);opacity:1}}usa-spinner[data-variant="pulse"] i{inset:0;border-radius:50%;background:currentColor;opacity:0;animation:usa-pulse 1.6s cubic-bezier(0.22,1,0.36,1) infinite}usa-spinner[data-variant="pulse"] i:nth-child(2){animation-delay:0.8s}@keyframes usa-pulse{from{transform:scale(0.1);opacity:0.8}to{transform:scale(1);opacity:0}}usa-spinner[data-variant="bars"]{display:inline-flex;align-items:center;justify-content:space-between}usa-spinner[data-variant="bars"] i{position:static;width:16%;height:100%;border-radius:2px;background:currentColor;transform:scaleY(0.35);animation:usa-bar 1s ease-in-out infinite}usa-spinner[data-variant="bars"] i:nth-child(2){animation-delay:0.12s}usa-spinner[data-variant="bars"] i:nth-child(3){animation-delay:0.24s}usa-spinner[data-variant="bars"] i:nth-child(4){animation-delay:0.36s}@keyframes usa-bar{0%,100%{transform:scaleY(0.35)}40%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){usa-spinner svg,usa-spinner i,usa-spinner i::after{animation:usa-calm 2.4s ease-in-out infinite !important}usa-spinner[data-variant="windows"] i{transform:rotate(calc(var(--n,0) * 72deg))}usa-spinner svg circle{animation:none;stroke-dasharray:30 100}}@keyframes usa-calm{0%,100%{opacity:1}50%{opacity:0.4}}'})}function H(t="usa-skeleton"){return o(t,t=>class extends t{constructor(){super(...arguments),this._ph=null}static get observedAttributes(){return["loading","lines","width","height","circle","avatar","radius"]}get loading(){return this.hasAttribute("loading")}set loading(t){this.toggleAttribute("loading",!!t)}changed(t){"loading"===t?this.sync(!0):(this._ph?.remove(),this._ph=null,this.sync(!1))}mount(){this.sync(!1)}build(){const t=document.createElement("div");t.className="usa-skeleton-ph",t.setAttribute("aria-hidden","true");const e=(t="")=>{const e=document.createElement("span");return e.className=`usa-bone ${t}`.trim(),e},s=this.getAttribute("radius");if(s&&this.style.setProperty("--usa-skeleton-radius",s),this.flag("circle")||this.hasAttribute("width")||this.hasAttribute("height")){const s=e(this.flag("circle")?"usa-bone-circle":"usa-bone-block");s.style.width=this.str("width",this.flag("circle")?this.str("height","48px"):"100%"),s.style.height=this.str("height",this.flag("circle")?s.style.width:"120px"),t.append(s)}else{this.flag("avatar")&&t.append(e("usa-bone-circle usa-bone-avatar"));const s=document.createElement("div");s.className="usa-bone-lines";const i=Math.max(1,Math.min(20,this.num("lines",3)));for(let t=0;t<i;t++)s.append(e(t===i-1&&i>1?"usa-bone-last":""));t.append(s)}return t}sync(t){const e=this.loading;if(this.setAttribute("aria-busy",String(e)),e)this._ph||(this._ph=this.build(),this.prepend(this._ph));else{if(this._ph&&(this._ph.remove(),this._ph=null),t&&!this.reduced)for(const t of Array.from(this.children))this.motion(t,[{opacity:0,transform:"translateY(4px)"},{opacity:1,transform:"none"}],{duration:360,easing:p});this.emit("loaded")}}},{id:"skeleton",text:'usa-skeleton{display:block;--usa-skeleton-base:color-mix(in srgb,currentColor 10%,transparent);--usa-skeleton-shine:color-mix(in srgb,currentColor 9%,transparent);--usa-skeleton-radius:8px}usa-skeleton[loading]>:not(.usa-skeleton-ph){display:none !important}usa-skeleton .usa-skeleton-ph{display:flex;gap:14px;align-items:flex-start}usa-skeleton .usa-bone-lines{flex:1;display:grid;gap:10px;min-width:0}usa-skeleton .usa-bone{position:relative;display:block;overflow:hidden;height:0.9em;border-radius:var(--usa-skeleton-radius);background:var(--usa-skeleton-base)}usa-skeleton .usa-bone-last{width:62%}usa-skeleton .usa-bone-block{height:120px}usa-skeleton .usa-bone-circle{border-radius:50%;flex:none}usa-skeleton .usa-bone-avatar{width:44px;height:44px}usa-skeleton .usa-bone::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--usa-skeleton-shine),transparent);animation:usa-skeleton 1.5s ease-in-out infinite}@keyframes usa-skeleton{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){usa-skeleton .usa-bone::after{animation:none}}'})}function D(t="usa-progress"){return o(t,t=>class extends t{constructor(){super(...arguments),this._fill=null}static get observedAttributes(){return["value","max","indeterminate","label"]}get value(){const t=this.getAttribute("value");return null===t||""===t||Number.isNaN(Number(t))?null:Number(t)}set value(t){null==t?this.removeAttribute("value"):this.setAttribute("value",String(t))}get max(){const t=this.num("max",100);return t>0?t:100}set max(t){this.setAttribute("max",String(t))}get ratio(){const t=this.value;return this.hasAttribute("indeterminate")||null===t?null:g(t/this.max,0,1)}changed(){this.sync()}mount(){this._fill||(this.innerHTML='<span class="usa-progress-bar"></span><span class="usa-progress-bar usa-progress-bar2"></span>',this._fill=this.firstElementChild),this.setAttribute("role","progressbar"),this.sync()}sync(){const t=this.ratio,e=this.getAttribute("label");if(e&&this.setAttribute("aria-label",e),this.toggleAttribute("data-indeterminate",null===t),null===t)return this.removeAttribute("aria-valuenow"),void(this._fill&&(this._fill.style.transform=""));this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax",String(this.max)),this.setAttribute("aria-valuenow",String(this.value)),this._fill&&(this._fill.style.transform=`scaleX(${t})`),1===t&&this.emit("complete")}},{id:"progress",text:'usa-progress{--usa-progress-color:#7c5cff;--usa-progress-track:color-mix(in srgb,currentColor 14%,transparent);position:relative;display:block;height:var(--usa-progress-height,4px);border-radius:999px;overflow:hidden;background:var(--usa-progress-track);contain:paint}usa-progress .usa-progress-bar{position:absolute;inset:0;border-radius:inherit;background:var(--usa-progress-color);transform:scaleX(0);transform-origin:0 50%;transition:transform 0.45s cubic-bezier(0.22,1,0.36,1)}usa-progress .usa-progress-bar2{display:none}usa-progress[data-indeterminate] .usa-progress-bar{right:auto;width:40%;transform:translateX(-100%);transition:none;animation:usa-indet 2s cubic-bezier(0.4,0,0.6,1) infinite}usa-progress[data-indeterminate] .usa-progress-bar2{display:block;width:60%;animation:usa-indet2 2s cubic-bezier(0.4,0,0.6,1) 1s infinite}usa-progress[state="paused"]{--usa-progress-color:#c19c00}usa-progress[state="error"]{--usa-progress-color:#d13438}usa-progress[state="paused"] .usa-progress-bar,usa-progress[state="error"] .usa-progress-bar{animation-play-state:paused}@keyframes usa-indet{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@keyframes usa-indet2{from{transform:translateX(-100%)}to{transform:translateX(167%)}}@media (prefers-reduced-motion:reduce){usa-progress .usa-progress-bar{transition:none}usa-progress[data-indeterminate] .usa-progress-bar{width:100%;transform:none;animation:usa-calm-bar 2.4s ease-in-out infinite}usa-progress[data-indeterminate] .usa-progress-bar2{display:none}}@keyframes usa-calm-bar{0%,100%{opacity:1}50%{opacity:0.4}}'})}const W={info:'<path d="M12 8h.01M11 12h1v5h1"/>',success:'<path d="m8 12.5 3 3 5-6"/>',warning:'<path d="M12 8v5M12 16.5h.01"/>',error:'<path d="m9 9 6 6M15 9l-6 6"/>'};function j(t="usa-toaster"){return o(t,t=>class extends t{static get observedAttributes(){return["label"]}mount(){this.setAttribute("role","region"),this.setAttribute("aria-label",this.str("label","Notifications"))}flip(t){const e=Array.from(this.children),s=new Map(e.map(t=>[t,t.getBoundingClientRect().top]));if(t(),!this.reduced)for(const t of Array.from(this.children)){const e=s.get(t);if(void 0===e||t.hasAttribute("data-leaving"))continue;const i=e-t.getBoundingClientRect().top;Math.abs(i)>.5&&this.motion(t,[{transform:`translateY(${i}px)`},{transform:"none"}],{duration:320,easing:p,composite:"add"})}}enterFrames(){if(this.reduced)return[{opacity:0},{opacity:1}];const t=this.str("position","bottom-right");return[{opacity:0,transform:`translate(${t.endsWith("right")?"110%":t.endsWith("left")?"-110%":"0"}, ${t.endsWith("center")?t.startsWith("top")?"-120%":"120%":"0"}) scale(0.96)`},{opacity:1,transform:"none"}]}show(t,e={}){const s=e.type||"info",i=document.createElement("div");i.className="usa-toast",i.setAttribute("data-type",s),i.setAttribute("role","error"===s?"alert":"status"),i.innerHTML=`<svg class="usa-toast-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/>${W[s]||W.info}</svg><div class="usa-toast-msg"></div>`,i.querySelector(".usa-toast-msg").textContent=t;let a=null,r=0;const n=()=>{if(a)return a;clearTimeout(r),i.setAttribute("data-leaving","");const t=this.enterFrames().reverse(),e=i.isConnected?this.motion(i,t,{duration:220,easing:"cubic-bezier(0.7, 0, 0.84, 0)",fill:"forwards"}):null;return a=new Promise(t=>{const s=()=>{this.flip(()=>i.remove()),t()};e?e.onfinish=s:s()}),a};if(e.action){const t=document.createElement("button");t.type="button",t.className="usa-toast-action",t.textContent=e.action.label,t.addEventListener("click",()=>{e.action.onClick(),n()}),i.append(t)}if(!1!==e.dismissible){const t=document.createElement("button");t.type="button",t.className="usa-toast-close",t.setAttribute("aria-label","Close"),t.innerHTML='<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 7 10 10M17 7 7 17"/></svg>',t.addEventListener("click",()=>n()),i.append(t)}const o=e.duration??4e3,u=()=>{clearTimeout(r),o>0&&(r=setTimeout(n,o))},l=()=>clearTimeout(r);i.addEventListener("pointerenter",l),i.addEventListener("pointerleave",u),i.addEventListener("focusin",l),i.addEventListener("focusout",u);const c=this.str("position","bottom-right").startsWith("top");this.flip(()=>c?this.prepend(i):this.append(i)),this.motion(i,this.enterFrames(),{duration:420,easing:f}),u();const h=Array.from(this.querySelectorAll(".usa-toast:not([data-leaving])")),d=Math.max(1,this.num("max",4)),p=h.length-d;return p>0&&(c?h.slice(-p):h.slice(0,p)).forEach(t=>t._close?.()),i._close=n,this.emit("toast",{element:i,message:t,type:s}),{element:i,close:n}}clear(){this.querySelectorAll(".usa-toast").forEach(t=>t._close?.())}},{id:"toast",text:'usa-toaster{position:fixed;z-index:2147483000;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}usa-toaster[position^="top"]{bottom:auto;top:16px}usa-toaster[position$="left"]{right:auto;left:16px}usa-toaster[position$="center"]{right:auto;left:50%;translate:-50% 0}usa-toaster .usa-toast{--usa-toast-accent:#0078d4;pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;border-radius:10px;background:var(--usa-toast-bg,color-mix(in srgb,Canvas 92%,transparent));color:var(--usa-toast-fg,CanvasText);border:1px solid color-mix(in srgb,CanvasText 12%,transparent);border-left:3px solid var(--usa-toast-accent);box-shadow:0 8px 28px -8px rgb(0 0 0 / 0.35);font:inherit;font-size:14px;line-height:1.4;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}usa-toaster .usa-toast[data-type="success"]{--usa-toast-accent:#0f9d58}usa-toaster .usa-toast[data-type="warning"]{--usa-toast-accent:#c19c00}usa-toaster .usa-toast[data-type="error"]{--usa-toast-accent:#d13438}usa-toaster .usa-toast-icon{flex:none;width:20px;height:20px;fill:none;stroke:var(--usa-toast-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}usa-toaster .usa-toast-msg{flex:1;min-width:0;padding-top:1px;overflow-wrap:anywhere}usa-toaster .usa-toast-action,usa-toaster .usa-toast-close{flex:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:2px 6px}usa-toaster .usa-toast-action{color:var(--usa-toast-accent);font-weight:600}usa-toaster .usa-toast-close{opacity:0.6;line-height:0;padding:3px}usa-toaster .usa-toast-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}usa-toaster .usa-toast-action:hover,usa-toaster .usa-toast-close:hover{background:color-mix(in srgb,currentColor 10%,transparent);opacity:1}'})}const G={success:"M15 27 l7 7 l14 -15",error:"M18 18 L34 34 M34 18 L18 34",warning:"M26 15 V30 M26 37 V37.5"};function K(t="usa-check"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anims=[]}static get observedAttributes(){return["variant","size","label"]}mount(){const t=G[this.str("variant","success")]?this.str("variant","success"):"success";this.innerHTML=`<svg viewBox="0 0 52 52" aria-hidden="true"><circle class="usa-check-circle" cx="26" cy="26" r="23" pathLength="1"/><path class="usa-check-mark" d="${G[t]}" pathLength="1"/></svg>`,this.setAttribute("data-variant",t);const e=this.getAttribute("size");e&&this.style.setProperty("--usa-check-size",`${Number(e)}px`);const s=this.getAttribute("label");if(s&&(this.setAttribute("role","img"),this.setAttribute("aria-label",s)),this.reduced)return void this.setAttribute("data-state","done");this.setAttribute("data-state","idle");const i=this.str("start","view");if("load"===i)this.play();else if("view"===i){let t=!1;this.inView(e=>e&&!t&&(t=!0,this.play()),{threshold:.5})}}unmount(){this._anims.splice(0).forEach(t=>t.cancel())}reset(){this._anims.splice(0).forEach(t=>t.cancel()),this.setAttribute("data-state",this.reduced?"done":"idle")}play(){this.reset(),this.setAttribute("data-state","done");const t=this.querySelector(".usa-check-circle"),e=this.querySelector(".usa-check-mark"),s=this.querySelector("svg");if(this.reduced||!t||!e||!s)return this.emit("complete"),Promise.resolve();const i=[{strokeDashoffset:1},{strokeDashoffset:0}],a=[this.motion(t,i,{duration:520,easing:p,fill:"backwards"}),this.motion(e,i,{duration:340,delay:420,easing:p,fill:"backwards"}),this.motion(s,[{transform:"scale(1)"},{transform:"scale(1.12)"},{transform:"scale(1)"}],{duration:420,delay:640,easing:m})].filter(t=>!!t);return this._anims=a,new Promise(t=>{const e=a[a.length-1],s=()=>{this.emit("complete"),t()};e?e.onfinish=s:s()})}},{id:"check",text:'usa-check{--usa-check-size:56px;--usa-check-color:#0f9d58;display:inline-block;width:var(--usa-check-size);height:var(--usa-check-size);vertical-align:middle}usa-check[data-variant="error"]{--usa-check-color:#d13438}usa-check[data-variant="warning"]{--usa-check-color:#c19c00}usa-check svg{width:100%;height:100%;overflow:visible}usa-check circle,usa-check path{fill:none;stroke:var(--usa-check-color);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1}usa-check[data-state="idle"] circle,usa-check[data-state="idle"] path{stroke-dashoffset:1}usa-check[data-state="done"] circle,usa-check[data-state="done"] path{stroke-dashoffset:0}'})}function U(){Y(),H(),D(),j(),K()}function J(t="usa-aurora"){return o(t,t=>class extends t{constructor(){super(...arguments),this._layer=null}static get observedAttributes(){return["colors","speed","intensity"]}mount(){this._layer||(this._layer=document.createElement("div"),this._layer.className="usa-aurora-layer",this._layer.setAttribute("aria-hidden","true"),this._layer.innerHTML="<i></i><i></i><i></i><i></i>",this.prepend(this._layer));const t=this.str("colors","#7c5cff,#22d3ee,#f472b6,#34d399").split(",").map(t=>t.trim()).filter(Boolean);Array.from(this._layer.children).forEach((e,s)=>{e.style.setProperty("--c",t[s%t.length])});const e=this.num("speed",1);this.style.setProperty("--usa-aurora-speed",`${(18/Math.max(.05,e)).toFixed(2)}s`),this.style.setProperty("--usa-aurora-opacity",String(this.num("intensity",.7))),this.inView(t=>this.toggleAttribute("data-offscreen",!t))}},{id:"aurora",text:"usa-aurora{position:relative;display:block;isolation:isolate;overflow:hidden}usa-aurora .usa-aurora-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--usa-aurora-opacity,0.7);overflow:hidden;contain:strict}usa-aurora .usa-aurora-layer i{position:absolute;display:block;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);will-change:transform;animation:usa-aurora-a var(--usa-aurora-speed,18s) ease-in-out infinite alternate}usa-aurora .usa-aurora-layer i:nth-child(1){left:-15%;top:-30%}usa-aurora .usa-aurora-layer i:nth-child(2){right:-20%;top:-10%;animation-name:usa-aurora-b;animation-duration:calc(var(--usa-aurora-speed,18s) * 1.3)}usa-aurora .usa-aurora-layer i:nth-child(3){left:10%;bottom:-45%;animation-name:usa-aurora-c;animation-duration:calc(var(--usa-aurora-speed,18s) * 0.9)}usa-aurora .usa-aurora-layer i:nth-child(4){right:0;bottom:-30%;width:50%;animation-name:usa-aurora-b;animation-direction:alternate-reverse}usa-aurora[paused] .usa-aurora-layer i,usa-aurora[data-offscreen] .usa-aurora-layer i{animation-play-state:paused}@keyframes usa-aurora-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(30%,20%,0) scale(1.25)}}@keyframes usa-aurora-b{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-35%,25%,0) scale(0.85)}}@keyframes usa-aurora-c{from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}to{transform:translate3d(25%,-30%,0) rotate(40deg) scale(1.2)}}@media (prefers-reduced-motion:reduce){usa-aurora .usa-aurora-layer i,usa-grain .usa-grain-layer,usa-acrylic::after{animation:none !important}}"})}function Q(t="usa-particles"){return o(t,t=>class extends t{constructor(){super(...arguments),this._canvas=null,this._ctx=null,this._ps=[],this._frame=0,this._w=0,this._h=0,this._visible=!1,this._mx=-1e4,this._color="#888",this._my=-1e4}static get observedAttributes(){return["count","color","size","speed","links","interactive","paused"]}mount(){if(this._canvas||(this._canvas=document.createElement("canvas"),this._canvas.setAttribute("aria-hidden","true"),this.prepend(this._canvas)),this._ctx=this._canvas.getContext?.("2d")??null,this._ctx){if(this.resize(),"undefined"!=typeof ResizeObserver){const t=new ResizeObserver(()=>{this.resize(),this._frame||this.draw()});t.observe(this),this.onCleanup(()=>t.disconnect())}this.inView(t=>{this._visible=t,this.loop()}),this.listen(document,"visibilitychange",()=>this.loop()),this.flag("interactive")&&this.listen(window,"pointermove",t=>{const e=this.getBoundingClientRect();this._mx=t.clientX-e.left,this._my=t.clientY-e.top},{passive:!0}),this.draw()}}unmount(){d(this._frame),this._frame=0}reset(){this._ps=[],this.resize(),this.draw()}resize(){const t=this._canvas;if(!t||!this._ctx)return;const e=this.clientWidth||300,s=this.clientHeight||150,i=Math.min(2,"number"==typeof devicePixelRatio&&devicePixelRatio||1);t.width=Math.round(e*i),t.height=Math.round(s*i),this._ctx.setTransform(i,0,0,i,0,0),this._w=e,this._h=s,this._color=this.getAttribute("color")||("function"==typeof getComputedStyle?getComputedStyle(this).color:"")||"#888";const a=Math.round(Math.min(1,e*s/45e4)*Math.max(1,this.num("count",60)))||1,r=this.num("speed",.35),n=this.num("size",2.2);for(;this._ps.length<a;){const t=Math.random()*Math.PI*2,i=r*(.3+.7*Math.random());this._ps.push({x:Math.random()*e,y:Math.random()*s,vx:Math.cos(t)*i,vy:Math.sin(t)*i,r:.6+Math.random()*(n-.6)})}this._ps.length=a}loop(){const t=this._visible&&!this.reduced&&!this.flag("paused")&&!("undefined"!=typeof document&&document.hidden);if(t&&!this._frame){const t=()=>{this.step(),this.draw(),this._frame=c(t)};this._frame=c(t)}else!t&&this._frame&&(d(this._frame),this._frame=0)}step(){const{_w:t,_h:e}=this;for(const s of this._ps){const i=s.x-this._mx,a=s.y-this._my,r=i*i+a*a;if(r<8100&&r>.01){const t=.6*(1-Math.sqrt(r)/90);s.x+=i/Math.sqrt(r)*t,s.y+=a/Math.sqrt(r)*t}s.x+=s.vx,s.y+=s.vy,s.x<-5?s.x=t+5:s.x>t+5&&(s.x=-5),s.y<-5?s.y=e+5:s.y>e+5&&(s.y=-5)}}draw(){const t=this._ctx;if(!t)return;const e=this._color;t.clearRect(0,0,this._w,this._h),t.fillStyle=e,t.strokeStyle=e;const s=this._ps,i=this.num("links",110);if(i>0){const e=i*i;t.lineWidth=.6;for(let i=0;i<s.length;i++)for(let a=i+1;a<s.length;a++){const r=s[i].x-s[a].x,n=s[i].y-s[a].y,o=r*r+n*n;o<e&&(t.globalAlpha=.35*(1-o/e),t.beginPath(),t.moveTo(s[i].x,s[i].y),t.lineTo(s[a].x,s[a].y),t.stroke())}}t.globalAlpha=.85;for(const e of s)t.beginPath(),t.arc(e.x,e.y,e.r,0,2*Math.PI),t.fill();t.globalAlpha=1}},{id:"particles",text:"usa-particles{position:relative;display:block;min-height:120px;overflow:hidden}usa-particles>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}"})}function Z(t="usa-grain"){return o(t,t=>class extends t{constructor(){super(...arguments),this._layer=null}static get observedAttributes(){return["opacity","blend","scale"]}mount(){this._layer||(this._layer=document.createElement("div"),this._layer.className="usa-grain-layer",this._layer.setAttribute("aria-hidden","true"),this.append(this._layer));const t=this._layer.style;t.backgroundImage=`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='${.8}' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.6 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`,t.backgroundSize=`${this.num("scale",180)}px`,t.opacity=String(this.num("opacity",.12)),t.mixBlendMode=this.str("blend","overlay")}},{id:"grain",text:"usa-grain{position:relative;display:block;isolation:isolate;overflow:hidden}usa-grain .usa-grain-layer{position:absolute;inset:-100%;z-index:1;pointer-events:none}usa-grain[animated] .usa-grain-layer{animation:usa-grain 0.8s steps(10) infinite}@keyframes usa-grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-5%,-8%)}20%{transform:translate(-12%,4%)}30%{transform:translate(6%,-16%)}40%{transform:translate(-4%,18%)}50%{transform:translate(-12%,8%)}60%{transform:translate(14%,0)}70%{transform:translate(0,12%)}80%{transform:translate(3%,25%)}90%{transform:translate(-8%,8%)}}"})}function tt(t="usa-marquee"){return o(t,t=>class extends t{constructor(){super(...arguments),this._track=null,this._anim=null,this._hover=!1,this._visible=!0,this._size=0}static get observedAttributes(){return["speed","direction","gap","paused"]}get vertical(){const t=this.str("direction","left");return"up"===t||"down"===t}mount(){if(!this._track){const t=document.createElement("div");t.className="usa-marquee-track";const e=document.createElement("div");e.className="usa-marquee-group",e.append(...Array.from(this.childNodes)),t.append(e),this.append(t),this._track=t}if(this.toggleAttribute("data-vertical",this.vertical),this.style.setProperty("--usa-marquee-gap",`${this.num("gap",32)}px`),this.reduced)return this.setAttribute("data-static",""),void this.syncClones(1);if(this.removeAttribute("data-static"),this.build(),"undefined"!=typeof ResizeObserver){const t=new ResizeObserver(()=>this.build());t.observe(this._track.firstElementChild),this.onCleanup(()=>t.disconnect())}this.inView(t=>{this._visible=t,this.sync()}),this.listen(this,"pointerenter",()=>(this._hover=!0,this.sync())),this.listen(this,"pointerleave",()=>(this._hover=!1,this.sync())),this.listen(this,"focusin",()=>(this._hover=!0,this.sync())),this.listen(this,"focusout",()=>(this._hover=!1,this.sync()))}unmount(){this._anim?.cancel(),this._anim=null,this._size=0}syncClones(t){const e=this._track,s=e.firstElementChild;for(;e.children.length>t;)e.lastElementChild.remove();for(;e.children.length<t;){const t=s.cloneNode(!0);t.setAttribute("aria-hidden","true"),t.setAttribute("inert",""),e.append(t)}}build(){const t=this._track,e=t.firstElementChild,s=this.vertical,i=this.num("gap",32),a=s?e.offsetHeight:e.offsetWidth;if(!a)return;const r=a+i;if(this._anim&&this._size===r)return;this._size=r;const n=(s?this.clientHeight:this.clientWidth)||r;this.syncClones(Math.min(50,Math.max(2,Math.ceil(n/r)+1)));const o=this._anim?.effect?.getComputedTiming().progress??0;this._anim?.cancel();const u=s?"Y":"X",l=["right","down"].includes(this.str("direction","left")),c=[{transform:`translate${u}(0)`},{transform:`translate${u}(${-r}px)`}];this._anim=this.motion(t,l?c.reverse():c,{duration:Math.max(1,r)/Math.max(1,this.num("speed",50))*1e3,iterations:1/0}),this._anim&&o&&(this._anim.currentTime=o*Number(this._anim.effect?.getTiming().duration||0)),this.sync()}sync(){const t=this._anim;if(!t)return;const e=this.flag("paused")||!this._visible||this._hover&&this.flag("pause-on-hover");e&&"running"===t.playState?t.pause():e||"paused"!==t.playState||t.play()}pause(){this.setAttribute("paused","")}resume(){this.removeAttribute("paused")}changed(t){"paused"===t?this.sync():super.changed(t)}},{id:"marquee",text:"usa-marquee{--usa-marquee-gap:32px;display:block;overflow:hidden;contain:content}usa-marquee[fade]{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}usa-marquee[fade][data-vertical]{-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}usa-marquee .usa-marquee-track{display:flex;width:max-content;gap:var(--usa-marquee-gap);will-change:transform}usa-marquee .usa-marquee-group{display:flex;flex:none;align-items:center;gap:var(--usa-marquee-gap)}usa-marquee[data-vertical] .usa-marquee-track,usa-marquee[data-vertical] .usa-marquee-group{flex-direction:column;width:auto}usa-marquee[data-vertical]{height:var(--usa-marquee-height,240px)}usa-marquee[data-static]{overflow:auto;scrollbar-width:thin}"})}function et(t="usa-acrylic"){return o(t,t=>class extends t{static get observedAttributes(){return["tint","tint-opacity","blur","shimmer"]}mount(){const t=this.getAttribute("tint");t?this.style.setProperty("--usa-acrylic-tint",t):this.style.removeProperty("--usa-acrylic-tint"),this.style.setProperty("--usa-acrylic-opacity",`${Math.round(100*this.num("tint-opacity",.55))}%`),this.style.setProperty("--usa-acrylic-blur",`${this.num("blur",30)}px`),"load"!==this.str("shimmer")||this.reduced||(this.removeAttribute("data-shine"),this.offsetWidth,this.setAttribute("data-shine",""))}},{id:"acrylic",text:"usa-acrylic{--usa-acrylic-tint:#f3f3f3;--usa-acrylic-opacity:55%;--usa-acrylic-blur:30px;position:relative;display:block;isolation:isolate;overflow:hidden;background-color:color-mix(in srgb,var(--usa-acrylic-tint) var(--usa-acrylic-opacity),transparent);-webkit-backdrop-filter:blur(var(--usa-acrylic-blur)) saturate(1.6);backdrop-filter:blur(var(--usa-acrylic-blur)) saturate(1.6);border:1px solid color-mix(in srgb,#fff 22%,transparent)}@media (prefers-color-scheme:dark){usa-acrylic{--usa-acrylic-tint:#2c2c2c}}usa-acrylic::before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0.035;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")}usa-acrylic::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;transform:translateX(-120%);background:linear-gradient(105deg,transparent 30%,rgb(255 255 255 / 0.28) 50%,transparent 70%)}usa-acrylic[shimmer=\"hover\"]:hover::after,usa-acrylic[data-shine]::after{animation:usa-acrylic-shine 1.1s cubic-bezier(0.22,1,0.36,1) both}@keyframes usa-acrylic-shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}usa-acrylic[variant=\"mica\"]{--usa-acrylic-opacity:80%;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(color-mix(in srgb,var(--usa-acrylic-tint) var(--usa-acrylic-opacity),transparent),color-mix(in srgb,var(--usa-acrylic-tint) var(--usa-acrylic-opacity),transparent)),var(--usa-mica-source,linear-gradient(135deg,#b8c6ff,#ffd6e8));border-color:transparent}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){usa-acrylic{background-color:var(--usa-acrylic-tint)}}@media (prefers-reduced-transparency:reduce){usa-acrylic{background:var(--usa-acrylic-tint);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){usa-acrylic{background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:CanvasText}usa-acrylic::before,usa-acrylic::after{display:none}}"})}function st(){J(),Q(),Z(),tt(),et()}const it={modal:"scale(0.94)","drawer-start":"translateX(-100%)","drawer-end":"translateX(100%)","drawer-bottom":"translateY(100%)",sheet:"translateY(40px)"};function at(t="usa-dialog"){return o(t,t=>class extends t{constructor(){super(...arguments),this._dialog=null,this._panel=null,this._backdrop=null,this._busy=null,this._syncing=!1,this.returnValue=""}static get observedAttributes(){return["open","variant","label"]}get dialog(){return this._dialog}get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",!!t)}get variant(){const t=this.str("variant","modal");return it[t]?t:"modal"}changed(t){if("open"===t){if(this._syncing)return;this.open?this.show():this.close()}else this.syncAttrs()}syncAttrs(){if(!this._dialog)return;this._dialog.setAttribute("data-variant",this.variant),this._dialog.setAttribute("aria-modal","true");const t=this.getAttribute("label");t&&this._dialog.setAttribute("aria-label",t)}mount(){if(!this._dialog){const t=this.shadowRoot||this.attachShadow({mode:"open"});t.innerHTML='<dialog part="dialog"><div part="backdrop" aria-hidden="true"></div><div part="panel"><slot></slot></div></dialog>',function(t,e){try{if("function"==typeof CSSStyleSheet&&"adoptedStyleSheets"in t){const s=new CSSStyleSheet;return s.replaceSync(e),void(t.adoptedStyleSheets=[s])}}catch{}const s=document.createElement("style");s.textContent=e,t.prepend(s)}(t,':host{display:contents}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden}dialog:not([open]){display:none}dialog::backdrop{background:transparent}[part="backdrop"]{position:absolute;inset:0;background:var(--usa-dialog-backdrop,rgb(0 0 0 / 0.42))}[part="panel"]{position:absolute;left:50%;top:50%;translate:-50% -50%;box-sizing:border-box;width:min(var(--usa-dialog-width,480px),calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:var(--usa-dialog-padding,24px);border-radius:var(--usa-dialog-radius,12px);background:var(--usa-dialog-bg,Canvas);color:var(--usa-dialog-fg,CanvasText);box-shadow:0 32px 64px -12px rgb(0 0 0 / 0.45),0 0 0 1px rgb(127 127 127 / 0.18)}dialog[data-variant^="drawer"] [part="panel"]{top:0;bottom:0;translate:none;max-height:none;height:100%;border-radius:0;width:min(var(--usa-dialog-width,380px),88vw)}dialog[data-variant="drawer-start"] [part="panel"]{left:0}dialog[data-variant="drawer-end"] [part="panel"]{left:auto;right:0}dialog[data-variant="drawer-bottom"] [part="panel"],dialog[data-variant="sheet"] [part="panel"]{top:auto;bottom:0;left:0;right:0;translate:none;width:100%;height:auto;max-height:85vh;border-radius:var(--usa-dialog-radius,16px) var(--usa-dialog-radius,16px) 0 0}dialog[data-variant="sheet"] [part="panel"]{left:50%;translate:-50% 0;width:min(var(--usa-dialog-width,560px),100vw)}'),this._dialog=t.querySelector("dialog"),this._backdrop=t.querySelector("[part=backdrop]"),this._panel=t.querySelector("[part=panel]")}this.syncAttrs();const t=this._dialog;this.listen(t,"cancel",t=>{t.preventDefault(),this.flag("no-esc")||this.close("cancel")}),this.listen(this._backdrop,"click",()=>!this.flag("no-backdrop-close")&&this.close("backdrop")),this.listen(this,"click",t=>{const e=t.target.closest?.("[data-close]");e&&this.contains(e)&&this.close(e.getAttribute("data-close")||"close")}),this.open&&!t.open&&this.show()}unmount(){this._dialog?.open&&this._dialog.close()}setOpenAttr(t){this._syncing=!0,this.toggleAttribute("open",t),this._syncing=!1}async show(){await this._busy;const t=this._dialog;if(t){if(!t.open){this.setOpenAttr(!0);try{"function"==typeof t.showModal?t.showModal():t.setAttribute("open","")}catch{t.setAttribute("open","")}this.emit("open"),this.reduced?await this.animate2([{opacity:0},{opacity:1}],[{opacity:0},{opacity:1}],160,p):await this.animate2([{opacity:0,transform:it[this.variant]},{opacity:1,transform:"none"}],[{opacity:0},{opacity:1}],"modal"===this.variant?260:360,f)}}else this.setOpenAttr(!0)}async close(t=""){await this._busy;const e=this._dialog;e&&e.open?this.emit("beforeclose",{returnValue:t})?(this.returnValue=t,this._busy=(async()=>{const s=this.reduced?{opacity:0}:{opacity:0,transform:it[this.variant]},i=this.reduced?{opacity:1}:{opacity:1,transform:"none"};await this.animate2([i,s],[{opacity:1},{opacity:0}],this.reduced?120:200,"cubic-bezier(0.7, 0, 0.84, 0)","forwards");try{"function"==typeof e.close?e.close(t):e.removeAttribute("open")}catch{e.removeAttribute("open")}e.removeAttribute("open"),this._panel?.getAnimations?.().forEach(t=>t.cancel()),this._backdrop?.getAnimations?.().forEach(t=>t.cancel()),this.setOpenAttr(!1),this.emit("close",{returnValue:t})})(),await this._busy,this._busy=null):this.setOpenAttr(!0):this.setOpenAttr(!1)}animate2(t,e,s,i,a="none"){const r=this._panel?this.motion(this._panel,t,{duration:s,easing:i,fill:a}):null,n=this._backdrop?this.motion(this._backdrop,e,{duration:s,easing:"linear",fill:a}):null;return Promise.all([r?.finished,n?.finished].map(t=>t?.catch(()=>{}))).then(()=>{})}},{id:"dialog",text:"usa-dialog{display:contents}usa-dialog:not(:defined){display:none}"})}function rt(t="usa-accordion"){return o(t,t=>class extends t{constructor(){super(...arguments),this._running=new WeakMap}static get observedAttributes(){return[]}get items(){return Array.from(this.children).filter(t=>"DETAILS"===t.tagName)}mount(){this.listen(this,"click",t=>{const e=t.target.closest?.("summary"),s=e?.parentElement;e&&s&&"DETAILS"===s.tagName&&s.parentElement===this&&(t.preventDefault(),this.toggleItem(s))})}closedHeight(t){const e=t.querySelector(":scope > summary"),s="function"==typeof getComputedStyle?getComputedStyle(t):null,i=s?["paddingTop","paddingBottom","borderTopWidth","borderBottomWidth"].reduce((t,e)=>t+(parseFloat(s[e])||0),0):0;return(e?e.getBoundingClientRect().height:0)+i}async toggleItem(t,e=!t.open||t.hasAttribute("data-closing")){e&&!this.flag("multiple")&&this.items.forEach(e=>e!==t&&e.open&&this.toggleItem(e,!1)),this._running.get(t)?.cancel(),this._running.delete(t);const s=this.reduced?0:this.num("duration",300),i=t.getBoundingClientRect().height;if(e&&(t.removeAttribute("data-closing"),t.open=!0),this.emit("toggle",{details:t,open:e}),!s||"function"!=typeof t.animate)return void(e||(t.open=!1));const a=e?t.getBoundingClientRect().height:this.closedHeight(t);e||t.setAttribute("data-closing",""),t.style.overflow="hidden";const r=t.animate([{height:`${i}px`},{height:`${a}px`}],{duration:s,easing:p});this._running.set(t,r),await r.finished.catch(()=>{}),this._running.get(t)===r&&(this._running.delete(t),t.style.overflow="",e||(t.open=!1,t.removeAttribute("data-closing")))}},{id:"accordion",text:'usa-accordion{display:block}usa-accordion>details>summary{cursor:pointer}usa-accordion>details>summary::-webkit-details-marker{display:none}usa-accordion>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1em}usa-accordion>details>summary::after{content:"";flex:none;width:0.5em;height:0.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1);opacity:0.7}usa-accordion>details[open]:not([data-closing])>summary::after{transform:translateY(25%) rotate(-135deg)}@media (prefers-reduced-motion:reduce){usa-accordion>details>summary::after{transition:none}}'})}function nt(t="usa-flip-list"){return o(t,t=>class extends t{constructor(){super(...arguments),this._pos=new WeakMap,this._manual=!1}static get observedAttributes(){return[]}snapshot(){const t=this.getBoundingClientRect();for(const e of Array.from(this.children)){const s=e.getBoundingClientRect();this._pos.set(e,{x:s.left-t.left,y:s.top-t.top})}}mount(){if(this.snapshot(),"undefined"!=typeof MutationObserver){const t=new MutationObserver(()=>{this._manual||this.animateFrom(this._pos)});t.observe(this,{childList:!0}),this.onCleanup(()=>t.disconnect())}if("undefined"!=typeof ResizeObserver){const t=new ResizeObserver(()=>this.snapshot());t.observe(this),this.onCleanup(()=>t.disconnect())}}animateFrom(t){const e=this.reduced||this.flag("disabled"),s=this.getBoundingClientRect(),i=Array.from(this.children),a=i.map(t=>{const e=t.getBoundingClientRect();return{x:e.left-s.left,y:e.top-s.top}}),r=[],n=this.num("duration",420),o=this.str("easing",f);return i.forEach((s,i)=>{const u=t.get(s);if(this._pos.set(s,a[i]),e||"function"!=typeof s.animate)return;if(!u)return void r.push(s.animate([{opacity:0,transform:"scale(0.92)"},{opacity:1,transform:"none"}],{duration:n,easing:o}).finished.catch(()=>0));const l=u.x-a[i].x,c=u.y-a[i].y;Math.abs(l)<.5&&Math.abs(c)<.5||r.push(s.animate([{transform:`translate(${l}px, ${c}px)`},{transform:"none"}],{duration:n,easing:o,composite:"add"}).finished.catch(()=>0))}),Promise.all(r).then(()=>{})}async flip(t){this.snapshot();const e=this._pos;this._pos=new WeakMap;for(const t of Array.from(this.children)){const s=e.get(t);s&&this._pos.set(t,s)}this._manual=!0;try{await t()}finally{this._manual=!1}await this.animateFrom(e)}},{id:"flip-list",text:"usa-flip-list{display:block}"})}function ot(t="usa-view-switch"){return o(t,t=>class extends t{constructor(){super(...arguments),this._index=-1,this._anims=[]}static get observedAttributes(){return["active"]}get views(){return Array.from(this.children)}get active(){return this.str("active","0")}set active(t){this.setAttribute("active",String(t))}indexOf(t){const e=this.views,s=e.findIndex(e=>e.dataset.view===String(t));if(s>=0)return s;const i=Number(t);return Number.isInteger(i)&&i>=0&&i<e.length?i:-1}changed(){this.show(this.active)}mount(){const t=Math.max(0,this.indexOf(this.active));this._index=t,this.views.forEach((e,s)=>this.setVisible(e,s===t))}setVisible(t,e){t.hidden=!e,t.toggleAttribute("inert",!e),t.toggleAttribute("data-active",e)}async show(t){const e=this.indexOf(t),s=this._index;if(e<0||e===s)return;const i=this.views,a=i[s],r=i[e];this._index=e;const n=r.dataset.view??String(e);if(this.active!==n&&this.active!==String(e)&&this.setAttribute("active",n),this._anims.splice(0).forEach(t=>t.finish()),this.setVisible(r,!0),this.emit("change",{view:r,index:e,name:n}),!a)return;const o=this.num("duration",320),u=e>s?1:-1;let l,c;switch(this.reduced?"fade":this.str("effect","slide")){case"fade":l={opacity:0},c={opacity:0};break;case"scale":l={opacity:0,transform:"scale(0.96)"},c={opacity:0,transform:"scale(1.04)"};break;case"drill":l={opacity:0,transform:`scale(${u>0?1.06:.94})`},c={opacity:0,transform:`scale(${u>0?.94:1.06})`};break;default:l={opacity:0,transform:`translateX(${32*-u}px)`},c={opacity:0,transform:`translateX(${48*u}px)`}}const h=t=>"transform"in t?{opacity:1,transform:"none"}:{opacity:1};a.setAttribute("data-leaving","");const d=this.motion(a,[h(l),l],{duration:.6*o,easing:p,fill:"forwards"}),m=this.motion(r,[c,h(c)],{duration:o,delay:.15*o,easing:f,fill:"backwards"});this._anims=[d,m].filter(t=>!!t),await Promise.all(this._anims.map(t=>t.finished.catch(()=>{}))),a.removeAttribute("data-leaving"),this._index!==s&&this.setVisible(a,!1),d?.cancel()}},{id:"view-switch",text:"usa-view-switch{display:grid}usa-view-switch>*{grid-area:1 / 1;min-width:0}usa-view-switch>[hidden]:not([data-leaving]){display:none !important}usa-view-switch>[data-leaving]{display:block;pointer-events:none}"})}const ut=t=>t instanceof Element?Array.from(t.children):Array.from(t);function lt(){at(),rt(),nt(),ot()}
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).UsaComponents={})}(this,function(t){"use strict";const e={injectStyles:!0,reducedMotion:"user"};function s(){return"user"!==e.reducedMotion?"reduce"===e.reducedMotion:"function"==typeof matchMedia&&!!matchMedia("(prefers-reduced-motion: reduce)").matches}const i=new Set;function a(t,s){if(!e.injectStyles||!s||i.has(t)||"undefined"==typeof document)return;i.add(t);try{if("function"==typeof CSSStyleSheet&&"adoptedStyleSheets"in document){const t=new CSSStyleSheet;return t.replaceSync(s),void(document.adoptedStyleSheets=[...document.adoptedStyleSheets,t])}}catch{}const a=document.createElement("style");a.setAttribute("data-usa",t),a.textContent=s,(document.head||document.documentElement).appendChild(a)}let r=null;function n(t,e){if(e)for(const[s,i]of Object.entries(e))"offset"!==s&&"easing"!==s&&"composite"!==s&&null!=i&&(t.style[s]=String(i))}function o(t,e,i){if("undefined"==typeof customElements||"undefined"==typeof HTMLElement)return;a("base",l),i&&a(i.id,i.text);const o=customElements.get(t);if(o)return o;const u=e(function(){if(r)return r;class t extends HTMLElement{constructor(){super(...arguments),this._cleanups=[],this._connected=!1}get reduced(){return s()}connectedCallback(){if(!this._connected){if(this._connected=!0,"undefined"!=typeof document&&"loading"===document.readyState&&!this.nextSibling&&!this.childNodes.length){const t=()=>{this._connected&&this.isConnected&&this.mount()};return document.addEventListener("DOMContentLoaded",t,{once:!0}),void this._cleanups.push(()=>document.removeEventListener("DOMContentLoaded",t))}this.mount()}}disconnectedCallback(){this._connected=!1,this.teardown()}attributeChangedCallback(t,e,s){this._connected&&e!==s&&this.changed(t)}changed(t){this.teardown(),this.mount()}teardown(){this._cleanups.splice(0).reverse().forEach(t=>t()),this.unmount()}mount(){}unmount(){}str(t,e=""){const s=this.getAttribute(t);return null===s?e:s}num(t,e){const s=this.getAttribute(t),i=null===s||""===s.trim()?NaN:Number(s);return Number.isFinite(i)?i:e}flag(t){const e=this.getAttribute(t);return null!==e&&"false"!==e}setFlag(t,e){e?this.setAttribute(t,""):this.removeAttribute(t)}onCleanup(t){this._cleanups.push(t)}listen(t,e,s,i){t.addEventListener(e,s,i),this.onCleanup(()=>t.removeEventListener(e,s,i))}inView(t,e,s=this){if("undefined"==typeof IntersectionObserver)return void t(!0);const i=new IntersectionObserver(e=>{for(const s of e)t(s.isIntersecting,s)},e);i.observe(s),this.onCleanup(()=>i.disconnect())}motion(t,e,s){return"function"!=typeof t.animate?(n(t,e[e.length-1]),null):t.animate(e,s)}emit(t,e){return this.dispatchEvent(new CustomEvent(`usa:${t}`,{detail:e,bubbles:!0,cancelable:!0}))}}return r=t,r}());return customElements.define(t,u),u}const l=".usa-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}";function u(t){const e=document.createElement("span");return e.className="usa-sr",e.textContent=t,e}const c=t=>"function"==typeof requestAnimationFrame?requestAnimationFrame(t):setTimeout(()=>t(Date.now()),16),h=()=>"undefined"!=typeof performance?performance.now():Date.now(),d=t=>{"function"==typeof cancelAnimationFrame?cancelAnimationFrame(t):clearTimeout(t)},p="cubic-bezier(0.22, 1, 0.36, 1)",m="cubic-bezier(0.34, 1.56, 0.64, 1)",f="cubic-bezier(0.1, 0.9, 0.2, 1)",g=(t,e,s)=>Math.min(s,Math.max(e,t));function b(t,e){const s=function(t,e=32){const s=`${e}px`;switch(t){case"fade":return{opacity:0};case"fade-down":return{opacity:0,transform:`translate3d(0,-${s},0)`};case"fade-left":return{opacity:0,transform:`translate3d(-${s},0,0)`};case"fade-right":return{opacity:0,transform:`translate3d(${s},0,0)`};case"zoom-in":return{opacity:0,transform:"scale(0.86)"};case"zoom-out":return{opacity:0,transform:"scale(1.14)"};case"blur":return{opacity:0,filter:"blur(12px)"};case"blur-up":return{opacity:0,filter:"blur(10px)",transform:`translate3d(0,${s},0)`};case"flip-up":return{opacity:0,transform:"perspective(800px) rotateX(-55deg)",transformOrigin:"50% 100%"};case"flip-left":return{opacity:0,transform:"perspective(800px) rotateY(55deg)",transformOrigin:"0% 50%"};case"rise":return{opacity:0,transform:`translate3d(0,${1.5*e}px,0) scale(0.96)`};default:return{opacity:0,transform:`translate3d(0,${s},0)`}}}(t,e),i={};for(const t of Object.keys(s))"opacity"===t?i.opacity=1:"transform"===t?i.transform="none":"filter"===t?i.filter="none":"transformOrigin"===t&&(i.transformOrigin=s.transformOrigin);return[s,i]}var y='usa-reveal,usa-stagger{display:block}usa-reveal[data-state="hidden"],usa-stagger[data-state="hidden"]>*{opacity:0}@media (prefers-reduced-motion:reduce){usa-reveal[data-state="hidden"],usa-stagger[data-state="hidden"]>*{opacity:1}}';function v(t="usa-reveal"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anim=null}static get observedAttributes(){return["effect","distance","repeat","threshold","root-margin"]}get effect(){return this.str("effect","fade-up")}set effect(t){this.setAttribute("effect",t)}get revealed(){return"hidden"!==this.getAttribute("data-state")}mount(){this.reduced?this.setAttribute("data-state","shown"):("shown"!==this.getAttribute("data-state")&&this.setAttribute("data-state","hidden"),this.inView(t=>{t?(this.emit("enter"),this.revealed||this.reveal()):(this.emit("leave"),this.flag("repeat")&&this.revealed&&this.reset())},{threshold:this.num("threshold",.15),rootMargin:this.str("root-margin","0px")}))}unmount(){this._anim?.cancel(),this._anim=null}reveal(){if(this._anim?.cancel(),this.setAttribute("data-state","shown"),this.reduced)return Promise.resolve();const t=this.motion(this,b(this.effect,this.num("distance",32)),{duration:this.num("duration",700),delay:this.num("delay",0),easing:this.str("easing",p),fill:"backwards"});return this._anim=t,new Promise(e=>{const s=()=>{this._anim===t&&(this._anim=null),this.emit("complete"),e()};t?t.onfinish=s:s()})}reset(){this._anim?.cancel(),this._anim=null,this.reduced||this.setAttribute("data-state","hidden")}},{id:"reveal",text:y})}function x(t="usa-stagger"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anims=[]}static get observedAttributes(){return["effect","repeat","threshold"]}mount(){this.reduced?this.setAttribute("data-state","shown"):("shown"!==this.getAttribute("data-state")&&this.setAttribute("data-state","hidden"),this.inView(t=>{t&&"hidden"===this.getAttribute("data-state")?(this.emit("enter"),this.reveal()):!t&&this.flag("repeat")&&this.reset()},{threshold:this.num("threshold",.1)}))}unmount(){this.cancel()}cancel(){this._anims.splice(0).forEach(t=>t.cancel())}reveal(){this.cancel(),this.setAttribute("data-state","shown");const t=Array.from(this.children);if(this.reduced||!t.length)return Promise.resolve();const e=b(this.str("effect","fade-up"),this.num("distance",24)),s=this.num("interval",70),i=this.num("delay",0),a=this.num("duration",600),r=this.str("easing",p),n=t.map((t,n)=>this.motion(t,e,{duration:a,easing:r,delay:i+n*s,fill:"backwards"})).filter(t=>!!t);this._anims=n;const o=n[n.length-1];return new Promise(t=>{const e=()=>{this.emit("complete"),t()};o?o.onfinish=e:e()})}reset(){this.cancel(),this.reduced||this.setAttribute("data-state","hidden")}},{id:"reveal",text:y})}function _(t){if("undefined"==typeof window)return 0;const e=window.innerHeight||document.documentElement.clientHeight;if(t){const s=t.getBoundingClientRect(),i=s.height-e;return i<=0?s.top<=0?1:0:g(-s.top/i,0,1)}const s=document.documentElement,i=s.scrollHeight-e;return i<=0?0:g((window.scrollY||s.scrollTop)/i,0,1)}function w(t="usa-scroll-progress"){return o(t,t=>class extends t{constructor(){super(...arguments),this._bar=null,this._p=-1,this._frame=0}static get observedAttributes(){return["target","label"]}get progress(){return Math.max(0,this._p)}mount(){this._bar||(this._bar=document.createElement("span"),this._bar.className="usa-progress-fill",this.replaceChildren(this._bar)),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax","100"),this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.str("label","Reading progress"));const t=()=>{this._frame||(this._frame=c(()=>(this._frame=0,this.update())))};this.listen(window,"scroll",t,{passive:!0}),this.listen(window,"resize",t,{passive:!0}),this.update()}unmount(){d(this._frame),this._frame=0}update(){const t=this.getAttribute("target"),e=_(t?document.querySelector(t):null);if(Math.abs(e-this._p)<5e-4)return;this._p=e,this._bar&&(this._bar.style.transform=`scaleX(${e})`),this.style.setProperty("--usa-progress",String(e));const s=String(Math.round(100*e));this.getAttribute("aria-valuenow")!==s&&this.setAttribute("aria-valuenow",s),this.emit("progress",{progress:e})}},{id:"scroll-progress",text:'usa-scroll-progress{display:block;position:fixed;left:0;right:0;top:0;z-index:1000;height:var(--usa-progress-height,3px);background:var(--usa-progress-track,transparent);pointer-events:none;contain:strict}usa-scroll-progress[position="bottom"]{top:auto;bottom:0}usa-scroll-progress[position="inline"]{position:relative;z-index:auto;border-radius:999px;overflow:hidden}usa-scroll-progress .usa-progress-fill{display:block;height:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--usa-progress-color,linear-gradient(90deg,#7c5cff,#22d3ee));will-change:transform}'})}function k(t="usa-scrolly"){return o(t,t=>class extends t{constructor(){super(...arguments),this._active=-1}static get observedAttributes(){return["offset"]}get active(){return this._active}get steps(){return Array.from(this.querySelectorAll("[data-step]"))}mount(){const t=this.steps;if(!t.length)return;const e=g(this.num("offset",.5),0,1),s=Math.min(99,Math.round(100*e)),i=`-${s}% 0px -${Math.max(0,99-s)}% 0px`;if("undefined"==typeof IntersectionObserver)return void this.activate(0);const a=new IntersectionObserver(e=>{for(const s of e)s.isIntersecting&&this.activate(t.indexOf(s.target))},{rootMargin:i});t.forEach(t=>a.observe(t)),this.onCleanup(()=>a.disconnect()),this._active<0&&this.activate(0,!0)}activate(t,e=!1){const s=this.steps;if(t<0||t>=s.length||t===this._active)return;this._active=t,s.forEach((e,s)=>e.toggleAttribute("data-active",s===t));const i=s[t];this.setAttribute("active",String(t)),this.style.setProperty("--usa-step",String(t)),this.setAttribute("data-step-name",i.dataset.step||String(t)),e||this.emit("step",{index:t,step:i,name:i.dataset.step||""})}},{id:"scrolly",text:"usa-scrolly{display:block;position:relative}usa-scrolly [data-sticky]{position:sticky;top:var(--usa-sticky-top,0px)}usa-scrolly [data-step]{opacity:var(--usa-step-dim,0.35);transition:opacity 0.4s ease}usa-scrolly [data-step][data-active]{opacity:1}@media (prefers-reduced-motion:reduce){usa-scrolly [data-step]{transition:none}}"})}function A(){v(),x(),w(),k()}function C(t="usa-typewriter"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._out=null,this._timer=0,this._running=!1}static get observedAttributes(){return["text","words"]}get phrases(){const t=this.getAttribute("words");return t?t.split("|").map(t=>t.trim()).filter(Boolean):[this.getAttribute("text")??this._source??""]}mount(){null===this._source&&(this._source=(this.textContent||"").trim());const t=this.phrases,e=u(t.join(", "));this._out=document.createElement("span"),this._out.className="usa-tw-text",this._out.setAttribute("aria-hidden","true");const s=document.createElement("span");if(s.className="usa-tw-caret",s.setAttribute("aria-hidden","true"),this.replaceChildren(e,this._out,s),this.toggleAttribute("data-no-cursor","false"===this.getAttribute("cursor")),this.reduced)return void(this._out.textContent=t[0]||"");const i=this.str("start","view");"load"===i?this.start():"view"===i&&this.inView(t=>{!t||this._running||this._out?.textContent||this.start()})}unmount(){this.stop()}stop(){clearTimeout(this._timer),this._timer=0,this._running=!1,this.removeAttribute("data-typing")}restart(){this.stop(),this._out&&(this._out.textContent=""),this.start()}start(){if(this._running||!this._out)return;const t=this._out,e=this.phrases;if(this.reduced)return void(t.textContent=e[0]||"");this._running=!0;const s=this.num("speed",55),i=this.num("delete-speed",30),a=this.num("pause",1400),r=this.flag("loop")||e.length>1;let n=0,o=0,l=!1;const u=()=>{const c=e[n]||"";if(l){if(o--,t.textContent=c.slice(0,Math.max(0,o)),o<=0)return l=!1,n=(n+1)%e.length,void(this._timer=setTimeout(u,4*s));this._timer=setTimeout(u,i)}else{if(o++,t.textContent=c.slice(0,o),this.setAttribute("data-typing",""),o>=c.length){this.removeAttribute("data-typing");const t=n===e.length-1;return t&&this.emit("complete"),!r&&t?void(this._running=!1):(l=!0,void(this._timer=setTimeout(u,a)))}this._timer=setTimeout(u,s*(.6+.8*Math.random()))}};this._timer=setTimeout(u,this.num("delay",0))}},{id:"typewriter",text:"usa-typewriter{white-space:pre-wrap}usa-typewriter .usa-tw-caret{display:inline-block;width:var(--usa-caret-width,0.08em);height:1.05em;margin-left:0.06em;vertical-align:-0.12em;background:var(--usa-caret-color,currentColor);animation:usa-caret 1.06s steps(1) infinite}usa-typewriter[data-typing] .usa-tw-caret{animation:none}usa-typewriter[data-no-cursor] .usa-tw-caret{display:none}@keyframes usa-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){usa-typewriter .usa-tw-caret,usa-shimmer-text{animation:none}}"})}function M(t="usa-split-text"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._timer=0}static get observedAttributes(){return["by","text"]}get units(){return Array.from(this.querySelectorAll(".usa-split-unit"))}mount(){null===this._source&&(this._source=this.getAttribute("text")??(this.textContent||"").replace(/\s+/g," ").trim());const t=this.getAttribute("text")??this._source,e="words"===this.str("by","chars"),s=document.createDocumentFragment();s.append(u(t));let i=0;if(t.split(" ").forEach((t,a)=>{a>0&&s.append(" ");const r=document.createElement("span");r.className="usa-split-word",r.setAttribute("aria-hidden","true");const n=e?[t]:Array.from(t);for(const t of n){const e=document.createElement("span");e.className="usa-split-unit",e.textContent=t,e.style.setProperty("--i",String(i++)),r.append(e)}s.append(r)}),this.replaceChildren(s),this.style.setProperty("--usa-split-stagger",`${this.num("stagger",e?70:28)}ms`),this.style.setProperty("--usa-split-duration",`${this.num("duration",620)}ms`),this.style.setProperty("--usa-split-delay",`${this.num("delay",0)}ms`),this.style.setProperty("--usa-split-count",String(i)),this.reduced)return void this.setAttribute("data-state","shown");this.setAttribute("data-state","hidden");const a=this.str("trigger","view");"load"===a?this.play():"view"===a&&this.inView(t=>{t&&"hidden"===this.getAttribute("data-state")?this.play():!t&&this.flag("repeat")&&this.reset()},{threshold:.2})}unmount(){clearTimeout(this._timer)}play(){if(clearTimeout(this._timer),this.reduced)return void this.setAttribute("data-state","shown");this.setAttribute("data-state","hidden"),this.offsetWidth,this.setAttribute("data-state","play");const t=this.units.length,e=this.num("delay",0)+this.num("duration",620)+Math.max(0,t-1)*this.num("stagger","words"===this.str("by")?70:28);this._timer=setTimeout(()=>{this.setAttribute("data-state","shown"),this.emit("complete")},e)}reset(){clearTimeout(this._timer),this.setAttribute("data-state",this.reduced?"shown":"hidden")}},{id:"split-text",text:'usa-split-text .usa-split-word{display:inline-block;white-space:nowrap}usa-split-text .usa-split-unit{display:inline-block;white-space:pre}usa-split-text[data-state="hidden"] .usa-split-unit{opacity:0}usa-split-text[data-state="play"] .usa-split-unit{animation:usa-split-rise var(--usa-split-duration,620ms) cubic-bezier(0.22,1,0.36,1) both;animation-delay:calc(var(--usa-split-delay,0ms) + var(--i,0) * var(--usa-split-stagger,28ms))}usa-split-text[effect="fade"][data-state="play"] .usa-split-unit{animation-name:usa-split-fade}usa-split-text[effect="blur"][data-state="play"] .usa-split-unit{animation-name:usa-split-blur}usa-split-text[effect="flip"][data-state="play"] .usa-split-unit{animation-name:usa-split-flip;transform-origin:50% 100%}usa-split-text[effect="pop"][data-state="play"] .usa-split-unit{animation-name:usa-split-pop;animation-timing-function:cubic-bezier(0.34,1.56,0.64,1)}@keyframes usa-split-rise{from{opacity:0;transform:translate3d(0,0.6em,0)}to{opacity:1;transform:none}}@keyframes usa-split-fade{from{opacity:0}to{opacity:1}}@keyframes usa-split-blur{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}@keyframes usa-split-flip{from{opacity:0;transform:perspective(500px) rotateX(-80deg)}to{opacity:1;transform:none}}@keyframes usa-split-pop{from{opacity:0;transform:scale(0.3)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){usa-split-text .usa-split-unit{animation:none !important;opacity:1 !important}}'})}const S="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%&*+=<>/\\?!";function E(t,e,s=S,i=Math.random){const a=Math.floor(t.length*e);let r="";for(let e=0;e<t.length;e++){const n=t[e];r+=e<a||/\s|[.,:;!?'"()\-–—]/.test(n)?n:s[Math.floor(i()*s.length)]}return r}function T(t="usa-scramble"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._out=null,this._frame=0}static get observedAttributes(){return["text"]}get text(){return this.getAttribute("text")??this._source??""}mount(){if(null===this._source&&(this._source=(this.textContent||"").trim()),this._out=document.createElement("span"),this._out.setAttribute("aria-hidden","true"),this._out.textContent=this.text,this.replaceChildren(u(this.text),this._out),this.reduced)return;const t=this.str("trigger","view");if("load"===t)this.play();else if("hover"===t)this.listen(this,"pointerenter",()=>this.play()),this.listen(this,"focusin",()=>this.play());else if("view"===t){let t=!1;this.inView(e=>{e&&!t&&(t=!0,this.play())})}}unmount(){d(this._frame),this._frame=0}play(){d(this._frame);const t=this._out,e=this.text;if(!t||this.reduced)return t&&(t.textContent=e),Promise.resolve();const s=this.num("duration",900),i=this.str("chars",S)||S,a=h();let r=-1;return new Promise(n=>{const o=()=>{const l=Math.min(1,Math.max(0,h()-a)/s),u=Math.floor(l*s/33);u===r&&1!==l||(r=u,t.textContent=1===l?e:E(e,l,i)),l<1?this._frame=c(o):(this._frame=0,this.emit("complete"),n())};this._frame=c(o)})}},void 0)}const $=t=>t>=1?1:1-Math.pow(2,-10*t);function N(t="usa-counter"){return o(t,t=>class extends t{constructor(){super(...arguments),this._current=NaN,this._target=NaN,this._frame=0,this._fmt=null}static get observedAttributes(){return["to","decimals","locale","prefix","suffix","grouping"]}get value(){return Number.isNaN(this._target)?this.num("to",0):this._target}set value(t){this.play(Number(t))}format(t){if(!this._fmt){const t=Math.max(0,Math.min(20,this.num("decimals",0))),e=this.getAttribute("locale")||"undefined"!=typeof document&&document.documentElement.lang||void 0;try{this._fmt=new Intl.NumberFormat(e,{minimumFractionDigits:t,maximumFractionDigits:t,useGrouping:"false"!==this.getAttribute("grouping")})}catch{this._fmt=new Intl.NumberFormat(void 0,{minimumFractionDigits:t,maximumFractionDigits:t})}}return`${this.str("prefix")}${this._fmt.format(t)}${this.str("suffix")}`}render(t){this._current=t,this.textContent=this.format(t)}changed(t){this._fmt=null,"to"===t?this.play():this.render(Number.isNaN(this._current)?this.num("from",0):this._current)}mount(){this._fmt=null;const t=this.num("to",0);if(this.reduced)return this._target=t,void this.render(t);Number.isNaN(this._current)&&this.render(this.num("from",0));const e=this.str("start","view");if("load"===e)this.play();else if("view"===e){let t=!1;this.inView(e=>{e&&!t&&(t=!0,this.play())},{threshold:.4})}}unmount(){d(this._frame),this._frame=0}play(t=this.num("to",0)){d(this._frame),this._target=t;const e=Number.isNaN(this._current)?this.num("from",0):this._current;if(this.reduced||e===t||!this.isConnected)return this.render(t),this.emit("complete",{value:t}),Promise.resolve();const s=this.num("duration",1600),i=h();return new Promise(a=>{const r=()=>{const n=Math.min(1,Math.max(0,h()-i)/s);this.render(e+(t-e)*$(n)),n<1?this._frame=c(r):(this._frame=0,this.render(t),this.emit("complete",{value:t}),a())};this._frame=c(r)})}},{id:"counter",text:"usa-counter{font-variant-numeric:tabular-nums}"})}function z(t="usa-shimmer-text"){return o(t,t=>class extends t{static get observedAttributes(){return["duration","color","shine","angle"]}mount(){const t=(t,e,s="")=>{const i=this.getAttribute(t);null!==i?this.style.setProperty(e,i+s):this.style.removeProperty(e)};t("duration","--usa-shimmer-duration","ms"),t("color","--usa-shimmer-color"),t("shine","--usa-shimmer-shine"),t("angle","--usa-shimmer-angle","deg")}},{id:"shimmer-text",text:"usa-shimmer-text{--usa-shimmer-color:currentColor;--usa-shimmer-shine:#fff;background:linear-gradient(var(--usa-shimmer-angle,110deg),var(--usa-shimmer-color) 35%,var(--usa-shimmer-shine) 50%,var(--usa-shimmer-color) 65%) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:usa-shimmer var(--usa-shimmer-duration,2600ms) linear infinite}@keyframes usa-shimmer{from{background-position:100% 0}to{background-position:-150% 0}}"})}function P(t="usa-text-rotate"){return o(t,t=>class extends t{constructor(){super(...arguments),this._source=null,this._index=0,this._timer=0,this._visible=!0}static get observedAttributes(){return["words","interval","paused"]}get index(){return this._index}get words(){return(this.getAttribute("words")??this._source??"").split("|").map(t=>t.trim()).filter(Boolean)}mount(){null===this._source&&(this._source=(this.textContent||"").trim());const t=this.words;this.replaceChildren(u(t.join(", ")),...t.map((t,e)=>{const s=document.createElement("span");return s.className="usa-rotate-word",s.textContent=t,s.setAttribute("aria-hidden","true"),e!==this._index&&s.setAttribute("data-hidden",""),s})),this._index>=t.length&&(this._index=0),t.length<2||(this.inView(t=>this._visible=t),this.flag("paused")||(this._timer=setInterval(()=>{!this._visible||"undefined"!=typeof document&&document.hidden||this.next()},Math.max(400,this.num("interval",2200)))))}unmount(){clearInterval(this._timer),this._timer=0}next(){const t=Array.from(this.querySelectorAll(".usa-rotate-word"));if(t.length<2)return;const e=t[this._index];this._index=(this._index+1)%t.length;const s=t[this._index];e.setAttribute("data-hidden",""),s.removeAttribute("data-hidden");const i=this.reduced?"fade":this.str("effect","slide"),[a,r]="fade"===i?[{opacity:0},{opacity:0}]:"flip"===i?[{opacity:0,transform:"perspective(400px) rotateX(-90deg)"},{opacity:0,transform:"perspective(400px) rotateX(90deg)"}]:"blur"===i?[{opacity:0,filter:"blur(8px)"},{opacity:0,filter:"blur(8px)"}]:[{opacity:0,transform:"translateY(0.8em)"},{opacity:0,transform:"translateY(-0.8em)"}],n={opacity:1,transform:"none",filter:"none"},o=t=>Object.fromEntries(Object.keys(t).map(t=>[t,n[t]]));this.motion(e,[{...o(r)},r],{duration:380,easing:p}),this.motion(s,[a,o(a)],{duration:520,easing:"slide"===i?m:p}),this.emit("change",{index:this._index,word:s.textContent})}},{id:"text-rotate",text:"usa-text-rotate{display:inline-grid;vertical-align:bottom;overflow:hidden;padding-block:0.08em}usa-text-rotate .usa-rotate-word{grid-area:1 / 1;white-space:nowrap}usa-text-rotate .usa-rotate-word[data-hidden]{opacity:0}"})}function R(){C(),M(),T(),N(),z(),P()}function F(t="usa-ripple"){return o(t,t=>class extends t{static get observedAttributes(){return[]}mount(){this.listen(this,"pointerdown",t=>{0!==t.button&&"mouse"===t.pointerType||this.ripple(t.clientX,t.clientY)}),this.listen(this,"keydown",t=>{"Enter"!==t.key&&" "!==t.key||t.repeat||this.ripple()})}ripple(t,e){if(this.flag("disabled"))return;const s=this.getBoundingClientRect(),i=this.flag("centered")||void 0===t||void 0===e,a=i?s.width/2:t-s.left,r=i?s.height/2:e-s.top,n=Math.hypot(Math.max(a,s.width-a),Math.max(r,s.height-r)),o=document.createElement("span");o.className="usa-ripple-wave",o.setAttribute("aria-hidden","true");const l=2*n;o.style.cssText=`width:${l}px;height:${l}px;left:${a-n}px;top:${r-n}px;background:${this.str("color","currentColor")}`,this.append(o);const u=this.num("opacity",.22),c=this.num("duration",550),h=this.reduced?[{opacity:u},{opacity:0}]:[{transform:"scale(0)",opacity:u},{transform:"scale(1)",opacity:u,offset:.7},{transform:"scale(1)",opacity:0}],d=this.motion(o,h,{duration:this.reduced?300:c,easing:p,fill:"forwards"});d?d.onfinish=()=>o.remove():setTimeout(()=>o.remove(),0)}},{id:"ripple",text:"usa-ripple{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:inherit;-webkit-tap-highlight-color:transparent}usa-ripple[block]{display:block}usa-ripple .usa-ripple-wave{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);z-index:-1;will-change:transform,opacity}"})}function q(t="usa-magnetic"){return o(t,t=>class extends t{constructor(){super(...arguments),this._frame=0}static get observedAttributes(){return["strength","radius","disabled"]}mount(){if(this.reduced||this.flag("disabled"))return;if("function"==typeof matchMedia&&!matchMedia("(hover: hover) and (pointer: fine)").matches)return;const t=this.num("strength",.35),e=this.num("radius",60);let s=0,i=0,a=!1;const r=()=>{this._frame=0;const r=this.getBoundingClientRect(),n=s-(r.left+r.width/2),o=i-(r.top+r.height/2);Math.abs(n)<r.width/2+e&&Math.abs(o)<r.height/2+e?(a=!0,this.setAttribute("data-active",""),this.style.setProperty("--usa-mx",`${(n*t).toFixed(2)}px`),this.style.setProperty("--usa-my",`${(o*t).toFixed(2)}px`)):a&&this.release()};this.listen(document,"pointermove",t=>{"mouse"!==t.pointerType&&"pen"!==t.pointerType||(s=t.clientX,i=t.clientY,this._frame||(this._frame=c(r)))},{passive:!0}),this.listen(document,"pointerleave",()=>this.release()),this.listen(window,"blur",()=>this.release())}release(){this.removeAttribute("data-active"),this.style.removeProperty("--usa-mx"),this.style.removeProperty("--usa-my")}unmount(){d(this._frame),this._frame=0,this.release()}},{id:"magnetic",text:"usa-magnetic{display:inline-block}usa-magnetic>*{transform:translate3d(var(--usa-mx,0px),var(--usa-my,0px),0);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1)}usa-magnetic[data-active]>*{transition-duration:0.15s;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){usa-magnetic>*,usa-tilt,usa-toggle .usa-toggle-knob{transition:none}}"})}function X(t="usa-tilt"){return o(t,t=>class extends t{constructor(){super(...arguments),this._frame=0,this._glare=null}static get observedAttributes(){return["max","scale","perspective","glare","reverse","disabled"]}mount(){if(this.flag("glare")&&!this._glare?(this._glare=document.createElement("span"),this._glare.className="usa-tilt-glare",this._glare.setAttribute("aria-hidden","true"),this.append(this._glare)):!this.flag("glare")&&this._glare&&(this._glare.remove(),this._glare=null),this.reduced||this.flag("disabled"))return;const t=this.num("max",10)*(this.flag("reverse")?-1:1),e=this.num("scale",1.03),s=this.num("perspective",900);let i=.5,a=.5,r=null;const n=()=>{this._frame=0;const r=g(2*i-1,-1,1),n=g(2*a-1,-1,1);this.style.transform=`perspective(${s}px) rotateX(${(-n*t).toFixed(2)}deg) rotateY(${(r*t).toFixed(2)}deg) scale(${e})`,this.style.setProperty("--usa-tilt-x",r.toFixed(3)),this.style.setProperty("--usa-tilt-y",n.toFixed(3)),this.style.setProperty("--usa-glare-x",`${(100*i).toFixed(1)}%`),this.style.setProperty("--usa-glare-y",`${(100*a).toFixed(1)}%`)};this.listen(this,"pointerenter",t=>{"touch"!==t.pointerType&&(r=this.getBoundingClientRect(),this.setAttribute("data-active",""))}),this.listen(this,"pointermove",t=>{"touch"!==t.pointerType&&(r=r||this.getBoundingClientRect(),i=(t.clientX-r.left)/(r.width||1),a=(t.clientY-r.top)/(r.height||1),this._frame||(this._frame=c(n)))}),this.listen(this,"pointerleave",()=>this.reset())}reset(){d(this._frame),this._frame=0,this.removeAttribute("data-active"),this.style.transform="",this.style.setProperty("--usa-tilt-x","0"),this.style.setProperty("--usa-tilt-y","0")}unmount(){this.reset()}},{id:"tilt",text:"usa-tilt{display:block;position:relative;transform-style:preserve-3d;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);will-change:transform}usa-tilt[data-active]{transition-duration:0.12s}usa-tilt .usa-tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.3s ease;background:radial-gradient(circle at var(--usa-glare-x,50%) var(--usa-glare-y,50%),rgb(255 255 255 / 0.35),transparent 55%);mix-blend-mode:soft-light}usa-tilt[data-active] .usa-tilt-glare{opacity:1}"})}function O(t="usa-spotlight"){return o(t,t=>class extends t{constructor(){super(...arguments),this._frame=0}static get observedAttributes(){return["size","color","border"]}items(){const t=Array.from(this.querySelectorAll("[data-spotlight]")),e=t.length?t:Array.from(this.children);return e.forEach(t=>t.classList.add("usa-spotlight-item")),e}mount(){const t=this.getAttribute("size");t&&this.style.setProperty("--usa-spot-size",`${Number(t)}px`);const e=this.getAttribute("color");e&&this.style.setProperty("--usa-spot-color",e);const s=this.getAttribute("border");s&&this.style.setProperty("--usa-spot-border",`${Number(s)}px`);let i=this.items(),a=0,r=0;const n=()=>{this._frame=0;i.map(t=>t.getBoundingClientRect()).forEach((t,e)=>{i[e].style.setProperty("--usa-spot-x",`${(a-t.left).toFixed(1)}px`),i[e].style.setProperty("--usa-spot-y",`${(r-t.top).toFixed(1)}px`)})};this.listen(this,"pointerenter",t=>{"touch"!==t.pointerType&&(i=this.items(),this.setAttribute("data-lit",""))}),this.listen(this,"pointermove",t=>{"touch"!==t.pointerType&&(a=t.clientX,r=t.clientY,this.hasAttribute("data-lit")||this.setAttribute("data-lit",""),this._frame||(this._frame=c(n)))}),this.listen(this,"pointerleave",()=>this.removeAttribute("data-lit"))}unmount(){d(this._frame),this._frame=0,this.removeAttribute("data-lit")}},{id:"spotlight",text:'usa-spotlight{display:block;--usa-spot-size:160px;--usa-spot-color:rgb(255 255 255 / 0.55);--usa-spot-border:1px}usa-spotlight .usa-spotlight-item{position:relative;isolation:isolate}usa-spotlight .usa-spotlight-item::before,usa-spotlight .usa-spotlight-item::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.25s ease}usa-spotlight .usa-spotlight-item::before{padding:var(--usa-spot-border);background:radial-gradient(var(--usa-spot-size) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),var(--usa-spot-color),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}usa-spotlight .usa-spotlight-item::after{z-index:-1;background:radial-gradient(calc(var(--usa-spot-size) * 0.9) circle at var(--usa-spot-x,-999px) var(--usa-spot-y,-999px),color-mix(in srgb,var(--usa-spot-color) 30%,transparent),transparent 70%)}usa-spotlight[data-lit] .usa-spotlight-item::before{opacity:1}usa-spotlight[data-lit] .usa-spotlight-item:hover::after{opacity:1}usa-spotlight[no-fill] .usa-spotlight-item::after{display:none}'})}function L(t="usa-press"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anim=null,this._down=!1}static get observedAttributes(){return["disabled"]}get pressed(){return this._down}frame(t){return this.reduced?{opacity:t?.7:1}:{transform:t?`scale(${this.num("scale",.95)})`:"scale(1)"}}down(){if(this._down||this.flag("disabled"))return;this._down=!0,this.setAttribute("data-pressed","");const t=this.currentFrame();this._anim?.cancel(),this._anim=this.motion(this,[t,this.frame(!0)],{duration:120,easing:"cubic-bezier(0.3, 0, 0.7, 1)",fill:"forwards"})}up(){if(!this._down)return;this._down=!1,this.removeAttribute("data-pressed");const t=this.currentFrame();this._anim?.cancel();const e=this.flag("bounce")&&!this.reduced?[t,{transform:"scale(1.06)",offset:.45},{transform:"scale(0.99)",offset:.75},this.frame(!1)]:[t,this.frame(!1)],s=this.motion(this,e,{duration:this.flag("bounce")?480:320,easing:m});this._anim=s,s&&(s.onfinish=()=>this._anim===s&&(this._anim=null))}currentFrame(){if("function"!=typeof getComputedStyle)return this.frame(!1);const t=getComputedStyle(this);return this.reduced?{opacity:t.opacity||"1"}:{transform:t.transform&&"none"!==t.transform?t.transform:"scale(1)"}}mount(){this.listen(this,"pointerdown",t=>{"mouse"===t.pointerType&&0!==t.button||this.down()});for(const t of["pointerup","pointerleave","pointercancel","blur"])this.listen(this,t,()=>this.up());this.listen(this,"keydown",t=>(" "===t.key||"Enter"===t.key)&&!t.repeat&&this.down()),this.listen(this,"keyup",t=>(" "===t.key||"Enter"===t.key)&&this.up())}unmount(){this._anim?.cancel(),this._anim=null,this._down=!1}},{id:"press",text:"usa-press{display:inline-block;touch-action:manipulation;-webkit-tap-highlight-color:transparent}usa-press[block]{display:block}"})}function Y(t="usa-toggle"){return o(t,t=>{var e;return(e=class extends t{static get observedAttributes(){return["checked","disabled","label"]}constructor(){super(),this._internals=null;try{this._internals="function"==typeof this.attachInternals?this.attachInternals():null}catch{this._internals=null}}get checked(){return this.hasAttribute("checked")}set checked(t){this.toggleAttribute("checked",!!t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){this.toggleAttribute("disabled",!!t)}changed(){this.sync()}sync(){this.setAttribute("aria-checked",String(this.checked)),this.setAttribute("aria-disabled",String(this.disabled)),this.tabIndex=this.disabled?-1:0;const t=this.getAttribute("label");t&&!this.hasAttribute("aria-label")&&this.setAttribute("aria-label",t),this._internals?.setFormValue?.(this.checked?this.str("value","on"):null)}mount(){if(!this.querySelector(":scope > .usa-toggle-track")){const t=document.createElement("span");t.className="usa-toggle-track",t.setAttribute("aria-hidden","true");const e=document.createElement("span");e.className="usa-toggle-knob",t.append(e),this.prepend(t)}this.setAttribute("role","switch"),this.sync(),this.listen(this,"click",()=>this.toggle()),this.listen(this,"keydown",t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),t.repeat||this.toggle())}),this.listen(this,"pointerdown",()=>!this.disabled&&this.setAttribute("data-pressed",""));for(const t of["pointerup","pointerleave","pointercancel"])this.listen(this,t,()=>this.removeAttribute("data-pressed"))}toggle(t){if(this.disabled)return;const e=void 0===t?!this.checked:t;e!==this.checked&&(this.checked=e,this.sync(),this.dispatchEvent(new Event("change",{bubbles:!0})),this.emit("change",{checked:e}))}}).formAssociated=!0,e},{id:"toggle",text:"usa-toggle{--usa-toggle-w:40px;--usa-toggle-h:20px;--usa-toggle-on:#7c5cff;--usa-toggle-off:transparent;--usa-toggle-line:currentColor;display:inline-flex;align-items:center;gap:0.6em;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle}usa-toggle[disabled]{cursor:not-allowed;opacity:0.45}usa-toggle .usa-toggle-track{position:relative;flex:none;width:var(--usa-toggle-w);height:var(--usa-toggle-h);border-radius:999px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--usa-toggle-line) 60%,transparent);background:var(--usa-toggle-off);transition:background-color 0.2s ease,border-color 0.2s ease}usa-toggle .usa-toggle-knob{position:absolute;top:50%;left:3px;width:calc(var(--usa-toggle-h) - 8px);height:calc(var(--usa-toggle-h) - 8px);margin-top:calc((var(--usa-toggle-h) - 8px) / -2);border-radius:999px;background:color-mix(in srgb,var(--usa-toggle-line) 75%,transparent);transform-origin:left center;transition:transform 0.28s cubic-bezier(0.34,1.4,0.64,1),background-color 0.2s ease}usa-toggle:hover .usa-toggle-knob{transform:scale(1.15)}usa-toggle[data-pressed] .usa-toggle-knob{transform:scaleX(1.45)}usa-toggle[checked] .usa-toggle-track{background:var(--usa-toggle-on);border-color:var(--usa-toggle-on)}usa-toggle[checked] .usa-toggle-knob{background:#fff;transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h)));transform-origin:right center}usa-toggle[checked]:hover .usa-toggle-knob{transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h))) scale(1.15)}usa-toggle[checked][data-pressed] .usa-toggle-knob{transform:translateX(calc(var(--usa-toggle-w) - var(--usa-toggle-h) - 4px)) scaleX(1.45)}usa-toggle:focus-visible{outline:none}usa-toggle:focus-visible .usa-toggle-track{outline:2px solid var(--usa-toggle-on);outline-offset:2px}"})}function I(){F(),q(),X(),O(),L(),Y()}const B=["fluent","windows","ring","dots","pulse","bars"];function V(t="usa-spinner"){return o(t,t=>class extends t{static get observedAttributes(){return["variant","size","label"]}get variant(){const t=this.str("variant","fluent");return B.includes(t)?t:"fluent"}set variant(t){this.setAttribute("variant",t)}mount(){const t=this.variant;this.getAttribute("data-variant")!==t&&(this.innerHTML=function(t){switch(t){case"windows":return"<i></i><i></i><i></i><i></i><i></i>";case"dots":return"<i></i><i></i><i></i>";case"bars":return"<i></i><i></i><i></i><i></i>";case"pulse":return"<i></i><i></i>";case"ring":return"<i></i>";default:return'<svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="7" pathLength="100"/></svg>'}}(t),this.setAttribute("data-variant",t));const e=this.getAttribute("size");e?this.style.setProperty("--usa-spinner-size",`${Number(e)}px`):this.style.removeProperty("--usa-spinner-size"),this.setAttribute("role","progressbar"),this.hasAttribute("aria-label")&&!this.hasAttribute("label")||this.setAttribute("aria-label",this.str("label","Loading"))}},{id:"spinner",text:'usa-spinner{--usa-spinner-size:32px;--usa-spinner-color:currentColor;position:relative;display:inline-block;vertical-align:middle;flex:none;width:var(--usa-spinner-size);height:var(--usa-spinner-size);color:var(--usa-spinner-color)}usa-spinner i{position:absolute;display:block}usa-spinner[paused] *,usa-spinner[paused] *::after{animation-play-state:paused !important}usa-spinner svg{width:100%;height:100%;animation:usa-spin 2s linear infinite;overflow:visible}usa-spinner svg circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:0.5 100;stroke-dashoffset:0;animation:usa-ring-arc 1.6s ease-in-out infinite}@keyframes usa-spin{to{transform:rotate(360deg)}}@keyframes usa-ring-arc{0%{stroke-dasharray:0.5 100;stroke-dashoffset:0}50%{stroke-dasharray:62 100;stroke-dashoffset:-20}100%{stroke-dasharray:0.5 100;stroke-dashoffset:-99}}usa-spinner[data-variant="windows"] i{inset:0;opacity:0;animation:usa-orbit 5.5s infinite}usa-spinner[data-variant="windows"] i::after{content:"";position:absolute;left:50%;top:0;width:12%;height:12%;margin-left:-6%;border-radius:50%;background:currentColor}usa-spinner[data-variant="windows"] i:nth-child(2){animation-delay:240ms;--n:1}usa-spinner[data-variant="windows"] i:nth-child(3){animation-delay:480ms;--n:2}usa-spinner[data-variant="windows"] i:nth-child(4){animation-delay:720ms;--n:3}usa-spinner[data-variant="windows"] i:nth-child(5){animation-delay:960ms;--n:4}@keyframes usa-orbit{0%{transform:rotate(225deg);opacity:1;animation-timing-function:ease-out}7%{transform:rotate(345deg);animation-timing-function:linear}30%{transform:rotate(455deg);animation-timing-function:ease-in-out}39%{transform:rotate(690deg);animation-timing-function:linear}70%{transform:rotate(815deg);opacity:1;animation-timing-function:ease-out}75%{transform:rotate(945deg);animation-timing-function:ease-out}76%,100%{transform:rotate(945deg);opacity:0}}usa-spinner[data-variant="ring"] i{inset:0;border-radius:50%;border:calc(var(--usa-spinner-size) / 9) solid color-mix(in srgb,currentColor 20%,transparent);border-top-color:currentColor;animation:usa-spin 0.8s linear infinite}usa-spinner[data-variant="dots"]{display:inline-flex;align-items:center;justify-content:space-between;height:calc(var(--usa-spinner-size) / 2.5)}usa-spinner[data-variant="dots"] i{position:static;width:22%;aspect-ratio:1;border-radius:50%;background:currentColor;animation:usa-dot 1.2s ease-in-out infinite}usa-spinner[data-variant="dots"] i:nth-child(2){animation-delay:0.15s}usa-spinner[data-variant="dots"] i:nth-child(3){animation-delay:0.3s}@keyframes usa-dot{0%,60%,100%{transform:translateY(0);opacity:0.35}30%{transform:translateY(-70%);opacity:1}}usa-spinner[data-variant="pulse"] i{inset:0;border-radius:50%;background:currentColor;opacity:0;animation:usa-pulse 1.6s cubic-bezier(0.22,1,0.36,1) infinite}usa-spinner[data-variant="pulse"] i:nth-child(2){animation-delay:0.8s}@keyframes usa-pulse{from{transform:scale(0.1);opacity:0.8}to{transform:scale(1);opacity:0}}usa-spinner[data-variant="bars"]{display:inline-flex;align-items:center;justify-content:space-between}usa-spinner[data-variant="bars"] i{position:static;width:16%;height:100%;border-radius:2px;background:currentColor;transform:scaleY(0.35);animation:usa-bar 1s ease-in-out infinite}usa-spinner[data-variant="bars"] i:nth-child(2){animation-delay:0.12s}usa-spinner[data-variant="bars"] i:nth-child(3){animation-delay:0.24s}usa-spinner[data-variant="bars"] i:nth-child(4){animation-delay:0.36s}@keyframes usa-bar{0%,100%{transform:scaleY(0.35)}40%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){usa-spinner svg,usa-spinner i,usa-spinner i::after{animation:usa-calm 2.4s ease-in-out infinite !important}usa-spinner[data-variant="windows"] i{transform:rotate(calc(var(--n,0) * 72deg))}usa-spinner svg circle{animation:none;stroke-dasharray:30 100}}@keyframes usa-calm{0%,100%{opacity:1}50%{opacity:0.4}}'})}function j(t="usa-skeleton"){return o(t,t=>class extends t{constructor(){super(...arguments),this._ph=null}static get observedAttributes(){return["loading","lines","width","height","circle","avatar","radius"]}get loading(){return this.hasAttribute("loading")}set loading(t){this.toggleAttribute("loading",!!t)}changed(t){"loading"===t?this.sync(!0):(this._ph?.remove(),this._ph=null,this.sync(!1))}mount(){this.sync(!1)}build(){const t=document.createElement("div");t.className="usa-skeleton-ph",t.setAttribute("aria-hidden","true");const e=(t="")=>{const e=document.createElement("span");return e.className=`usa-bone ${t}`.trim(),e},s=this.getAttribute("radius");if(s&&this.style.setProperty("--usa-skeleton-radius",s),this.flag("circle")||this.hasAttribute("width")||this.hasAttribute("height")){const s=e(this.flag("circle")?"usa-bone-circle":"usa-bone-block");s.style.width=this.str("width",this.flag("circle")?this.str("height","48px"):"100%"),s.style.height=this.str("height",this.flag("circle")?s.style.width:"120px"),t.append(s)}else{this.flag("avatar")&&t.append(e("usa-bone-circle usa-bone-avatar"));const s=document.createElement("div");s.className="usa-bone-lines";const i=Math.max(1,Math.min(20,this.num("lines",3)));for(let t=0;t<i;t++)s.append(e(t===i-1&&i>1?"usa-bone-last":""));t.append(s)}return t}sync(t){const e=this.loading;if(this.setAttribute("aria-busy",String(e)),e)this._ph||(this._ph=this.build(),this.prepend(this._ph));else{if(this._ph&&(this._ph.remove(),this._ph=null),t&&!this.reduced)for(const t of Array.from(this.children))this.motion(t,[{opacity:0,transform:"translateY(4px)"},{opacity:1,transform:"none"}],{duration:360,easing:p});this.emit("loaded")}}},{id:"skeleton",text:'usa-skeleton{display:block;--usa-skeleton-base:color-mix(in srgb,currentColor 10%,transparent);--usa-skeleton-shine:color-mix(in srgb,currentColor 9%,transparent);--usa-skeleton-radius:8px}usa-skeleton[loading]>:not(.usa-skeleton-ph){display:none !important}usa-skeleton .usa-skeleton-ph{display:flex;gap:14px;align-items:flex-start}usa-skeleton .usa-bone-lines{flex:1;display:grid;gap:10px;min-width:0}usa-skeleton .usa-bone{position:relative;display:block;overflow:hidden;height:0.9em;border-radius:var(--usa-skeleton-radius);background:var(--usa-skeleton-base)}usa-skeleton .usa-bone-last{width:62%}usa-skeleton .usa-bone-block{height:120px}usa-skeleton .usa-bone-circle{border-radius:50%;flex:none}usa-skeleton .usa-bone-avatar{width:44px;height:44px}usa-skeleton .usa-bone::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--usa-skeleton-shine),transparent);animation:usa-skeleton 1.5s ease-in-out infinite}@keyframes usa-skeleton{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){usa-skeleton .usa-bone::after{animation:none}}'})}function D(t="usa-progress"){return o(t,t=>class extends t{constructor(){super(...arguments),this._fill=null}static get observedAttributes(){return["value","max","indeterminate","label"]}get value(){const t=this.getAttribute("value");return null===t||""===t||Number.isNaN(Number(t))?null:Number(t)}set value(t){null==t?this.removeAttribute("value"):this.setAttribute("value",String(t))}get max(){const t=this.num("max",100);return t>0?t:100}set max(t){this.setAttribute("max",String(t))}get ratio(){const t=this.value;return this.hasAttribute("indeterminate")||null===t?null:g(t/this.max,0,1)}changed(){this.sync()}mount(){this._fill||(this.innerHTML='<span class="usa-progress-bar"></span><span class="usa-progress-bar usa-progress-bar2"></span>',this._fill=this.firstElementChild),this.setAttribute("role","progressbar"),this.sync()}sync(){const t=this.ratio,e=this.getAttribute("label");if(e&&this.setAttribute("aria-label",e),this.toggleAttribute("data-indeterminate",null===t),null===t)return this.removeAttribute("aria-valuenow"),void(this._fill&&(this._fill.style.transform=""));this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax",String(this.max)),this.setAttribute("aria-valuenow",String(this.value)),this._fill&&(this._fill.style.transform=`scaleX(${t})`),1===t&&this.emit("complete")}},{id:"progress",text:'usa-progress{--usa-progress-color:#7c5cff;--usa-progress-track:color-mix(in srgb,currentColor 14%,transparent);position:relative;display:block;height:var(--usa-progress-height,4px);border-radius:999px;overflow:hidden;background:var(--usa-progress-track);contain:paint}usa-progress .usa-progress-bar{position:absolute;inset:0;border-radius:inherit;background:var(--usa-progress-color);transform:scaleX(0);transform-origin:0 50%;transition:transform 0.45s cubic-bezier(0.22,1,0.36,1)}usa-progress .usa-progress-bar2{display:none}usa-progress[data-indeterminate] .usa-progress-bar{right:auto;width:40%;transform:translateX(-100%);transition:none;animation:usa-indet 2s cubic-bezier(0.4,0,0.6,1) infinite}usa-progress[data-indeterminate] .usa-progress-bar2{display:block;width:60%;animation:usa-indet2 2s cubic-bezier(0.4,0,0.6,1) 1s infinite}usa-progress[state="paused"]{--usa-progress-color:#c19c00}usa-progress[state="error"]{--usa-progress-color:#d13438}usa-progress[state="paused"] .usa-progress-bar,usa-progress[state="error"] .usa-progress-bar{animation-play-state:paused}@keyframes usa-indet{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@keyframes usa-indet2{from{transform:translateX(-100%)}to{transform:translateX(167%)}}@media (prefers-reduced-motion:reduce){usa-progress .usa-progress-bar{transition:none}usa-progress[data-indeterminate] .usa-progress-bar{width:100%;transform:none;animation:usa-calm-bar 2.4s ease-in-out infinite}usa-progress[data-indeterminate] .usa-progress-bar2{display:none}}@keyframes usa-calm-bar{0%,100%{opacity:1}50%{opacity:0.4}}'})}const H={info:'<path d="M12 8h.01M11 12h1v5h1"/>',success:'<path d="m8 12.5 3 3 5-6"/>',warning:'<path d="M12 8v5M12 16.5h.01"/>',error:'<path d="m9 9 6 6M15 9l-6 6"/>'};function W(t="usa-toaster"){return o(t,t=>class extends t{static get observedAttributes(){return["label"]}mount(){this.setAttribute("role","region"),this.setAttribute("aria-label",this.str("label","Notifications"))}flip(t){const e=Array.from(this.children),s=new Map(e.map(t=>[t,t.getBoundingClientRect().top]));if(t(),!this.reduced)for(const t of Array.from(this.children)){const e=s.get(t);if(void 0===e||t.hasAttribute("data-leaving"))continue;const i=e-t.getBoundingClientRect().top;Math.abs(i)>.5&&this.motion(t,[{transform:`translateY(${i}px)`},{transform:"none"}],{duration:320,easing:p,composite:"add"})}}enterFrames(){if(this.reduced)return[{opacity:0},{opacity:1}];const t=this.str("position","bottom-right");return[{opacity:0,transform:`translate(${t.endsWith("right")?"110%":t.endsWith("left")?"-110%":"0"}, ${t.endsWith("center")?t.startsWith("top")?"-120%":"120%":"0"}) scale(0.96)`},{opacity:1,transform:"none"}]}show(t,e={}){const s=e.type||"info",i=document.createElement("div");i.className="usa-toast",i.setAttribute("data-type",s),i.setAttribute("role","error"===s?"alert":"status"),i.innerHTML=`<svg class="usa-toast-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="9"/>${H[s]||H.info}</svg><div class="usa-toast-msg"></div>`,i.querySelector(".usa-toast-msg").textContent=t;let a=null,r=0;const n=()=>{if(a)return a;clearTimeout(r),i.setAttribute("data-leaving","");const t=this.enterFrames().reverse(),e=i.isConnected?this.motion(i,t,{duration:220,easing:"cubic-bezier(0.7, 0, 0.84, 0)",fill:"forwards"}):null;return a=new Promise(t=>{const s=()=>{this.flip(()=>i.remove()),t()};e?e.onfinish=s:s()}),a};if(e.action){const t=document.createElement("button");t.type="button",t.className="usa-toast-action",t.textContent=e.action.label,t.addEventListener("click",()=>{e.action.onClick(),n()}),i.append(t)}if(!1!==e.dismissible){const t=document.createElement("button");t.type="button",t.className="usa-toast-close",t.setAttribute("aria-label","Close"),t.innerHTML='<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 7 10 10M17 7 7 17"/></svg>',t.addEventListener("click",()=>n()),i.append(t)}const o=e.duration??4e3,l=()=>{clearTimeout(r),o>0&&(r=setTimeout(n,o))},u=()=>clearTimeout(r);i.addEventListener("pointerenter",u),i.addEventListener("pointerleave",l),i.addEventListener("focusin",u),i.addEventListener("focusout",l);const c=this.str("position","bottom-right").startsWith("top");this.flip(()=>c?this.prepend(i):this.append(i)),this.motion(i,this.enterFrames(),{duration:420,easing:f}),l();const h=Array.from(this.querySelectorAll(".usa-toast:not([data-leaving])")),d=Math.max(1,this.num("max",4)),p=h.length-d;return p>0&&(c?h.slice(-p):h.slice(0,p)).forEach(t=>t._close?.()),i._close=n,this.emit("toast",{element:i,message:t,type:s}),{element:i,close:n}}clear(){this.querySelectorAll(".usa-toast").forEach(t=>t._close?.())}},{id:"toast",text:'usa-toaster{position:fixed;z-index:2147483000;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}usa-toaster[position^="top"]{bottom:auto;top:16px}usa-toaster[position$="left"]{right:auto;left:16px}usa-toaster[position$="center"]{right:auto;left:50%;translate:-50% 0}usa-toaster .usa-toast{--usa-toast-accent:#0078d4;pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;border-radius:10px;background:var(--usa-toast-bg,color-mix(in srgb,Canvas 92%,transparent));color:var(--usa-toast-fg,CanvasText);border:1px solid color-mix(in srgb,CanvasText 12%,transparent);border-left:3px solid var(--usa-toast-accent);box-shadow:0 8px 28px -8px rgb(0 0 0 / 0.35);font:inherit;font-size:14px;line-height:1.4;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}usa-toaster .usa-toast[data-type="success"]{--usa-toast-accent:#0f9d58}usa-toaster .usa-toast[data-type="warning"]{--usa-toast-accent:#c19c00}usa-toaster .usa-toast[data-type="error"]{--usa-toast-accent:#d13438}usa-toaster .usa-toast-icon{flex:none;width:20px;height:20px;fill:none;stroke:var(--usa-toast-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}usa-toaster .usa-toast-msg{flex:1;min-width:0;padding-top:1px;overflow-wrap:anywhere}usa-toaster .usa-toast-action,usa-toaster .usa-toast-close{flex:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:2px 6px}usa-toaster .usa-toast-action{color:var(--usa-toast-accent);font-weight:600}usa-toaster .usa-toast-close{opacity:0.6;line-height:0;padding:3px}usa-toaster .usa-toast-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}usa-toaster .usa-toast-action:hover,usa-toaster .usa-toast-close:hover{background:color-mix(in srgb,currentColor 10%,transparent);opacity:1}'})}const U={success:"M15 27 l7 7 l14 -15",error:"M18 18 L34 34 M34 18 L18 34",warning:"M26 15 V30 M26 37 V37.5"};function G(t="usa-check"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anims=[]}static get observedAttributes(){return["variant","size","label"]}mount(){const t=U[this.str("variant","success")]?this.str("variant","success"):"success";this.innerHTML=`<svg viewBox="0 0 52 52" aria-hidden="true"><circle class="usa-check-circle" cx="26" cy="26" r="23" pathLength="1"/><path class="usa-check-mark" d="${U[t]}" pathLength="1"/></svg>`,this.setAttribute("data-variant",t);const e=this.getAttribute("size");e&&this.style.setProperty("--usa-check-size",`${Number(e)}px`);const s=this.getAttribute("label");if(s&&(this.setAttribute("role","img"),this.setAttribute("aria-label",s)),this.reduced)return void this.setAttribute("data-state","done");this.setAttribute("data-state","idle");const i=this.str("start","view");if("load"===i)this.play();else if("view"===i){let t=!1;this.inView(e=>e&&!t&&(t=!0,this.play()),{threshold:.5})}}unmount(){this._anims.splice(0).forEach(t=>t.cancel())}reset(){this._anims.splice(0).forEach(t=>t.cancel()),this.setAttribute("data-state",this.reduced?"done":"idle")}play(){this.reset(),this.setAttribute("data-state","done");const t=this.querySelector(".usa-check-circle"),e=this.querySelector(".usa-check-mark"),s=this.querySelector("svg");if(this.reduced||!t||!e||!s)return this.emit("complete"),Promise.resolve();const i=[{strokeDashoffset:1},{strokeDashoffset:0}],a=[this.motion(t,i,{duration:520,easing:p,fill:"backwards"}),this.motion(e,i,{duration:340,delay:420,easing:p,fill:"backwards"}),this.motion(s,[{transform:"scale(1)"},{transform:"scale(1.12)"},{transform:"scale(1)"}],{duration:420,delay:640,easing:m})].filter(t=>!!t);return this._anims=a,new Promise(t=>{const e=a[a.length-1],s=()=>{this.emit("complete"),t()};e?e.onfinish=s:s()})}},{id:"check",text:'usa-check{--usa-check-size:56px;--usa-check-color:#0f9d58;display:inline-block;width:var(--usa-check-size);height:var(--usa-check-size);vertical-align:middle}usa-check[data-variant="error"]{--usa-check-color:#d13438}usa-check[data-variant="warning"]{--usa-check-color:#c19c00}usa-check svg{width:100%;height:100%;overflow:visible}usa-check circle,usa-check path{fill:none;stroke:var(--usa-check-color);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1}usa-check[data-state="idle"] circle,usa-check[data-state="idle"] path{stroke-dashoffset:1}usa-check[data-state="done"] circle,usa-check[data-state="done"] path{stroke-dashoffset:0}'})}function K(){V(),j(),D(),W(),G()}function J(t="usa-aurora"){return o(t,t=>class extends t{constructor(){super(...arguments),this._layer=null}static get observedAttributes(){return["colors","speed","intensity"]}mount(){this._layer||(this._layer=document.createElement("div"),this._layer.className="usa-aurora-layer",this._layer.setAttribute("aria-hidden","true"),this._layer.innerHTML="<i></i><i></i><i></i><i></i>",this.prepend(this._layer));const t=this.str("colors","#7c5cff,#22d3ee,#f472b6,#34d399").split(",").map(t=>t.trim()).filter(Boolean);Array.from(this._layer.children).forEach((e,s)=>{e.style.setProperty("--c",t[s%t.length])});const e=this.num("speed",1);this.style.setProperty("--usa-aurora-speed",`${(18/Math.max(.05,e)).toFixed(2)}s`),this.style.setProperty("--usa-aurora-opacity",String(this.num("intensity",.7))),this.inView(t=>this.toggleAttribute("data-offscreen",!t))}},{id:"aurora",text:"usa-aurora{position:relative;display:block;isolation:isolate;overflow:hidden}usa-aurora .usa-aurora-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--usa-aurora-opacity,0.7);overflow:hidden;contain:strict}usa-aurora .usa-aurora-layer i{position:absolute;display:block;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);will-change:transform;animation:usa-aurora-a var(--usa-aurora-speed,18s) ease-in-out infinite alternate}usa-aurora .usa-aurora-layer i:nth-child(1){left:-15%;top:-30%}usa-aurora .usa-aurora-layer i:nth-child(2){right:-20%;top:-10%;animation-name:usa-aurora-b;animation-duration:calc(var(--usa-aurora-speed,18s) * 1.3)}usa-aurora .usa-aurora-layer i:nth-child(3){left:10%;bottom:-45%;animation-name:usa-aurora-c;animation-duration:calc(var(--usa-aurora-speed,18s) * 0.9)}usa-aurora .usa-aurora-layer i:nth-child(4){right:0;bottom:-30%;width:50%;animation-name:usa-aurora-b;animation-direction:alternate-reverse}usa-aurora[paused] .usa-aurora-layer i,usa-aurora[data-offscreen] .usa-aurora-layer i{animation-play-state:paused}@keyframes usa-aurora-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(30%,20%,0) scale(1.25)}}@keyframes usa-aurora-b{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-35%,25%,0) scale(0.85)}}@keyframes usa-aurora-c{from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}to{transform:translate3d(25%,-30%,0) rotate(40deg) scale(1.2)}}@media (prefers-reduced-motion:reduce){usa-aurora .usa-aurora-layer i,usa-grain .usa-grain-layer,usa-acrylic::after{animation:none !important}}"})}function Q(t="usa-particles"){return o(t,t=>class extends t{constructor(){super(...arguments),this._canvas=null,this._ctx=null,this._ps=[],this._frame=0,this._w=0,this._h=0,this._visible=!1,this._mx=-1e4,this._color="#888",this._my=-1e4}static get observedAttributes(){return["count","color","size","speed","links","interactive","paused"]}mount(){if(this._canvas||(this._canvas=document.createElement("canvas"),this._canvas.setAttribute("aria-hidden","true"),this.prepend(this._canvas)),this._ctx=this._canvas.getContext?.("2d")??null,this._ctx){if(this.resize(),"undefined"!=typeof ResizeObserver){const t=new ResizeObserver(()=>{this.resize(),this._frame||this.draw()});t.observe(this),this.onCleanup(()=>t.disconnect())}this.inView(t=>{this._visible=t,this.loop()}),this.listen(document,"visibilitychange",()=>this.loop()),this.flag("interactive")&&this.listen(window,"pointermove",t=>{const e=this.getBoundingClientRect();this._mx=t.clientX-e.left,this._my=t.clientY-e.top},{passive:!0}),this.draw()}}unmount(){d(this._frame),this._frame=0}reset(){this._ps=[],this.resize(),this.draw()}resize(){const t=this._canvas;if(!t||!this._ctx)return;const e=this.clientWidth||300,s=this.clientHeight||150,i=Math.min(2,"number"==typeof devicePixelRatio&&devicePixelRatio||1);t.width=Math.round(e*i),t.height=Math.round(s*i),this._ctx.setTransform(i,0,0,i,0,0),this._w=e,this._h=s,this._color=this.getAttribute("color")||("function"==typeof getComputedStyle?getComputedStyle(this).color:"")||"#888";const a=Math.round(Math.min(1,e*s/45e4)*Math.max(1,this.num("count",60)))||1,r=this.num("speed",.35),n=this.num("size",2.2);for(;this._ps.length<a;){const t=Math.random()*Math.PI*2,i=r*(.3+.7*Math.random());this._ps.push({x:Math.random()*e,y:Math.random()*s,vx:Math.cos(t)*i,vy:Math.sin(t)*i,r:.6+Math.random()*(n-.6)})}this._ps.length=a}loop(){const t=this._visible&&!this.reduced&&!this.flag("paused")&&!("undefined"!=typeof document&&document.hidden);if(t&&!this._frame){const t=()=>{this.step(),this.draw(),this._frame=c(t)};this._frame=c(t)}else!t&&this._frame&&(d(this._frame),this._frame=0)}step(){const{_w:t,_h:e}=this;for(const s of this._ps){const i=s.x-this._mx,a=s.y-this._my,r=i*i+a*a;if(r<8100&&r>.01){const t=.6*(1-Math.sqrt(r)/90);s.x+=i/Math.sqrt(r)*t,s.y+=a/Math.sqrt(r)*t}s.x+=s.vx,s.y+=s.vy,s.x<-5?s.x=t+5:s.x>t+5&&(s.x=-5),s.y<-5?s.y=e+5:s.y>e+5&&(s.y=-5)}}draw(){const t=this._ctx;if(!t)return;const e=this._color;t.clearRect(0,0,this._w,this._h),t.fillStyle=e,t.strokeStyle=e;const s=this._ps,i=this.num("links",110);if(i>0){const e=i*i;t.lineWidth=.6;for(let i=0;i<s.length;i++)for(let a=i+1;a<s.length;a++){const r=s[i].x-s[a].x,n=s[i].y-s[a].y,o=r*r+n*n;o<e&&(t.globalAlpha=.35*(1-o/e),t.beginPath(),t.moveTo(s[i].x,s[i].y),t.lineTo(s[a].x,s[a].y),t.stroke())}}t.globalAlpha=.85;for(const e of s)t.beginPath(),t.arc(e.x,e.y,e.r,0,2*Math.PI),t.fill();t.globalAlpha=1}},{id:"particles",text:"usa-particles{position:relative;display:block;min-height:120px;overflow:hidden}usa-particles>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}"})}function Z(t="usa-grain"){return o(t,t=>class extends t{constructor(){super(...arguments),this._layer=null}static get observedAttributes(){return["opacity","blend","scale"]}mount(){this._layer||(this._layer=document.createElement("div"),this._layer.className="usa-grain-layer",this._layer.setAttribute("aria-hidden","true"),this.append(this._layer));const t=this._layer.style;t.backgroundImage=`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='${.8}' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.6 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`,t.backgroundSize=`${this.num("scale",180)}px`,t.opacity=String(this.num("opacity",.12)),t.mixBlendMode=this.str("blend","overlay")}},{id:"grain",text:"usa-grain{position:relative;display:block;isolation:isolate;overflow:hidden}usa-grain .usa-grain-layer{position:absolute;inset:-100%;z-index:1;pointer-events:none}usa-grain[animated] .usa-grain-layer{animation:usa-grain 0.8s steps(10) infinite}@keyframes usa-grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-5%,-8%)}20%{transform:translate(-12%,4%)}30%{transform:translate(6%,-16%)}40%{transform:translate(-4%,18%)}50%{transform:translate(-12%,8%)}60%{transform:translate(14%,0)}70%{transform:translate(0,12%)}80%{transform:translate(3%,25%)}90%{transform:translate(-8%,8%)}}"})}function tt(t="usa-marquee"){return o(t,t=>class extends t{constructor(){super(...arguments),this._track=null,this._anim=null,this._hover=!1,this._visible=!0,this._size=0}static get observedAttributes(){return["speed","direction","gap","paused"]}get vertical(){const t=this.str("direction","left");return"up"===t||"down"===t}mount(){if(!this._track){const t=document.createElement("div");t.className="usa-marquee-track";const e=document.createElement("div");e.className="usa-marquee-group",e.append(...Array.from(this.childNodes)),t.append(e),this.append(t),this._track=t}if(this.toggleAttribute("data-vertical",this.vertical),this.style.setProperty("--usa-marquee-gap",`${this.num("gap",32)}px`),this.reduced)return this.setAttribute("data-static",""),void this.syncClones(1);if(this.removeAttribute("data-static"),this.build(),"undefined"!=typeof ResizeObserver){const t=new ResizeObserver(()=>this.build());t.observe(this._track.firstElementChild),this.onCleanup(()=>t.disconnect())}this.inView(t=>{this._visible=t,this.sync()}),this.listen(this,"pointerenter",()=>(this._hover=!0,this.sync())),this.listen(this,"pointerleave",()=>(this._hover=!1,this.sync())),this.listen(this,"focusin",()=>(this._hover=!0,this.sync())),this.listen(this,"focusout",()=>(this._hover=!1,this.sync()))}unmount(){this._anim?.cancel(),this._anim=null,this._size=0}syncClones(t){const e=this._track,s=e.firstElementChild;for(;e.children.length>t;)e.lastElementChild.remove();for(;e.children.length<t;){const t=s.cloneNode(!0);t.setAttribute("aria-hidden","true"),t.setAttribute("inert",""),e.append(t)}}build(){const t=this._track,e=t.firstElementChild,s=this.vertical,i=this.num("gap",32),a=s?e.offsetHeight:e.offsetWidth;if(!a)return;const r=a+i;if(this._anim&&this._size===r)return;this._size=r;const n=(s?this.clientHeight:this.clientWidth)||r;this.syncClones(Math.min(50,Math.max(2,Math.ceil(n/r)+1)));const o=this._anim?.effect?.getComputedTiming().progress??0;this._anim?.cancel();const l=s?"Y":"X",u=["right","down"].includes(this.str("direction","left")),c=[{transform:`translate${l}(0)`},{transform:`translate${l}(${-r}px)`}];this._anim=this.motion(t,u?c.reverse():c,{duration:Math.max(1,r)/Math.max(1,this.num("speed",50))*1e3,iterations:1/0}),this._anim&&o&&(this._anim.currentTime=o*Number(this._anim.effect?.getTiming().duration||0)),this.sync()}sync(){const t=this._anim;if(!t)return;const e=this.flag("paused")||!this._visible||this._hover&&this.flag("pause-on-hover");e&&"running"===t.playState?t.pause():e||"paused"!==t.playState||t.play()}pause(){this.setAttribute("paused","")}resume(){this.removeAttribute("paused")}changed(t){"paused"===t?this.sync():super.changed(t)}},{id:"marquee",text:"usa-marquee{--usa-marquee-gap:32px;display:block;overflow:hidden;contain:content}usa-marquee[fade]{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}usa-marquee[fade][data-vertical]{-webkit-mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}usa-marquee .usa-marquee-track{display:flex;width:max-content;gap:var(--usa-marquee-gap);will-change:transform}usa-marquee .usa-marquee-group{display:flex;flex:none;align-items:center;gap:var(--usa-marquee-gap)}usa-marquee[data-vertical] .usa-marquee-track,usa-marquee[data-vertical] .usa-marquee-group{flex-direction:column;width:auto}usa-marquee[data-vertical]{height:var(--usa-marquee-height,240px)}usa-marquee[data-static]{overflow:auto;scrollbar-width:thin}"})}function et(t="usa-acrylic"){return o(t,t=>class extends t{static get observedAttributes(){return["tint","tint-opacity","blur","shimmer"]}mount(){const t=this.getAttribute("tint");t?this.style.setProperty("--usa-acrylic-tint",t):this.style.removeProperty("--usa-acrylic-tint"),this.style.setProperty("--usa-acrylic-opacity",`${Math.round(100*this.num("tint-opacity",.55))}%`),this.style.setProperty("--usa-acrylic-blur",`${this.num("blur",30)}px`),"load"!==this.str("shimmer")||this.reduced||(this.removeAttribute("data-shine"),this.offsetWidth,this.setAttribute("data-shine",""))}},{id:"acrylic",text:"usa-acrylic{--usa-acrylic-tint:#f3f3f3;--usa-acrylic-opacity:55%;--usa-acrylic-blur:30px;position:relative;display:block;isolation:isolate;overflow:hidden;background-color:color-mix(in srgb,var(--usa-acrylic-tint) var(--usa-acrylic-opacity),transparent);-webkit-backdrop-filter:blur(var(--usa-acrylic-blur)) saturate(1.6);backdrop-filter:blur(var(--usa-acrylic-blur)) saturate(1.6);border:1px solid color-mix(in srgb,#fff 22%,transparent)}@media (prefers-color-scheme:dark){usa-acrylic{--usa-acrylic-tint:#2c2c2c}}usa-acrylic::before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0.035;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")}usa-acrylic::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;transform:translateX(-120%);background:linear-gradient(105deg,transparent 30%,rgb(255 255 255 / 0.28) 50%,transparent 70%)}usa-acrylic[shimmer=\"hover\"]:hover::after,usa-acrylic[data-shine]::after{animation:usa-acrylic-shine 1.1s cubic-bezier(0.22,1,0.36,1) both}@keyframes usa-acrylic-shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}usa-acrylic[variant=\"mica\"]{--usa-acrylic-opacity:80%;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(color-mix(in srgb,var(--usa-acrylic-tint) var(--usa-acrylic-opacity),transparent),color-mix(in srgb,var(--usa-acrylic-tint) var(--usa-acrylic-opacity),transparent)),var(--usa-mica-source,linear-gradient(135deg,#b8c6ff,#ffd6e8));border-color:transparent}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){usa-acrylic{background-color:var(--usa-acrylic-tint)}}@media (prefers-reduced-transparency:reduce){usa-acrylic{background:var(--usa-acrylic-tint);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){usa-acrylic{background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:CanvasText}usa-acrylic::before,usa-acrylic::after{display:none}}"})}function st(){J(),Q(),Z(),tt(),et()}const it={modal:"scale(0.94)","drawer-start":"translateX(-100%)","drawer-end":"translateX(100%)","drawer-bottom":"translateY(100%)",sheet:"translateY(40px)"};function at(t="usa-dialog"){return o(t,t=>class extends t{constructor(){super(...arguments),this._dialog=null,this._panel=null,this._backdrop=null,this._busy=null,this._syncing=!1,this.returnValue=""}static get observedAttributes(){return["open","variant","label"]}get dialog(){return this._dialog}get open(){return this.hasAttribute("open")}set open(t){this.toggleAttribute("open",!!t)}get variant(){const t=this.str("variant","modal");return it[t]?t:"modal"}changed(t){if("open"===t){if(this._syncing)return;this.open?this.show():this.close()}else this.syncAttrs()}syncAttrs(){if(!this._dialog)return;this._dialog.setAttribute("data-variant",this.variant),this._dialog.setAttribute("aria-modal","true");const t=this.getAttribute("label");t&&this._dialog.setAttribute("aria-label",t)}mount(){if(!this._dialog){const t=this.shadowRoot||this.attachShadow({mode:"open"});t.innerHTML='<dialog part="dialog"><div part="backdrop" aria-hidden="true"></div><div part="panel"><slot></slot></div></dialog>',function(t,e){try{if("function"==typeof CSSStyleSheet&&"adoptedStyleSheets"in t){const s=new CSSStyleSheet;return s.replaceSync(e),void(t.adoptedStyleSheets=[s])}}catch{}const s=document.createElement("style");s.textContent=e,t.prepend(s)}(t,':host{display:contents}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden}dialog:not([open]){display:none}dialog::backdrop{background:transparent}[part="backdrop"]{position:absolute;inset:0;background:var(--usa-dialog-backdrop,rgb(0 0 0 / 0.42))}[part="panel"]{position:absolute;left:50%;top:50%;translate:-50% -50%;box-sizing:border-box;width:min(var(--usa-dialog-width,480px),calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:var(--usa-dialog-padding,24px);border-radius:var(--usa-dialog-radius,12px);background:var(--usa-dialog-bg,Canvas);color:var(--usa-dialog-fg,CanvasText);box-shadow:0 32px 64px -12px rgb(0 0 0 / 0.45),0 0 0 1px rgb(127 127 127 / 0.18)}dialog[data-variant^="drawer"] [part="panel"]{top:0;bottom:0;translate:none;max-height:none;height:100%;border-radius:0;width:min(var(--usa-dialog-width,380px),88vw)}dialog[data-variant="drawer-start"] [part="panel"]{left:0}dialog[data-variant="drawer-end"] [part="panel"]{left:auto;right:0}dialog[data-variant="drawer-bottom"] [part="panel"],dialog[data-variant="sheet"] [part="panel"]{top:auto;bottom:0;left:0;right:0;translate:none;width:100%;height:auto;max-height:85vh;border-radius:var(--usa-dialog-radius,16px) var(--usa-dialog-radius,16px) 0 0}dialog[data-variant="sheet"] [part="panel"]{left:50%;translate:-50% 0;width:min(var(--usa-dialog-width,560px),100vw)}'),this._dialog=t.querySelector("dialog"),this._backdrop=t.querySelector("[part=backdrop]"),this._panel=t.querySelector("[part=panel]")}this.syncAttrs();const t=this._dialog;this.listen(t,"cancel",t=>{t.preventDefault(),this.flag("no-esc")||this.close("cancel")}),this.listen(this._backdrop,"click",()=>!this.flag("no-backdrop-close")&&this.close("backdrop")),this.listen(this,"click",t=>{const e=t.target.closest?.("[data-close]");e&&this.contains(e)&&this.close(e.getAttribute("data-close")||"close")}),this.open&&!t.open&&this.show()}unmount(){this._dialog?.open&&this._dialog.close()}setOpenAttr(t){this._syncing=!0,this.toggleAttribute("open",t),this._syncing=!1}async show(){await this._busy;const t=this._dialog;if(t){if(!t.open){this.setOpenAttr(!0);try{"function"==typeof t.showModal?t.showModal():t.setAttribute("open","")}catch{t.setAttribute("open","")}this.emit("open"),this.reduced?await this.animate2([{opacity:0},{opacity:1}],[{opacity:0},{opacity:1}],160,p):await this.animate2([{opacity:0,transform:it[this.variant]},{opacity:1,transform:"none"}],[{opacity:0},{opacity:1}],"modal"===this.variant?260:360,f)}}else this.setOpenAttr(!0)}async close(t=""){await this._busy;const e=this._dialog;e&&e.open?this.emit("beforeclose",{returnValue:t})?(this.returnValue=t,this._busy=(async()=>{const s=this.reduced?{opacity:0}:{opacity:0,transform:it[this.variant]},i=this.reduced?{opacity:1}:{opacity:1,transform:"none"};await this.animate2([i,s],[{opacity:1},{opacity:0}],this.reduced?120:200,"cubic-bezier(0.7, 0, 0.84, 0)","forwards");try{"function"==typeof e.close?e.close(t):e.removeAttribute("open")}catch{e.removeAttribute("open")}e.removeAttribute("open"),this._panel?.getAnimations?.().forEach(t=>t.cancel()),this._backdrop?.getAnimations?.().forEach(t=>t.cancel()),this.setOpenAttr(!1),this.emit("close",{returnValue:t})})(),await this._busy,this._busy=null):this.setOpenAttr(!0):this.setOpenAttr(!1)}animate2(t,e,s,i,a="none"){const r=this._panel?this.motion(this._panel,t,{duration:s,easing:i,fill:a}):null,n=this._backdrop?this.motion(this._backdrop,e,{duration:s,easing:"linear",fill:a}):null;return Promise.all([r?.finished,n?.finished].map(t=>t?.catch(()=>{}))).then(()=>{})}},{id:"dialog",text:"usa-dialog{display:contents}usa-dialog:not(:defined){display:none}"})}function rt(t="usa-accordion"){return o(t,t=>class extends t{constructor(){super(...arguments),this._running=new WeakMap}static get observedAttributes(){return[]}get items(){return Array.from(this.children).filter(t=>"DETAILS"===t.tagName)}mount(){this.listen(this,"click",t=>{const e=t.target.closest?.("summary"),s=e?.parentElement;e&&s&&"DETAILS"===s.tagName&&s.parentElement===this&&(t.preventDefault(),this.toggleItem(s))})}closedHeight(t){const e=t.querySelector(":scope > summary"),s="function"==typeof getComputedStyle?getComputedStyle(t):null,i=s?["paddingTop","paddingBottom","borderTopWidth","borderBottomWidth"].reduce((t,e)=>t+(parseFloat(s[e])||0),0):0;return(e?e.getBoundingClientRect().height:0)+i}async toggleItem(t,e=!t.open||t.hasAttribute("data-closing")){e&&!this.flag("multiple")&&this.items.forEach(e=>e!==t&&e.open&&this.toggleItem(e,!1)),this._running.get(t)?.cancel(),this._running.delete(t);const s=this.reduced?0:this.num("duration",300),i=t.getBoundingClientRect().height;if(e&&(t.removeAttribute("data-closing"),t.open=!0),this.emit("toggle",{details:t,open:e}),!s||"function"!=typeof t.animate)return void(e||(t.open=!1));const a=e?t.getBoundingClientRect().height:this.closedHeight(t);e||t.setAttribute("data-closing",""),t.style.overflow="hidden";const r=t.animate([{height:`${i}px`},{height:`${a}px`}],{duration:s,easing:p});this._running.set(t,r),await r.finished.catch(()=>{}),this._running.get(t)===r&&(this._running.delete(t),t.style.overflow="",e||(t.open=!1,t.removeAttribute("data-closing")))}},{id:"accordion",text:'usa-accordion{display:block}usa-accordion>details>summary{cursor:pointer}usa-accordion>details>summary::-webkit-details-marker{display:none}usa-accordion>details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1em}usa-accordion>details>summary::after{content:"";flex:none;width:0.5em;height:0.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1);opacity:0.7}usa-accordion>details[open]:not([data-closing])>summary::after{transform:translateY(25%) rotate(-135deg)}@media (prefers-reduced-motion:reduce){usa-accordion>details>summary::after{transition:none}}'})}function nt(t="usa-flip-list"){return o(t,t=>class extends t{constructor(){super(...arguments),this._pos=new WeakMap,this._manual=!1}static get observedAttributes(){return[]}snapshot(){const t=this.getBoundingClientRect();for(const e of Array.from(this.children)){const s=e.getBoundingClientRect();this._pos.set(e,{x:s.left-t.left,y:s.top-t.top})}}mount(){if(this.snapshot(),"undefined"!=typeof MutationObserver){const t=new MutationObserver(()=>{this._manual||this.animateFrom(this._pos)});t.observe(this,{childList:!0}),this.onCleanup(()=>t.disconnect())}if("undefined"!=typeof ResizeObserver){const t=new ResizeObserver(()=>this.snapshot());t.observe(this),this.onCleanup(()=>t.disconnect())}}animateFrom(t){const e=this.reduced||this.flag("disabled"),s=this.getBoundingClientRect(),i=Array.from(this.children),a=i.map(t=>{const e=t.getBoundingClientRect();return{x:e.left-s.left,y:e.top-s.top}}),r=[],n=this.num("duration",420),o=this.str("easing",f);return i.forEach((s,i)=>{const l=t.get(s);if(this._pos.set(s,a[i]),e||"function"!=typeof s.animate)return;if(!l)return void r.push(s.animate([{opacity:0,transform:"scale(0.92)"},{opacity:1,transform:"none"}],{duration:n,easing:o}).finished.catch(()=>0));const u=l.x-a[i].x,c=l.y-a[i].y;Math.abs(u)<.5&&Math.abs(c)<.5||r.push(s.animate([{transform:`translate(${u}px, ${c}px)`},{transform:"none"}],{duration:n,easing:o,composite:"add"}).finished.catch(()=>0))}),Promise.all(r).then(()=>{})}async flip(t){this.snapshot();const e=this._pos;this._pos=new WeakMap;for(const t of Array.from(this.children)){const s=e.get(t);s&&this._pos.set(t,s)}this._manual=!0;try{await t()}finally{this._manual=!1}await this.animateFrom(e)}},{id:"flip-list",text:"usa-flip-list{display:block}"})}function ot(t="usa-view-switch"){return o(t,t=>class extends t{constructor(){super(...arguments),this._index=-1,this._anims=[]}static get observedAttributes(){return["active"]}get views(){return Array.from(this.children)}get active(){return this.str("active","0")}set active(t){this.setAttribute("active",String(t))}indexOf(t){const e=this.views,s=e.findIndex(e=>e.dataset.view===String(t));if(s>=0)return s;const i=Number(t);return Number.isInteger(i)&&i>=0&&i<e.length?i:-1}changed(){this.show(this.active)}mount(){const t=Math.max(0,this.indexOf(this.active));this._index=t,this.views.forEach((e,s)=>this.setVisible(e,s===t))}setVisible(t,e){t.hidden=!e,t.toggleAttribute("inert",!e),t.toggleAttribute("data-active",e)}async show(t){const e=this.indexOf(t),s=this._index;if(e<0||e===s)return;const i=this.views,a=i[s],r=i[e];this._index=e;const n=r.dataset.view??String(e);if(this.active!==n&&this.active!==String(e)&&this.setAttribute("active",n),this._anims.splice(0).forEach(t=>t.finish()),this.setVisible(r,!0),this.emit("change",{view:r,index:e,name:n}),!a)return;const o=this.num("duration",320),l=e>s?1:-1;let u,c;switch(this.reduced?"fade":this.str("effect","slide")){case"fade":u={opacity:0},c={opacity:0};break;case"scale":u={opacity:0,transform:"scale(0.96)"},c={opacity:0,transform:"scale(1.04)"};break;case"drill":u={opacity:0,transform:`scale(${l>0?1.06:.94})`},c={opacity:0,transform:`scale(${l>0?.94:1.06})`};break;default:u={opacity:0,transform:`translateX(${32*-l}px)`},c={opacity:0,transform:`translateX(${48*l}px)`}}const h=t=>"transform"in t?{opacity:1,transform:"none"}:{opacity:1};a.setAttribute("data-leaving","");const d=this.motion(a,[h(u),u],{duration:.6*o,easing:p,fill:"forwards"}),m=this.motion(r,[c,h(c)],{duration:o,delay:.15*o,easing:f,fill:"backwards"});this._anims=[d,m].filter(t=>!!t),await Promise.all(this._anims.map(t=>t.finished.catch(()=>{}))),a.removeAttribute("data-leaving"),this._index!==s&&this.setVisible(a,!1),d?.cancel()}},{id:"view-switch",text:"usa-view-switch{display:grid}usa-view-switch>*{grid-area:1 / 1;min-width:0}usa-view-switch>[hidden]:not([data-leaving]){display:none !important}usa-view-switch>[data-leaving]{display:block;pointer-events:none}"})}const lt=t=>t instanceof Element?Array.from(t.children):Array.from(t);function ut(){at(),rt(),nt(),ot()}const ct={default:{stiffness:170,damping:26,mass:1},gentle:{stiffness:120,damping:14,mass:1},wobbly:{stiffness:180,damping:12,mass:1},stiff:{stiffness:210,damping:20,mass:1},bouncy:{stiffness:300,damping:10,mass:1},slow:{stiffness:280,damping:60,mass:1},molasses:{stiffness:280,damping:120,mass:1}};function ht(t){const e="string"==typeof t?ct[t]||ct.default:{...ct.default,...t||{}},s=(t,e)=>"number"==typeof t&&Number.isFinite(t)&&t>0?t:e,i="object"==typeof t&&t||{};return{stiffness:s(e.stiffness,170),damping:Math.max(0,Number.isFinite(e.damping)?e.damping:26),mass:s(e.mass,1),velocity:Number.isFinite(i.velocity)?i.velocity:0,precision:s(i.precision,.001)}}function dt(t,e,s,i,a){const r=s+(-t.stiffness*(e-i)-t.damping*s)/t.mass*a;return[e+r*a,r]}const pt=new Map;function mt(t,e=60){const s=ht(t),i=`${s.stiffness}|${s.damping}|${s.mass}|${s.velocity}|${s.precision}|${e}`,a=pt.get(i);if(a)return a;const r=[0];let n=0,o=s.velocity;const l=1e3/e;let u=0,c=l;for(;u<1e4&&([n,o]=dt(s,n,o,1,.001),u+=1,!(u>=c&&(r.push(n),c+=l,Math.abs(1-n)<s.precision&&Math.abs(o)<10*s.precision))););r[r.length-1]=1;const h={values:r,duration:Math.round(u)};return pt.size>64&&pt.clear(),pt.set(i,h),h}function ft(){return"undefined"!=typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("animation-timing-function","linear(0, 1)")}function gt(t,e=48){const{values:s,duration:i}=mt(t);return ft()?{easing:bt(s,e),duration:i}:{easing:m,duration:Math.min(i,1200)}}function bt(t,e=48){const s=t.length,i=Math.max(1,Math.ceil((s-1)/Math.max(2,e-1))),a=[];for(let e=0;e<s-1;e+=i)a.push(String(Math.round(1e3*t[e])/1e3));return a.push("1"),`linear(${a.join(", ")})`}function yt(t={}){let e=ht(t.spring),i=t.value??0,a=0,r=i,n=0,o=0,l=!1;const u=()=>{l&&d(n),l=!1},p=()=>{const s=h();let u=Math.min(64,Math.max(1,s-o));for(o=s;u>0;){const t=Math.min(u,4);[i,a]=dt(e,i,a,r,t/1e3),u-=t}const d=Math.max(1,5e-4*Math.abs(r));if(Math.abs(r-i)<e.precision*d*10&&Math.abs(a)<e.precision*d*100)return i=r,a=0,l=!1,t.onUpdate?.(i,0),void t.onRest?.(i);t.onUpdate?.(i,a),n=c(p)},m={get value(){return i},get velocity(){return a},get target(){return r},get animating(){return l},set(e,i){if(r=e,void 0!==i&&Number.isFinite(i)&&(a=i),s())return m.jump(e),void t.onRest?.(e);l||(l=!0,o=h(),n=c(p))},jump(e){u(),i=r=e,a=0,t.onUpdate?.(i,0)},stop(){u(),a=0,r=i},configure(t){e=ht(t)}};return m}function vt(t,e,s=.325){return t+e*s}function xt(t,e){return Array.isArray(e)?e.length?e.reduce((e,s)=>Math.abs(s-t)<Math.abs(e-t)?s:e,e[0]):t:"number"==typeof e&&e>0?Math.round(t/e)*e:t}function _t(t,e,s=.55){if(e<=0)return 0;return(t<0?-1:1)*(1-1/(Math.abs(t)*s/e+1))*e}const wt=new Set(["bounce-in","pop","drop"]);function kt(t,e=!1){if(e)return wt.has(t)?[{opacity:0},{opacity:1}]:[{opacity:1},{opacity:1}];switch(t){case"pop":return[{opacity:0,transform:"scale(0.5)"},{opacity:1,transform:"scale(1)"}];case"drop":return[{opacity:0,transform:"translate3d(0, -120%, 0)"},{opacity:1,transform:"translate3d(0, 0, 0)"}];case"jelly":return[{transform:"scale3d(1, 1, 1)"},{transform:"scale3d(1.25, 0.75, 1)",offset:.3},{transform:"scale3d(0.75, 1.25, 1)",offset:.4},{transform:"scale3d(1.15, 0.85, 1)",offset:.5},{transform:"scale3d(0.95, 1.05, 1)",offset:.65},{transform:"scale3d(1.05, 0.95, 1)",offset:.75},{transform:"scale3d(1, 1, 1)"}];case"rubber-band":return[{transform:"scale3d(1, 1, 1)"},{transform:"scale3d(1.3, 0.7, 1)",offset:.3},{transform:"scale3d(0.8, 1.2, 1)",offset:.45},{transform:"scale3d(1.1, 0.9, 1)",offset:.6},{transform:"scale3d(0.97, 1.03, 1)",offset:.8},{transform:"scale3d(1, 1, 1)"}];default:return[{opacity:0,transform:"scale(0.3)"},{opacity:1,transform:"scale(1)"}]}}const At={"bounce-in":"bouncy",pop:"wobbly",drop:"bouncy"};function Ct(t="usa-spring"){return o(t,t=>class extends t{constructor(){super(...arguments),this._anim=null}static get observedAttributes(){return["effect","trigger","repeat"]}get effect(){return this.str("effect","bounce-in")}set effect(t){this.setAttribute("effect",t)}config(){return this.hasAttribute("stiffness")||this.hasAttribute("damping")||this.hasAttribute("mass")?{stiffness:this.num("stiffness",170),damping:this.num("damping",26),mass:this.num("mass",1)}:this.str("preset",At[this.effect]||"wobbly")}mount(){const t=this.str("trigger","view"),e=wt.has(this.effect);"view"===t?(e&&this.setAttribute("data-state","hidden"),this.inView(t=>{t?this.play():this.flag("repeat")&&e&&this.reset()},{threshold:.15})):("hover"===t&&this.listen(this,"pointerenter",()=>this.play()),"click"===t&&(this.listen(this,"click",()=>this.play()),this.listen(this,"keydown",t=>("Enter"===t.key||" "===t.key)&&!t.repeat&&this.play())))}unmount(){this._anim?.cancel(),this._anim=null}reset(){this._anim?.cancel(),this._anim=null,wt.has(this.effect)&&this.setAttribute("data-state","hidden")}async play(){const t=this.effect,e=this.reduced;this._anim?.cancel(),this.setAttribute("data-state","playing");const s=kt(t,e),i=wt.has(t)&&!e?gt(this.config()):{duration:e?250:this.num("duration",900),easing:"ease-out"},a=this.motion(this,s,{...i,delay:this.num("delay",0),fill:"backwards"});if(this._anim=a,a){try{await a.finished}catch{return}if(this._anim!==a)return}this._anim=null,this.setAttribute("data-state","done"),this.emit("complete",{effect:t})}},{id:"spring",text:'usa-spring{display:inline-block;transform-origin:50% 70%}usa-spring[block]{display:block}usa-spring[effect="drop"]{transform-origin:50% 100%}usa-spring[data-state="hidden"]{opacity:0}usa-spring[trigger="click"],usa-spring[trigger="hover"]{cursor:pointer;-webkit-tap-highlight-color:transparent}'})}const Mt=t=>{if(!t.trim())return null;const e=t.split(",").map(t=>Number(t.trim())).filter(t=>Number.isFinite(t));return e.length?t.includes(",")?e:e[0]:null};function St(t="usa-draggable"){return o(t,t=>class extends t{constructor(){super(...arguments),this._x=0,this._y=0,this._drag=null}static get observedAttributes(){return["axis","disabled","preset"]}get x(){return this._x}get y(){return this._y}get dragging(){return!!this._drag}render(){this.style.transform=`translate3d(${this._x}px, ${this._y}px, 0)`,this.style.setProperty("--usa-drag-x",`${this._x}px`),this.style.setProperty("--usa-drag-y",`${this._y}px`)}axis(){return this.str("axis","both")}limits(){if("parent"!==this.str("bounds")||!this.parentElement)return null;const t=this.parentElement.getBoundingClientRect(),e=this.getBoundingClientRect(),s=e.left-this._x,i=e.top-this._y;return{minX:t.left-s,maxX:t.right-s-e.width,minY:t.top-i,maxY:t.bottom-i-e.height}}mount(){let t=0;const e=()=>{++t>=2&&(t=0,this.removeAttribute("data-moving"),this.emit("settle",{x:this._x,y:this._y}))},s=this.str("preset","wobbly");this._sx=yt({value:this._x,spring:s,onUpdate:t=>(this._x=t,this.render()),onRest:e}),this._sy=yt({value:this._y,spring:s,onUpdate:t=>(this._y=t,this.render()),onRest:e}),this.hasAttribute("tabindex")||(this.tabIndex=0),this.setAttribute("aria-roledescription","draggable"),this.listen(this,"pointerdown",t=>this.start(t)),this.listen(this,"pointermove",t=>this.move(t)),this.listen(this,"pointerup",t=>this.end(t)),this.listen(this,"pointercancel",t=>this.end(t)),this.listen(this,"keydown",t=>this.key(t)),this.render()}unmount(){this._sx?.stop(),this._sy?.stop(),this._drag=null}start(t){if(!(this.flag("disabled")||"mouse"===t.pointerType&&0!==t.button)){this._sx.stop(),this._sy.stop(),this._drag={id:t.pointerId,px:t.clientX,py:t.clientY,ox:this._x,oy:this._y,samples:[[t.clientX,t.clientY,"number"==typeof t.timeStamp?t.timeStamp:Date.now()]]};try{this.setPointerCapture?.(t.pointerId)}catch{}this.setAttribute("data-dragging",""),this.emit("drag-start",{x:this._x,y:this._y})}}move(t){const e=this._drag;if(!e||t.pointerId!==e.id)return;const s=this.axis();let i="y"===s?e.ox:e.ox+t.clientX-e.px,a="x"===s?e.oy:e.oy+t.clientY-e.py;const r=this.limits();if(r){const t=(t,e,s,i)=>t<e?e+_t(t-e,i):t>s?s+_t(t-s,i):t;i=t(i,r.minX,r.maxX,200),a=t(a,r.minY,r.maxY,200)}this._x=i,this._y=a,e.samples.push([t.clientX,t.clientY,"number"==typeof t.timeStamp?t.timeStamp:Date.now()]),e.samples.length>6&&e.samples.shift(),this.render(),this.emit("drag",{x:i,y:a})}velocity(){const t=this._drag?.samples||[];if(t.length<2)return[0,0];const e=t[0],s=t[t.length-1],i=(s[2]-e[2])/1e3;return i<=0||i>.3?[0,0]:[(s[0]-e[0])/i,(s[1]-e[1])/i]}end(t){const e=this._drag;if(!e||t.pointerId!==e.id)return;let[s,i]=this.velocity();const a=this.axis();"y"===a&&(s=0),"x"===a&&(i=0),this._drag=null,this.removeAttribute("data-dragging");let r=this._x,n=this._y;this.flag("spring-back")?(r=0,n=0):(this.flag("inertia")&&!this.reduced&&(r=vt(r,s),n=vt(n,i)),[r,n]=this.constrain(r,n)),this.emit("drag-end",{x:r,y:n,vx:s,vy:i}),this.go(r,n,s,i)}constrain(t,e){const s=Mt(this.str("snap"));let i=xt(t,s),a=xt(e,s);const r=this.limits();r&&(i=g(i,r.minX,Math.max(r.minX,r.maxX)),a=g(a,r.minY,Math.max(r.minY,r.maxY)));const n=this.axis();return["y"===n?0:i,"x"===n?0:a]}go(t,e,s=0,i=0){this.setAttribute("data-moving",""),this._sx.set(t,s),this._sy.set(e,i)}key(t){if(this.flag("disabled"))return;const e=this.num("step",16),s=Mt(this.str("snap")),i="number"==typeof s?s:e,a={ArrowLeft:[-i,0],ArrowRight:[i,0],ArrowUp:[0,-i],ArrowDown:[0,i]};if("Home"===t.key||"Escape"===t.key)return t.preventDefault(),void this.reset();const r=a[t.key];if(!r)return;t.preventDefault();const[n,o]=this.flag("spring-back")?[this._sx.target+r[0],this._sy.target+r[1]]:this.constrain(this._sx.target+r[0],this._sy.target+r[1]);this.go(n,o)}moveTo(t,e,s=!0){if(!s)return this._sx.jump(t),void this._sy.jump(e);this.go(t,e)}reset(){this.go(0,0)}},{id:"draggable",text:'usa-draggable{display:inline-block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform;-webkit-tap-highlight-color:transparent}usa-draggable[axis="x"]{touch-action:pan-y}usa-draggable[axis="y"]{touch-action:pan-x}usa-draggable[block]{display:block}usa-draggable[data-dragging]{cursor:grabbing}usa-draggable[disabled]{cursor:default}usa-draggable:focus-visible{outline:2px solid var(--usa-accent,#7c5cff);outline-offset:3px}'})}function Et(t="usa-overscroll"){return o(t,t=>class extends t{constructor(){super(...arguments),this._off=0}static get observedAttributes(){return["axis","disabled"]}get offset(){return this._off}set(t){this._off=t,this.style.setProperty("--usa-overscroll",`${t}px`),this.toggleAttribute("data-stretched",Math.abs(t)>.5)}edge(t){const e="x"===this.str("axis","y"),s=e?this.scrollLeft:this.scrollTop,i=(e?this.scrollWidth-this.clientWidth:this.scrollHeight-this.clientHeight)-1;return t<0&&s<=0||t>0&&s>=i}stretch(t){const e=this.num("max",120);this.set(Math.max(-e,Math.min(e,_t(t,2.5*e))))}mount(){this._spring=yt({spring:this.str("preset","default"),onUpdate:t=>this.set(t)});const t="x"===this.str("axis","y"),e=()=>this.flag("disabled")||this.reduced;let s,i=0;this.listen(this,"wheel",a=>{const r=t&&a.deltaX||a.deltaY;!e()&&r&&this.edge(r)&&(this._spring.stop(),i-=r,this.stretch(i),clearTimeout(s),s=setTimeout(()=>{i=0,this._spring.jump(this._off),this._spring.set(0)},140))},{passive:!0}),this.onCleanup(()=>clearTimeout(s));let a=0,r=!1;this.listen(this,"touchstart",s=>{if(e())return;const i=s.touches[0];a=t?i.clientX:i.clientY,r=!1,this._spring.stop()},{passive:!0}),this.listen(this,"touchmove",s=>{if(e())return;const i=s.touches[0],n=(t?i.clientX:i.clientY)-a;!r&&0!==n&&this.edge(-n)&&(r=!0),r&&(s.cancelable&&s.preventDefault(),this.stretch(n))},{passive:!1});const n=()=>{r&&(r=!1,this._spring.jump(this._off),this._spring.set(0))};this.listen(this,"touchend",n),this.listen(this,"touchcancel",n)}unmount(){this._spring?.stop(),this.set(0)}},{id:"overscroll",text:'usa-overscroll{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}usa-overscroll[axis="x"]{overflow-y:hidden}usa-overscroll>*{transform:translate3d(0,var(--usa-overscroll,0px),0)}usa-overscroll[axis="x"]>*{transform:translate3d(var(--usa-overscroll,0px),0,0)}usa-overscroll[data-stretched]>*{will-change:transform}'})}function Tt(){Ct(),St(),Et()}
|
|
2
2
|
/**
|
|
3
3
|
* use-scroll-animate/components
|
|
4
4
|
*
|
|
@@ -18,5 +18,5 @@
|
|
|
18
18
|
* until a `define*()` function runs in a browser.
|
|
19
19
|
*
|
|
20
20
|
* @license MIT
|
|
21
|
-
*/const
|
|
21
|
+
*/const $t={reveal:A,text:R,interaction:I,feedback:K,background:st,transitions:ut,physics:Tt};function Nt(t){(t||Object.keys($t)).forEach(t=>$t[t]?.())}Nt(),t.COMPONENT_CATEGORIES={reveal:["usa-reveal","usa-stagger","usa-scroll-progress","usa-scrolly"],text:["usa-typewriter","usa-split-text","usa-scramble","usa-counter","usa-shimmer-text","usa-text-rotate"],interaction:["usa-ripple","usa-magnetic","usa-tilt","usa-spotlight","usa-press","usa-toggle"],feedback:["usa-spinner","usa-skeleton","usa-progress","usa-toaster","usa-check"],background:["usa-aurora","usa-particles","usa-grain","usa-marquee","usa-acrylic"],transitions:["usa-dialog","usa-accordion","usa-flip-list","usa-view-switch"],physics:["usa-spring","usa-draggable","usa-overscroll"]},t.REVEAL_EFFECTS=["fade","fade-up","fade-down","fade-left","fade-right","zoom-in","zoom-out","blur","blur-up","flip-up","flip-left","rise"],t.SPINNER_VARIANTS=B,t.SPRING_EFFECTS=["bounce-in","pop","drop","jelly","rubber-band"],t.SPRING_PRESETS=ct,t.configureComponents=function(t){Object.assign(e,t)},t.connectedAnimation=async function(t,e,i={}){if(s()||"function"!=typeof e.animate)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();if(!r.width||!r.height)return;const n=!1!==i.hideSource&&t instanceof HTMLElement,o=n?t.style.visibility:"";n&&(t.style.visibility="hidden");const l=e.animate([{transformOrigin:"0 0",transform:`translate(${a.left-r.left}px, ${a.top-r.top}px) scale(${a.width/r.width}, ${a.height/r.height})`},{transformOrigin:"0 0",transform:"none"}],{duration:i.duration??480,easing:i.easing??f});await l.finished.catch(()=>{}),n&&(t.style.visibility=o)},t.createSpring=yt,t.defineAccordion=rt,t.defineAcrylic=et,t.defineAurora=J,t.defineBackgroundComponents=st,t.defineCheck=G,t.defineComponents=Nt,t.defineCounter=N,t.defineDialog=at,t.defineDraggable=St,t.defineFeedbackComponents=K,t.defineFlipList=nt,t.defineGrain=Z,t.defineInteractionComponents=I,t.defineMagnetic=q,t.defineMarquee=tt,t.defineOverscroll=Et,t.defineParticles=Q,t.definePhysicsComponents=Tt,t.definePress=L,t.defineProgress=D,t.defineReveal=v,t.defineRevealComponents=A,t.defineRipple=F,t.defineScramble=T,t.defineScrollProgress=w,t.defineScrolly=k,t.defineShimmerText=z,t.defineSkeleton=j,t.defineSpinner=V,t.defineSplitText=M,t.defineSpotlight=O,t.defineSpring=Ct,t.defineStagger=x,t.defineTextComponents=R,t.defineTextRotate=P,t.defineTilt=X,t.defineToaster=W,t.defineToggle=Y,t.defineTransitionComponents=ut,t.defineTypewriter=C,t.defineViewSwitch=ot,t.easeOutExpo=$,t.flip=async function(t,e,i={}){const a=new Map(lt(t).map(t=>[t,t.getBoundingClientRect()]));if(await e(),s())return;const r=lt(t),n=i.duration??420,o=i.easing??f,l=[],u=r.map(t=>t.getBoundingClientRect());r.forEach((t,e)=>{if("function"!=typeof t.animate)return;const s=a.get(t),r=u[e];if(!s)return void(!1!==i.animateEnter&&l.push(t.animate([{opacity:0,transform:"scale(0.9)"},{opacity:1,transform:"none"}],{duration:n,easing:o})));const c=s.left-r.left,h=s.top-r.top,d=r.width?s.width/r.width:1,p=r.height?s.height/r.height:1;Math.abs(c)<.5&&Math.abs(h)<.5&&Math.abs(d-1)<.01&&Math.abs(p-1)<.01||l.push(t.animate([{transformOrigin:"0 0",transform:`translate(${c}px, ${h}px) scale(${d}, ${p})`},{transformOrigin:"0 0",transform:"none"}],{duration:n,easing:o}))}),await Promise.all(l.map(t=>t.finished.catch(()=>{})))},t.linearEasing=bt,t.prefersReducedMotion=s,t.projectInertia=vt,t.readScrollProgress=_,t.resolveSpring=ht,t.revealKeyframes=b,t.rubberBand=_t,t.scrambleFrame=E,t.snapTo=xt,t.spring=function(t,e,i,a={}){const r=t;if(s()||"function"!=typeof r.animate)return n(r,e[e.length-1]),null;const{easing:o,duration:l}=gt(i);return r.animate(e,{duration:l,easing:o,fill:"both",...a})},t.springEasing=gt,t.springEffectKeyframes=kt,t.springSamples=mt,t.stepSpring=dt,t.supportsLinearEasing=ft,t.toast=function(t,e={}){if("undefined"==typeof document||!W())return null;let s="string"==typeof e.toaster?document.querySelector(e.toaster):e.toaster||document.querySelector("usa-toaster");return s||(s=document.createElement("usa-toaster"),document.body.append(s)),s.show(t,e)},t.viewTransition=async function(t,e={}){const i="undefined"!=typeof document?document:null;if(!i||s())return void await t();if("function"==typeof i.startViewTransition){let s;try{s=e.types?i.startViewTransition({update:t,types:e.types}):i.startViewTransition(t)}catch{s=i.startViewTransition(t)}return void await s.finished.catch(()=>{})}const a=e.fallback,r=e.duration??200;if(!a||"function"!=typeof a.animate)return void await t();await a.animate([{opacity:1},{opacity:0}],{duration:.8*r,easing:"ease-in",fill:"forwards"}).finished.catch(()=>{}),await t();const n=a.animate([{opacity:0,transform:"translateY(6px)"},{opacity:1,transform:"none"}],{duration:1.1*r,easing:p});a.getAnimations?.().forEach(t=>t!==n&&t.cancel()),await n.finished.catch(()=>{})}});
|
|
22
22
|
//# sourceMappingURL=components.umd.js.map
|