@noctuatech/uswds 0.0.28 → 0.0.30

package/assets/uswds.min.js

@@ -0,0 +1 @@
+!function(){"use strict";function e(e,t,a,s,o,n){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var r,l=s.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?s.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,s.name):{}),m=!1,u=a.length-1;u>=0;u--){var b={};for(var g in s)b[g]="access"===g?{}:s[g];for(var g in s.access)b.access[g]=s.access[g];b.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");n.push(i(e||null))};var p=(0,a[u])("accessor"===l?{get:h.get,set:h.set}:h[c],b);if("accessor"===l){if(void 0===p)continue;if(null===p||"object"!=typeof p)throw new TypeError("Object expected");(r=i(p.get))&&(h.get=r),(r=i(p.set))&&(h.set=r),(r=i(p.init))&&o.unshift(r)}else(r=i(p))&&("field"===l?o.unshift(r):h[c]=r)}d&&Object.defineProperty(d,s.name,h),m=!0}function t(e,t,a){for(var s=arguments.length>2,o=0;o<t.length;o++)a=s?t[o].call(e,a):t[o].call(e);return s?a:void 0}function a(e,t,a){if(a)for(let s of a)s.call(e,t)}function s(e){return e[Symbol.metadata]}"function"==typeof SuppressedError&&SuppressedError,Symbol.metadata??=Symbol("Symbol.metadata");class o{#e;#t;[Symbol.metadata]={};get name(){return this.#e}get factory(){return this.#t}constructor(e,t){this.#e=e,this.#t=t}}const n=new WeakMap;class i{#a=new WeakMap;name;parent;providers;constructor(e){this.parent=e?.parent,this.providers=new Map(e?.providers)}inject(e){if(this.#a.has(e)){const t=this.#a.get(e),o=s(e);return o&&a(t,n.get(t)??this,o.onInjected),t}const t=this.providers.get(e);if(t){if("use"in t)return this.#s(e,(()=>new t.use));if("factory"in t)return this.#s(e,t.factory);throw new Error(`Provider for ${e.name} found but is missing either 'use' or 'factory'`)}if(this.parent)return this.parent.inject(e);if(e instanceof o){if(!e.factory)throw new Error(`Provider not found for "${e.name}"`);return this.#s(e,e.factory)}return this.#s(e,(()=>new e))}setParent(e){this.parent=e}clear(){this.#a=new WeakMap}#s(e,t){const o=t(this);if(this.#a.set(e,o),"object"==typeof o&&null!==o){const t=n.get(o);t&&t!==this&&t.setParent(this);const i=s(e);i&&(a(o,t??this,i.onCreated),a(o,t??this,i.onInjected))}return o}}class r extends Event{context;callback;subscribe;constructor(e,t,a){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.callback=t,this.subscribe=a}}const l="injector";function c(e){return function(t,s){const o={[t.name]:class extends t{constructor(...t){super(...t);const a=new i(e);if(a.providers.set(i,{factory:()=>a}),e?.provideSelfAs)for(const t of e.provideSelfAs)a.providers.set(t,{factory:()=>this});n.set(this,a)}}};return"HTMLElement"in globalThis&&HTMLElement.prototype.isPrototypeOf(t.prototype)?function(e,t){const s=t.metadata,o={[e.name]:class extends e{constructor(...e){super();const t=n.get(this);this.addEventListener("context-request",(e=>{e.target!==this&&e.context===l&&(e.stopPropagation(),t&&e.callback(t))})),t&&a(this,t,s?.onCreated)}connectedCallback(){const e=n.get(this);e&&(this.dispatchEvent(new r(l,(t=>{e.setParent(t)}))),a(this,e,s?.onInjected)),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){n.get(this)?.setParent(void 0),super.disconnectedCallback&&super.disconnectedCallback()}}};return o[e.name]}(o[t.name],s):o[t.name]}}function d(e){return function(){const t=n.get(this);if(void 0===t){const e=this.constructor.name;throw new Error(`${e} is either not injectable or a service is being called in the constructor. \n Either add the @injectable() to your class or use the @injected callback method.`)}return t.inject(e)}}Symbol.metadata??=Symbol("Symbol.metadata");class h{#o;constructor(e,...t){this.#o=document.createElement("template"),this.#o.innerHTML=g(e)}apply(e){e.shadowRoot&&e.shadowRoot.append(this.#o.content.cloneNode(!0))}}function m(e,...t){return new h(e,...t)}class u{#n;constructor(e,...t){this.#n=new CSSStyleSheet,this.#n.replaceSync(g(e))}apply(e){e.shadowRoot&&(e.shadowRoot.adoptedStyleSheets=[...e.shadowRoot.adoptedStyleSheets,this.#n])}}function b(e){return new u(e)}function g(e){let t="";for(let a=0;a<e.length;a++)t+=e[a];return t}Symbol.metadata??=Symbol("Symbol.metadata");class p extends Map{}class f extends Map{}class v{attrs=new p;attrChanges=new f;listeners=[];onReady=new Set}class y extends WeakMap{read(e){return this.has(e)||this.set(e,new v),this.get(e)}}const _=new y;function k(e){return function({get:t,set:a},s){const o=e?.name??function(e){let t;if("symbol"==typeof e){if(!e.description)throw new Error("Cannot handle Symbol property without description");t=e.description}else t=e;return t.toLowerCase().replaceAll(" ","-")}(s.name),n=_.read(s.metadata),i=e?.reflect??!0;return n.attrs.set(o,{propName:s.name,observe:e?.observed??!0,reflect:i,getPropValue:t,setPropValue:a}),{set(e){if(i)if(!0===e)this.hasAttribute(o)||this.setAttribute(o,"");else if(!1===e)this.hasAttribute(o)&&this.removeAttribute(o);else{const t=String(e);this.getAttribute(o)!==t&&this.setAttribute(o,t)}a.call(this,e)}}}}function w(e,t){return function(a,s){const o=_.read(s.metadata);let n=e=>e.shadowRoot??e;t&&(n="string"==typeof t?e=>e.shadowRoot?e.shadowRoot.querySelector(t):e.querySelector(t):t),o.listeners.push({event:e,cb:a,selector:n})}}function S(e){return function(t,a){const s=_.read(a.metadata);a.addInitializer((function(){e?.tagName&&(customElements.get(e.tagName)||customElements.define(e.tagName,this))}));const o={[t.name]:class extends t{static observedAttributes=Array.from(s.attrs.keys());#i=null;constructor(...t){if(super(...t),e?.shadowDom){this.shadowRoot||this.attachShadow(e.shadowDomOpts??{mode:"open"});for(let t of e.shadowDom)t.apply(this)}for(let e of s.onReady)e.call(this)}attributeChangedCallback(e,t,a){const o=s.attrs.get(e),n=s.attrChanges.get(e);if(o){if(t!==a){const e=o.getPropValue.call(this);""===a?o.setPropValue.call(this,!0):"number"==typeof e?o.setPropValue.call(this,Number(a)):o.setPropValue.call(this,a)}if(n)for(let e of n)e.call(this,t,a);o.observe&&super.attributeChangedCallback&&super.attributeChangedCallback(e,t,a)}}connectedCallback(){if(this.isConnected){for(let{event:e,cb:t,selector:a}of s.listeners){const s=a(this);if(!s)throw new Error(`could not add listener to ${s}`);this.#i=new AbortController,s.addEventListener(e,t.bind(this),{signal:this.#i.signal})}!function(e,t){for(let[a,{getPropValue:s,reflect:o}]of t)if(o){const t=s.call(e);if(null!=t&&""!==t)if("boolean"==typeof t)!0===t&&(e.hasAttribute(a)||e.setAttribute(a,""));else{const s=String(t);e.getAttribute(a)!==s&&e.setAttribute(a,s)}}}(this,s.attrs),super.connectedCallback&&super.connectedCallback()}}disconnectedCallback(){this.#i&&(this.#i.abort(),this.#i=null),super.disconnectedCallback&&super.disconnectedCallback()}}};return o[t.name]}}function x(e){let t=null;return function(){if(t)return t;if(t=this.shadowRoot?this.shadowRoot.querySelector(e):this.querySelector(e),!t)throw new Error("could not find element");return t}}function C(){return function(e,t){_.read(t.metadata).onReady.add(e)}}class j{iconPath=""}(()=>{let a,s,o,n=[c({name:"usa-config-ctx",provideSelfAs:[j]}),S({tagName:"usa-config",shadowDom:[b`:host{display:contents}`,m`<slot></slot>`]})],i=[],r=HTMLElement,l=[],d=[];(class extends r{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k({name:"icon-path"})],e(this,null,o,{kind:"accessor",name:"iconPath",static:!1,private:!1,access:{has:e=>"iconPath"in e,get:e=>e.iconPath,set:(e,t)=>{e.iconPath=t}},metadata:c},l,d),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:c},null,i),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,i)}#r=t(this,l,"/assets/usa-icons/");get iconPath(){return this.#r}set iconPath(e){this.#r=e}constructor(){super(...arguments),t(this,d)}})})();const E={info:{icon:"info"},warning:{icon:"warning"},success:{icon:"check_circle"},error:{icon:"error"},emergency:{icon:"error"}};(()=>{let a,s,o,n=[S({tagName:"usa-alert",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`:host{display:block;border-left:.5rem solid #adadad;padding:1rem 1.2rem;color:#1b1b1b;margin-bottom:1rem}:host([type=info]){border-left-color:#00bde3;background-color:#e7f6f8}:host([type=warning]){background-color:#faf3d1;border-left-color:#ffbe2e}:host([type=success]){background-color:#ecf3ec;border-left-color:#00a91c}:host([type=error]){background-color:#f4e3db;border-left-color:#d54309}:host([type=emergency]){background-color:#9c3d10;border-left-color:#9c3d10;color:#fff}:host([type=emergency]) ::slotted(*){color:#fff}.alert-heading{display:grid;grid-template-columns:auto 1fr;align-items:center}usa-icon{margin:-.28rem .75rem 0 0}#heading::slotted(*){font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:1.33rem;line-height:.9;margin-top:0;margin-bottom:.5rem}`,m`<div class="alert-heading"><usa-icon icon="check_circle"></usa-icon><div><slot id="heading" name="heading"></slot></div><div class="spacer"></div><div><slot></slot></div></div>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#l=t(this,l,"info");get type(){return this.#l}set type(e){this.#l=e}#c=(t(this,c),x("usa-icon"));attributeChangedCallback(){this.#c().icon=E[this.type].icon}})})(),(()=>{let a,s,o,n,i,r,l,c,d=[S({tagName:"usa-button",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`:host{display:contents}button{box-sizing:border-box;font-size:1.06rem;line-height:.9;color:#fff;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;border:0;border-radius:.25rem;cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem;display:inline-flex;font-weight:700;justify-content:center;padding:.75rem 1.25rem;text-align:center;text-decoration:none;width:100%;cursor:pointer}@media all and (min-width:30em){button{width:auto}}button:visited{color:#fff}button:hover{color:#fff;background-color:#1a4480;border-bottom:0;text-decoration:none}button:active{color:#fff;background-color:#162e51}button:not([disabled]):focus{outline-offset:.25rem}button:disabled{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}button:disabled:active,button:disabled:focus,button:disabled:hover{color:#454545;background-color:#c9c9c9}button:focus{outline:.25rem solid #2491ff;outline-offset:0}:host([variant=secondary]) button{color:#fff;background-color:#d83933}:host([variant=secondary]) button:hover{background-color:#b50909}:host([variant=secondary]) button:active{background-color:#8b0a03}:host([variant=cool]) button{color:#1b1b1b;background-color:#00bde3}:host([variant=cool]) button:hover{background-color:#28a0cb}:host([variant=cool]) button:active{color:#fff;background-color:#07648d}:host([variant=warm]) button{color:#1b1b1b;background-color:#fa9441}:host([variant=warm]) button:hover{color:#fff;background-color:#c05600}:host([variant=warm]) button:active{color:#fff;background-color:#775540}:host([variant=outline]) button{background-color:transparent;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}:host([variant=outline]) button:hover{box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}:host([variant=outline]) button:active{box-shadow:inset 0 0 0 2px #162e51;color:#162e51}`,m`<button tabindex="0"><slot></slot></button>`]})],h=[],u=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],j=[],E=[],O=[];(class extends u{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[C()],c=[w("click")],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},p,f),e(this,null,n,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:t},v,y),e(this,null,i,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:t},_,j),e(this,null,r,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},E,O),e(this,null,l,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:t},null,g),e(this,null,c,{kind:"method",name:"onInternalClick",static:!1,private:!1,access:{has:e=>"onInternalClick"in e,get:e=>e.onInternalClick},metadata:t},null,g),e(null,a={value:s},d,{kind:"class",name:s.name,metadata:t},null,h),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#l=(t(this,g),t(this,p,"button"));get type(){return this.#l}set type(e){this.#l=e}#d=(t(this,f),t(this,v,!1));get disabled(){return this.#d}set disabled(e){this.#d=e}#h=(t(this,y),t(this,_,"primary"));get variant(){return this.#h}set variant(e){this.#h=e}#m=(t(this,j),t(this,E,""));get value(){return this.#m}set value(e){this.#m=e}#u=(t(this,O),0);get tabIndex(){return this.#u}set tabIndex(e){this.#u=e}#b=this.attachInternals();#g=x("button");onReady(){this.#g().autofocus=this.autofocus}onInternalClick(){this.#p()}attributeChangedCallback(){const e=this.#g();e.type=this.type,e.disabled=this.disabled}#p(){const{form:e}=this.#b;if(e)if("submit"===this.type){const t=document.createElement("button");t.type="submit",e.append(t),t.click(),t.remove()}else"reset"===this.type&&e.reset()}static{t(s,h)}})})(),(()=>{let a,s,o,n,i,r,l,c,d=[S({tagName:"usa-checkbox",shadowDom:[b`*{box-sizing:border-box}:host{display:inline-block;max-width:30rem;position:relative}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;border-radius:.25rem;color:#1b1b1b;padding:.75rem 1rem .75rem .75rem}label{display:inline-flex;cursor:pointer;font-size:1.06rem;line-height:1.3;flex-wrap:wrap}.checkbox{background:#fff;box-shadow:0 0 0 2px #1b1b1b;display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border-radius:2px;position:relative;margin-right:.75rem}input:checked+.checkbox{background-color:#005ea2;box-shadow:0 0 0 2px #005ea2}input:checked+.checkbox::after{content:" ";display:block;height:1rem;width:.5rem;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(45deg) scale(.65)}input{position:absolute}input:focus+.checkbox{outline:.25rem solid #2491ff;outline-offset:.25rem}.description{display:block;font-size:.93rem;margin-top:.5rem}.break{flex-basis:100%;height:0}.spacer{height:1.25rem;width:1.25rem;margin-right:.75rem}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:#005ea2}`,m`<label><input type="checkbox" tabindex="0"><div class="checkbox"></div><div class="title"><slot></slot></div></label>`]})],h=[],u=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],C=[],j=[],E=[],O=[],M=[];(class extends u{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[k({observed:!1})],c=[w("change","input[type=checkbox]")],e(this,null,o,{kind:"accessor",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:t},p,f),e(this,null,n,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},v,y),e(this,null,i,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},_,C),e(this,null,r,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},j,E),e(this,null,l,{kind:"accessor",name:"tiled",static:!1,private:!1,access:{has:e=>"tiled"in e,get:e=>e.tiled,set:(e,t)=>{e.tiled=t}},metadata:t},O,M),e(this,null,c,{kind:"method",name:"onCheckboxChange",static:!1,private:!1,access:{has:e=>"onCheckboxChange"in e,get:e=>e.onCheckboxChange},metadata:t},null,g),e(null,a={value:s},d,{kind:"class",name:s.name,metadata:t},null,h),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#f=(t(this,g),t(this,p,!1));get checked(){return this.#f}set checked(e){this.#f=e}#v=(t(this,f),t(this,v,""));get name(){return this.#v}set name(e){this.#v=e}#m=(t(this,y),t(this,_,""));get value(){return this.#m}set value(e){this.#m=e}#y=(t(this,C),t(this,j,!1));get required(){return this.#y}set required(e){this.#y=e}#_=(t(this,E),t(this,O,!1));get tiled(){return this.#_}set tiled(e){this.#_=e}#k=(t(this,M),x("input"));#b=this.attachInternals();connectedCallback(){const e=this.#k();e.checked=this.checked,e.name=this.name,this.#w()}attributeChangedCallback(){const e=this.#k();e.checked=this.checked,e.name=this.name,this.#w()}onCheckboxChange(){const e=this.#k();this.checked=e.checked,this.#w()}#w(){const e=this.#k();e.checked?this.#b.setFormValue(this.value):this.#b.setFormValue(null),this.required&&!e.checked?this.#b.setValidity({valueMissing:!0},"Please check this box if you want to proceed",this.#k()):this.#b.setValidity({})}static{t(s,h)}})})(),(()=>{let a,s,o=[S({tagName:"usa-description",shadowDom:[b`:host{display:block;font-size:.93rem;margin-top:.5rem}`,m`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),Symbol.metadata??=Symbol("Symbol.metadata");class O extends Map{}class M{scheduler=null;changes=new O}class A extends WeakMap{read(e){let t=this.get(e);return t||(t=new M,this.set(e,t)),t}}class D{effects=new Set}class P extends WeakMap{read(e){let t=this.get(e);return t||(t=new D,this.set(e,t)),t}}const I=new A,q=new P;function T(){return function(e,t){const a=q.read(t.metadata);return{init(e){let a=null;try{a=t.access.get(this)}catch{}return a?(Reflect.deleteProperty(this,t.name),a):e},set(s){const o=I.read(this);null===o.scheduler&&(o.scheduler=Promise.resolve().then((()=>{for(let e of a.effects)e.call(this,o.changes);o.scheduler=null,o.changes.clear()}))),o.changes.set(t.name,{oldValue:e.get.call(this),newValue:s}),e.set.call(this,s)}}}}function N(){return function(e,t){q.read(t.metadata).effects.add(e)}}(()=>{let a,s,o,n,i,r,l,c,d,h,u,g=[S({tagName:"usa-file-input",shadowDom:[b`*{box-sizing:border-box}:host{display:block;max-width:30rem;position:relative;margin-bottom:1.5rem}label{display:block}input{cursor:pointer;left:0;margin:0;max-width:none;position:absolute;text-indent:-999em;width:100%;z-index:1;bottom:0;top:0}input:focus{outline:.25rem solid #2491ff;outline-offset:0}label slot.label{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;margin-bottom:.5rem}:host(.dragenter) .box{border-color:#2491ff}.box{border:1px dashed #adadad;display:flex;font-size:.93rem;position:relative;text-align:center;width:100%;max-width:30rem;height:5.2rem;align-items:center;justify-content:center}.container{position:relative}`,m`<label><slot class="label"></slot><div class="container"><input type="file" tabindex="0"><div class="box"><slot name="description">Drag file here or<usa-link>choose from folder</usa-link></slot></div><usa-file-input-preview>Selected file<usa-link>Change file</usa-link></usa-file-input-preview></div></label>`]})],p=[],f=HTMLElement,v=[],y=[],_=[],C=[],j=[],E=[],O=[],M=[],A=[];(class extends f{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[T()],l=[N()],c=[w("change")],d=[w("dragenter")],h=[w("dragleave")],u=[w("drop")],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},y,_),e(this,null,n,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:e=>"multiple"in e,get:e=>e.multiple,set:(e,t)=>{e.multiple=t}},metadata:t},C,j),e(this,null,i,{kind:"accessor",name:"accept",static:!1,private:!1,access:{has:e=>"accept"in e,get:e=>e.accept,set:(e,t)=>{e.accept=t}},metadata:t},E,O),e(this,null,r,{kind:"accessor",name:"files",static:!1,private:!1,access:{has:e=>"files"in e,get:e=>e.files,set:(e,t)=>{e.files=t}},metadata:t},M,A),e(this,null,l,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,v),e(this,null,c,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,v),e(this,null,d,{kind:"method",name:"onDragEnter",static:!1,private:!1,access:{has:e=>"onDragEnter"in e,get:e=>e.onDragEnter},metadata:t},null,v),e(this,null,h,{kind:"method",name:"onDragLeave",static:!1,private:!1,access:{has:e=>"onDragLeave"in e,get:e=>e.onDragLeave},metadata:t},null,v),e(this,null,u,{kind:"method",name:"onDrop",static:!1,private:!1,access:{has:e=>"onDrop"in e,get:e=>e.onDrop},metadata:t},null,v),e(null,a={value:s},g,{kind:"class",name:s.name,metadata:t},null,p),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#v=(t(this,v),t(this,y,""));get name(){return this.#v}set name(e){this.#v=e}#S=(t(this,_),t(this,C,!0));get multiple(){return this.#S}set multiple(e){this.#S=e}#x=(t(this,j),t(this,E,""));get accept(){return this.#x}set accept(e){this.#x=e}#C=(t(this,O),t(this,M,null));get files(){return this.#C}set files(e){this.#C=e}#b=(t(this,A),this.attachInternals());#j=x("input");#E=x(".box");#O=x("usa-file-input-preview");attributeChangedCallback(){const e=this.#j();e.name=this.name,e.multiple=this.multiple,e.accept=this.accept}onChange(){const e=this.#j(),t=this.#E(),a=this.#O();e.files!==this.files&&(e.files=this.files),a.files=this.files;const s=new FormData;if(this.files?.length){t.style.display="none";for(const e of this.files)s.append(this.name,e)}else t.style.display="flex";this.#b.setFormValue(s)}onInputChange(){const e=this.#j();this.files=e.files,this.dispatchEvent(new Event("change"))}onDragEnter(){this.classList.add("dragenter")}onDragLeave(){this.classList.remove("dragenter")}onDrop(e){if(this.classList.remove("dragenter"),e.dataTransfer?.items){e.preventDefault();const t=new DataTransfer;for(const a of e.dataTransfer.items)if("file"===a.kind){const e=a.getAsFile();e&&t.items.add(e)}this.files=t.files}}static{t(s,p)}})})(),(()=>{let a,s,o,n,i=[S({tagName:"usa-file-input-preview",shadowDom:[b`*{box-sizing:border-box}:host{display:block;font-size:.87rem;pointer-events:none;position:relative;text-align:left;word-wrap:anywhere;z-index:3}:host([hidden]){display:none}img{border:0;display:block;height:2.5rem;margin-right:.5rem;-o-object-fit:contain;object-fit:contain;width:2.5rem}.preview-heading{align-items:center;background:#d9e8f6;display:flex;pointer-events:none;position:relative;z-index:3;font-weight:700;justify-content:space-between;padding:.5rem;text-align:left}.preview-item{align-items:center;background:#d9e8f6;display:flex;padding:.5rem;width:100%;margin-top:1px}`,m`<template><div class="preview-item"><img height="40" width="40" aria-hidden="true" style="display:none"><usa-icon icon="file_present" style="display:none"></usa-icon></div></template><slot class="preview-heading"></slot>`]})],r=[],l=HTMLElement,c=[],d=[],h=[];(class extends l{static{s=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[T()],n=[N()],e(this,null,o,{kind:"accessor",name:"files",static:!1,private:!1,access:{has:e=>"files"in e,get:e=>e.files,set:(e,t)=>{e.files=t}},metadata:m},d,h),e(this,null,n,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:m},null,c),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:m},null,r),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,r)}#C=(t(this,c),t(this,d,null));get files(){return this.#C}set files(e){this.#C=e}#M=(t(this,h),new Map);#o=x("template");connectedCallback(){this.onChange()}get shadow(){if(!this.shadowRoot)throw new Error("no shadow root");return this.shadowRoot}onChange(){const e=this.#o();if(this.files?.length){this.hidden=!1;const t=new Set;for(const a of this.files)if(t.add(a.name),!this.#M.has(a.name)){const t=e.content.cloneNode(!0).firstElementChild;if(!t)throw new Error("SOMETHING HAS GONE VERY WRONG");t.id=a.name,t.append(document.createTextNode(a.name));const s=t.querySelector("img"),o=t.querySelector("usa-icon");if(!s||!o)throw Error("Something went very wrong");a.type.startsWith("image")?(s.style.display="block",s.src=URL.createObjectURL(a)):o.style.display="block",this.shadow.append(t),this.#M.set(a.name,t)}for(const[e,a]of this.#M)t.has(e)||(a.remove(),this.#M.delete(e))}else this.hidden=!0}})})();let L=(()=>{let a,s,o=[c()],n=[];return class{static{s=this}static{const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:i},null,n),s=a.value,i&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i}),t(s,n)}fetch(e,t){return fetch(e,t)}},s})(),z=(()=>{let a,s,o=[c()],n=[];return class{static{s=this}static{const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:i},null,n),s=a.value,i&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i}),t(s,n)}#A=d(j);#D=d(L);#P=new Map;async getIcon(e){const t=this.#A(),a=this.#D(),s=this.#P.get(e);if(s)return s.then((e=>{if(!e.content.firstElementChild)throw Error("cached value is not valid");return e.content.firstElementChild.cloneNode(!0)}));const o=a.fetch(`${t.iconPath}${e}.svg`).then((e=>200===e.status?e.text():"")).then((e=>{const t=document.createElement("template");return t.innerHTML=e,t}));return this.#P.set(e,o),o.then((e=>{if(!e.content.firstElementChild)throw Error("ICON is not valid");return e.content.firstElementChild.cloneNode(!0)}))}},s})();var R;(()=>{let a,s,o,n,i=[S({tagName:"usa-icon",shadowDom:[b`:host{display:inline-block;height:2rem;position:relative;width:2rem}svg{fill:currentColor;height:100%;width:100%}`]}),c()],r=[],l=HTMLElement,h=[],m=[],u=[];(class extends l{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[k()],n=[function(e,t){const a=t.metadata;a.onInjected??=[],a.onInjected.push(e)}],e(this,null,o,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:c},m,u),e(this,null,n,{kind:"method",name:"onInjected",static:!1,private:!1,access:{has:e=>"onInjected"in e,get:e=>e.onInjected},metadata:c},null,h),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:c},null,r),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,r)}#I=(t(this,h),t(this,m,"accessibility_new"));get icon(){return this.#I}set icon(e){this.#I=e}ariaHidden=(t(this,u),"true");#c=d(z);#q=!1;onInjected(){this.#q=!0,this.#T()}attributeChangedCallback(){this.#q&&this.#T()}async#T(){const e=this.#c();this.shadowRoot&&this.shadowRoot.append(await e.getIcon(this.icon))}})})(),(()=>{let a,s,o,n,i,r,l,c,d,h,u,g,p,f,v=[S({tagName:"usa-input",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem;position:relative}input{border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;line-height:1.3;font-size:1.06rem;margin-top:.5rem;padding:.5rem;width:100%}input:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}slot[name=detail]::slotted(*){color:#757575}slot[name=detail]::slotted(usa-icon){width:1.5rem;height:1.5rem}slot[name=detail]{display:block;position:absolute;bottom:.21rem;left:.5rem}:host([detail=pfx]) input{padding-left:2.5rem}:host([detail=sfx]) input{padding-right:2.5rem}:host([detail=sfx]) slot[name=detail]{right:.5rem;left:auto}`,m`<label><slot name="detail"></slot><slot></slot><input tabindex="0"></label>`]})],y=[],_=HTMLElement,j=[],E=[],O=[],M=[],A=[],D=[],P=[],I=[],q=[],L=[],z=[],R=[],H=[],F=[],V=[],K=[],W=[];(class extends _{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[k({observed:!1})],c=[k({reflect:!1}),T()],d=[T()],h=[T()],u=[C()],g=[N()],p=[w("keydown")],f=[w("input")],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},E,O),e(this,null,n,{kind:"accessor",name:"autocomplete",static:!1,private:!1,access:{has:e=>"autocomplete"in e,get:e=>e.autocomplete,set:(e,t)=>{e.autocomplete=t}},metadata:t},M,A),e(this,null,i,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:t},D,P),e(this,null,r,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},I,q),e(this,null,l,{kind:"accessor",name:"detail",static:!1,private:!1,access:{has:e=>"detail"in e,get:e=>e.detail,set:(e,t)=>{e.detail=t}},metadata:t},L,z),e(this,null,c,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},R,H),e(this,null,d,{kind:"accessor",name:"selectionStart",static:!1,private:!1,access:{has:e=>"selectionStart"in e,get:e=>e.selectionStart,set:(e,t)=>{e.selectionStart=t}},metadata:t},F,V),e(this,null,h,{kind:"accessor",name:"selectionEnd",static:!1,private:!1,access:{has:e=>"selectionEnd"in e,get:e=>e.selectionEnd,set:(e,t)=>{e.selectionEnd=t}},metadata:t},K,W),e(this,null,u,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:t},null,j),e(this,null,g,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,j),e(this,null,p,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:t},null,j),e(this,null,f,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,j),e(null,a={value:s},v,{kind:"class",name:s.name,metadata:t},null,y),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#v=(t(this,j),t(this,E,""));get name(){return this.#v}set name(e){this.#v=e}#N=(t(this,O),t(this,M,"on"));get autocomplete(){return this.#N}set autocomplete(e){this.#N=e}#L=(t(this,A),t(this,D,""));get placeholder(){return this.#L}set placeholder(e){this.#L=e}#y=(t(this,P),t(this,I,!1));get required(){return this.#y}set required(e){this.#y=e}#z=(t(this,q),t(this,L,""));get detail(){return this.#z}set detail(e){this.#z=e}#m=(t(this,z),t(this,R,""));get value(){return this.#m}set value(e){this.#m=e}#R=(t(this,H),t(this,F,null));get selectionStart(){return this.#R}set selectionStart(e){this.#R=e}#H=(t(this,V),t(this,K,null));get selectionEnd(){return this.#H}set selectionEnd(e){this.#H=e}#b=(t(this,W),this.attachInternals());#j=x("input");onReady(){this.#j().autofocus=this.autofocus}attributeChangedCallback(e){const t=this.#j();switch(e){case"autocomplete":t.autocomplete=this.autocomplete;break;case"placeholder":t.placeholder=this.placeholder;break;case"name":t.name=this.name}}connectedCallback(){this.#w()}onChange(e){const t=this.#j();t.value!==this.value&&(t.value=this.value),e.has("selectionStart")&&(t.selectionStart=this.selectionStart),e.has("selectionEnd")&&(t.selectionEnd=this.selectionEnd),this.#w()}onKeyDown(e){const t=this.#b.form;if(t){const a=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;"ENTER"!==e.key.toUpperCase()||a||setTimeout((()=>{e.defaultPrevented||e.isComposing||t.submit()}))}}onInputChange(){const e=this.#j();this.value=e.value,this.selectionStart=e.selectionStart,this.selectionEnd=e.selectionEnd}#w(){const e=this.#j();this.#b.setFormValue(e.value),this.required&&!e.value?this.#b.setValidity({valueMissing:!0},"Required",e):this.#b.setValidity({})}static{t(s,y)}})})(),function(e){e.Any="*",e.Number="9",e.Letter="A"}(R||(R={}));const H=Object.values(R),F={Letters:/^[a-z]/i,Numbers:/^[0-9]/i};function V(e,t){const a=e.replace(/[^a-z0-9]/gi,""),s=a.split("");let o=0,n="";for(let e=0;e<t.length;e++){const a=t[e],i=s[o];i&&a&&(a===R.Any?(n+=i,o++):a===R.Number?(/^[0-9]/i.test(i)&&(n+=i),o++):a===R.Letter?(/^[a-z]/i.test(i)&&(n+=i),o++):n+=a)}return{raw:a,formatted:n}}(()=>{let a,s,o,n,i,r=[S({tagName:"usa-input-mask",shadowDom:[b`:host{display:contents}`,m`<slot></slot>`]})],l=[],c=HTMLElement,d=[],h=[],u=[];(class extends c{static{s=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;o=[k()],n=[w("input")],i=[w("keydown")],e(this,null,o,{kind:"accessor",name:"mask",static:!1,private:!1,access:{has:e=>"mask"in e,get:e=>e.mask,set:(e,t)=>{e.mask=t}},metadata:m},h,u),e(this,null,n,{kind:"method",name:"onInput",static:!1,private:!1,access:{has:e=>"onInput"in e,get:e=>e.onInput},metadata:m},null,d),e(this,null,i,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:m},null,d),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:m},null,l),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,l)}#F=(t(this,d),t(this,h,""));get mask(){return this.#F}set mask(e){this.#F=e}connectedCallback(){for(const e of this.querySelectorAll("[mask]")){const{formatted:t}=V(e.value,this.#V(e));t&&(e.value=t)}}onInput(e){const t=e.target,a=t.selectionStart||0,s=t.value,o=this.#V(t),{formatted:n}=V(t.value,o);t.value=n;const i=t.value.length-s.length,r=o[a-1];r&&!H.includes(r)&&i>0?(t.selectionStart=a+i,t.selectionEnd=a+i):(t.selectionStart=a,t.selectionEnd=a)}onKeyDown(e){const t=e.target,a=this.#V(t),s=a[t.selectionStart||0];1===e.key.length&&/^[a-z0-9]/i.test(e.key)&&(t.value.length>=a.length?e.preventDefault():s===R.Number?F.Numbers.test(e.key)||e.preventDefault():s===R.Letter&&(F.Letters.test(e.key)||e.preventDefault()))}#V(e){return this.mask||e.getAttribute("mask")||""}constructor(){super(...arguments),t(this,u)}})})(),(()=>{let a,s,o,n,i,r,l=[S({tagName:"usa-link",shadowDom:[b`:host{display:inline-flex;color:#005ea2;text-decoration:underline}a{color:inherit;text-decoration:inherit;display:inherit}`,m`<a><slot></slot></a>`]})],c=[],d=HTMLElement,h=[],u=[],g=[],p=[],f=[],v=[],y=[],_=[];(class extends d{static{s=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k({observed:!1})],e(this,null,o,{kind:"accessor",name:"href",static:!1,private:!1,access:{has:e=>"href"in e,get:e=>e.href,set:(e,t)=>{e.href=t}},metadata:m},h,u),e(this,null,n,{kind:"accessor",name:"target",static:!1,private:!1,access:{has:e=>"target"in e,get:e=>e.target,set:(e,t)=>{e.target=t}},metadata:m},g,p),e(this,null,i,{kind:"accessor",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:m},f,v),e(this,null,r,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:m},y,_),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:m},null,c),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,c)}#K=t(this,h,"");get href(){return this.#K}set href(e){this.#K=e}#W=(t(this,u),t(this,g,""));get target(){return this.#W}set target(e){this.#W=e}#G=(t(this,p),t(this,f,""));get title(){return this.#G}set title(e){this.#G=e}#d=(t(this,v),t(this,y,!1));get disabled(){return this.#d}set disabled(e){this.#d=e}#$=(t(this,_),x("a"));attributeChangedCallback(e){const t=this.#$();switch(e){case"href":t.href=this.href;break;case"target":t.target=this.target;break;case"title":t.target=this.title}}})})();const K=new o("RADIO_CTX");(()=>{let a,s,o,n,i,r,l,d=[c({name:"usa-radio-ctx",provideSelfAs:[K]}),S({tagName:"usa-radio",shadowDom:[b`:host{display:flex;flex-direction:column;gap:1rem;max-width:30rem;margin-bottom:1.5rem}label{display:flex;cursor:pointer;gap:.5rem;position:relative}input{position:absolute}label::before{content:" ";display:block;left:0;height:1.25rem;border-radius:99rem;width:1.25rem;background:#fff;box-shadow:0 0 0 2px #1b1b1b;flex:0 0 1.25rem;position:relative;z-index:1000}label:has(input:checked)::before{background-color:#005ea2;box-shadow:0 0 0 2px #005ea2,inset 0 0 0 2px #fff}label:has(input:focus)::before{outline:.25rem solid #2491ff;outline-offset:.25rem}:host([tiled]){gap:.5rem}:host([tiled]) label{background-color:#fff;border:2px solid #c9c9c9;color:#1b1b1b;border-radius:.25rem;padding:.75rem 1rem .75rem .75rem}:host([tiled]) label:has(input:checked){background-color:rgba(0,94,162,.1);border-color:#005ea2}slot{display:flex}`,m`<slot name="legend" id="legend" tabindex="-1"></slot><slot></slot>`]})],h=[],u=HTMLElement,g=[],p=[],f=[],v=[],y=[],_=[],C=[],j=[],E=[];(class extends u{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k({observed:!1})],l=[w("change")],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},p,f),e(this,null,n,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},v,y),e(this,null,i,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},_,C),e(this,null,r,{kind:"accessor",name:"tiled",static:!1,private:!1,access:{has:e=>"tiled"in e,get:e=>e.tiled,set:(e,t)=>{e.tiled=t}},metadata:t},j,E),e(this,null,l,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,g),e(null,a={value:s},d,{kind:"class",name:s.name,metadata:t},null,h),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#m=(t(this,g),t(this,p,""));get value(){return this.#m}set value(e){this.#m=e}#v=(t(this,f),t(this,v,""));get name(){return this.#v}set name(e){this.#v=e}#y=(t(this,y),t(this,_,!1));get required(){return this.#y}set required(e){this.#y=e}#_=(t(this,C),t(this,j,!1));get tiled(){return this.#_}set tiled(e){this.#_=e}#b=(t(this,E),this.attachInternals());#U=x("#legend");connectedCallback(){this.#w()}addRadioOption(e){this.shadowRoot?.append(e),this.#w()}onChange(e){e.target instanceof HTMLInputElement&&e.target.checked&&(this.value=e.target.value,this.#w())}#w(){if(this.#b.setFormValue(this.value),this.#b.setValidity({}),this.required&&!this.value){const e=this.shadowRoot?.querySelector("input");this.#b.setValidity({valueMissing:!0},"Please select an option if you want to proceed",e??this.#U())}}static{t(s,h)}})})(),(()=>{let a,s,o,n,i=[c({name:"usa-radio-option-ctx"}),S({tagName:"usa-radio-option",shadowDom:[b`:host{display:flex;flex-direction:column;margin-top:.05rem}`,m`<label><input type="radio" tabindex="0"><slot name="reserved"></slot></label><slot></slot>`]})],r=[],l=HTMLElement,h=[],u=[],g=[];(class extends l{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[k()],n=[function(e,t){const a=t.metadata;a.onInjected??=[],a.onInjected.push(e)}],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:c},u,g),e(this,null,n,{kind:"method",name:"onInjected",static:!1,private:!1,access:{has:e=>"onInjected"in e,get:e=>e.onInjected},metadata:c},null,h),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:c},null,r),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,r)}#m=(t(this,h),t(this,u,""));get value(){return this.#m}set value(e){this.#m=e}#X=(t(this,g),x("label"));#j=x("input");#Y=x("slot");#B=d(K);#J=new MutationObserver((()=>{const e=this.#j(),t=this.#B();e.name=t.name,e.checked=t.value===this.value}));attributeChangedCallback(){const e=this.#j(),t=this.#Y();this.slot=this.value,t.name=this.value,e.value=this.value}onInjected(){const e=this.#j(),t=this.#B();t.addRadioOption(this.#X()),e.name=t.name,e.checked=t.value===this.value,this.#J.observe(t,{attributeFilter:["value","name"]})}disconnectedCallback(){this.#X().remove(),this.#J.disconnect()}})})();const W=new o("SELECT_CONTEXT");(()=>{let a,s,o,n,i,r,l=[c({name:"usa-select-ctx",provideSelfAs:[W]}),S({tagName:"usa-select",shadowDom:[b`:host{display:block;line-height:1.3;position:relative;width:100%;max-width:30rem;margin-bottom:1.5rem}select{font-size:1.06rem;appearance:none;border-width:1px;border-color:#5c5c5c;border-style:solid;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:.5rem;padding:.5rem;width:100%}select:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}usa-icon{position:absolute;right:.5rem;bottom:12%;height:1.5rem;width:1.5rem}`,m`<usa-icon icon="unfold_more"></usa-icon><label><div class="label"><slot></slot></div><select></select></label>`]})],d=[],h=HTMLElement,u=[],g=[],p=[],f=[],v=[],y=[],_=[];(class extends h{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[w("change")],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},g,p),e(this,null,n,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},f,v),e(this,null,i,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},y,_),e(this,null,r,{kind:"method",name:"onSelectChange",static:!1,private:!1,access:{has:e=>"onSelectChange"in e,get:e=>e.onSelectChange},metadata:t},null,u),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:t},null,d),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#m=(t(this,u),t(this,g,""));get value(){return this.#m}set value(e){this.#m=e}#v=(t(this,p),t(this,f,""));get name(){return this.#v}set name(e){this.#v=e}#y=(t(this,v),t(this,y,!1));get required(){return this.#y}set required(e){this.#y=e}#Q=(t(this,_),x("select"));#b=this.attachInternals();connectedCallback(){const e=this.#Q();e.value=this.value,e.name=this.name,this.#w()}attributeChangedCallback(){const e=this.#Q();e.value=this.value,e.name=this.name,this.#w()}onSelectChange(){const e=this.#Q();this.value=e.value,this.#w()}addSelectOption(e){this.#Q().append(e)}#w(){this.#b.setFormValue(this.value),this.#b.setValidity({}),this.required&&!this.value&&this.#b.setValidity({valueMissing:!0},"Please select an option",this.#Q())}static{t(s,d)}})})(),(()=>{let a,s,o,n,i,r=[S({tagName:"usa-select-option",shadowDom:[b`:host{display:none}`,m`<slot></slot>`]}),c()],l=[],h=HTMLElement,u=[],g=[],p=[];(class extends h{static{s=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;o=[k()],n=[function(e,t){const a=t.metadata;a.onInjected??=[],a.onInjected.push(e)}],i=[w("slotchange")],e(this,null,o,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:c},g,p),e(this,null,n,{kind:"method",name:"onInjected",static:!1,private:!1,access:{has:e=>"onInjected"in e,get:e=>e.onInjected},metadata:c},null,u),e(this,null,i,{kind:"method",name:"onSlotChange",static:!1,private:!1,access:{has:e=>"onSlotChange"in e,get:e=>e.onSlotChange},metadata:c},null,u),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:c},null,l),s=a.value,c&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),t(s,l)}#m=(t(this,u),t(this,g,""));get value(){return this.#m}set value(e){this.#m=e}option=(t(this,p),document.createElement("option"));#Q=d(W);#J=new MutationObserver((()=>{const{value:e}=this.#Q();this.option.selected=e===this.value}));attributeChangedCallback(){this.option.value=this.value}onInjected(){const e=this.#Q();this.option.selected=e.value===this.value,e.addSelectOption(this.option),this.#J.observe(e,{attributes:!0,attributeFilter:["value"]})}onSlotChange(){this.option.textContent=this.textContent}disconnectedCallback(){this.#J.disconnect(),this.option.remove()}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-tag",shadowDom:[b`:host{font-size:.93rem;color:#fff;text-transform:uppercase;background-color:#5c5c5c;border-radius:2px;margin-right:.25rem;padding:1px .5rem}:host([variant=big]){padding-left:.5rem;padding-right:.5rem;font-size:1.06rem}`,m`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#h=t(this,l,"default");get variant(){return this.#h}set variant(e){this.#h=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n,i,r,l=[S({tagName:"usa-accordion",shadowDomOpts:{mode:"open",delegatesFocus:!0},shadowDom:[b`*{box-sizing:border-box}:host{display:block}:host(:not(:first-child)) summary{margin-top:.5rem}summary{align-items:center;border:0;border-radius:0;box-shadow:none;justify-content:normal;text-align:left;padding:0;color:#1b1b1b;background-color:#f0f0f0;cursor:pointer;display:flex;font-weight:700;margin:0;padding:1rem 1.25rem 1rem 1.25rem;text-decoration:none;width:100%}summary::-webkit-details-marker{display:none}slot[name=heading]{display:block;flex:1 1 auto}slot[name=heading]::slotted(*){margin:0}.content{padding-bottom:1.5rem;padding-left:1rem;padding-top:1.5rem}usa-icon[icon=remove]{display:none}details[open] usa-icon[icon=add]{display:none}details[open] usa-icon[icon=remove]{display:block}summary:hover{background-color:#e6e6e6}summary:focus{outline:.25rem solid #2491ff;outline-offset:0}`,m`<details><summary><slot name="heading"></slot><usa-icon icon="add"></usa-icon><usa-icon icon="remove"></usa-icon></summary><div class="content"><slot></slot></div></details>`]})],c=[],d=HTMLElement,h=[],u=[],g=[],p=[],f=[];(class extends d{static{s=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[w("click","summary")],r=[w("usa::accordion::toggle",(()=>document.body))],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:m},u,g),e(this,null,n,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:m},p,f),e(this,null,i,{kind:"method",name:"onClick",static:!1,private:!1,access:{has:e=>"onClick"in e,get:e=>e.onClick},metadata:m},null,h),e(this,null,r,{kind:"method",name:"onAccordionToggle",static:!1,private:!1,access:{has:e=>"onAccordionToggle"in e,get:e=>e.onAccordionToggle},metadata:m},null,h),e(null,a={value:s},l,{kind:"class",name:s.name,metadata:m},null,c),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,c)}#v=(t(this,h),t(this,u,""));get name(){return this.#v}set name(e){this.#v=e}#Z=(t(this,g),t(this,p,!1));get open(){return this.#Z}set open(e){this.#Z=e}#ee=(t(this,f),x("details"));attributeChangedCallback(){this.#ee().open=this.open}onClick(e){e.preventDefault(),this.dispatchEvent(new G(!this.open))}onAccordionToggle(e){e.target.name===this.name?this.open=e.target===this&&e.open:e.target===this&&(this.open=e.open)}})})();class G extends Event{open;get target(){return super.target}constructor(e){super("usa::accordion::toggle",{bubbles:!0}),this.open=e}}(()=>{let a,s,o,n=[S({tagName:"usa-side-nav",shadowDom:[b`:host{display:block;font-size:1.06rem;line-height:1.3;border-bottom:1px solid #e6e6e6}`,m`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#te=t(this,l,"navigation");get role(){return this.#te}set role(e){this.#te=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-side-nav-item",shadowDom:[b`:host{--usa-nav-item-padding-left:2rem;display:block;border-top:1px solid #e6e6e6}.side-nav-item{display:flex;padding:.5rem 1rem;text-decoration:none;position:relative}.side-nav-item:hover{background-color:#f0f0f0;color:#005ea2}::slotted(*){color:#5c5c5c;text-decoration:none;display:block;width:100%}:host(:hover) ::slotted(*){color:#005ea2}:host([current]) ::slotted(:not(usa-side-nav-item)){color:#005ea2;font-weight:700}:host([current]) .side-nav-item::after{background-color:#005ea2;border-radius:99rem;content:"";display:block;position:absolute;bottom:.25rem;top:.25rem;width:.25rem;left:0}:host([slot=children]) .side-nav-item{padding-left:var(--usa-nav-item-padding-left)}:host([slot=children]) ::slotted(usa-side-nav-item){--usa-nav-item-padding-left:3rem}:host([slot=children]) .side-nav-item::after{display:none}`,m`<div class="side-nav-item"><slot></slot></div><slot name="children"></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k({observed:!1})],e(this,null,o,{kind:"accessor",name:"current",static:!1,private:!1,access:{has:e=>"current"in e,get:e=>e.current,set:(e,t)=>{e.current=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#ae=t(this,l,!1);get current(){return this.#ae}set current(e){this.#ae=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o=[S({tagName:"usa-summary-box",shadowDom:[b`:host{font-size:1.06rem;line-height:1.5;color:#1b1b1b;background-color:#e7f6f8;border-radius:.25rem;border:1px #99deea solid;padding:1.5rem;position:relative;display:block}`,m`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-step-indicator",shadowDom:[b`:host{display:flex;gap:2px;counter-reset:usa-step-indicator 0;padding-top:1rem;margin-bottom:1rem}`,m`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#te=t(this,l,"list");get role(){return this.#te}set role(e){this.#te=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n,i,r=[S({tagName:"usa-step",shadowDom:[b`:host{color:#5c5c5c;display:block;flex:1 1 0%;position:relative;counter-increment:usa-step-indicator}:host([counter]):after{content:counter(usa-step-indicator);height:2.5rem;border-radius:99rem;width:2.5rem;background-color:#fff;box-shadow:inset 0 0 0 .25rem #919191,0 0 0 .25rem #fff;color:#5c5c5c;display:flex;align-items:center;justify-content:center;font-weight:700;left:0;line-height:.9;padding:calc((2.5rem - 2ex * .9) * .5);position:absolute;z-index:100;top:0;transform:translateY(-40%);box-sizing:border-box}:host([state=complete]){color:#162e51}:host([state=complete])::before{background-color:#162e51}:host([state=current]){color:#005ea2;font-weight:700}:host([state=current])::before{background-color:#005ea2}:host:before{background-color:#919191;content:"";display:block;height:.5rem}.label{display:block;font-size:1.06rem;margin-top:.5rem;padding-right:2rem;text-align:left}:host([counter]) .label{margin-top:1.5rem}:host([counter][state=complete]):after{background-color:#162e51;box-shadow:0 0 0 .25rem #fff;color:#fff}:host([counter][state=current]):after{background-color:#005ea2;box-shadow:0 0 0 .25rem #fff;color:#fff}:host([counter=small]):after{height:1.5rem;width:1.5rem;font-size:.93rem}:host([counter]:last-child):before{width:0}`,m`<div class="label"><slot></slot></div>`]})],l=[],c=HTMLElement,d=[],h=[],u=[],g=[],p=[];(class extends c{static{s=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;var b;o=[k()],n=[k()],i=[(b="state",function(e,t){const a=_.read(t.metadata),s=a.attrChanges.get(b)??new Set;s.add(e),a.attrChanges.set(b,s)})],e(this,null,o,{kind:"accessor",name:"state",static:!1,private:!1,access:{has:e=>"state"in e,get:e=>e.state,set:(e,t)=>{e.state=t}},metadata:m},h,u),e(this,null,n,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:m},g,p),e(this,null,i,{kind:"method",name:"onStateAttrChanged",static:!1,private:!1,access:{has:e=>"onStateAttrChanged"in e,get:e=>e.onStateAttrChanged},metadata:m},null,d),e(null,a={value:s},r,{kind:"class",name:s.name,metadata:m},null,l),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,l)}#se=(t(this,d),t(this,h,""));get state(){return this.#se}set state(e){this.#se=e}#te=(t(this,u),t(this,g,"listitem"));get role(){return this.#te}set role(e){this.#te=e}onStateAttrChanged(){"current"===this.state&&(this.ariaCurrent="step")}constructor(){super(...arguments),t(this,p)}})})(),(()=>{let a,s,o,n,i=[S({tagName:"usa-modal",shadowDom:[b`*{box-sizing:border-box}:host{display:contents}dialog{border:none;font-size:1.06rem;line-height:1.5;border-radius:.5rem;background:#fff;color:#1b1b1b;max-width:30rem;padding-top:4rem;padding-left:4rem;padding-right:4rem;padding-bottom:2rem;width:100%}::backdrop{background:rgba(0,0,0,.7)}`,m`<dialog><slot></slot></dialog>`]})],r=[],l=HTMLElement,c=[];(class extends l{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[w("click",(()=>document.body))],n=[w("click",(e=>e))],e(this,null,o,{kind:"method",name:"onGlobalModalAction",static:!1,private:!1,access:{has:e=>"onGlobalModalAction"in e,get:e=>e.onGlobalModalAction},metadata:d},null,c),e(this,null,n,{kind:"method",name:"onModalAction",static:!1,private:!1,access:{has:e=>"onModalAction"in e,get:e=>e.onModalAction},metadata:d},null,c),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:d},null,r),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,r)}modalAction=(t(this,c),null);#oe=x("dialog");openModal(){this.#oe().showModal()}closeModal(){this.#oe().close()}onGlobalModalAction(e){if(e.target instanceof Element){e.target.getAttribute("modal-target")===this.id&&this.openModal()}}onModalAction(e){e.target instanceof Element&&(this.modalAction=e.target.getAttribute("modal-action"),this.closeModal(),this.dispatchEvent(new Event("usa::modal::close")))}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-modal-close",shadowDom:[b`*{box-sizing:border-box}:host{display:block;position:absolute;top:1rem;right:1rem}button{display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;height:100%;width:100%;border-radius:100%;padding:0;margin:0}button:focus{outline:.25rem solid #2491ff;outline-offset:0}`,m`<button aria-label="close modal"><usa-icon icon="close"></usa-icon></button>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k({name:"modal-action"})],e(this,null,o,{kind:"accessor",name:"modalAction",static:!1,private:!1,access:{has:e=>"modalAction"in e,get:e=>e.modalAction,set:(e,t)=>{e.modalAction=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#ne=t(this,l,"close");get modalAction(){return this.#ne}set modalAction(e){this.#ne=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o=[S({tagName:"usa-modal-heading",shadowDom:[b`:host{font-family:Merriweather Web,Georgia,Cambria,Times New Roman,Times,serif!important;font-size:1.22rem}h2{margin-top:0;line-height:1.4;font-size:1.45rem}`,m`<h2><slot></slot></h2>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o,n,i=[S({tagName:"usa-card",shadowDom:[b`:host{color:#1b1b1b;background-color:#fff;font-size:1.06rem;line-height:1.5;border-width:2px;border-color:#e6e6e6;border-style:solid;display:flex;flex-direction:column;position:relative;border-radius:.25rem}:host([variant=flag]){padding-left:15rem}:host([variant=flag]) ::slotted(usa-card-media){position:absolute;bottom:0;top:0;left:0;width:15rem}:host([variant=flag]) ::slotted(usa-card-media[variant=inset]){padding-bottom:1.5rem;padding-right:0}`,m`<slot></slot>`]})],r=[],l=HTMLElement,c=[],d=[],h=[],u=[];(class extends l{static{s=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;o=[k()],n=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:m},c,d),e(this,null,n,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:m},h,u),e(null,a={value:s},i,{kind:"class",name:s.name,metadata:m},null,r),s=a.value,m&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),t(s,r)}#te=t(this,c,"listitem");get role(){return this.#te}set role(e){this.#te=e}#h=(t(this,d),t(this,h,"default"));get variant(){return this.#h}set variant(e){this.#h=e}constructor(){super(...arguments),t(this,u)}})})(),(()=>{let a,s,o=[S({tagName:"usa-card-header",shadowDom:[b`:host{font-family:Merriweather Web,Georgia,Cambria,Times New Roman,Times,serif!important;display:flex;padding:1.5rem 1.5rem .5rem;font-size:1.22rem;font-weight:700;line-height:1.2}`,m`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o=[S({tagName:"usa-card-body",shadowDom:[b`:host{display:flex;flex:1 1 0%;padding:.5rem 1.5rem;flex-basis:auto}`,m`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o=[S({tagName:"usa-card-footer",shadowDom:[b`:host{display:flex;padding:.5rem 1.5rem 1.5rem}`,m`<slot></slot>`]})],n=[],i=HTMLElement;(class extends i{static{s=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;e(null,a={value:s},o,{kind:"class",name:s.name,metadata:r},null,n),s=a.value,r&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),t(s,n)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-card-media",shadowDom:[b`:host{display:block;border-top-left-radius:calc(.25rem - 2px);border-top-right-radius:calc(.25rem - 2px);background-color:#f0f0f0;position:relative;overflow:hidden;box-sizing:border-box}:host([variant=inset]){background-color:#fff;padding-top:1.5rem;padding-left:1.5rem;padding-right:1.5rem}::slotted(img){display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}:host(:not(:first-child)){margin-top:.5rem;border-top-left-radius:0;border-top-right-radius:0}`,m`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"varint",static:!1,private:!1,access:{has:e=>"varint"in e,get:e=>e.varint,set:(e,t)=>{e.varint=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#ie=t(this,l,"standard");get varint(){return this.#ie}set varint(e){this.#ie=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n=[S({tagName:"usa-card-group",shadowDom:[b`:host{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}:host([variant=flag]){grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}`,m`<slot></slot>`]})],i=[],r=HTMLElement,l=[],c=[];(class extends r{static{s=this}static{const d="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;o=[k()],e(this,null,o,{kind:"accessor",name:"role",static:!1,private:!1,access:{has:e=>"role"in e,get:e=>e.role,set:(e,t)=>{e.role=t}},metadata:d},l,c),e(null,a={value:s},n,{kind:"class",name:s.name,metadata:d},null,i),s=a.value,d&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:d}),t(s,i)}#te=t(this,l,"list");get role(){return this.#te}set role(e){this.#te=e}constructor(){super(...arguments),t(this,c)}})})(),(()=>{let a,s,o,n,i,r,l,c,d,h,u=[S({tagName:"usa-textarea",shadowDom:[b`*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem;position:relative;height:calc(6lh + .5rem)}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:#1b1b1b;display:block;margin-top:.5rem;max-width:30rem;padding:.5rem;border-width:1px;border-color:#5c5c5c;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;resize:none}textarea:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}`,m`<label><slot></slot><textarea></textarea></label>`]})],g=[],p=HTMLElement,f=[],v=[],y=[],_=[],j=[],E=[],O=[],M=[],A=[],D=[],P=[];(class extends p{static{s=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;o=[k()],n=[k()],i=[k()],r=[k()],l=[k({reflect:!1}),T()],c=[C()],d=[N()],h=[w("input")],e(this,null,o,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:e=>"name"in e,get:e=>e.name,set:(e,t)=>{e.name=t}},metadata:t},v,y),e(this,null,n,{kind:"accessor",name:"autocomplete",static:!1,private:!1,access:{has:e=>"autocomplete"in e,get:e=>e.autocomplete,set:(e,t)=>{e.autocomplete=t}},metadata:t},_,j),e(this,null,i,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:t},E,O),e(this,null,r,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:e=>"required"in e,get:e=>e.required,set:(e,t)=>{e.required=t}},metadata:t},M,A),e(this,null,l,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:t},D,P),e(this,null,c,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:t},null,f),e(this,null,d,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,f),e(this,null,h,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,f),e(null,a={value:s},u,{kind:"class",name:s.name,metadata:t},null,g),s=a.value,t&&Object.defineProperty(s,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static formAssociated=!0;#v=(t(this,f),t(this,v,""));get name(){return this.#v}set name(e){this.#v=e}#N=(t(this,y),t(this,_,"on"));get autocomplete(){return this.#N}set autocomplete(e){this.#N=e}#L=(t(this,j),t(this,E,""));get placeholder(){return this.#L}set placeholder(e){this.#L=e}#y=(t(this,O),t(this,M,!1));get required(){return this.#y}set required(e){this.#y=e}#m=(t(this,A),t(this,D,""));get value(){return this.#m}set value(e){this.#m=e}#b=(t(this,P),this.attachInternals());#j=x("textarea");onReady(){this.#j().autofocus=this.autofocus}connectedCallback(){this.#w()}onChange(){const e=this.#j();e.value!==this.value&&(e.value=this.value),this.#w()}onInputChange(){const e=this.#j();this.value=e.value}attributeChangedCallback(e){const t=this.#j();switch(e){case"autocomplete":t.autocomplete=this.autocomplete;break;case"placeholder":t.placeholder=this.placeholder;break;case"name":t.name=this.name}}#w(){const e=this.#j();this.#b.setFormValue(e.value),this.required&&!e.value?this.#b.setValidity({valueMissing:!0},"Required",e):this.#b.setValidity({})}static{t(s,g)}})})()}();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noctuatech/uswds",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "type": "module",
   "workspaces": ["packages/**"],
   "main": "./target/lib.js",

package/src/lib/button/button.element.ts

@@ -28,7 +28,7 @@ export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
         display: contents;
       }
 
