@noctuatech/uswds 0.0.6 → 0.0.8

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.
Files changed (55) hide show
  1. package/README.md +6 -6
  2. package/assets/img/4c-lg-on-black.svg +10 -0
  3. package/assets/uswds.min.js +1 -1
  4. package/package.json +2 -2
  5. package/src/lib/button/button.element.ts +16 -1
  6. package/src/lib/define.ts +5 -0
  7. package/src/lib/file-input/file-input.element.ts +13 -5
  8. package/src/lib/file-input/file-input.stories.ts +0 -2
  9. package/src/lib/input/input.element.ts +11 -8
  10. package/src/lib/modal/modal-close/modal-close.element.ts +55 -0
  11. package/src/lib/modal/modal-close/modal-close.test.ts +15 -0
  12. package/src/lib/modal/modal-heading/modal-heading.element.ts +38 -0
  13. package/src/lib/modal/modal-heading/modal-heading.test.ts +15 -0
  14. package/src/lib/modal/modal.element.ts +103 -0
  15. package/src/lib/modal/modal.stories.ts +41 -0
  16. package/src/lib/modal/modal.test.ts +25 -0
  17. package/src/lib/radio/radio.element.ts +1 -4
  18. package/src/lib/select/select-option.element.ts +7 -2
  19. package/src/lib/select/select.element.ts +1 -0
  20. package/src/lib/step-indicator/step/step-indicator-step.element.ts +110 -0
  21. package/src/lib/step-indicator/step/step-indicator-step.test.ts +15 -0
  22. package/src/lib/step-indicator/step-indicator.element.ts +24 -0
  23. package/src/lib/step-indicator/step-indicator.stories.ts +49 -0
  24. package/src/lib/step-indicator/step-indicator.test.ts +21 -0
  25. package/src/lib.ts +5 -0
  26. package/target/lib/define.d.ts +2 -0
  27. package/target/lib/define.js +2 -0
  28. package/target/lib/define.js.map +1 -1
  29. package/target/lib/file-input/file-input.element.js +1 -0
  30. package/target/lib/file-input/file-input.element.js.map +1 -1
  31. package/target/lib/radio/radio.element.js +1 -4
  32. package/target/lib/radio/radio.element.js.map +1 -1
  33. package/target/lib/select/select-option.element.d.ts +1 -0
  34. package/target/lib/select/select-option.element.js +10 -3
  35. package/target/lib/select/select-option.element.js.map +1 -1
  36. package/target/lib/select/select.element.js +1 -0
  37. package/target/lib/select/select.element.js.map +1 -1
  38. package/target/lib/step-indicator/step/step-indicator-step.element.d.ts +7 -0
  39. package/target/lib/step-indicator/step/step-indicator-step.element.js +122 -0
  40. package/target/lib/step-indicator/step/step-indicator-step.element.js.map +1 -0
  41. package/target/lib/step-indicator/step/step-indicator-step.test.d.ts +1 -0
  42. package/target/lib/step-indicator/step/step-indicator-step.test.js +11 -0
  43. package/target/lib/step-indicator/step/step-indicator-step.test.js.map +1 -0
  44. package/target/lib/step-indicator/step-indicator.element.d.ts +7 -0
  45. package/target/lib/step-indicator/step-indicator.element.js +36 -0
  46. package/target/lib/step-indicator/step-indicator.element.js.map +1 -0
  47. package/target/lib/step-indicator/step-indicator.stories.d.ts +21 -0
  48. package/target/lib/step-indicator/step-indicator.stories.js +42 -0
  49. package/target/lib/step-indicator/step-indicator.stories.js.map +1 -0
  50. package/target/lib/step-indicator/step-indicator.test.d.ts +1 -0
  51. package/target/lib/step-indicator/step-indicator.test.js +17 -0
  52. package/target/lib/step-indicator/step-indicator.test.js.map +1 -0
  53. package/target/lib.d.ts +2 -0
  54. package/target/lib.js +2 -0
  55. package/target/lib.js.map +1 -1
package/README.md CHANGED
@@ -6,12 +6,12 @@ https://designsystem.digital.gov/
6
6
 
7
7
  ## Getting Started
8
8
 