-      .usa-button {
+      button {
         box-sizing: border-box;
         font-size: 1.06rem;
         line-height: 0.9;
@@ -54,114 +54,114 @@ export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
       }
 
       @media all and (min-width: 30em) {
-        .usa-button {
+        button {
           width: auto;
         }
       }
 
-      .usa-button:visited {
+      button:visited {
         color: white;
       }
 
-      .usa-button:hover {
+      button:hover {
         color: white;
         background-color: #1a4480;
         border-bottom: 0;
         text-decoration: none;
       }
 
-      .usa-button:active {
+      button:active {
         color: white;
         background-color: #162e51;
       }
 
-      .usa-button:not([disabled]):focus {
+      button:not([disabled]):focus {
         outline-offset: 0.25rem;
       }
 
-      .usa-button:disabled {
+      button:disabled {
         color: #454545;
         background-color: #c9c9c9;
         cursor: not-allowed;
         opacity: 1;
       }
 
-      .usa-button:disabled:hover,
-      .usa-button:disabled:active,
-      .usa-button:disabled:focus {
+      button:disabled:hover,
+      button:disabled:active,
+      button:disabled:focus {
         color: #454545;
         background-color: #c9c9c9;
       }
 
-      .usa-button:focus {
+      button:focus {
         outline: 0.25rem solid #2491ff;
         outline-offset: 0;
       }
 
       /** Secondary */
-      :host([variant="secondary"]) .usa-button {
+      :host([variant="secondary"]) button {
         color: #fff;
         background-color: #d83933;
       }
 
-      :host([variant="secondary"]) .usa-button:hover {
+      :host([variant="secondary"]) button:hover {
         background-color: #b50909;
       }
 
-      :host([variant="secondary"]) .usa-button:active {
+      :host([variant="secondary"]) button:active {
         background-color: #8b0a03;
       }
 
       /** cool */
-      :host([variant="cool"]) .usa-button {
+      :host([variant="cool"]) button {
         color: #1b1b1b;
         background-color: #00bde3;
       }
 
-      :host([variant="cool"]) .usa-button:hover {
+      :host([variant="cool"]) button:hover {
         background-color: #28a0cb;
       }
 
-      :host([variant="cool"]) .usa-button:active {
+      :host([variant="cool"]) button:active {
         color: #fff;
         background-color: #07648d;
       }
 
       /** warm */
-      :host([variant="warm"]) .usa-button {
+      :host([variant="warm"]) button {
         color: #1b1b1b;
         background-color: #fa9441;
       }
 
-      :host([variant="warm"]) .usa-button:hover {
+      :host([variant="warm"]) button:hover {
         color: #fff;
         background-color: #c05600;
       }
 
-      :host([variant="warm"]) .usa-button:active {
+      :host([variant="warm"]) button:active {
         color: #fff;
         background-color: #775540;
       }
 
       /** outline */
-      :host([variant="outline"]) .usa-button {
+      :host([variant="outline"]) button {
         background-color: transparent;
         box-shadow: inset 0 0 0 2px #005ea2;
         color: #005ea2;
       }
 
-      :host([variant="outline"]) .usa-button:hover {
+      :host([variant="outline"]) button:hover {
         box-shadow: inset 0 0 0 2px #1a4480;
         color: #1a4480;
       }
 
-      :host([variant="outline"]) .usa-button:active {
+      :host([variant="outline"]) button:active {
         box-shadow: inset 0 0 0 2px #162e51;
         color: #162e51;
       }
     `,
     html`
-      <button class="usa-button" tabindex="0">
+      <button tabindex="0">
         <slot></slot>
       </button>
     `,
@@ -193,15 +193,6 @@ export class USAButtonElement extends HTMLElement {
     input.autofocus = this.autofocus;
   }
 
-  @listen("keydown", () => document.body)
-  onKeyDown(e: KeyboardEvent) {
-    if (this.type === "submit") {
-      if (e.key.toUpperCase() === "ENTER") {
-        this.#handleForm();
-      }
-    }
-  }
-
   @listen("click")
   onInternalClick() {
     this.#handleForm();

package/src/lib/file-input/file-input-preview/file-input-preview.test.ts

@@ -76,8 +76,8 @@ describe("usa-file-input-preview", () => {
 
   it("should create preview images for each file", async () => {
     const data = new DataTransfer();
-    data.items.add(new File(["Image1"], "image1.jpg"));
-    data.items.add(new File(["Image2"], "image2.jpg"));
+    data.items.add(new File(["Image1"], "image1.jpg", { type: "image/jpg" }));
+    data.items.add(new File(["Image2"], "image2.jpg", { type: "image/jpg" }));
 
     const { shadowRoot } = await fixture<USAFileInputPreviewElement>(html`
       <usa-file-input-preview .files=${data.files}>

package/src/lib/file-input/file-input.element.ts

@@ -1,4 +1,5 @@
 import { attr, css, element, html, listen, query } from "@joist/element";
+import { effect, observe } from "@joist/observable";
 
 declare global {
   interface HTMLElementTagNameMap {
@@ -51,6 +52,10 @@ declare global {
         margin-bottom: 0.5rem;
       }
 
+      :host(.dragenter) .box {
+        border-color: #2491ff;
+      }
+
       .box {
         border: 1px dashed #adadad;
         display: flex;
@@ -101,15 +106,8 @@ export class USAFileInputElement extends HTMLElement {
   @attr()
   accessor accept = "";
 
-  get files() {
-    return this.#input().files;
-  }
-
-  set files(list: FileList | null) {
-    this.#input().files = list;
-
-    this.#syncFormState();
-  }
+  @observe()
+  accessor files: FileList | null = null;
 
   #internals = this.attachInternals();
   #input = query("input");
@@ -123,26 +121,24 @@ export class USAFileInputElement extends HTMLElement {
     input.accept = this.accept;
   }
 
-  @listen("change")
-  onInputChange() {
-    this.#syncFormState();
-
-    this.dispatchEvent(new Event("change"));
-  }
-
-  #syncFormState() {
+  @effect()
+  onChange() {
     const input = this.#input();
     const box = this.#box();
     const preview = this.#preview();
 
-    preview.files = input.files;
+    if (input.files !== this.files) {
+      input.files = this.files;
+    }
+
+    preview.files = this.files;
 
     const formData = new FormData();
 
-    if (input.files?.length) {
+    if (this.files?.length) {
       box.style.display = "none";
 
-      for (const file of input.files) {
+      for (const file of this.files) {
         formData.append(this.name, file);
       }
     } else {
@@ -151,4 +147,46 @@ export class USAFileInputElement extends HTMLElement {
 
     this.#internals.setFormValue(formData);
   }
+
+  @listen("change")
+  onInputChange() {
+    const input = this.#input();
+
+    this.files = input.files;
+
+    this.dispatchEvent(new Event("change"));
+  }
+
+  @listen("dragenter")
+  onDragEnter() {
+    this.classList.add("dragenter");
+  }
+
+  @listen("dragleave")
+  onDragLeave() {
+    this.classList.remove("dragenter");
+  }
+
+  @listen("drop")
+  onDrop(e: DragEvent) {
+    this.classList.remove("dragenter");
+
+    if (e.dataTransfer?.items) {
+      e.preventDefault();
+
+      const data = new DataTransfer();
+
+      for (const item of e.dataTransfer.items) {
+        if (item.kind === "file") {
+          const file = item.getAsFile();
+
+          if (file) {
+            data.items.add(file);
+          }
+        }
+      }
+
+      this.files = data.files;
+    }
+  }
 }

package/src/lib/input/input.element.ts

@@ -135,6 +135,24 @@ export class USATextInputElement
     input.autofocus = this.autofocus;
   }
 
+  attributeChangedCallback(attr: string) {
+    const input = this.#input();
+
+    switch (attr) {
+      case "autocomplete":
+        input.autocomplete = this.autocomplete;
+        break;
+
+      case "placeholder":
+        input.placeholder = this.placeholder;
+        break;
+
+      case "name":
+        input.name = this.name;
+        break;
+    }
+  }
+
   connectedCallback() {
     this.#syncFormState();
   }
@@ -143,7 +161,9 @@ export class USATextInputElement
   onChange(changes: Changes<this>) {
     const input = this.#input();
 
-    input.value = this.value;
+    if (input.value !== this.value) {
+      input.value = this.value;
+    }
 
     if (changes.has("selectionStart")) {
       input.selectionStart = this.selectionStart;
@@ -156,6 +176,24 @@ export class USATextInputElement
     this.#syncFormState();
   }
 
+  @listen("keydown")
+  onKeyDown(e: KeyboardEvent) {
+    const form = this.#internals.form;
+
+    if (form) {
+      const hasModifier = e.metaKey || e.ctrlKey || e.shiftKey || e.altKey;
+
+      if (e.key.toUpperCase() === "ENTER" && !hasModifier) {
+        // this makes sure that the user has a chance to cancel the event before submitting
+        setTimeout(() => {
+          if (!e.defaultPrevented && !e.isComposing) {
+            form.submit();
+          }
+        });
+      }
+    }
+  }
+
   @listen("input")
   onInputChange() {
     const input = this.#input();
@@ -165,24 +203,6 @@ export class USATextInputElement
     this.selectionEnd = input.selectionEnd;
   }
 
-  attributeChangedCallback(attr: string) {
-    const input = this.#input();
-
-    switch (attr) {
-      case "autocomplete":
-        input.autocomplete = this.autocomplete;
-        break;
-
-      case "placeholder":
-        input.placeholder = this.placeholder;
-        break;
-
-      case "name":
-        input.name = this.name;
-        break;
-    }
-  }
-
   #syncFormState() {
     const input = this.#input();
 

package/src/lib/input/input.stories.ts

@@ -9,7 +9,7 @@ const meta = {
   tags: ["autodocs"],
   render() {
     return html`
-      <form>
+      <form @submit=${(e: Event) => e.preventDefault()}>
         <usa-input name="fname" value="Danny" autocomplete="off" detail="pfx">
           <usa-icon icon="credit_card" slot="detail"></usa-icon>
 

package/src/lib/textarea/textarea.element.ts

@@ -43,6 +43,7 @@ declare global {
         appearance: none;
         width: 100%;
         height: 100%;
+        resize: none;
       }
 
       textarea:not(:disabled):focus {
@@ -97,7 +98,9 @@ export class USATextareaElement extends HTMLElement {
   onChange() {
     const input = this.#input();
 
-    input.value = this.value;
+    if (input.value !== this.value) {
+      input.value = this.value;
+    }
 
     this.#syncFormState();
   }

package/target/lib/accordion/accordion.element.d.ts

@@ -0,0 +1,19 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        "usa-accordion": USAAccordionElement;
+    }
+}
+export declare class USAAccordionElement extends HTMLElement {
+    #private;
+    accessor name: string;
+    accessor open: boolean;
+    attributeChangedCallback(): void;
+    onClick(e: Event): void;
+    onAccordionToggle(e: USAAccordionToggleEvent): void;
+}
+declare class USAAccordionToggleEvent extends Event {
+    open: boolean;
+    get target(): USAAccordionElement;
+    constructor(open: boolean);
+}
+export {};