9
+ ```sh
10
+ npm i @noctuatech/uswds
11
+ ```
12
+
9
13
  ```html
10
14
  <style>
11
- body:has(:not(:defined)) {
12
- display: none;
13
- }
14
-
15
15
  * {
16
16
  font-family:
17
17
  Source Sans Pro Web,
@@ -23,10 +23,10 @@ https://designsystem.digital.gov/
23
23
  }
24
24
  </style>
25
25
 
26
- <script src="https://cdn.jsdelivr.net/npm/@noctuatech/uswds@latest/assets/uswds.min.js"></script>
26
+ <script src="/node_modules/@noctuatech/uswds@latest/assets/uswds.min.js"></script>
27
27
 
28
28
  <usa-config
29
- spritesheet="https://cdn.jsdelivr.net/npm/@noctuatech/uswds@latest/assets/img/sprite.svg"
29
+ spritesheet="/node_modules/@noctuatech/uswds@latest/assets/img/sprite.svg"
30
30
  >
31
31
  <usa-alert type="info">
32
32
  <h3 slot="heading">Informative status</h3>
@@ -0,0 +1,10 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="299" height="283" viewBox="0 0 299 283">
3
+ <g fill="none" fill-rule="evenodd">
4
+ <polygon fill="#81AEFC" points="298.45 169.342 193.773 169.335 246.104 8.944"/>
5
+ <polygon fill="#4D52AF" points="233.844 0 201.49 99.116 64.451 0"/>
6
+ <polygon fill="#EE601D" points="4.458 183.269 89.148 122.016 141.5 282.401"/>
7
+ <polygon fill="#F6BD9C" points="52.346 8.624 137.027 69.889 0 169.023"/>
8
+ <polygon fill="#E6E6E6" points="156.817 282.475 124.476 183.354 293.859 183.343"/>
9
+ </g>
10
+ </svg>
@@ -1 +1 @@
1
- !function(){"use strict";function e(e,t,a,s,n,i){function o(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,r=s.kind,c="getter"===r?"get":"setter"===r?"set":"value",d=!t&&e?s.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,s.name):{}),u=!1,m=a.length-1;m>=0;m--){var p={};for(var f in s)p[f]="access"===f?{}:s[f];for(var f in s.access)p.access[f]=s.access[f];p.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");i.push(o(e||null))};var b=(0,a[m])("accessor"===r?{get:h.get,set:h.set}:h[c],p);if("accessor"===r){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(l=o(b.get))&&(h.get=l),(l=o(b.set))&&(h.set=l),(l=o(b.init))&&n.unshift(l)}else(l=o(b))&&("field"===r?n.unshift(l):h[c]=l)}d&&Object.defineProperty(d,s.name,h),u=!0}function t(e,t,a){for(var s=arguments.length>2,n=0;n<t.length;n++)a=s?t[n].call(e,a):t[n].call(e);return s?a:void 0}function a(e,t,a){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:a?"".concat(a," ",t):t})}function s(e,t,a,s){if("a"===a&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?s:"a"===a?s.call(e):s?s.value:t.get(e)}function n(e,t,a,s,n){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?n.call(e,a):n?n.value=a:t.set(e,a),a}function i(e){return e[Symbol.metadata]}"function"==typeof SuppressedError&&SuppressedError;class o{#e;#t;get name(){return this.#e}get factory(){return this.#t}constructor(e,t){this.#e=e,this.#t=t}}const l=new WeakMap;class r{#a=new WeakMap;parent;providers;constructor(e=[],t){this.parent=t,this.providers=e}inject(e){if(this.#a.has(e)){const t=this.#a.get(e),a=i(e);return a&&c(t,a.onInjected),t}const t=this.#s(e);if(t){if(t.use){const a=t.use;return this.#n(e,(()=>new a))}if(t.factory){const a=t.factory;return this.#n(e,a)}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.#n(e,e.factory)}return this.#n(e,(()=>new e))}setParent(e){this.parent=e}clear(){this.#a=new WeakMap}#n(e,t){const a=t(this);if(this.#a.set(e,a),"object"==typeof a&&null!==a){const t=l.get(a);t&&t.setParent(this);const s=i(e);s&&(c(a,s.onCreated),c(a,s.onInjected))}return a}#s(e){if(this.providers)for(let t=0;t<this.providers.length;t++)if(this.providers[t].provide===e)return this.providers[t]}}function c(e,t){if(Array.isArray(t))for(let a of t)"function"==typeof a&&a.call(e)}function d(e,t){return{[e.name]:class extends e{constructor(...e){super(),this.addEventListener("finddiroot",(e=>{e.stopPropagation();const t=function(e){const t=e.composedPath();for(let e=1;e<t.length;e++){const a=t[e],s=l.get(a);if(s)return s;if(a===document.body)return null}return null}(e);t&&l.get(this)?.setParent(t)}))}connectedCallback(){this.isConnected&&(this.dispatchEvent(new Event("finddiroot",{bubbles:!0,composed:!0})),super.connectedCallback&&super.connectedCallback())}disconnectedCallback(){l.get(this)?.setParent(void 0),super.disconnectedCallback&&super.disconnectedCallback()}}}[e.name]}function h(e){return function(t,a){const s={[t.name]:class extends t{constructor(...t){super(...t);const a=new r(e?.providers);a.providers.push({provide:r,factory:()=>a}),l.set(this,a)}}};return"HTMLElement"in globalThis&&HTMLElement.prototype.isPrototypeOf(t.prototype)?d(s[t.name]):s[t.name]}}function u(e){return function(){const t=l.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 m{#i;constructor(e,...t){this.#i=document.createElement("template"),this.#i.innerHTML=g(e)}apply(e){e.shadowRoot&&e.shadowRoot.append(this.#i.content.cloneNode(!0))}}function p(e,...t){return new m(e,...t)}class f{#o;constructor(e,...t){this.#o=new CSSStyleSheet,this.#o.replaceSync(g(e))}apply(e){e.shadowRoot&&(e.shadowRoot.adoptedStyleSheets=[...e.shadowRoot.adoptedStyleSheets,this.#o])}}function b(e){return new f(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 v extends Map{}class k extends Map{}class y{attrs=new v;attrChanges=new k;listeners=[];onReady=new Set}class w extends WeakMap{read(e){return this.has(e)||this.set(e,new y),this.get(e)}}const S=new w;function x(e){return function({get:t,set:a},s){const n=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),i=S.read(s.metadata),o=e?.reflect??!0;return i.attrs.set(n,{propName:s.name,observe:e?.observed??!0,reflect:o,getPropValue:t,setPropValue:a}),{set(e){if(o)if(!0===e)this.hasAttribute(n)||this.setAttribute(n,"");else if(!1===e)this.hasAttribute(n)&&this.removeAttribute(n);else{const t=String(e);this.getAttribute(n)!==t&&this.setAttribute(n,t)}a.call(this,e)}}}}function C(e,t){return function(a,s){const n=S.read(s.metadata);let i=e=>e.shadowRoot??e;t&&(i="string"==typeof t?e=>e.shadowRoot?e.shadowRoot.querySelector(t):e.querySelector(t):t),n.listeners.push({event:e,cb:a,selector:i})}}function M(e){return function(t,a){const s=S.read(a.metadata);a.addInitializer((function(){e?.tagName&&(customElements.get(e.tagName)||customElements.define(e.tagName,this))}));const n={[t.name]:class extends t{static observedAttributes=Array.from(s.attrs.keys());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{event:e,cb:t,selector:a}of s.listeners){const s=a(this);if(!s)throw new Error(`could not add listener to ${s}`);s.addEventListener(e,t.bind(this))}for(let e of s.onReady)e.call(this)}connectedCallback(){this.isConnected&&(!function(e,t){for(let[a,{getPropValue:s,reflect:n}]of t)if(n){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())}attributeChangedCallback(e,t,a){const n=s.attrs.get(e),i=s.attrChanges.get(e);if(n){if(t!==a){const e=n.getPropValue.call(this);""===a?n.setPropValue.call(this,!0):"number"==typeof e?n.setPropValue.call(this,Number(a)):n.setPropValue.call(this,a)}if(i)for(let e of i)e.call(this,t,a);super.attributeChangedCallback&&super.attributeChangedCallback(e,t,a)}}}};return n[t.name]}}function E(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}}class W{constructor(){this.spriteSheet=""}}(()=>{var i,o;let l,c,d,m=[M({tagName:"usa-config",shadowDom:[b`:host{display:contents}`,p`<slot></slot>`]}),h()],f=[],g=HTMLElement,v=[],k=[];c=class extends g{constructor(){super(...arguments),o.set(this,t(this,v,"/assets/img/sprite.svg")),i.set(this,(t(this,k),u(r)))}get spriteSheet(){return s(this,o,"f")}set spriteSheet(e){n(this,o,e,"f")}connectedCallback(){const{providers:e}=s(this,i,"f").call(this);e.push({provide:W,factory:()=>this})}},i=new WeakMap,o=new WeakMap,a(c,"USAConfigElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;d=[x()],e(c,null,d,{kind:"accessor",name:"spriteSheet",static:!1,private:!1,access:{has:e=>"spriteSheet"in e,get:e=>e.spriteSheet,set:(e,t)=>{e.spriteSheet=t}},metadata:a},v,k),e(null,l={value:c},m,{kind:"class",name:c.name,metadata:a},null,f),c=l.value,a&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(c,f)})()})();const A={info:{icon:"info"},warning:{icon:"warning"},success:{icon:"check_circle"},error:{icon:"error"},emergency:{icon:"error"}};(()=>{var i,o;let l,r,c,d=[M({tagName:"usa-alert",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}`,p`<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>`]})],h=[],u=HTMLElement,m=[],f=[];r=class extends u{constructor(){super(...arguments),o.set(this,t(this,m,"info")),i.set(this,(t(this,f),E("usa-icon")))}get type(){return s(this,o,"f")}set type(e){n(this,o,e,"f")}attributeChangedCallback(){s(this,i,"f").call(this).icon=A[this.type].icon}},i=new WeakMap,o=new WeakMap,a(r,"USAAlertElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[x()],e(r,null,c,{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:a},m,f),e(null,l={value:r},d,{kind:"class",name:r.name,metadata:a},null,h),r=l.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(r,h)})()})(),(()=>{var i,o,l,r,c,d,h;let u,m,f,g,v,k,y,w=[M({tagName:"usa-button",shadowDom:[b`:host{display:contents}.usa-button{box-sizing:border-box;font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;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){.usa-button{width:auto}}.usa-button:visited{color:#fff}.usa-button:hover{color:#fff;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active{color:#fff;background-color:#162e51}.usa-button:not([disabled]):focus{outline-offset:.25rem}.usa-button:disabled{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled:hover{color:#454545;background-color:#c9c9c9}.usa-button:focus{outline:.25rem solid #2491ff;outline-offset:0}:host([variant=secondary]) .usa-button{color:#fff;background-color:#d83933}:host([variant=secondary]) .usa-button:hover{background-color:#b50909}:host([variant=secondary]) .usa-button:active{background-color:#8b0a03}:host([variant=cool]) .usa-button{color:#1b1b1b;background-color:#00bde3}:host([variant=cool]) .usa-button:hover{background-color:#28a0cb}:host([variant=cool]) .usa-button:active{color:#fff;background-color:#07648d}:host([variant=warm]) .usa-button{color:#1b1b1b;background-color:#fa9441}:host([variant=warm]) .usa-button:hover{color:#fff;background-color:#c05600}:host([variant=warm]) .usa-button:active{color:#fff;background-color:#775540}:host([variant=outline]) .usa-button{background-color:transparent;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}:host([variant=outline]) .usa-button:hover{box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}:host([variant=outline]) .usa-button:active{box-shadow:inset 0 0 0 2px #162e51;color:#162e51}`,p`<button class="usa-button"><slot></slot></button>`]})],S=[],W=HTMLElement,A=[],j=[],O=[],P=[],T=[],N=[],H=[];m=class extends W{constructor(){super(...arguments),i.add(this),c.set(this,(t(this,A),t(this,j,"button"))),d.set(this,(t(this,O),t(this,P,!1))),h.set(this,(t(this,T),t(this,N,"primary"))),o.set(this,(t(this,H),this.attachInternals())),l.set(this,E("button"))}get type(){return s(this,c,"f")}set type(e){n(this,c,e,"f")}get disabled(){return s(this,d,"f")}set disabled(e){n(this,d,e,"f")}get variant(){return s(this,h,"f")}set variant(e){n(this,h,e,"f")}onKeyDown(e){"submit"===this.type&&"ENTER"===e.key.toUpperCase()&&s(this,i,"m",r).call(this)}onInternalClick(){s(this,i,"m",r).call(this)}attributeChangedCallback(){const e=s(this,l,"f").call(this);e.type=this.type,e.disabled=this.disabled}},o=new WeakMap,l=new WeakMap,i=new WeakSet,c=new WeakMap,d=new WeakMap,h=new WeakMap,r=function(){const{form:e}=s(this,o,"f");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()},a(m,"USAButtonElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(W[Symbol.metadata]??null):void 0;f=[x()],g=[x()],v=[x()],k=[C("keydown",(()=>document.body))],y=[C("click")],e(m,null,f,{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},j,O),e(m,null,g,{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},P,T),e(m,null,v,{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},N,H),e(m,null,k,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:t},null,A),e(m,null,y,{kind:"method",name:"onInternalClick",static:!1,private:!1,access:{has:e=>"onInternalClick"in e,get:e=>e.onInternalClick},metadata:t},null,A),e(null,u={value:m},w,{kind:"class",name:m.name,metadata:t},null,S),m=u.value,t&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),m.formAssociated=!0,t(m,S)})(),(()=>{var i,o,l,r,c,d;let h,u,m,f,g,v,k,y=[M({tagName:"usa-checkbox",shadowDom:[b`*{box-sizing:border-box}:host{display:inline-block;font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;max-width:30rem}: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{height:0;width:0;position:absolute;left:-999em;right:auto}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}`,p`<label><input type="checkbox"><div class="checkbox"></div><div class="title"><slot></slot></div></label>`]})],w=[],S=HTMLElement,W=[],A=[],j=[],O=[],P=[],T=[],N=[],H=[],D=[];u=class extends S{constructor(){super(...arguments),l.set(this,(t(this,W),t(this,A,!1))),r.set(this,(t(this,j),t(this,O,""))),c.set(this,(t(this,P),t(this,T,""))),d.set(this,(t(this,N),t(this,H,!1))),i.set(this,(t(this,D),E("input"))),o.set(this,this.attachInternals())}get checked(){return s(this,l,"f")}set checked(e){n(this,l,e,"f")}get name(){return s(this,r,"f")}set name(e){n(this,r,e,"f")}get value(){return s(this,c,"f")}set value(e){n(this,c,e,"f")}get tiled(){return s(this,d,"f")}set tiled(e){n(this,d,e,"f")}connectedCallback(){const e=s(this,i,"f").call(this);this.checked&&s(this,o,"f").setFormValue(this.value),e.checked=this.checked,e.name=this.name}attributeChangedCallback(){const e=s(this,i,"f").call(this);e.checked=this.checked,e.name=this.name}onCheckboxChange(){s(this,i,"f").call(this).checked?s(this,o,"f").setFormValue(this.value):s(this,o,"f").setFormValue(null)}},i=new WeakMap,o=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,d=new WeakMap,a(u,"USACheckboxElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(S[Symbol.metadata]??null):void 0;m=[x()],f=[x()],g=[x()],v=[x({observed:!1})],k=[C("change","input[type=checkbox]")],e(u,null,m,{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},A,j),e(u,null,f,{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},O,P),e(u,null,g,{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},T,N),e(u,null,v,{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},H,D),e(u,null,k,{kind:"method",name:"onCheckboxChange",static:!1,private:!1,access:{has:e=>"onCheckboxChange"in e,get:e=>e.onCheckboxChange},metadata:t},null,W),e(null,h={value:u},y,{kind:"class",name:u.name,metadata:t},null,w),u=h.value,t&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),u.formAssociated=!0,t(u,w)})(),(()=>{let s,n,i=[M({tagName:"usa-description",shadowDom:[b`:host{display:block;font-size:.93rem;margin-top:.5rem}`,p`<slot></slot>`]})],o=[],l=HTMLElement;n=class extends l{},a(n,"USADescriptionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;e(null,s={value:n},i,{kind:"class",name:n.name,metadata:a},null,o),n=s.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(n,o)})()})(),Symbol.metadata??=Symbol("Symbol.metadata");class j extends Map{}class O{scheduler=null;changes=new j}class P extends WeakMap{read(e){let t=this.get(e);return t||(t=new O,this.set(e,t)),t}}class T{effects=new Set}class N extends WeakMap{read(e){let t=this.get(e);return t||(t=new T,this.set(e,t)),t}}const H=new P,D=new N;function L(){return function(e,t){const a=D.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 n=H.read(this);null===n.scheduler&&(n.scheduler=Promise.resolve().then((()=>{for(let e of a.effects)e.call(this,n.changes);n.scheduler=null,n.changes.clear()}))),n.changes.set(t.name,{oldValue:e.get.call(this),newValue:s}),e.set.call(this,s)}}}}function I(){return function(e,t){D.read(t.metadata).effects.add(e)}}function z(e){const t=new Image;return t.height=40,t.width=40,t.src=URL.createObjectURL(e),t.ariaHidden="true",t}var R;(()=>{var i,o;let l,r,c,d,h=[M({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}`,p`<slot class="preview-heading"></slot>`]})],u=[],m=HTMLElement,f=[],g=[],v=[];r=class extends m{constructor(){super(...arguments),o.set(this,(t(this,f),t(this,g,null))),i.set(this,(t(this,v),new Map))}get files(){return s(this,o,"f")}set files(e){n(this,o,e,"f")}connectedCallback(){this.onChange()}onChange(){if(this.files){this.hidden=!1;let e=new Set;for(let t of this.files)if(e.add(t.name),!s(this,i,"f").has(t.name)){const e=document.createElement("div");e.id=t.name,e.className="preview-item";const a=z(t);e.append(a,document.createTextNode(t.name)),this.shadowRoot.append(e),s(this,i,"f").set(t.name,e)}for(let[t,a]of s(this,i,"f"))e.has(t)||(a.remove(),s(this,i,"f").delete(t))}else this.hidden=!0}},i=new WeakMap,o=new WeakMap,a(r,"USAFileInputPreviewElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;c=[L()],d=[I()],e(r,null,c,{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:a},g,v),e(r,null,d,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:a},null,f),e(null,l={value:r},h,{kind:"class",name:r.name,metadata:a},null,u),r=l.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(r,u)})()})(),(()=>{var i,o,l,r,c;let d,h,u,m,f,g,v=[M({tagName:"usa-link",shadowDom:[b`:host{display:inline-flex;color:#005ea2;text-decoration:underline}a{color:inherit;text-decoration:inherit;display:inherit}`,p`<a><slot></slot></a>`]})],k=[],y=HTMLElement,w=[],S=[],C=[],W=[],A=[],j=[],O=[],P=[];h=class extends y{constructor(){super(...arguments),o.set(this,t(this,w,"")),l.set(this,(t(this,S),t(this,C,""))),r.set(this,(t(this,W),t(this,A,""))),c.set(this,(t(this,j),t(this,O,!1))),i.set(this,(t(this,P),E("a")))}get href(){return s(this,o,"f")}set href(e){n(this,o,e,"f")}get target(){return s(this,l,"f")}set target(e){n(this,l,e,"f")}get title(){return s(this,r,"f")}set title(e){n(this,r,e,"f")}get disabled(){return s(this,c,"f")}set disabled(e){n(this,c,e,"f")}attributeChangedCallback(e){const t=s(this,i,"f").call(this);switch(e){case"href":t.href=this.href;break;case"target":t.target=this.target;break;case"title":t.target=this.title}}},i=new WeakMap,o=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,a(h,"USALinkElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;u=[x()],m=[x()],f=[x()],g=[x({observed:!1})],e(h,null,u,{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:a},w,S),e(h,null,m,{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:a},C,W),e(h,null,f,{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:a},A,j),e(h,null,g,{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:a},O,P),e(null,d={value:h},v,{kind:"class",name:h.name,metadata:a},null,k),h=d.value,a&&Object.defineProperty(h,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(h,k)})()})(),(()=>{var i,o,l,r,c,d,h,u;let m,f,g,v,k,y,w,S,W=[M({tagName:"usa-file-input",shadowDom:[b`*{box-sizing:border-box}:host{display:block;max-width:30rem;position:relative}label{display:block}input{cursor:pointer;height:100%;left:0;margin:0;max-width:none;position:absolute;text-indent:-999em;top:0;width:100%;z-index:1}label slot{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;margin-bottom:.5rem}.box{border:1px dashed #adadad;display:block;font-size:.93rem;position:relative;text-align:center;width:100%;max-width:30rem;padding:2rem 1rem}`,p`<label><slot></slot><input type="file"></label><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>`]})],A=[],j=HTMLElement,O=[],P=[],T=[],N=[],H=[],D=[],z=[],R=[],U=[];f=class extends j{constructor(){super(...arguments),c.set(this,(t(this,O),t(this,P,""))),d.set(this,(t(this,T),t(this,N,!0))),h.set(this,(t(this,H),t(this,D,""))),u.set(this,(t(this,z),t(this,R,null))),i.set(this,(t(this,U),this.attachInternals())),o.set(this,E("input")),l.set(this,E(".box")),r.set(this,E("usa-file-input-preview"))}get name(){return s(this,c,"f")}set name(e){n(this,c,e,"f")}get multiple(){return s(this,d,"f")}set multiple(e){n(this,d,e,"f")}get accept(){return s(this,h,"f")}set accept(e){n(this,h,e,"f")}get files(){return s(this,u,"f")}set files(e){n(this,u,e,"f")}onChange(){const e=s(this,o,"f").call(this);this.files&&(e.files=this.files,this.onInputChange())}attributeChangedCallback(){const e=s(this,o,"f").call(this);e.name=this.name,e.multiple=this.multiple,e.accept=this.accept}onInputChange(){const e=s(this,o,"f").call(this),t=s(this,l,"f").call(this);s(this,r,"f").call(this).files=e.files;const a=new FormData;if(e.files){t.style.display="none";for(let t of e.files)a.append(this.name,t)}else t.style.display="block";s(this,i,"f").setFormValue(a)}},i=new WeakMap,o=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakMap,u=new WeakMap,a(f,"USAFileInputElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(j[Symbol.metadata]??null):void 0;g=[x()],v=[x()],k=[x()],y=[L()],w=[I()],S=[C("change")],e(f,null,g,{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},P,T),e(f,null,v,{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},N,H),e(f,null,k,{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},D,z),e(f,null,y,{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},R,U),e(f,null,w,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,O),e(f,null,S,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,O),e(null,m={value:f},W,{kind:"class",name:f.name,metadata:t},null,A),f=m.value,t&&Object.defineProperty(f,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),f.formAssociated=!0,t(f,A)})(),(()=>{var i,o,l,r,c,d;let m,f,g,v=[M({tagName:"usa-icon",shadowDom:[b`:host{display:inline-block;height:2rem;position:relative;width:2rem}svg{fill:currentColor;height:100%;width:100%}`,p`<svg class="usa-icon" aria-hidden="true" focusable="false" role="img"><use></use></svg>`]}),h()],k=[],y=HTMLElement,w=[],S=[];f=class extends y{constructor(){super(...arguments),i.add(this),d.set(this,t(this,w,"accessibility_new")),o.set(this,(t(this,S),E("use"))),l.set(this,u(W)),r.set(this,!1)}get icon(){return s(this,d,"f")}set icon(e){n(this,d,e,"f")}connectedCallback(){n(this,r,!0,"f"),s(this,i,"m",c).call(this)}attributeChangedCallback(){s(this,r,"f")&&s(this,i,"m",c).call(this)}},o=new WeakMap,l=new WeakMap,r=new WeakMap,i=new WeakSet,d=new WeakMap,c=function(){const e=s(this,l,"f").call(this),t=s(this,o,"f").call(this);this.icon!==t.getAttribute("href")&&t.setAttribute("href",`${e.spriteSheet}#${this.icon}`)},a(f,"USAIconElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;g=[x()],e(f,null,g,{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:a},w,S),e(null,m={value:f},v,{kind:"class",name:f.name,metadata:a},null,k),f=m.value,a&&Object.defineProperty(f,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(f,k)})()})(),(()=>{var i,o,l,r,c,d;let h,u,m,f,g,v,k,y,w=[M({tagName:"usa-input",shadowDom:[b`*{box-sizing:border-box}:host{font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem}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}`,p`<label><slot></slot><input></label>`]})],S=[],W=HTMLElement,A=[],j=[],O=[],P=[],T=[],N=[],H=[],D=[],z=[];u=class extends W{constructor(){super(...arguments),l.set(this,(t(this,A),t(this,j,""))),r.set(this,(t(this,O),t(this,P,"on"))),c.set(this,(t(this,T),t(this,N,""))),d.set(this,(t(this,H),t(this,D,""))),i.set(this,(t(this,z),this.attachInternals())),o.set(this,E("input"))}get name(){return s(this,l,"f")}set name(e){n(this,l,e,"f")}get autocomplete(){return s(this,r,"f")}set autocomplete(e){n(this,r,e,"f")}get placeholder(){return s(this,c,"f")}set placeholder(e){n(this,c,e,"f")}get value(){return s(this,d,"f")}set value(e){n(this,d,e,"f")}get selectionStart(){const{selectionStart:e}=s(this,o,"f").call(this);return e}setSelectionRange(e,t){s(this,o,"f").call(this).setSelectionRange(e,t)}onChange(){s(this,o,"f").call(this).value=this.value}onInputChange(){const e=s(this,o,"f").call(this);s(this,i,"f").setFormValue(e.value),this.value=e.value}attributeChangedCallback(e){const t=s(this,o,"f").call(this);switch(e){case"autocomplete":t.autocomplete=this.autocomplete;break;case"placeholder":t.placeholder=this.placeholder;break;case"name":t.name=this.name;break;case"value":t.value=this.value,s(this,i,"f").setFormValue(this.value)}}},i=new WeakMap,o=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,d=new WeakMap,a(u,"USATextInputElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(W[Symbol.metadata]??null):void 0;m=[x()],f=[x()],g=[x()],v=[x({reflect:!1}),L()],k=[I()],y=[C("input")],e(u,null,m,{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},j,O),e(u,null,f,{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},P,T),e(u,null,g,{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},N,H),e(u,null,v,{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,z),e(u,null,k,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,A),e(u,null,y,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,A),e(null,h={value:u},w,{kind:"class",name:u.name,metadata:t},null,S),u=h.value,t&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),u.formAssociated=!0,t(u,S)})(),function(e){e.Any="*",e.Number="9",e.Letter="A"}(R||(R={}));const U=Object.values(R),V={Letters:/^[a-z]/i,Numbers:/^[0-9]/i};function F(e,t){const a=e.replace(/[^a-z0-9]/gi,""),s=a.split("");let n=0,i="";for(var o=0;o<t.length;o++){const e=t[o],a=s[n];a&&e&&(e===R.Any?(i+=a,n++):e===R.Number?(/^[0-9]/i.test(a)&&(i+=a),n++):e===R.Letter?(/^[a-z]/i.test(a)&&(i+=a),n++):i+=e)}return{raw:a,formatted:i}}(()=>{var i,o,l;let r,c,d,h,u,m=[M({tagName:"usa-input-mask",shadowDom:[b`:host{display:contents}`,p`<slot></slot>`]})],f=[],g=HTMLElement,v=[],k=[],y=[];c=class extends g{get mask(){return s(this,l,"f")}set mask(e){n(this,l,e,"f")}connectedCallback(){for(let e of this.querySelectorAll("[mask]")){const{formatted:t}=F(e.value,s(this,i,"m",o).call(this,e));e.value=t}}async onInput(e){const t=e.target,a=t.selectionStart||0,n=t.value,l=s(this,i,"m",o).call(this,t),{formatted:r}=F(t.value,l);t.value=r;const c=t.value.length-n.length,d=l[a-1];await Promise.resolve(),d&&!U.includes(d)&&c>0?t.setSelectionRange(a+c,a+c):t.setSelectionRange(a,a),n!==t.value&&t.dispatchEvent(new Event("input",{bubbles:!0}))}onKeyDown(e){const t=e.target,a=s(this,i,"m",o).call(this,t),n=a[t.selectionStart||0];1===e.key.length&&/^[a-z0-9]/i.test(e.key)&&(t.value.length>=a.length?e.preventDefault():n===R.Number?V.Numbers.test(e.key)||e.preventDefault():n===R.Letter&&(V.Letters.test(e.key)||e.preventDefault()))}constructor(){super(...arguments),i.add(this),l.set(this,(t(this,v),t(this,k,""))),t(this,y)}},i=new WeakSet,l=new WeakMap,o=function(e){return this.mask||e.getAttribute("mask")||""},a(c,"USAInputMaskElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;d=[x()],h=[C("input")],u=[C("keydown")],e(c,null,d,{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:a},k,y),e(c,null,h,{kind:"method",name:"onInput",static:!1,private:!1,access:{has:e=>"onInput"in e,get:e=>e.onInput},metadata:a},null,v),e(c,null,u,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:a},null,v),e(null,r={value:c},m,{kind:"class",name:c.name,metadata:a},null,f),c=r.value,a&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(c,f)})()})();let K=(()=>{var i,o,l,r,c;let d,h,u,m,f,g=[M({tagName:"usa-radio-option",shadowDom:[b`:host{display:flex;flex-direction:column;margin-top:.05rem}`,p`<slot></slot>`]})],v=[],k=HTMLElement,y=[],w=[],S=[],C=[],E=[],W=[];return h=class extends k{get value(){return s(this,l,"f")}set value(e){n(this,l,e,"f")}get name(){return s(this,r,"f")}set name(e){n(this,r,e,"f")}get checked(){return s(this,c,"f")}set checked(e){n(this,c,e,"f")}constructor(){super(),l.set(this,t(this,y,"")),r.set(this,(t(this,w),t(this,S,""))),c.set(this,(t(this,C),t(this,E,!1))),this.radio=(t(this,W),document.createElement("label")),i.set(this,document.createElement("input")),o.set(this,document.createElement("slot")),s(this,i,"f").type="radio",this.radio.append(s(this,i,"f"),s(this,o,"f"))}attributeChangedCallback(){this.slot=this.value,s(this,i,"f").name=this.name,s(this,i,"f").value=this.value,s(this,i,"f").checked=this.checked,s(this,o,"f").name=this.value}connectedCallback(){this.dispatchEvent(new Event("usa::radio::option::added",{bubbles:!0}))}disconnectedCallback(){this.radio.remove()}},i=new WeakMap,o=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,a(h,"USARadioOptionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;u=[x()],m=[x()],f=[x()],e(h,null,u,{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:a},y,w),e(h,null,m,{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:a},S,C),e(h,null,f,{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:a},E,W),e(null,d={value:h},g,{kind:"class",name:h.name,metadata:a},null,v),h=d.value,a&&Object.defineProperty(h,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(h,v)})(),h})();(()=>{var i,o,l,r;let c,d,h,u,m,f,g,v=[M({tagName:"usa-radio",shadowDom:[b`:host{display:flex;flex-direction:column;gap:1rem;max-width:30rem}label{display:flex;cursor:pointer;gap:.5rem}input{position:absolute;left:-999em;right:auto}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}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}slot#main{margin-bottom:.5rem}`,p`<slot id="main"></slot>`]})],k=[],y=HTMLElement,w=[],S=[],E=[],W=[],A=[],j=[],O=[];d=class extends y{constructor(){super(...arguments),o.set(this,(t(this,w),t(this,S,""))),l.set(this,(t(this,E),t(this,W,""))),r.set(this,(t(this,A),t(this,j,!1))),i.set(this,(t(this,O),this.attachInternals()))}get value(){return s(this,o,"f")}set value(e){n(this,o,e,"f")}get name(){return s(this,l,"f")}set name(e){n(this,l,e,"f")}get tiled(){return s(this,r,"f")}set tiled(e){n(this,r,e,"f")}get shadow(){return this.shadowRoot}onChange(e){e.target instanceof HTMLInputElement&&e.target.checked&&(this.value=e.target.value,s(this,i,"f").setFormValue(e.target.value))}connectedCallback(){this.value&&s(this,i,"f").setFormValue(this.value)}attributeChangedCallback(){for(let e of this.shadow.querySelectorAll("usa-radio-option"))e.checked=e.value===this.value,e.name=this.name}onOptionAdded(e){e.target instanceof K&&(e.stopPropagation(),e.target.checked=e.target.value===this.value,e.target.name=this.name,this.shadow.append(e.target.radio))}},i=new WeakMap,o=new WeakMap,l=new WeakMap,r=new WeakMap,a(d,"USARadioElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;h=[x()],u=[x()],m=[x({observed:!1})],f=[C("change")],g=[C("usa::radio::option::added",(e=>e))],e(d,null,h,{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},S,E),e(d,null,u,{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},W,A),e(d,null,m,{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,O),e(d,null,f,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,w),e(d,null,g,{kind:"method",name:"onOptionAdded",static:!1,private:!1,access:{has:e=>"onOptionAdded"in e,get:e=>e.onOptionAdded},metadata:t},null,w),e(null,c={value:d},v,{kind:"class",name:d.name,metadata:t},null,k),d=c.value,t&&Object.defineProperty(d,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),d.formAssociated=!0,t(d,k)})();let q=(()=>{var i;let o,l,r,c=[M({tagName:"usa-select-option",shadowDom:[b`:host{display:none}`]})],d=[],h=HTMLElement,u=[],m=[];return l=class extends h{constructor(){super(...arguments),i.set(this,t(this,u,"")),this.option=(t(this,m),document.createElement("option"))}get value(){return s(this,i,"f")}set value(e){n(this,i,e,"f")}attributeChangedCallback(){this.option.innerHTML=this.innerHTML,this.option.value=this.value}connectedCallback(){this.option.innerHTML=this.innerHTML,this.option.value=this.value,this.dispatchEvent(new Event("usa::select::option::added",{bubbles:!0}))}disconnectedCallback(){this.option.remove()}},i=new WeakMap,a(l,"USASelecOptionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;r=[x()],e(l,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:a},u,m),e(null,o={value:l},c,{kind:"class",name:l.name,metadata:a},null,d),l=o.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(l,d)})(),l})();(()=>{var i,o,l,r;let c,d,h,u,m,f,g=[M({tagName:"usa-select",shadowDom:[b`:host{display:block;font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;line-height:1.3;position:relative;width:100%;max-width:30rem}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}`,p`<usa-icon icon="unfold_more"></usa-icon><label><div class="label"><slot></slot></div><select></select></label>`]})],v=[],k=HTMLElement,y=[],w=[],S=[],W=[],A=[];d=class extends k{constructor(){super(...arguments),l.set(this,(t(this,y),t(this,w,""))),r.set(this,(t(this,S),t(this,W,""))),i.set(this,(t(this,A),E("select"))),o.set(this,this.attachInternals())}get value(){return s(this,l,"f")}set value(e){n(this,l,e,"f")}get name(){return s(this,r,"f")}set name(e){n(this,r,e,"f")}connectedCallback(){const e=s(this,i,"f").call(this);e.value=this.value,e.name=this.name,s(this,o,"f").setFormValue(this.value)}onSelectChange(){const e=s(this,i,"f").call(this);s(this,o,"f").setFormValue(e.value)}onOptionAdded(e){if(e.target instanceof q){e.stopPropagation();s(this,i,"f").call(this).append(e.target.option)}}},i=new WeakMap,o=new WeakMap,l=new WeakMap,r=new WeakMap,a(d,"USASelectElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;h=[x()],u=[x()],m=[C("change")],f=[C("usa::select::option::added")],e(d,null,h,{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},w,S),e(d,null,u,{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},W,A),e(d,null,m,{kind:"method",name:"onSelectChange",static:!1,private:!1,access:{has:e=>"onSelectChange"in e,get:e=>e.onSelectChange},metadata:t},null,y),e(d,null,f,{kind:"method",name:"onOptionAdded",static:!1,private:!1,access:{has:e=>"onOptionAdded"in e,get:e=>e.onOptionAdded},metadata:t},null,y),e(null,c={value:d},g,{kind:"class",name:d.name,metadata:t},null,v),d=c.value,t&&Object.defineProperty(d,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),d.formAssociated=!0,t(d,v)})(),(()=>{var i;let o,l,r,c=[M({tagName:"usa-tag",shadowDom:[b`:host{font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;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}`,p`<slot></slot>`]})],d=[],h=HTMLElement,u=[],m=[];l=class extends h{get variant(){return s(this,i,"f")}set variant(e){n(this,i,e,"f")}constructor(){super(...arguments),i.set(this,t(this,u,"default")),t(this,m)}},i=new WeakMap,a(l,"USATagElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;r=[x()],e(l,null,r,{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:a},u,m),e(null,o={value:l},c,{kind:"class",name:l.name,metadata:a},null,d),l=o.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(l,d)})()})(),(()=>{var i,o,l;let r,c,d,h,u,m,f=[M({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}`,p`<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>`]})],g=[],v=HTMLElement,k=[],y=[],w=[],S=[],W=[];c=class extends v{constructor(){super(...arguments),o.set(this,(t(this,k),t(this,y,""))),l.set(this,(t(this,w),t(this,S,!1))),i.set(this,(t(this,W),E("details")))}get name(){return s(this,o,"f")}set name(e){n(this,o,e,"f")}get open(){return s(this,l,"f")}set open(e){n(this,l,e,"f")}attributeChangedCallback(){s(this,i,"f").call(this).open=this.open}onClick(e){e.preventDefault(),this.dispatchEvent(new $(!this.open))}onAccordionToggle(e){e.target.name===this.name?this.open=e.target===this&&e.open:e.target===this&&(this.open=e.open)}},i=new WeakMap,o=new WeakMap,l=new WeakMap,a(c,"USAAccordionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;d=[x()],h=[x()],u=[C("click","summary")],m=[C("usa::accordion::toggle",(()=>document.body))],e(c,null,d,{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:a},y,w),e(c,null,h,{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:a},S,W),e(c,null,u,{kind:"method",name:"onClick",static:!1,private:!1,access:{has:e=>"onClick"in e,get:e=>e.onClick},metadata:a},null,k),e(c,null,m,{kind:"method",name:"onAccordionToggle",static:!1,private:!1,access:{has:e=>"onAccordionToggle"in e,get:e=>e.onAccordionToggle},metadata:a},null,k),e(null,r={value:c},f,{kind:"class",name:c.name,metadata:a},null,g),c=r.value,a&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(c,g)})()})();class $ extends Event{get target(){return super.target}constructor(e){super("usa::accordion::toggle",{bubbles:!0}),this.open=e}}(()=>{var i;let o,l,r,c=[M({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}`,p`<div class="side-nav-item"><slot></slot></div><slot name="children"></slot>`]})],d=[],h=HTMLElement,u=[],m=[];l=class extends h{get current(){return s(this,i,"f")}set current(e){n(this,i,e,"f")}constructor(){super(...arguments),i.set(this,t(this,u,!1)),t(this,m)}},i=new WeakMap,a(l,"USASideNavItemElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;r=[x({observed:!1})],e(l,null,r,{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:a},u,m),e(null,o={value:l},c,{kind:"class",name:l.name,metadata:a},null,d),l=o.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(l,d)})()})(),(()=>{let s,n,i=[M({tagName:"usa-side-nav",shadowDom:[b`:host{display:block;font-size:1.06rem;line-height:1.3;border-bottom:1px solid #e6e6e6}`,p`<slot></slot>`]})],o=[],l=HTMLElement;n=class extends l{},a(n,"USASideNavElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;e(null,s={value:n},i,{kind:"class",name:n.name,metadata:a},null,o),n=s.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(n,o)})()})()}();
1
+ !function(){"use strict";function e(e,t,a,s,n,o){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,r=s.kind,c="getter"===r?"get":"setter"===r?"set":"value",d=!t&&e?s.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,s.name):{}),u=!1,m=a.length-1;m>=0;m--){var f={};for(var p in s)f[p]="access"===p?{}:s[p];for(var p in s.access)f.access[p]=s.access[p];f.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(e||null))};var b=(0,a[m])("accessor"===r?{get:h.get,set:h.set}:h[c],f);if("accessor"===r){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(l=i(b.get))&&(h.get=l),(l=i(b.set))&&(h.set=l),(l=i(b.init))&&n.unshift(l)}else(l=i(b))&&("field"===r?n.unshift(l):h[c]=l)}d&&Object.defineProperty(d,s.name,h),u=!0}function t(e,t,a){for(var s=arguments.length>2,n=0;n<t.length;n++)a=s?t[n].call(e,a):t[n].call(e);return s?a:void 0}function a(e,t,a){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:a?"".concat(a," ",t):t})}function s(e,t,a,s){if("a"===a&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===a?s:"a"===a?s.call(e):s?s.value:t.get(e)}function n(e,t,a,s,n){if("m"===s)throw new TypeError("Private method is not writable");if("a"===s&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===s?n.call(e,a):n?n.value=a:t.set(e,a),a}function o(e){return e[Symbol.metadata]}"function"==typeof SuppressedError&&SuppressedError;class i{#e;#t;get name(){return this.#e}get factory(){return this.#t}constructor(e,t){this.#e=e,this.#t=t}}const l=new WeakMap;class r{#a=new WeakMap;parent;providers;constructor(e=[],t){this.parent=t,this.providers=e}inject(e){if(this.#a.has(e)){const t=this.#a.get(e),a=o(e);return a&&c(t,a.onInjected),t}const t=this.#s(e);if(t){if(t.use){const a=t.use;return this.#n(e,(()=>new a))}if(t.factory){const a=t.factory;return this.#n(e,a)}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 i){if(!e.factory)throw new Error(`Provider not found for "${e.name}"`);return this.#n(e,e.factory)}return this.#n(e,(()=>new e))}setParent(e){this.parent=e}clear(){this.#a=new WeakMap}#n(e,t){const a=t(this);if(this.#a.set(e,a),"object"==typeof a&&null!==a){const t=l.get(a);t&&t.setParent(this);const s=o(e);s&&(c(a,s.onCreated),c(a,s.onInjected))}return a}#s(e){if(this.providers)for(let t=0;t<this.providers.length;t++)if(this.providers[t].provide===e)return this.providers[t]}}function c(e,t){if(Array.isArray(t))for(let a of t)"function"==typeof a&&a.call(e)}function d(e,t){return{[e.name]:class extends e{constructor(...e){super(),this.addEventListener("finddiroot",(e=>{e.stopPropagation();const t=function(e){const t=e.composedPath();for(let e=1;e<t.length;e++){const a=t[e],s=l.get(a);if(s)return s;if(a===document.body)return null}return null}(e);t&&l.get(this)?.setParent(t)}))}connectedCallback(){this.isConnected&&(this.dispatchEvent(new Event("finddiroot",{bubbles:!0,composed:!0})),super.connectedCallback&&super.connectedCallback())}disconnectedCallback(){l.get(this)?.setParent(void 0),super.disconnectedCallback&&super.disconnectedCallback()}}}[e.name]}function h(e){return function(t,a){const s={[t.name]:class extends t{constructor(...t){super(...t);const a=new r(e?.providers);a.providers.push({provide:r,factory:()=>a}),l.set(this,a)}}};return"HTMLElement"in globalThis&&HTMLElement.prototype.isPrototypeOf(t.prototype)?d(s[t.name]):s[t.name]}}function u(e){return function(){const t=l.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 m{#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 f(e,...t){return new m(e,...t)}class p{#i;constructor(e,...t){this.#i=new CSSStyleSheet,this.#i.replaceSync(g(e))}apply(e){e.shadowRoot&&(e.shadowRoot.adoptedStyleSheets=[...e.shadowRoot.adoptedStyleSheets,this.#i])}}function b(e){return new p(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 v extends Map{}class k extends Map{}class y{attrs=new v;attrChanges=new k;listeners=[];onReady=new Set}class w extends WeakMap{read(e){return this.has(e)||this.set(e,new y),this.get(e)}}const S=new w;function x(e){return function({get:t,set:a},s){const n=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),o=S.read(s.metadata),i=e?.reflect??!0;return o.attrs.set(n,{propName:s.name,observe:e?.observed??!0,reflect:i,getPropValue:t,setPropValue:a}),{set(e){if(i)if(!0===e)this.hasAttribute(n)||this.setAttribute(n,"");else if(!1===e)this.hasAttribute(n)&&this.removeAttribute(n);else{const t=String(e);this.getAttribute(n)!==t&&this.setAttribute(n,t)}a.call(this,e)}}}}function C(e,t){return function(a,s){const n=S.read(s.metadata);let o=e=>e.shadowRoot??e;t&&(o="string"==typeof t?e=>e.shadowRoot?e.shadowRoot.querySelector(t):e.querySelector(t):t),n.listeners.push({event:e,cb:a,selector:o})}}function M(e){return function(t,a){const s=S.read(a.metadata);a.addInitializer((function(){e?.tagName&&(customElements.get(e.tagName)||customElements.define(e.tagName,this))}));const n={[t.name]:class extends t{static observedAttributes=Array.from(s.attrs.keys());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{event:e,cb:t,selector:a}of s.listeners){const s=a(this);if(!s)throw new Error(`could not add listener to ${s}`);s.addEventListener(e,t.bind(this))}for(let e of s.onReady)e.call(this)}connectedCallback(){this.isConnected&&(!function(e,t){for(let[a,{getPropValue:s,reflect:n}]of t)if(n){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())}attributeChangedCallback(e,t,a){const n=s.attrs.get(e),o=s.attrChanges.get(e);if(n){if(t!==a){const e=n.getPropValue.call(this);""===a?n.setPropValue.call(this,!0):"number"==typeof e?n.setPropValue.call(this,Number(a)):n.setPropValue.call(this,a)}if(o)for(let e of o)e.call(this,t,a);super.attributeChangedCallback&&super.attributeChangedCallback(e,t,a)}}}};return n[t.name]}}function E(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}}class A{constructor(){this.spriteSheet=""}}(()=>{var o,i;let l,c,d,m=[M({tagName:"usa-config",shadowDom:[b`:host{display:contents}`,f`<slot></slot>`]}),h()],p=[],g=HTMLElement,v=[],k=[];c=class extends g{constructor(){super(...arguments),i.set(this,t(this,v,"/assets/img/sprite.svg")),o.set(this,(t(this,k),u(r)))}get spriteSheet(){return s(this,i,"f")}set spriteSheet(e){n(this,i,e,"f")}connectedCallback(){const{providers:e}=s(this,o,"f").call(this);e.push({provide:A,factory:()=>this})}},o=new WeakMap,i=new WeakMap,a(c,"USAConfigElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;d=[x()],e(c,null,d,{kind:"accessor",name:"spriteSheet",static:!1,private:!1,access:{has:e=>"spriteSheet"in e,get:e=>e.spriteSheet,set:(e,t)=>{e.spriteSheet=t}},metadata:a},v,k),e(null,l={value:c},m,{kind:"class",name:c.name,metadata:a},null,p),c=l.value,a&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(c,p)})()})();const W={info:{icon:"info"},warning:{icon:"warning"},success:{icon:"check_circle"},error:{icon:"error"},emergency:{icon:"error"}};(()=>{var o,i;let l,r,c,d=[M({tagName:"usa-alert",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}`,f`<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>`]})],h=[],u=HTMLElement,m=[],p=[];r=class extends u{constructor(){super(...arguments),i.set(this,t(this,m,"info")),o.set(this,(t(this,p),E("usa-icon")))}get type(){return s(this,i,"f")}set type(e){n(this,i,e,"f")}attributeChangedCallback(){s(this,o,"f").call(this).icon=W[this.type].icon}},o=new WeakMap,i=new WeakMap,a(r,"USAAlertElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[x()],e(r,null,c,{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:a},m,p),e(null,l={value:r},d,{kind:"class",name:r.name,metadata:a},null,h),r=l.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(r,h)})()})(),(()=>{var o,i,l,r,c,d,h;let u,m,p,g,v,k,y,w=[M({tagName:"usa-button",shadowDom:[b`:host{display:contents}.usa-button{box-sizing:border-box;font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;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){.usa-button{width:auto}}.usa-button:visited{color:#fff}.usa-button:hover{color:#fff;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active{color:#fff;background-color:#162e51}.usa-button:not([disabled]):focus{outline-offset:.25rem}.usa-button:disabled{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled:hover{color:#454545;background-color:#c9c9c9}.usa-button:focus{outline:.25rem solid #2491ff;outline-offset:0}:host([variant=secondary]) .usa-button{color:#fff;background-color:#d83933}:host([variant=secondary]) .usa-button:hover{background-color:#b50909}:host([variant=secondary]) .usa-button:active{background-color:#8b0a03}:host([variant=cool]) .usa-button{color:#1b1b1b;background-color:#00bde3}:host([variant=cool]) .usa-button:hover{background-color:#28a0cb}:host([variant=cool]) .usa-button:active{color:#fff;background-color:#07648d}:host([variant=warm]) .usa-button{color:#1b1b1b;background-color:#fa9441}:host([variant=warm]) .usa-button:hover{color:#fff;background-color:#c05600}:host([variant=warm]) .usa-button:active{color:#fff;background-color:#775540}:host([variant=outline]) .usa-button{background-color:transparent;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}:host([variant=outline]) .usa-button:hover{box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}:host([variant=outline]) .usa-button:active{box-shadow:inset 0 0 0 2px #162e51;color:#162e51}`,f`<button class="usa-button"><slot></slot></button>`]})],S=[],A=HTMLElement,W=[],j=[],O=[],P=[],N=[],T=[],D=[];m=class extends A{constructor(){super(...arguments),o.add(this),c.set(this,(t(this,W),t(this,j,"button"))),d.set(this,(t(this,O),t(this,P,!1))),h.set(this,(t(this,N),t(this,T,"primary"))),i.set(this,(t(this,D),this.attachInternals())),l.set(this,E("button"))}get type(){return s(this,c,"f")}set type(e){n(this,c,e,"f")}get disabled(){return s(this,d,"f")}set disabled(e){n(this,d,e,"f")}get variant(){return s(this,h,"f")}set variant(e){n(this,h,e,"f")}onKeyDown(e){"submit"===this.type&&"ENTER"===e.key.toUpperCase()&&s(this,o,"m",r).call(this)}onInternalClick(){s(this,o,"m",r).call(this)}attributeChangedCallback(){const e=s(this,l,"f").call(this);e.type=this.type,e.disabled=this.disabled}},i=new WeakMap,l=new WeakMap,o=new WeakSet,c=new WeakMap,d=new WeakMap,h=new WeakMap,r=function(){const{form:e}=s(this,i,"f");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()},a(m,"USAButtonElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(A[Symbol.metadata]??null):void 0;p=[x()],g=[x()],v=[x()],k=[C("keydown",(()=>document.body))],y=[C("click")],e(m,null,p,{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},j,O),e(m,null,g,{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},P,N),e(m,null,v,{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},T,D),e(m,null,k,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:t},null,W),e(m,null,y,{kind:"method",name:"onInternalClick",static:!1,private:!1,access:{has:e=>"onInternalClick"in e,get:e=>e.onInternalClick},metadata:t},null,W),e(null,u={value:m},w,{kind:"class",name:m.name,metadata:t},null,S),m=u.value,t&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),m.formAssociated=!0,t(m,S)})(),(()=>{var o,i,l,r,c,d;let h,u,m,p,g,v,k,y=[M({tagName:"usa-checkbox",shadowDom:[b`*{box-sizing:border-box}:host{display:inline-block;font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;max-width:30rem}: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{height:0;width:0;position:absolute;left:-999em;right:auto}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}`,f`<label><input type="checkbox"><div class="checkbox"></div><div class="title"><slot></slot></div></label>`]})],w=[],S=HTMLElement,A=[],W=[],j=[],O=[],P=[],N=[],T=[],D=[],H=[];u=class extends S{constructor(){super(...arguments),l.set(this,(t(this,A),t(this,W,!1))),r.set(this,(t(this,j),t(this,O,""))),c.set(this,(t(this,P),t(this,N,""))),d.set(this,(t(this,T),t(this,D,!1))),o.set(this,(t(this,H),E("input"))),i.set(this,this.attachInternals())}get checked(){return s(this,l,"f")}set checked(e){n(this,l,e,"f")}get name(){return s(this,r,"f")}set name(e){n(this,r,e,"f")}get value(){return s(this,c,"f")}set value(e){n(this,c,e,"f")}get tiled(){return s(this,d,"f")}set tiled(e){n(this,d,e,"f")}connectedCallback(){const e=s(this,o,"f").call(this);this.checked&&s(this,i,"f").setFormValue(this.value),e.checked=this.checked,e.name=this.name}attributeChangedCallback(){const e=s(this,o,"f").call(this);e.checked=this.checked,e.name=this.name}onCheckboxChange(){s(this,o,"f").call(this).checked?s(this,i,"f").setFormValue(this.value):s(this,i,"f").setFormValue(null)}},o=new WeakMap,i=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,d=new WeakMap,a(u,"USACheckboxElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(S[Symbol.metadata]??null):void 0;m=[x()],p=[x()],g=[x()],v=[x({observed:!1})],k=[C("change","input[type=checkbox]")],e(u,null,m,{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},W,j),e(u,null,p,{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},O,P),e(u,null,g,{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},N,T),e(u,null,v,{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},D,H),e(u,null,k,{kind:"method",name:"onCheckboxChange",static:!1,private:!1,access:{has:e=>"onCheckboxChange"in e,get:e=>e.onCheckboxChange},metadata:t},null,A),e(null,h={value:u},y,{kind:"class",name:u.name,metadata:t},null,w),u=h.value,t&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),u.formAssociated=!0,t(u,w)})(),(()=>{let s,n,o=[M({tagName:"usa-description",shadowDom:[b`:host{display:block;font-size:.93rem;margin-top:.5rem}`,f`<slot></slot>`]})],i=[],l=HTMLElement;n=class extends l{},a(n,"USADescriptionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;e(null,s={value:n},o,{kind:"class",name:n.name,metadata:a},null,i),n=s.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(n,i)})()})(),Symbol.metadata??=Symbol("Symbol.metadata");class j extends Map{}class O{scheduler=null;changes=new j}class P extends WeakMap{read(e){let t=this.get(e);return t||(t=new O,this.set(e,t)),t}}class N{effects=new Set}class T extends WeakMap{read(e){let t=this.get(e);return t||(t=new N,this.set(e,t)),t}}const D=new P,H=new T;function I(){return function(e,t){const a=H.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 n=D.read(this);null===n.scheduler&&(n.scheduler=Promise.resolve().then((()=>{for(let e of a.effects)e.call(this,n.changes);n.scheduler=null,n.changes.clear()}))),n.changes.set(t.name,{oldValue:e.get.call(this),newValue:s}),e.set.call(this,s)}}}}function z(){return function(e,t){H.read(t.metadata).effects.add(e)}}function L(e){const t=new Image;return t.height=40,t.width=40,t.src=URL.createObjectURL(e),t.ariaHidden="true",t}var R;(()=>{var o,i;let l,r,c,d,h=[M({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}`,f`<slot class="preview-heading"></slot>`]})],u=[],m=HTMLElement,p=[],g=[],v=[];r=class extends m{constructor(){super(...arguments),i.set(this,(t(this,p),t(this,g,null))),o.set(this,(t(this,v),new Map))}get files(){return s(this,i,"f")}set files(e){n(this,i,e,"f")}connectedCallback(){this.onChange()}onChange(){if(this.files){this.hidden=!1;let e=new Set;for(let t of this.files)if(e.add(t.name),!s(this,o,"f").has(t.name)){const e=document.createElement("div");e.id=t.name,e.className="preview-item";const a=L(t);e.append(a,document.createTextNode(t.name)),this.shadowRoot.append(e),s(this,o,"f").set(t.name,e)}for(let[t,a]of s(this,o,"f"))e.has(t)||(a.remove(),s(this,o,"f").delete(t))}else this.hidden=!0}},o=new WeakMap,i=new WeakMap,a(r,"USAFileInputPreviewElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;c=[I()],d=[z()],e(r,null,c,{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:a},g,v),e(r,null,d,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:a},null,p),e(null,l={value:r},h,{kind:"class",name:r.name,metadata:a},null,u),r=l.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(r,u)})()})(),(()=>{var o,i,l,r,c;let d,h,u,m,p,g,v=[M({tagName:"usa-link",shadowDom:[b`:host{display:inline-flex;color:#005ea2;text-decoration:underline}a{color:inherit;text-decoration:inherit;display:inherit}`,f`<a><slot></slot></a>`]})],k=[],y=HTMLElement,w=[],S=[],C=[],A=[],W=[],j=[],O=[],P=[];h=class extends y{constructor(){super(...arguments),i.set(this,t(this,w,"")),l.set(this,(t(this,S),t(this,C,""))),r.set(this,(t(this,A),t(this,W,""))),c.set(this,(t(this,j),t(this,O,!1))),o.set(this,(t(this,P),E("a")))}get href(){return s(this,i,"f")}set href(e){n(this,i,e,"f")}get target(){return s(this,l,"f")}set target(e){n(this,l,e,"f")}get title(){return s(this,r,"f")}set title(e){n(this,r,e,"f")}get disabled(){return s(this,c,"f")}set disabled(e){n(this,c,e,"f")}attributeChangedCallback(e){const t=s(this,o,"f").call(this);switch(e){case"href":t.href=this.href;break;case"target":t.target=this.target;break;case"title":t.target=this.title}}},o=new WeakMap,i=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,a(h,"USALinkElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;u=[x()],m=[x()],p=[x()],g=[x({observed:!1})],e(h,null,u,{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:a},w,S),e(h,null,m,{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:a},C,A),e(h,null,p,{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:a},W,j),e(h,null,g,{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:a},O,P),e(null,d={value:h},v,{kind:"class",name:h.name,metadata:a},null,k),h=d.value,a&&Object.defineProperty(h,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(h,k)})()})(),(()=>{var o,i,l,r,c,d,h,u;let m,p,g,v,k,y,w,S,A=[M({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;height:100%;left:0;margin:0;max-width:none;position:absolute;text-indent:-999em;top:0;width:100%;z-index:1}label slot{font-size:1.06rem;line-height:1.3;display:block;font-weight:400;margin-bottom:.5rem}.box{border:1px dashed #adadad;display:block;font-size:.93rem;position:relative;text-align:center;width:100%;max-width:30rem;padding:2rem 1rem}`,f`<label><slot></slot><input type="file"></label><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>`]})],W=[],j=HTMLElement,O=[],P=[],N=[],T=[],D=[],H=[],L=[],R=[],U=[];p=class extends j{constructor(){super(...arguments),c.set(this,(t(this,O),t(this,P,""))),d.set(this,(t(this,N),t(this,T,!0))),h.set(this,(t(this,D),t(this,H,""))),u.set(this,(t(this,L),t(this,R,null))),o.set(this,(t(this,U),this.attachInternals())),i.set(this,E("input")),l.set(this,E(".box")),r.set(this,E("usa-file-input-preview"))}get name(){return s(this,c,"f")}set name(e){n(this,c,e,"f")}get multiple(){return s(this,d,"f")}set multiple(e){n(this,d,e,"f")}get accept(){return s(this,h,"f")}set accept(e){n(this,h,e,"f")}get files(){return s(this,u,"f")}set files(e){n(this,u,e,"f")}onChange(){const e=s(this,i,"f").call(this);this.files&&(e.files=this.files,this.onInputChange())}attributeChangedCallback(){const e=s(this,i,"f").call(this);e.name=this.name,e.multiple=this.multiple,e.accept=this.accept}onInputChange(){const e=s(this,i,"f").call(this),t=s(this,l,"f").call(this);s(this,r,"f").call(this).files=e.files;const a=new FormData;if(e.files){t.style.display="none";for(let t of e.files)a.append(this.name,t)}else t.style.display="block";s(this,o,"f").setFormValue(a)}},o=new WeakMap,i=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakMap,u=new WeakMap,a(p,"USAFileInputElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(j[Symbol.metadata]??null):void 0;g=[x()],v=[x()],k=[x()],y=[I()],w=[z()],S=[C("change")],e(p,null,g,{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},P,N),e(p,null,v,{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},T,D),e(p,null,k,{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},H,L),e(p,null,y,{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},R,U),e(p,null,w,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,O),e(p,null,S,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,O),e(null,m={value:p},A,{kind:"class",name:p.name,metadata:t},null,W),p=m.value,t&&Object.defineProperty(p,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),p.formAssociated=!0,t(p,W)})(),(()=>{var o,i,l,r,c,d;let m,p,g,v=[M({tagName:"usa-icon",shadowDom:[b`:host{display:inline-block;height:2rem;position:relative;width:2rem}svg{fill:currentColor;height:100%;width:100%}`,f`<svg class="usa-icon" aria-hidden="true" focusable="false" role="img"><use></use></svg>`]}),h()],k=[],y=HTMLElement,w=[],S=[];p=class extends y{constructor(){super(...arguments),o.add(this),d.set(this,t(this,w,"accessibility_new")),i.set(this,(t(this,S),E("use"))),l.set(this,u(A)),r.set(this,!1)}get icon(){return s(this,d,"f")}set icon(e){n(this,d,e,"f")}connectedCallback(){n(this,r,!0,"f"),s(this,o,"m",c).call(this)}attributeChangedCallback(){s(this,r,"f")&&s(this,o,"m",c).call(this)}},i=new WeakMap,l=new WeakMap,r=new WeakMap,o=new WeakSet,d=new WeakMap,c=function(){const e=s(this,l,"f").call(this),t=s(this,i,"f").call(this);this.icon!==t.getAttribute("href")&&t.setAttribute("href",`${e.spriteSheet}#${this.icon}`)},a(p,"USAIconElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;g=[x()],e(p,null,g,{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:a},w,S),e(null,m={value:p},v,{kind:"class",name:p.name,metadata:a},null,k),p=m.value,a&&Object.defineProperty(p,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(p,k)})()})(),(()=>{var o,i,l,r,c,d;let h,u,m,p,g,v,k,y,w=[M({tagName:"usa-input",shadowDom:[b`*{box-sizing:border-box}:host{font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:1.06rem;line-height:1.3;display:block;font-weight:400;max-width:30rem;margin-bottom:1.5rem}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}`,f`<label><slot></slot><input></label>`]})],S=[],A=HTMLElement,W=[],j=[],O=[],P=[],N=[],T=[],D=[],H=[],L=[];u=class extends A{constructor(){super(...arguments),l.set(this,(t(this,W),t(this,j,""))),r.set(this,(t(this,O),t(this,P,"on"))),c.set(this,(t(this,N),t(this,T,""))),d.set(this,(t(this,D),t(this,H,""))),o.set(this,(t(this,L),this.attachInternals())),i.set(this,E("input"))}get name(){return s(this,l,"f")}set name(e){n(this,l,e,"f")}get autocomplete(){return s(this,r,"f")}set autocomplete(e){n(this,r,e,"f")}get placeholder(){return s(this,c,"f")}set placeholder(e){n(this,c,e,"f")}get value(){return s(this,d,"f")}set value(e){n(this,d,e,"f")}get selectionStart(){const{selectionStart:e}=s(this,i,"f").call(this);return e}setSelectionRange(e,t){s(this,i,"f").call(this).setSelectionRange(e,t)}onChange(){s(this,i,"f").call(this).value=this.value}onInputChange(){const e=s(this,i,"f").call(this);s(this,o,"f").setFormValue(e.value),this.value=e.value}attributeChangedCallback(e){const t=s(this,i,"f").call(this);switch(e){case"autocomplete":t.autocomplete=this.autocomplete;break;case"placeholder":t.placeholder=this.placeholder;break;case"name":t.name=this.name;break;case"value":t.value=this.value,s(this,o,"f").setFormValue(this.value)}}},o=new WeakMap,i=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,d=new WeakMap,a(u,"USATextInputElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(A[Symbol.metadata]??null):void 0;m=[x()],p=[x()],g=[x()],v=[x({reflect:!1}),I()],k=[z()],y=[C("input")],e(u,null,m,{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},j,O),e(u,null,p,{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},P,N),e(u,null,g,{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},T,D),e(u,null,v,{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},H,L),e(u,null,k,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,W),e(u,null,y,{kind:"method",name:"onInputChange",static:!1,private:!1,access:{has:e=>"onInputChange"in e,get:e=>e.onInputChange},metadata:t},null,W),e(null,h={value:u},w,{kind:"class",name:u.name,metadata:t},null,S),u=h.value,t&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),u.formAssociated=!0,t(u,S)})(),function(e){e.Any="*",e.Number="9",e.Letter="A"}(R||(R={}));const U=Object.values(R),V={Letters:/^[a-z]/i,Numbers:/^[0-9]/i};function F(e,t){const a=e.replace(/[^a-z0-9]/gi,""),s=a.split("");let n=0,o="";for(var i=0;i<t.length;i++){const e=t[i],a=s[n];a&&e&&(e===R.Any?(o+=a,n++):e===R.Number?(/^[0-9]/i.test(a)&&(o+=a),n++):e===R.Letter?(/^[a-z]/i.test(a)&&(o+=a),n++):o+=e)}return{raw:a,formatted:o}}(()=>{var o,i,l;let r,c,d,h,u,m=[M({tagName:"usa-input-mask",shadowDom:[b`:host{display:contents}`,f`<slot></slot>`]})],p=[],g=HTMLElement,v=[],k=[],y=[];c=class extends g{get mask(){return s(this,l,"f")}set mask(e){n(this,l,e,"f")}connectedCallback(){for(let e of this.querySelectorAll("[mask]")){const{formatted:t}=F(e.value,s(this,o,"m",i).call(this,e));e.value=t}}async onInput(e){const t=e.target,a=t.selectionStart||0,n=t.value,l=s(this,o,"m",i).call(this,t),{formatted:r}=F(t.value,l);t.value=r;const c=t.value.length-n.length,d=l[a-1];await Promise.resolve(),d&&!U.includes(d)&&c>0?t.setSelectionRange(a+c,a+c):t.setSelectionRange(a,a),n!==t.value&&t.dispatchEvent(new Event("input",{bubbles:!0}))}onKeyDown(e){const t=e.target,a=s(this,o,"m",i).call(this,t),n=a[t.selectionStart||0];1===e.key.length&&/^[a-z0-9]/i.test(e.key)&&(t.value.length>=a.length?e.preventDefault():n===R.Number?V.Numbers.test(e.key)||e.preventDefault():n===R.Letter&&(V.Letters.test(e.key)||e.preventDefault()))}constructor(){super(...arguments),o.add(this),l.set(this,(t(this,v),t(this,k,""))),t(this,y)}},o=new WeakSet,l=new WeakMap,i=function(e){return this.mask||e.getAttribute("mask")||""},a(c,"USAInputMaskElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;d=[x()],h=[C("input")],u=[C("keydown")],e(c,null,d,{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:a},k,y),e(c,null,h,{kind:"method",name:"onInput",static:!1,private:!1,access:{has:e=>"onInput"in e,get:e=>e.onInput},metadata:a},null,v),e(c,null,u,{kind:"method",name:"onKeyDown",static:!1,private:!1,access:{has:e=>"onKeyDown"in e,get:e=>e.onKeyDown},metadata:a},null,v),e(null,r={value:c},m,{kind:"class",name:c.name,metadata:a},null,p),c=r.value,a&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(c,p)})()})(),(()=>{var o,i,l,r;let c,d,h,u,m,p,g,v=[M({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}input{position:absolute;left:-999em;right:auto}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}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}`,f`<slot id="main"></slot>`]})],k=[],y=HTMLElement,w=[],S=[],E=[],A=[],W=[],j=[],O=[];d=class extends y{constructor(){super(...arguments),i.set(this,(t(this,w),t(this,S,""))),l.set(this,(t(this,E),t(this,A,""))),r.set(this,(t(this,W),t(this,j,!1))),o.set(this,(t(this,O),this.attachInternals()))}get value(){return s(this,i,"f")}set value(e){n(this,i,e,"f")}get name(){return s(this,l,"f")}set name(e){n(this,l,e,"f")}get tiled(){return s(this,r,"f")}set tiled(e){n(this,r,e,"f")}get shadow(){return this.shadowRoot}onChange(e){e.target instanceof HTMLInputElement&&e.target.checked&&(this.value=e.target.value,s(this,o,"f").setFormValue(e.target.value))}connectedCallback(){this.value&&s(this,o,"f").setFormValue(this.value)}attributeChangedCallback(){for(let e of this.shadow.querySelectorAll("usa-radio-option"))e.checked=e.value===this.value,e.name=this.name}onOptionAdded(e){e.stopPropagation();const t=e.target;t.checked=t.value===this.value,t.name=this.name,this.shadow.append(t.radio)}},o=new WeakMap,i=new WeakMap,l=new WeakMap,r=new WeakMap,a(d,"USARadioElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;h=[x()],u=[x()],m=[x({observed:!1})],p=[C("change")],g=[C("usa::radio::option::added",(e=>e))],e(d,null,h,{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},S,E),e(d,null,u,{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},A,W),e(d,null,m,{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,O),e(d,null,p,{kind:"method",name:"onChange",static:!1,private:!1,access:{has:e=>"onChange"in e,get:e=>e.onChange},metadata:t},null,w),e(d,null,g,{kind:"method",name:"onOptionAdded",static:!1,private:!1,access:{has:e=>"onOptionAdded"in e,get:e=>e.onOptionAdded},metadata:t},null,w),e(null,c={value:d},v,{kind:"class",name:d.name,metadata:t},null,k),d=c.value,t&&Object.defineProperty(d,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),d.formAssociated=!0,t(d,k)})(),(()=>{var o,i,l,r,c;let d,h,u,m,p,g=[M({tagName:"usa-radio-option",shadowDom:[b`:host{display:flex;flex-direction:column;margin-top:.05rem}`,f`<slot></slot>`]})],v=[],k=HTMLElement,y=[],w=[],S=[],C=[],E=[],A=[];h=class extends k{get value(){return s(this,l,"f")}set value(e){n(this,l,e,"f")}get name(){return s(this,r,"f")}set name(e){n(this,r,e,"f")}get checked(){return s(this,c,"f")}set checked(e){n(this,c,e,"f")}constructor(){super(),l.set(this,t(this,y,"")),r.set(this,(t(this,w),t(this,S,""))),c.set(this,(t(this,C),t(this,E,!1))),this.radio=(t(this,A),document.createElement("label")),o.set(this,document.createElement("input")),i.set(this,document.createElement("slot")),s(this,o,"f").type="radio",this.radio.append(s(this,o,"f"),s(this,i,"f"))}attributeChangedCallback(){this.slot=this.value,s(this,o,"f").name=this.name,s(this,o,"f").value=this.value,s(this,o,"f").checked=this.checked,s(this,i,"f").name=this.value}connectedCallback(){this.dispatchEvent(new Event("usa::radio::option::added",{bubbles:!0}))}disconnectedCallback(){this.radio.remove()}},o=new WeakMap,i=new WeakMap,l=new WeakMap,r=new WeakMap,c=new WeakMap,a(h,"USARadioOptionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;u=[x()],m=[x()],p=[x()],e(h,null,u,{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:a},y,w),e(h,null,m,{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:a},S,C),e(h,null,p,{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:a},E,A),e(null,d={value:h},g,{kind:"class",name:h.name,metadata:a},null,v),h=d.value,a&&Object.defineProperty(h,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(h,v)})()})(),(()=>{var o,i,l,r;let c,d,h,u,m,p,g=[M({tagName:"usa-select",shadowDom:[b`:host{display:block;font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;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}`,f`<usa-icon icon="unfold_more"></usa-icon><label><div class="label"><slot></slot></div><select></select></label>`]})],v=[],k=HTMLElement,y=[],w=[],S=[],A=[],W=[];d=class extends k{constructor(){super(...arguments),l.set(this,(t(this,y),t(this,w,""))),r.set(this,(t(this,S),t(this,A,""))),o.set(this,(t(this,W),E("select"))),i.set(this,this.attachInternals())}get value(){return s(this,l,"f")}set value(e){n(this,l,e,"f")}get name(){return s(this,r,"f")}set name(e){n(this,r,e,"f")}connectedCallback(){const e=s(this,o,"f").call(this);e.value=this.value,e.name=this.name,s(this,i,"f").setFormValue(this.value)}onSelectChange(){const e=s(this,o,"f").call(this);s(this,i,"f").setFormValue(e.value)}onOptionAdded(e){const t=e.target;e.stopPropagation();s(this,o,"f").call(this).append(t.option)}},o=new WeakMap,i=new WeakMap,l=new WeakMap,r=new WeakMap,a(d,"USASelectElement"),(()=>{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;h=[x()],u=[x()],m=[C("change")],p=[C("usa::select::option::added")],e(d,null,h,{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},w,S),e(d,null,u,{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},A,W),e(d,null,m,{kind:"method",name:"onSelectChange",static:!1,private:!1,access:{has:e=>"onSelectChange"in e,get:e=>e.onSelectChange},metadata:t},null,y),e(d,null,p,{kind:"method",name:"onOptionAdded",static:!1,private:!1,access:{has:e=>"onOptionAdded"in e,get:e=>e.onOptionAdded},metadata:t},null,y),e(null,c={value:d},g,{kind:"class",name:d.name,metadata:t},null,v),d=c.value,t&&Object.defineProperty(d,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),d.formAssociated=!0,t(d,v)})(),(()=>{var o;let i,l,r,c,d=[M({tagName:"usa-select-option",shadowDom:[b`:host{display:none}`,f`<slot></slot>`]})],h=[],u=HTMLElement,m=[],p=[],g=[];l=class extends u{constructor(){super(...arguments),o.set(this,(t(this,m),t(this,p,""))),this.option=(t(this,g),document.createElement("option"))}get value(){return s(this,o,"f")}set value(e){n(this,o,e,"f")}attributeChangedCallback(){this.option.value=this.value}connectedCallback(){this.dispatchEvent(new Event("usa::select::option::added",{bubbles:!0}))}onSlotChange(){this.option.textContent=this.textContent}disconnectedCallback(){this.option.remove()}},o=new WeakMap,a(l,"USASelecOptionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;r=[x()],c=[C("slotchange")],e(l,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:a},p,g),e(l,null,c,{kind:"method",name:"onSlotChange",static:!1,private:!1,access:{has:e=>"onSlotChange"in e,get:e=>e.onSlotChange},metadata:a},null,m),e(null,i={value:l},d,{kind:"class",name:l.name,metadata:a},null,h),l=i.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(l,h)})()})(),(()=>{var o;let i,l,r,c=[M({tagName:"usa-tag",shadowDom:[b`:host{font-family:Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;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}`,f`<slot></slot>`]})],d=[],h=HTMLElement,u=[],m=[];l=class extends h{get variant(){return s(this,o,"f")}set variant(e){n(this,o,e,"f")}constructor(){super(...arguments),o.set(this,t(this,u,"default")),t(this,m)}},o=new WeakMap,a(l,"USATagElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;r=[x()],e(l,null,r,{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:a},u,m),e(null,i={value:l},c,{kind:"class",name:l.name,metadata:a},null,d),l=i.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(l,d)})()})(),(()=>{var o,i,l;let r,c,d,h,u,m,p=[M({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}`,f`<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>`]})],g=[],v=HTMLElement,k=[],y=[],w=[],S=[],A=[];c=class extends v{constructor(){super(...arguments),i.set(this,(t(this,k),t(this,y,""))),l.set(this,(t(this,w),t(this,S,!1))),o.set(this,(t(this,A),E("details")))}get name(){return s(this,i,"f")}set name(e){n(this,i,e,"f")}get open(){return s(this,l,"f")}set open(e){n(this,l,e,"f")}attributeChangedCallback(){s(this,o,"f").call(this).open=this.open}onClick(e){e.preventDefault(),this.dispatchEvent(new K(!this.open))}onAccordionToggle(e){e.target.name===this.name?this.open=e.target===this&&e.open:e.target===this&&(this.open=e.open)}},o=new WeakMap,i=new WeakMap,l=new WeakMap,a(c,"USAAccordionElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;d=[x()],h=[x()],u=[C("click","summary")],m=[C("usa::accordion::toggle",(()=>document.body))],e(c,null,d,{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:a},y,w),e(c,null,h,{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:a},S,A),e(c,null,u,{kind:"method",name:"onClick",static:!1,private:!1,access:{has:e=>"onClick"in e,get:e=>e.onClick},metadata:a},null,k),e(c,null,m,{kind:"method",name:"onAccordionToggle",static:!1,private:!1,access:{has:e=>"onAccordionToggle"in e,get:e=>e.onAccordionToggle},metadata:a},null,k),e(null,r={value:c},p,{kind:"class",name:c.name,metadata:a},null,g),c=r.value,a&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(c,g)})()})();class K extends Event{get target(){return super.target}constructor(e){super("usa::accordion::toggle",{bubbles:!0}),this.open=e}}(()=>{var o;let i,l,r,c=[M({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}`,f`<div class="side-nav-item"><slot></slot></div><slot name="children"></slot>`]})],d=[],h=HTMLElement,u=[],m=[];l=class extends h{get current(){return s(this,o,"f")}set current(e){n(this,o,e,"f")}constructor(){super(...arguments),o.set(this,t(this,u,!1)),t(this,m)}},o=new WeakMap,a(l,"USASideNavItemElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;r=[x({observed:!1})],e(l,null,r,{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:a},u,m),e(null,i={value:l},c,{kind:"class",name:l.name,metadata:a},null,d),l=i.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(l,d)})()})(),(()=>{let s,n,o=[M({tagName:"usa-side-nav",shadowDom:[b`:host{display:block;font-size:1.06rem;line-height:1.3;border-bottom:1px solid #e6e6e6}`,f`<slot></slot>`]})],i=[],l=HTMLElement;n=class extends l{},a(n,"USASideNavElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;e(null,s={value:n},o,{kind:"class",name:n.name,metadata:a},null,i),n=s.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(n,i)})()})(),(()=>{let s,n,o=[M({tagName:"usa-step-indicator",shadowDom:[b`:host{display:flex;gap:2px;counter-reset:usa-step-indicator;padding-top:1rem;margin-bottom:1rem}`,f`<slot></slot>`]})],i=[],l=HTMLElement;n=class extends l{},a(n,"USAStepIndicatorElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;e(null,s={value:n},o,{kind:"class",name:n.name,metadata:a},null,i),n=s.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(n,i)})()})(),(()=>{let s,n,o=[M({tagName:"usa-step",shadowDom:[b`:host{color:#5c5c5c;display:block;flex:1 1 0%;position:relative;counter-increment:usa-step-indicator}: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][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]) .label{margin-top:1.5rem}: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([counter=small]):after{height:1.5rem;width:1.5rem;font-size:.93rem}:host([counter]:last-child):before{width:0}`,f`<div class="label"><slot></slot></div>`]})],i=[],l=HTMLElement;n=class extends l{},a(n,"USAStepIndicatorStepElement"),(()=>{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;e(null,s={value:n},o,{kind:"class",name:n.name,metadata:a},null,i),n=s.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),t(n,i)})()})()}();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@noctuatech/uswds",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "type": "module",
5
5
  "workspaces": [
6
6
  "packages/**"
@@ -95,7 +95,7 @@
95
95
  },
96
96
  "devDependencies": {
97
97
  "@open-wc/testing": "^4.0.0",
98
- "@rollup/plugin-node-resolve": "^15.3.0",
98
+ "@rollup/plugin-node-resolve": "^16.0.0",
99
99
  "@rollup/plugin-terser": "^0.4.4",
100
100
  "@storybook/addon-essentials": "^8.4.4",
101
101
  "@storybook/web-components": "^8.4.4",
@@ -1,4 +1,4 @@
1
- import { attr, css, element, html, listen, query } from "@joist/element";
1
+ import { attr, css, element, html, listen, query, ready } from "@joist/element";
2
2
 
3
3
  declare global {
4
4
  interface HTMLElementTagNameMap {
@@ -18,6 +18,10 @@ export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
18
18
 
19
19
  @element({
20
20
  tagName: "usa-button",
21
+ shadowDomOpts: {
22
+ mode: "open",
23
+ delegatesFocus: true,
24
+ },
21
25
  shadowDom: [
22
26
  css`
23
27
  :host {
@@ -182,9 +186,20 @@ export class USAButtonElement extends HTMLElement {
182
186
  @attr()
183
187
  accessor variant: ButtonVariant = "primary";
184
188
 
189
+ @attr()
190
+ accessor value = "";
191
+
192
+ accessor tabIndex = 0;
193
+
185
194
  #internals = this.attachInternals();
186
195
  #button = query("button");
187
196
 
197
+ @ready()
198
+ onReady() {
199
+ const input = this.#button();
200
+ input.autofocus = this.autofocus;
201
+ }
202
+
188
203
  @listen("keydown", () => document.body)
189
204
  onKeyDown(e: KeyboardEvent) {
190
205
  if (this.type === "submit") {
package/src/lib/define.ts CHANGED
@@ -16,3 +16,8 @@ import "./select/select-option.element.js";
16
16
  import "./tag/tag.element.js";
17
17
  import "./accordion/accordion.element.js";
18
18
  import "./side-nav/side-nav.element.js";
19
+ import "./step-indicator/step-indicator.element.js";
20
+ import "./step-indicator/step/step-indicator-step.element.js";
21
+ import "./modal/modal.element.js";
22
+ import "./modal/modal-close/modal-close.element.js";
23
+ import "./modal/modal-heading/modal-heading.element.js";
@@ -22,6 +22,7 @@ declare global {
22
22
  display: block;
23
23
  max-width: 30rem;
24
24
  position: relative;
25
+ margin-bottom: 1.5rem;
25
26
  }
26
27
 
27
28
  label {
@@ -30,15 +31,20 @@ declare global {
30
31
 
31
32
  input {
32
33
  cursor: pointer;
33
- height: 100%;
34
34
  left: 0;
35
35
  margin: 0;
36
36
  max-width: none;
37
37
  position: absolute;
38
38
  text-indent: -999em;
39
- top: 0;
40
39
  width: 100%;
41
40
  z-index: 1;
41
+ bottom: 0;
42
+ top: 1.85rem;
43
+ }
44
+
45
+ input:focus {
46
+ outline: 0.25rem solid #2491ff;
47
+ outline-offset: 0;
42
48
  }
43
49
 
44
50
  label slot {
@@ -51,13 +57,15 @@ declare global {
51
57
 
52
58
  .box {
53
59
  border: 1px dashed #adadad;
54
- display: block;
60
+ display: flex;
55
61
  font-size: 0.93rem;
56
62
  position: relative;
57
63
  text-align: center;
58
64
  width: 100%;
59
65
  max-width: 30rem;
60
- padding: 2rem 1rem;
66
+ height: 5.2rem;
67
+ align-items: center;
68
+ justify-content: center;
61
69
  }
62
70
  `,
63
71
  html`
@@ -66,7 +74,7 @@ declare global {
66
74
  <input type="file" />
67
75
  </label>
68
76
 
69
- <div class="box">
77
+ <div class="box" tabindex="0">
70
78
  <slot name="description">
71
79
  Drag file here or <usa-link>choose from folder</usa-link>
72
80
  </slot>
@@ -26,8 +26,6 @@ const meta = {
26
26
  </div>
27
27
  </usa-file-input>
28
28
 
29
- <br />
30
-
31
29
  <usa-button type="submit">SUBMIT</usa-button>
32
30
  </form>
33
31
  `;
@@ -1,4 +1,4 @@
1
- import { attr, css, element, html, listen, query } from "@joist/element";
1
+ import { attr, css, element, html, listen, query, ready } from "@joist/element";
2
2
  import { effect, observe } from "@joist/observable";
3
3
 
4
4
  import { MaskableElement } from "../input-mask/maskable.element.js";
@@ -11,6 +11,10 @@ declare global {
11
11
 
12
12
  @element({
13
13
  tagName: "usa-input",
14
+ shadowDomOpts: {
15
+ mode: "open",
16
+ delegatesFocus: true,
17
+ },
14
18
  shadowDom: [
15
19
  css`
16
20
  * {
@@ -18,13 +22,6 @@ declare global {
18
22
  }
19
23
 
20
24
  :host {
21
- font-family:
22
- Source Sans Pro Web,
23
- Helvetica Neue,
24
- Helvetica,
25
- Roboto,
26
- Arial,
27
- sans-serif;
28
25
  font-size: 1.06rem;
29
26
  line-height: 1.3;
30
27
  display: block;
@@ -98,6 +95,12 @@ export class USATextInputElement
98
95
  input.setSelectionRange(start, end);
99
96
  }
100
97
 
98
+ @ready()
99
+ onReady() {
100
+ const input = this.#input();
101
+ input.autofocus = this.autofocus;
102
+ }
103
+
101
104
  @effect()
102
105
  onChange() {
103
106
  const input = this.#input();
@@ -0,0 +1,55 @@
1
+ import { attr, css, element, html } from "@joist/element";
2
+
3
+ declare global {
4
+ interface HTMLElementTagNameMap {
5
+ "usa-modal-close": USAModalCloseElement;
6
+ }
7
+ }
8
+
9
+ @element({
10
+ tagName: "usa-modal-close",
11
+ shadowDom: [
12
+ css`
13
+ * {
14
+ box-sizing: border-box;
15
+ }
16
+
17
+ :host {
18
+ display: block;
19
+ position: absolute;
20
+ top: 1rem;
21
+ right: 1rem;
22
+ }
23
+
24
+ button {
25
+ display: flex;
26
+ align-items: center;
27
+ justify-content: center;
28
+ background: none;
29
+ border: none;
30
+ cursor: pointer;
31
+ height: 100%;
32
+ width: 100%;
33
+ border-radius: 100%;
34
+ padding: 0;
35
+ margin: 0;
36
+ }
37
+
38
+ button:focus {
39
+ outline: 0.25rem solid #2491ff;
40
+ outline-offset: 0;
41
+ }
42
+ `,
43
+ html`
44
+ <button aria-label="close modal">
45
+ <usa-icon icon="close"></usa-icon>
46
+ </button>
47
+ `,
48
+ ],
49
+ })
50
+ export class USAModalCloseElement extends HTMLElement {
51
+ @attr({
52
+ name: "modal-action",
53
+ })
54
+ accessor modalAction = "close";
55
+ }
@@ -0,0 +1,15 @@
1
+ import "./modal-close.element.js";
2
+
3
+ import { fixture, html, assert } from "@open-wc/testing";
4
+
5
+ import { USAModalCloseElement } from "./modal-close.element.js";
6
+
7
+ describe("usa-modal-close", () => {
8
+ it("should be accessible", async () => {
9
+ const modalClose = await fixture<USAModalCloseElement>(html`
10
+ <usa-modal-close>Hello World</usa-modal-close>
11
+ `);
12
+
13
+ return assert.isAccessible(modalClose);
14
+ });
15
+ });
@@ -0,0 +1,38 @@
1
+ import { css, element, html } from "@joist/element";
2
+
3
+ declare global {
4
+ interface HTMLElementTagNameMap {
5
+ "usa-modal-heading": USAModalHeadingElement;
6
+ }
7
+ }
8
+
9
+ @element({
10
+ tagName: "usa-modal-heading",
11
+ shadowDom: [
12
+ css`
13
+ :host {
14
+ font-family:
15
+ Merriweather Web,
16
+ Georgia,
17
+ Cambria,
18
+ Times New Roman,
19
+ Times,
20
+ serif !important;
21
+
22
+ font-size: 1.22rem;
23
+ }
24
+
25
+ h2 {
26
+ margin-top: 0;
27
+ line-height: 1.4;
28
+ font-size: 1.45rem;
29
+ }
30
+ `,
31
+ html`
32
+ <h2>
33
+ <slot></slot>
34
+ </h2>
35
+ `,
36
+ ],
37
+ })
38
+ export class USAModalHeadingElement extends HTMLElement {}
@@ -0,0 +1,15 @@
1
+ import "./modal-heading.element.js";
2
+
3
+ import { fixture, html, assert } from "@open-wc/testing";
4
+
5
+ import { USAModalHeadingElement } from "./modal-heading.element.js";
6
+
7
+ describe("usa-modal-heading", () => {
8
+ it("should be accessible", async () => {
9
+ const modalHeading = await fixture<USAModalHeadingElement>(html`
10
+ <usa-modal-heading>Hello World</usa-modal-heading>
11
+ `);
12
+
13
+ return assert.isAccessible(modalHeading);
14
+ });
15
+ });