@department-of-veterans-affairs/component-library 50.1.0 → 50.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/2801.app.bundle.js +1 -1
- package/dist/6246.app.bundle.js +1 -1
- package/dist/641.app.bundle.js +1 -1
- package/dist/components/types/components.d.ts +9 -6
- package/dist/components/va-combo-box.js +2 -2
- package/dist/components/va-link-action.js +1 -1
- package/dist/components/va-service-list-item.js +1 -1
- package/package.json +2 -2
package/dist/2801.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 2801.app.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,2801,4033],{20:function(e,t,o){o.r(t),o.d(t,{c:function(){return n}});var a,r={exports:{}};a=r,function(){var e={}.hasOwnProperty;function t(){for(var o=[],a=0;a<arguments.length;a++){var r=arguments[a];if(r){var n=typeof r;if("string"===n||"number"===n)o.push(r);else if(Array.isArray(r)){if(r.length){var i=t.apply(null,r);i&&o.push(i)}}else if("object"===n)if(r.toString===Object.prototype.toString)for(var s in r)e.call(r,s)&&r[s]&&o.push(s);else o.push(r.toString())}}return o.join(" ")}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var n=r.exports},4033:function(e,t,o){function a(e){return!Number.isNaN(parseFloat(e))}function r(e,t,o){void 0===o&&(o="slot");var a=e.shadowRoot.querySelector(o).assignedNodes();return null!==t?Array.from(a).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(a)}function n(e){return 1===e?"":"s"}function i(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(n(t)," allowed");var o;if(e.length<=t){var a=t-e.length;o="".concat(a," character").concat(n(a)," left")}else a=e.length-t,o="".concat(a," character").concat(n(a)," over limit");return o}function s(e,t){return Array.from({length:t-e+1},(function(t,o){return e+o}))}o.r(t),o.d(t,{S:function(){return u},a:function(){return d},b:function(){return a},c:function(){return i},d:function(){return b},g:function(){return r},i:function(){return p},m:function(){return s},s:function(){return l}}),o(3798);var c=function(e){return e&&"object"==typeof e&&1===e.nodeType};function l(e,t){var o=function(e,t){if("string"!=typeof e)return[];if(!t||!c(t))return[];var o=t.shadowRoot.querySelectorAll(e);return Array.from(o)}(e,t);return"string"!=typeof e||c(t)&&t.matches(e)&&o.push(t),o}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return u._entities[e]},escapeHTML:function(e){for(var t="",o=0;o<e.length;o++)t+=e[o],o+1<arguments.length&&(t+=String(arguments[o+1]||"").replace(u._entity,u.getEntity));return t}};function d(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}function b(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function p(e){return e&&"false"!==e||!1}},2801:function(e,t,o){o.r(t),o.d(t,{va_combo_box:function(){return ke}});var a,r,n,i,s,c,l,u=o(3798),d=o(20),b=(o(2465),o(4033)),p=o(9425),m=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},f={exports:{}};l={exports:{}},function(){var e,t={polyfill:function(){if(!("KeyboardEvent"in window)||"key"in KeyboardEvent.prototype)return!1;var e={get:function(e){var o=t.keys[this.which||this.keyCode];return Array.isArray(o)&&(o=o[+this.shiftKey]),o}};return Object.defineProperty(KeyboardEvent.prototype,"key",e),e},keys:{3:"Cancel",6:"Help",8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",28:"Convert",29:"NonConvert",30:"Accept",31:"ModeChange",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",41:"Select",42:"Print",43:"Execute",44:"PrintScreen",45:"Insert",46:"Delete",48:["0",")"],49:["1","!"],50:["2","@"],51:["3","#"],52:["4","$"],53:["5","%"],54:["6","^"],55:["7","&"],56:["8","*"],57:["9","("],91:"OS",93:"ContextMenu",144:"NumLock",145:"ScrollLock",181:"VolumeMute",182:"VolumeDown",183:"VolumeUp",186:[";",":"],187:["=","+"],188:[",","<"],189:["-","_"],190:[".",">"],191:["/","?"],192:["`","~"],219:["[","{"],220:["\\","|"],221:["]","}"],222:["'",'"'],224:"Meta",225:"AltGraph",246:"Attn",247:"CrSel",248:"ExSel",249:"EraseEof",250:"Play",251:"ZoomOut"}};for(e=1;e<25;e++)t.keys[111+e]="F"+e;var o="";for(e=65;e<91;e++)o=String.fromCharCode(e),t.keys[e]=[o.toLowerCase(),o.toUpperCase()];l.exports=t}();var g={Alt:"altKey",Control:"ctrlKey",Ctrl:"ctrlKey",Shift:"shiftKey"};f.exports=function(e){var t=Object.keys(e).some((function(e){return e.indexOf("+")>-1}));return function(o){var a=function(e,t){var o=e.key;if(t)for(var a in g)!0===e[g[a]]&&(o=[a,o].join("+"));return o}(o,t);return[a,a.toLowerCase()].reduce((function(t,r){return r in e&&(t=e[a].call(this,o)),t}),void 0)}},f.exports.MODIFIERS=g;var h=f.exports,v=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,_=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;var a=Object.getOwnPropertyNames(t).map((function(e){return t[e]}));if("0123456789"!==a.join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var o,a,r=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),n=1;n<arguments.length;n++){for(var i in o=Object(arguments[n]))x.call(o,i)&&(r[i]=o[i]);if(v){a=v(o);for(var s=0;s<a.length;s++)w.call(o,a[s])&&(r[a[s]]=o[a[s]])}}return r};!function(e){"function"!=typeof e.matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),a=0;o[a]&&o[a]!==t;)++a;return Boolean(o[a])}),"function"!=typeof e.closest&&(e.closest=function(e){for(var t=this;t&&1===t.nodeType;){if(t.matches(e))return t;t=t.parentNode}return null})}(window.Element.prototype);var y=function(e,t){return function(o){var a=o.target.closest(e);if(a)return t.call(a,o)}},k=y,E=_,A=y,F=function(e){var t=Object.keys(e);if(1===t.length&&"*"===t[0])return e["*"];var o=t.reduce((function(t,o){return t.push(k(o,e[o])),t}),[]);return function(e){return function(t){return e.some((function(e){return!1===e.call(this,t)}),this)}}(o)},D=/^(.+):delegate\((.+)\)$/,C=function(e,t){var o=e[t];return delete e[t],o},S=_,z=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){var o=this;void 0===t&&(t=document.body),e.forEach((function(e){"function"==typeof o[e]&&o[e].call(o,t)}))}},L={exports:{}};L.exports=function(){var e={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(t){return e._entities[t]},escapeHTML:function(t){for(var o="",a=0;a<t.length;a++)o+=t[a],a+1<arguments.length&&(o+=String(arguments[a+1]||"").replace(e._entity,e.getEntity));return o},createSafeHTML:function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];return{__html:e.escapeHTML.apply(e,[t].concat(a)),toString:function(){return"[object WrappedHTMLObject]"},info:"This is a wrapped HTML object. See https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_Automation for more."}},unwrapSafeHTML:function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var a=t.map((function(e){return e.__html}));return a.join("")}};return e}();var B,T,O=L.exports,j="".concat("usa","-combo-box"),M="".concat(j,"--pristine"),q="".concat(j,"__select"),H="".concat(j,"__input"),N="".concat(j,"__clear-input"),P="".concat(N,"__wrapper"),I="".concat(j,"__input-button-separator"),R="".concat(j,"__toggle-list"),K="".concat(R,"__wrapper"),U="".concat(j,"__list"),G="".concat(j,"__list-option"),V="".concat(G,"--group"),$="".concat(G,"--group-option"),W="".concat(G,"--focused"),X="".concat(G,"--selected"),Z="".concat(j,"__status"),J=".".concat(j),Q=".".concat(q),Y=".".concat(H),ee=".".concat(N),te=".".concat(R),oe=".".concat(U),ae=".".concat(G),re=".".concat(W),ne=".".concat(X),ie=".".concat(Z),se=function(e,t){void 0===t&&(t="");var o=e;o.value=t;var a=new CustomEvent("change",{bubbles:!0,cancelable:!0,detail:{value:t}});o.dispatchEvent(a)},ce=function(e){var t=e.closest(J);if(!t)throw new Error("Element is missing outer ".concat(J));var o=t.querySelector(Q),a=t.querySelector(Y),r=t.querySelector(oe),n=t.querySelector(ie),i=t.querySelector(re),s=t.querySelector(ne),c=t.querySelector(te),l=t.querySelector(ee),u=t.classList.contains(M);return{comboBoxEl:t,selectEl:o,inputEl:a,listEl:r,statusEl:n,focusedOptionEl:i,selectedOptionEl:s,toggleListBtnEl:c,clearInputBtnEl:l,isPristine:u,disableFiltering:"true"===t.dataset.disableFiltering}},le=function(e){var t=ce(e),o=t.inputEl,a=t.toggleListBtnEl,r=t.clearInputBtnEl;r.hidden=!0,r.disabled=!0,a.disabled=!0,o.disabled=!0},ue=function(e){var t=e.target;t.selectionStart===t.selectionEnd&&t.select()},de=function(e,t){var o=e.closest(J);if(!o.dataset.enhanced){var a=o.querySelector("select");if(!a)throw new Error("".concat(J," is missing inner select"));var r,n=a.id,i=t,s="".concat(n,"--list"),c="".concat(n,"-label"),l="".concat(n,"--assistiveHint"),u=[],d=o.dataset.defaultValue,b=o.dataset.placeholder;if(b&&u.push({placeholder:b}),d)for(var p=0,f=a.options.length;p<f;p+=1){var g=a.options[p];if(g.value===d){r=g;break}}if(!i||!i.matches('label[for="'.concat(n,'"]')))throw new Error("".concat(J," for ").concat(n,' is either missing a label or a "for" attribute'));i.setAttribute("id",c),i.setAttribute("id",c),a.setAttribute("aria-hidden","true"),a.setAttribute("tabindex","-1"),a.classList.add("usa-sr-only",q),a.id="",a.value="",["required","aria-label","aria-labelledby"].forEach((function(e){var t;if(a.hasAttribute(e)){var o=a.getAttribute(e);u.push(((t={})[e]=o,t)),a.removeAttribute(e)}}));var h=document.createElement("input");if(h.setAttribute("id",n),h.setAttribute("aria-owns",s),h.setAttribute("aria-controls",s),h.setAttribute("aria-autocomplete","list"),h.setAttribute("aria-describedby",l),h.setAttribute("aria-expanded","false"),h.setAttribute("autocapitalize","off"),h.setAttribute("autocomplete","off"),h.setAttribute("class",H),h.setAttribute("type","text"),h.setAttribute("role","combobox"),h.onmouseup=ue,u.forEach((function(e){return Object.keys(e).forEach((function(t){var o=O.escapeHTML(B||(B=m(["",""],["",""])),e[t]);h.setAttribute(t,o)}))})),o.insertAdjacentElement("beforeend",h),o.insertAdjacentHTML("beforeend",O.escapeHTML(T||(T=m(['\n <span class="','" tabindex="-1">\n <button type="button" class="','" aria-label="Clear the select contents"> </button>\n </span>\n <span class="','"> </span>\n <span class="','" tabindex="-1">\n <button type="button" tabindex="-1" class="','" aria-label="Toggle the dropdown list"> </button>\n </span>\n <ul\n tabindex="-1"\n id="','"\n class="','"\n role="listbox"\n aria-labelledby="','"\n hidden>\n </ul>\n <div class="',' usa-sr-only" role="status"></div>'],['\n <span class="','" tabindex="-1">\n <button type="button" class="','" aria-label="Clear the select contents"> </button>\n </span>\n <span class="','"> </span>\n <span class="','" tabindex="-1">\n <button type="button" tabindex="-1" class="','" aria-label="Toggle the dropdown list"> </button>\n </span>\n <ul\n tabindex="-1"\n id="','"\n class="','"\n role="listbox"\n aria-labelledby="','"\n hidden>\n </ul>\n <div class="',' usa-sr-only" role="status"></div>'])),P,N,I,K,R,s,U,c,Z)),r){var v=ce(o).inputEl;se(a,r.value),se(v,r.text),o.classList.add(M)}a.disabled&&(le(o),a.disabled=!1),a.hasAttribute("aria-disabled")&&(function(e){var t=ce(e),o=t.inputEl,a=t.toggleListBtnEl,r=t.clearInputBtnEl;r.hidden=!0,r.setAttribute("aria-disabled",!0),a.setAttribute("aria-disabled",!0),o.setAttribute("aria-disabled",!0)}(o),a.removeAttribute("aria-disabled")),o.dataset.enhanced="true"}},be=function(e,t,o){var a=void 0===o?{}:o,r=a.skipFocus,n=a.preventScroll,i=ce(e),s=i.inputEl,c=i.listEl,l=i.focusedOptionEl;if(l&&(l.classList.remove(W),l.setAttribute("tabIndex","-1")),t){if(s.setAttribute("aria-activedescendant",t.id),t.setAttribute("tabIndex","0"),t.classList.add(W),!n){var u=t.offsetTop+t.offsetHeight;u>c.scrollTop+c.offsetHeight&&(c.scrollTop=u-c.offsetHeight),t.offsetTop<c.scrollTop&&(c.scrollTop=t.offsetTop)}r||t.focus({preventScroll:n})}else s.setAttribute("aria-activedescendant",""),s.focus()},pe=function(e,t,o){void 0===t&&(t=""),void 0===o&&(o={});var a=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},r=e.replace(/{{(.*?)}}/g,(function(e,r){var n=r.trim(),i=o[n];if("query"!==n&&i){var s=new RegExp(i,"i"),c=t.match(s);return c?a(c[1]):""}return a(t)}));return r="^(?:".concat(r,")$"),new RegExp(r,"i")},me=function(e){return"true"===e.getAttribute("data-optgroup")},fe=function(e){for(var t,o,a=ce(e),r=a.comboBoxEl,n=a.selectEl,i=a.inputEl,s=a.listEl,c=a.statusEl,l=a.isPristine,u=a.disableFiltering,d="".concat(s.id,"--option-"),b=(i.value||"").trim().toLowerCase(),p=r.dataset.filter||".*{{query}}.*",m=pe(p,b,r.dataset),f=[],g="",h=0,v=n.options.length;h<v;h+=1){var x=n.options[h],w="".concat(d).concat(f.length);if(x.value&&(u||l||!b||m.test(x.text))){if(n.value&&x.value===n.value&&(t=w),u&&!o&&m.test(x.text)&&(o=w),!b){f.push(x);continue}if(b&&m.test(x.text)&&"true"!==x.getAttribute("data-optgroup")){if("true"===x.getAttribute("data-optgroup-option")&&g!==x.getAttribute("aria-describedby")){g=x.getAttribute("aria-describedby");var _=n.querySelector("#"+g);f.push(_)}f.push(x)}}}var y=f.length,k=!1,E=0,A=0,F=f.filter((function(e){return!me(e)})).length,D=f.map((function(e,o){var a=me(e),r=null!==e.getAttribute("data-optgroup-option");a&&(E+=1),a||(A+=1);var i="".concat(d).concat(o),s=a?[]:[G],c="-1",l="false";n.value&&e.value===n.value&&(s.push(X,W),c="0",l="true"),t||k||a||(s.push(W),c="0",k=!0),a?s.push(V):r&&s.push($);var u=document.createElement("li");return a||(u.setAttribute("aria-setsize",F),u.setAttribute("aria-posinset",A),u.setAttribute("aria-describedby",e.getAttribute("aria-describedby"))),u.setAttribute("aria-selected",l),u.setAttribute("id",a?e.id:i),u.setAttribute("class",s.join(" ")),u.setAttribute("tabindex",c),u.setAttribute("role",a?"group":"option"),u.setAttribute("data-value",e.value),u.textContent=e.text,u})),C=document.createElement("li");C.setAttribute("class","".concat(G,"--no-results")),C.textContent="No results found",s.hidden=!1,y?(s.innerHTML="",D.forEach((function(e){return s.insertAdjacentElement("beforeend",e)}))):(s.innerHTML="",s.insertAdjacentElement("beforeend",C)),i.setAttribute("aria-expanded","true");var S,z=function(e,t,o){return e?"".concat(e," ").concat(e>1?o:t," available."):""},L=z(E,"group","groups"),B=z(A,"result","results");c.textContent=A?"".concat(L," ").concat(B):"No results.",l&&t?S=s.querySelector("#".concat(t)):u&&o&&(S=s.querySelector("#".concat(o))),S&&be(s,S,{skipFocus:!0})},ge=function(e){var t=ce(e),o=t.inputEl,a=t.listEl,r=t.statusEl,n=t.focusedOptionEl;r.innerHTML="",o.setAttribute("aria-expanded","false"),o.setAttribute("aria-activedescendant",""),n&&n.classList.remove(W),a.scrollTop=0,a.hidden=!0},he=function(e){var t=ce(e),o=t.comboBoxEl,a=t.selectEl,r=t.inputEl;se(a,e.dataset.value),se(r,e.textContent),o.classList.add(M),ge(o),r.focus()},ve=function(e){var t=ce(e),o=t.comboBoxEl,a=t.selectEl,r=t.inputEl;t.statusEl.textContent="";var n=(r.value||"").trim().toLowerCase();if(n){var i=Array.from(a.options).find((function(e){return e.text.toLowerCase()===n}));if(i)return se(a,i.value),se(r,i.text),void o.classList.add(M)}se(a,""),o.classList.remove(M)},xe=function(e){var t=ce(e.target),o=t.comboBoxEl,a=t.listEl;a.hidden&&fe(o);var r=a.querySelector(re)||a.querySelector(ae);r&&("group"===r.getAttribute("role")&&(r=r.nextSibling),be(o,r)),e.preventDefault()},we=function(e){var t=e.target,o=t.nextSibling;o&&("group"===o.getAttribute("role")&&(o=o.nextSibling),be(t,o)),e.preventDefault()},_e=function(e){var t=ce(e.target),o=t.comboBoxEl,a=t.listEl,r=t.focusedOptionEl,n=r&&r.previousSibling,i=!a.hidden;n&&("group"===n.getAttribute("role")&&(n=n.previousSibling),be(r,n)),i&&e.preventDefault(),n||ge(o)},ye=function(e,t){return function(e,t){var o=Object.keys(e).reduce((function(t,o){var a=function(e,t){var o,a,r=e.match(D);r&&(e=r[1],o=r[2]),"object"==typeof t&&(a={capture:C(t,"capture"),passive:C(t,"passive")});var n={selector:o,delegate:"object"==typeof t?F(t):o?A(o,t):t,options:a};return e.indexOf(" ")>-1?e.split(" ").map((function(e){return E({type:e},n)})):(n.type=e,[n])}(o,e[o]);return t.concat(a)}),[]);return E({add:function(e){o.forEach((function(t){e.addEventListener(t.type,t.delegate,t.options)}))},remove:function(e){o.forEach((function(t){e.removeEventListener(t.type,t.delegate,t.options)}))}},t)}(e,S({on:z("init","add"),off:z("teardown","remove")},t))}(((a={}).click=((r={})[Y]=function(){this.disabled||function(e){var t=ce(e),o=t.comboBoxEl;t.listEl.hidden&&fe(o)}(this)},r[te]=function(){this.disabled||function(e){var t=ce(e),o=t.comboBoxEl,a=t.listEl,r=t.inputEl;a.hidden?fe(o):ge(o),r.focus()}(this)},r[ae]=function(){this.disabled||he(this)},r[ee]=function(){this.disabled||function(e){var t=ce(e),o=t.comboBoxEl,a=t.listEl,r=t.selectEl,n=t.inputEl,i=!a.hidden;r.value&&se(r),n.value&&se(n),o.classList.remove(M),i&&fe(o),n.focus()}(this)},r),a.focusout=((n={})[J]=function(e){this.contains(e.relatedTarget)||(ve(this),ge(this))},n),a.keydown=((i={})[J]=h({Escape:function(e){var t=ce(e.target),o=t.comboBoxEl,a=t.inputEl;ge(o),ve(o),a.focus()}}),i[Y]=h({Enter:function(e){var t=ce(e.target),o=t.comboBoxEl,a=!t.listEl.hidden;ve(o),a&&ge(o),e.preventDefault()},ArrowDown:xe,Down:xe}),i[ae]=h({ArrowUp:_e,Up:_e,ArrowDown:we,Down:we,Enter:function(e){he(e.target),e.preventDefault()}," ":function(e){he(e.target),e.preventDefault()},"Shift+Tab":function(){}}),i),a.input=((s={})[Y]=function(){this.closest(J).classList.remove(M),fe(this)},s),a.mouseover=((c={})[ae]=function(){!function(e){e.classList.contains(W)||be(e,e,{preventScroll:!0})}(this)},c),a),{init:function(e,t){(function(e,t){var o=function(e,t){if("string"!=typeof e)return[];t&&function(e){return e&&"object"==typeof e&&1===e.nodeType}(t)||(t=window.document);var o=t.querySelectorAll(e);return Array.prototype.slice.call(o)}(e,t);return"string"!=typeof e||function(e){return e&&"object"==typeof e&&1===e.nodeType}(t)&&t.matches(e)&&o.push(t),o})(J,e).forEach((function(e){de(e,t)}))},getComboBoxContext:ce,enhanceComboBox:de,generateDynamicRegExp:pe,disable:le,enable:function(e){var t=ce(e),o=t.inputEl,a=t.toggleListBtnEl,r=t.clearInputBtnEl;r.hidden=!1,r.disabled=!1,a.disabled=!1,o.disabled=!1},displayList:fe,hideList:ge,COMBO_BOX_CLASS:j}),ke=function(){function e(e){(0,u.r)(this,e),this.vaSelect=(0,u.c)(this,"vaSelect",7),this.options=void 0,this.labelNode=void 0,this.required=!1,this.disabled=!1,this.label=void 0,this.placeholder=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0}return e.prototype.connectedCallback=function(){var e=this;p.i.on("languageChanged",(function(){(0,u.f)(e.el)}))},e.prototype.componentDidLoad=function(){var e=this.el.shadowRoot.querySelector(".usa-combo-box"),t=this.el.shadowRoot.querySelector("label");e&&(ye.init(e,t),ye.on(e));var o=this.el.shadowRoot.querySelector("input");o&&this.error&&o.classList.add("usa-input--error");var a="".concat(this.messageAriaDescribedby?"input-message":""," ").concat(this.error?"input-error-message":""," ").concat(this.hint?"input-hint":""," ").concat(o.getAttribute("aria-describedby")).trim();o.setAttribute("aria-describedby",a)},e.prototype.disconnectedCallback=function(){p.i.off("languageChanged");var e=this.el.shadowRoot.querySelector(".usa-combo-box");e&&ye.off(e)},e.prototype.populateOptions=function(){var e=this.value,t=this.el.querySelectorAll("option, optgroup"),o=Array.from(t);this.options=o.map((function(t,o){return"optgroup"===t.nodeName.toLowerCase()?(0,u.h)(u.F,null,(0,u.h)("option",{"data-optgroup":"true",id:"optgroup-"+o},t.label),Array.from(t.children).map((function(t){return(0,u.h)("option",{value:t.value,selected:e===t.value,"data-optgroup-option":"true","aria-describedby":"optgroup-"+o},t.text)}))):"option"===t.nodeName.toLowerCase()&&"optgroup"!==t.parentElement.nodeName.toLowerCase()?(0,u.h)("option",{value:t.value,selected:e===t.value},t.textContent):void 0}))},e.prototype.handleChange=function(e){var t=e.target;this.value=t.value,this.vaSelect.emit({value:this.value})},e.prototype.render=function(){var e=this,t=this,o=t.error,a=t.value,r=t.disabled,n=t.placeholder,i=t.label,s=t.required,c=t.name,l=t.hint,m=t.messageAriaDescribedby,f=(0,d.c)({"usa-label":!0,"usa-label--error":o});return(0,u.h)(u.H,{key:"dd9301d6d8b9d37801e6cca5d9cebe46a0e0a016"},(0,u.h)("label",{key:"1e06e7fd2a1f3e64914ef1e89d235a2a4425cf25",htmlFor:"options",class:f,id:"options-label"},i,s&&(0,u.h)("span",{key:"659d61aaeb4142924d78edc5296eb29366d27e53",class:"usa-label--required"}," ",p.i.t("required"))),l&&(0,u.h)("span",{key:"3eb59b9e72f58954ea8a2e2fa7e2cacc41bc56bc",class:"usa-hint",id:"input-hint"},l),(0,u.h)("span",{key:"cc2522597365abca27646dc9c1b1ce0d9d78bc81",id:"input-error-message",role:"alert"},o&&(0,u.h)(u.F,{key:"05655f400fc3fa5fa3abadb07e1c385ece3f0d89"},(0,u.h)("span",{key:"bd4a6dc088dc962df9137e02432af8dbcc54bbe4",class:"usa-sr-only"},p.i.t("error")),(0,u.h)("span",{key:"b85987f619f84a60a3ed89b2b389343a8cdfd79c",class:"usa-error-message"},o))),(0,u.h)("slot",{key:"5bb4fefcadf051e0726d81bc184e80a844022d35",onSlotchange:function(){return e.populateOptions()}}),(0,u.h)("div",{key:"8716d1080f4619e1303daab07f1e711ff6f85d39",class:"usa-combo-box","data-default-value":a,"data-placeholder":n},(0,u.h)("select",{key:"d7b827fcef87266818ea531fee1eee726b07ea18",class:"usa-select",name:c,id:"options",onChange:function(t){return e.handleChange(t)},disabled:r},this.options)),(0,b.i)(m)&&(0,u.h)("span",{key:"8d0dd204bdea4ef4e9c6f901a261cce323b5ed21",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},m))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,u.g)(this)},enumerable:!1,configurable:!0}),e}();ke.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-hint,.usa-select,.usa-combo-box__input,.usa-combo-box__list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-combo-box__input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-combo-box{max-width:30rem;position:relative}.usa-combo-box--pristine .usa-combo-box__input{padding-right:calc(5em + 4px)}.usa-combo-box--pristine .usa-combo-box__input::-ms-clear{display:none}.usa-combo-box--pristine .usa-combo-box__clear-input{display:block}@media (forced-colors: active){.usa-combo-box--pristine .usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:1.5rem;width:auto;top:0.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box--pristine .usa-combo-box__clear-input{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}}.usa-combo-box__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;max-width:none;padding-right:calc(2.5em + 3px)}.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:0;color:GrayText}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:2px solid GrayText}}.usa-combo-box__input:disabled::-webkit-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-webkit-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-moz-placeholder,.usa-combo-box__input[aria-disabled=true]::-moz-placeholder{opacity:1}.usa-combo-box__input:disabled:-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]:-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::placeholder,.usa-combo-box__input[aria-disabled=true]::placeholder{opacity:1}.usa-combo-box__input:disabled~.usa-combo-box__input-button-separator,.usa-combo-box__input[aria-disabled=true]~.usa-combo-box__input-button-separator{background-color:#454545;cursor:not-allowed}button.usa-combo-box__toggle-list:focus,button.usa-combo-box__clear-input:focus{outline-offset:-4px}button.usa-combo-box__toggle-list:disabled,button.usa-combo-box__toggle-list[aria-disabled=true],button.usa-combo-box__clear-input:disabled,button.usa-combo-box__clear-input[aria-disabled=true]{cursor:not-allowed}.usa-combo-box__toggle-list__wrapper:focus,.usa-combo-box__clear-input__wrapper:focus{outline:0}.usa-combo-box__toggle-list,.usa-combo-box__clear-input{background-color:transparent;background-position:center;background-size:auto 1.5rem;border:0;bottom:1px;cursor:pointer;margin-bottom:0;opacity:0.6;padding-right:2rem;position:absolute;top:1px;z-index:100}.usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;display:none;right:calc(2.5em + 3px)}.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:auto 2rem;right:1px}@media (forced-colors: active){.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:auto;width:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box__toggle-list{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}.usa-combo-box__toggle-list:disabled,.usa-combo-box__toggle-list[aria-disabled=true]{background-color:GrayText}}.usa-combo-box__input-button-separator{background-color:#c6cace;position:absolute;top:1px;height:calc(100% - 1rem);margin-bottom:0.5rem;margin-top:0.5rem;width:1px;right:calc(2.5em + 2px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:200}@media (forced-colors: active){.usa-combo-box__input-button-separator{background-color:ButtonText}}.usa-combo-box__list{border-width:1px;border-color:#565c65;border-style:solid;background-color:white;border-radius:0;border-top:0;margin:0;max-height:12.1em;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.usa-combo-box__list:focus{outline:0}.usa-combo-box__list-option{border-bottom:1px solid #dfe1e2;cursor:pointer;display:block;padding:0.5rem}.usa-combo-box__list-option--focused{outline:2px solid #162e51;outline-offset:-2px;position:relative;z-index:100}.usa-combo-box__list-option--focused:focus{outline-offset:-4px}.usa-combo-box__list-option--selected{background-color:#005ea2;border-color:#005ea2;color:white}.usa-combo-box__list-option--no-results{cursor:not-allowed;display:block;padding:0.5rem}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base);max-width:30rem}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.usa-combo-box{max-width:auto}.usa-combo-box__list{width:calc(100% - 2px)}.usa-combo-box__list-option--focused{outline:2px solid var(--vads-color-action-border-base-active-on-light)}.usa-combo-box__list-option--focused:focus{outline-offset:-2px}.usa-combo-box__list-option--group{font-weight:bold;background-color:var(--vads-color-base-lightest);cursor:not-allowed;display:block;padding:0.5rem}.usa-combo-box__list-option--group-option{padding-left:24px}.usa-combo-box__clear-input{right:calc(2.5rem + 3px)}.usa-combo-box__input-button-separator{right:calc(2.5rem + 2px)}'}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,2801,4033],{20:function(e,t,o){o.r(t),o.d(t,{c:function(){return i}});var a,r={exports:{}};a=r,function(){var e={}.hasOwnProperty;function t(){for(var o=[],a=0;a<arguments.length;a++){var r=arguments[a];if(r){var i=typeof r;if("string"===i||"number"===i)o.push(r);else if(Array.isArray(r)){if(r.length){var n=t.apply(null,r);n&&o.push(n)}}else if("object"===i)if(r.toString===Object.prototype.toString)for(var s in r)e.call(r,s)&&r[s]&&o.push(s);else o.push(r.toString())}}return o.join(" ")}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var i=r.exports},4033:function(e,t,o){function a(e){return!Number.isNaN(parseFloat(e))}function r(e,t,o){void 0===o&&(o="slot");var a=e.shadowRoot.querySelector(o).assignedNodes();return null!==t?Array.from(a).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(a)}function i(e){return 1===e?"":"s"}function n(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(i(t)," allowed");var o;if(e.length<=t){var a=t-e.length;o="".concat(a," character").concat(i(a)," left")}else a=e.length-t,o="".concat(a," character").concat(i(a)," over limit");return o}function s(e,t){return Array.from({length:t-e+1},(function(t,o){return e+o}))}o.r(t),o.d(t,{S:function(){return l},a:function(){return d},b:function(){return a},c:function(){return n},d:function(){return b},g:function(){return r},i:function(){return p},m:function(){return s},s:function(){return u}}),o(3798);var c=function(e){return e&&"object"==typeof e&&1===e.nodeType};function u(e,t){var o=function(e,t){if("string"!=typeof e)return[];if(!t||!c(t))return[];var o=t.shadowRoot.querySelectorAll(e);return Array.from(o)}(e,t);return"string"!=typeof e||c(t)&&t.matches(e)&&o.push(t),o}var l={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return l._entities[e]},escapeHTML:function(e){for(var t="",o=0;o<e.length;o++)t+=e[o],o+1<arguments.length&&(t+=String(arguments[o+1]||"").replace(l._entity,l.getEntity));return t}};function d(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}function b(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function p(e){return e&&"false"!==e||!1}},2801:function(e,t,o){o.r(t),o.d(t,{va_combo_box:function(){return ke}});var a,r,i,n,s,c,u,l=o(3798),d=o(20),b=(o(2465),o(4033)),p=o(9425),m=function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e},f={exports:{}};u={exports:{}},function(){var e,t={polyfill:function(){if(!("KeyboardEvent"in window)||"key"in KeyboardEvent.prototype)return!1;var e={get:function(e){var o=t.keys[this.which||this.keyCode];return Array.isArray(o)&&(o=o[+this.shiftKey]),o}};return Object.defineProperty(KeyboardEvent.prototype,"key",e),e},keys:{3:"Cancel",6:"Help",8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",28:"Convert",29:"NonConvert",30:"Accept",31:"ModeChange",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",41:"Select",42:"Print",43:"Execute",44:"PrintScreen",45:"Insert",46:"Delete",48:["0",")"],49:["1","!"],50:["2","@"],51:["3","#"],52:["4","$"],53:["5","%"],54:["6","^"],55:["7","&"],56:["8","*"],57:["9","("],91:"OS",93:"ContextMenu",144:"NumLock",145:"ScrollLock",181:"VolumeMute",182:"VolumeDown",183:"VolumeUp",186:[";",":"],187:["=","+"],188:[",","<"],189:["-","_"],190:[".",">"],191:["/","?"],192:["`","~"],219:["[","{"],220:["\\","|"],221:["]","}"],222:["'",'"'],224:"Meta",225:"AltGraph",246:"Attn",247:"CrSel",248:"ExSel",249:"EraseEof",250:"Play",251:"ZoomOut"}};for(e=1;e<25;e++)t.keys[111+e]="F"+e;var o="";for(e=65;e<91;e++)o=String.fromCharCode(e),t.keys[e]=[o.toLowerCase(),o.toUpperCase()];u.exports=t}();var g={Alt:"altKey",Control:"ctrlKey",Ctrl:"ctrlKey",Shift:"shiftKey"};f.exports=function(e){var t=Object.keys(e).some((function(e){return e.indexOf("+")>-1}));return function(o){var a=function(e,t){var o=e.key;if(t)for(var a in g)!0===e[g[a]]&&(o=[a,o].join("+"));return o}(o,t);return[a,a.toLowerCase()].reduce((function(t,r){return r in e&&(t=e[a].call(this,o)),t}),void 0)}},f.exports.MODIFIERS=g;var h=f.exports,v=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,y=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;var a=Object.getOwnPropertyNames(t).map((function(e){return t[e]}));if("0123456789"!==a.join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var o,a,r=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var n in o=Object(arguments[i]))x.call(o,n)&&(r[n]=o[n]);if(v){a=v(o);for(var s=0;s<a.length;s++)w.call(o,a[s])&&(r[a[s]]=o[a[s]])}}return r};!function(e){"function"!=typeof e.matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),a=0;o[a]&&o[a]!==t;)++a;return Boolean(o[a])}),"function"!=typeof e.closest&&(e.closest=function(e){for(var t=this;t&&1===t.nodeType;){if(t.matches(e))return t;t=t.parentNode}return null})}(window.Element.prototype);var _=function(e,t){return function(o){var a=o.target.closest(e);if(a)return t.call(a,o)}},k=_,E=y,A=_,F=function(e){var t=Object.keys(e);if(1===t.length&&"*"===t[0])return e["*"];var o=t.reduce((function(t,o){return t.push(k(o,e[o])),t}),[]);return function(e){return function(t){return e.some((function(e){return!1===e.call(this,t)}),this)}}(o)},D=/^(.+):delegate\((.+)\)$/,C=function(e,t){var o=e[t];return delete e[t],o},S=y,L=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){var o=this;void 0===t&&(t=document.body),e.forEach((function(e){"function"==typeof o[e]&&o[e].call(o,t)}))}},z={exports:{}};z.exports=function(){var e={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(t){return e._entities[t]},escapeHTML:function(t){for(var o="",a=0;a<t.length;a++)o+=t[a],a+1<arguments.length&&(o+=String(arguments[a+1]||"").replace(e._entity,e.getEntity));return o},createSafeHTML:function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];return{__html:e.escapeHTML.apply(e,[t].concat(a)),toString:function(){return"[object WrappedHTMLObject]"},info:"This is a wrapped HTML object. See https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_Automation for more."}},unwrapSafeHTML:function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];var a=t.map((function(e){return e.__html}));return a.join("")}};return e}();var T,B,O=z.exports,j="".concat("usa","-combo-box"),M="".concat(j,"--pristine"),q="".concat(j,"__select"),H="".concat(j,"__input"),N="".concat(j,"__clear-input"),P="".concat(N,"__wrapper"),I="".concat(j,"__input-button-separator"),G="".concat(j,"__toggle-list"),R="".concat(G,"__wrapper"),K="".concat(j,"__list"),U="".concat(j,"__list-option"),V="".concat(U,"--group"),$="".concat(U,"--group-option"),W="".concat(U,"--focused"),X="".concat(U,"--selected"),Z="".concat(j,"__status"),J=".".concat(j),Q=".".concat(q),Y=".".concat(H),ee=".".concat(N),te=".".concat(G),oe=".".concat(K),ae=".".concat(U),re=".".concat(W),ie=".".concat(X),ne=".".concat(Z),se=function(e,t){void 0===t&&(t="");var o=e;o.value=t;var a=new CustomEvent("change",{bubbles:!0,cancelable:!0,detail:{value:t}});o.dispatchEvent(a)},ce=function(e){var t=e.closest(J);if(!t)throw new Error("Element is missing outer ".concat(J));var o=t.querySelector(Q),a=t.querySelector(Y),r=t.querySelector(oe),i=t.querySelector(ne),n=t.querySelector(re),s=t.querySelector(ie),c=t.querySelector(te),u=t.querySelector(ee),l=t.classList.contains(M);return{comboBoxEl:t,selectEl:o,inputEl:a,listEl:r,statusEl:i,focusedOptionEl:n,selectedOptionEl:s,toggleListBtnEl:c,clearInputBtnEl:u,isPristine:l,disableFiltering:"true"===t.dataset.disableFiltering}},ue=function(e){var t=ce(e),o=t.inputEl,a=t.toggleListBtnEl,r=t.clearInputBtnEl;r.hidden=!0,r.disabled=!0,a.disabled=!0,o.disabled=!0},le=function(e){var t=e.target;t.selectionStart===t.selectionEnd&&t.select()},de=function(e,t){var o=e.closest(J);if(!o.dataset.enhanced){var a=o.querySelector("select");if(!a)throw new Error("".concat(J," is missing inner select"));var r,i=a.id,n=t,s="".concat(i,"--list"),c="".concat(i,"-label"),u="".concat(i,"--assistiveHint"),l=[],d=o.dataset.defaultValue,b=o.dataset.placeholder;if(b&&l.push({placeholder:b}),d)for(var p=0,f=a.options.length;p<f;p+=1){var g=a.options[p];if(g.value===d){r=g;break}}if(!n||!n.matches('label[for="'.concat(i,'"]')))throw new Error("".concat(J," for ").concat(i,' is either missing a label or a "for" attribute'));n.setAttribute("id",c),n.setAttribute("id",c),a.setAttribute("aria-hidden","true"),a.setAttribute("tabindex","-1"),a.classList.add("usa-sr-only",q),a.id="",a.value="",["required","aria-label","aria-labelledby"].forEach((function(e){var t;if(a.hasAttribute(e)){var o=a.getAttribute(e);l.push(((t={})[e]=o,t)),a.removeAttribute(e)}}));var h=document.createElement("input");if(h.setAttribute("id",i),h.setAttribute("aria-owns",s),h.setAttribute("aria-controls",s),h.setAttribute("aria-autocomplete","list"),h.setAttribute("aria-describedby",u),h.setAttribute("aria-expanded","false"),h.setAttribute("autocapitalize","off"),h.setAttribute("autocomplete","off"),h.setAttribute("class",H),h.setAttribute("type","text"),h.setAttribute("role","combobox"),h.onmouseup=le,l.forEach((function(e){return Object.keys(e).forEach((function(t){var o=O.escapeHTML(T||(T=m(["",""],["",""])),e[t]);h.setAttribute(t,o)}))})),"true"===o.dataset.error&&h.classList.add("usa-input--error"),o.insertAdjacentElement("beforeend",h),o.insertAdjacentHTML("beforeend",O.escapeHTML(B||(B=m(['\n <span class="','" tabindex="-1">\n <button type="button" class="','" aria-label="Clear the select contents"> </button>\n </span>\n <span class="','"> </span>\n <span class="','" tabindex="-1">\n <button type="button" tabindex="-1" class="','" aria-label="Toggle the dropdown list"> </button>\n </span>\n <ul\n tabindex="-1"\n id="','"\n class="','"\n role="listbox"\n aria-labelledby="','"\n hidden>\n </ul>\n <div class="',' usa-sr-only" role="status"></div>'],['\n <span class="','" tabindex="-1">\n <button type="button" class="','" aria-label="Clear the select contents"> </button>\n </span>\n <span class="','"> </span>\n <span class="','" tabindex="-1">\n <button type="button" tabindex="-1" class="','" aria-label="Toggle the dropdown list"> </button>\n </span>\n <ul\n tabindex="-1"\n id="','"\n class="','"\n role="listbox"\n aria-labelledby="','"\n hidden>\n </ul>\n <div class="',' usa-sr-only" role="status"></div>'])),P,N,I,R,G,s,K,c,Z)),r){var v=ce(o).inputEl;se(a,r.value),se(v,r.text),o.classList.add(M)}a.disabled&&(ue(o),a.disabled=!1),a.hasAttribute("aria-disabled")&&(function(e){var t=ce(e),o=t.inputEl,a=t.toggleListBtnEl,r=t.clearInputBtnEl;r.hidden=!0,r.setAttribute("aria-disabled",!0),a.setAttribute("aria-disabled",!0),o.setAttribute("aria-disabled",!0)}(o),a.removeAttribute("aria-disabled")),o.dataset.enhanced="true"}},be=function(e,t,o){var a=void 0===o?{}:o,r=a.skipFocus,i=a.preventScroll,n=ce(e),s=n.inputEl,c=n.listEl,u=n.focusedOptionEl;if(u&&(u.classList.remove(W),u.setAttribute("tabIndex","-1")),t){if(s.setAttribute("aria-activedescendant",t.id),t.setAttribute("tabIndex","0"),t.classList.add(W),!i){var l=t.offsetTop+t.offsetHeight;l>c.scrollTop+c.offsetHeight&&(c.scrollTop=l-c.offsetHeight),t.offsetTop<c.scrollTop&&(c.scrollTop=t.offsetTop)}r||t.focus({preventScroll:i})}else s.setAttribute("aria-activedescendant",""),s.focus()},pe=function(e,t,o){void 0===t&&(t=""),void 0===o&&(o={});var a=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},r=e.replace(/{{(.*?)}}/g,(function(e,r){var i=r.trim(),n=o[i];if("query"!==i&&n){var s=new RegExp(n,"i"),c=t.match(s);return c?a(c[1]):""}return a(t)}));return r="^(?:".concat(r,")$"),new RegExp(r,"i")},me=function(e){return"true"===e.getAttribute("data-optgroup")},fe=function(e){for(var t,o,a=ce(e),r=a.comboBoxEl,i=a.selectEl,n=a.inputEl,s=a.listEl,c=a.statusEl,u=a.isPristine,l=a.disableFiltering,d="".concat(s.id,"--option-"),b=(n.value||"").trim().toLowerCase(),p=r.dataset.filter||".*{{query}}.*",m=pe(p,b,r.dataset),f=[],g="",h=0,v=i.options.length;h<v;h+=1){var x=i.options[h],w="".concat(d).concat(f.length);if(x.value&&(l||u||!b||m.test(x.text))){if(i.value&&x.value===i.value&&(t=w),l&&!o&&m.test(x.text)&&(o=w),!b){f.push(x);continue}if(b&&m.test(x.text)&&"true"!==x.getAttribute("data-optgroup")){if("true"===x.getAttribute("data-optgroup-option")&&g!==x.getAttribute("aria-describedby")){g=x.getAttribute("aria-describedby");var y=i.querySelector("#"+g);f.push(y)}f.push(x)}}}var _=f.length,k=!1,E=0,A=0,F=f.filter((function(e){return!me(e)})).length,D=f.map((function(e,o){var a=me(e),r=null!==e.getAttribute("data-optgroup-option");a&&(E+=1),a||(A+=1);var n="".concat(d).concat(o),s=a?[]:[U],c="-1",u="false";i.value&&e.value===i.value&&(s.push(X,W),c="0",u="true"),t||k||a||(s.push(W),c="0",k=!0),a?s.push(V):r&&s.push($);var l=document.createElement("li");return a||(l.setAttribute("aria-setsize",F),l.setAttribute("aria-posinset",A),l.setAttribute("aria-describedby",e.getAttribute("aria-describedby"))),l.setAttribute("aria-selected",u),l.setAttribute("id",a?e.id:n),l.setAttribute("class",s.join(" ")),l.setAttribute("tabindex",c),l.setAttribute("role",a?"group":"option"),l.setAttribute("data-value",e.value),l.textContent=e.text,l})),C=document.createElement("li");C.setAttribute("class","".concat(U,"--no-results")),C.textContent="No results found",s.hidden=!1,_?(s.innerHTML="",D.forEach((function(e){return s.insertAdjacentElement("beforeend",e)}))):(s.innerHTML="",s.insertAdjacentElement("beforeend",C)),n.setAttribute("aria-expanded","true");var S,L=function(e,t,o){return e?"".concat(e," ").concat(e>1?o:t," available."):""},z=L(E,"group","groups"),T=L(A,"result","results");c.textContent=A?"".concat(z," ").concat(T):"No results.",u&&t?S=s.querySelector("#".concat(t)):l&&o&&(S=s.querySelector("#".concat(o))),S&&be(s,S,{skipFocus:!0})},ge=function(e){var t=ce(e),o=t.inputEl,a=t.listEl,r=t.statusEl,i=t.focusedOptionEl;r.innerHTML="",o.setAttribute("aria-expanded","false"),o.setAttribute("aria-activedescendant",""),i&&i.classList.remove(W),a.scrollTop=0,a.hidden=!0},he=function(e){var t=ce(e),o=t.comboBoxEl,a=t.selectEl,r=t.inputEl;se(a,e.dataset.value),se(r,e.textContent),o.classList.add(M),ge(o),r.focus()},ve=function(e){var t=ce(e),o=t.comboBoxEl,a=t.selectEl,r=t.inputEl;t.statusEl.textContent="";var i=(r.value||"").trim().toLowerCase();if(i){var n=Array.from(a.options).find((function(e){return e.text.toLowerCase()===i}));if(n)return se(a,n.value),se(r,n.text),void o.classList.add(M)}se(a,""),o.classList.remove(M)},xe=function(e){var t=ce(e.target),o=t.comboBoxEl,a=t.listEl;a.hidden&&fe(o);var r=a.querySelector(re)||a.querySelector(ae);r&&("group"===r.getAttribute("role")&&(r=r.nextSibling),be(o,r)),e.preventDefault()},we=function(e){var t=e.target,o=t.nextSibling;o&&("group"===o.getAttribute("role")&&(o=o.nextSibling),be(t,o)),e.preventDefault()},ye=function(e){var t=ce(e.target),o=t.comboBoxEl,a=t.listEl,r=t.focusedOptionEl,i=r&&r.previousSibling,n=!a.hidden;i&&("group"===i.getAttribute("role")&&(i=i.previousSibling),be(r,i)),n&&e.preventDefault(),i||ge(o)},_e=function(e,t){return function(e,t){var o=Object.keys(e).reduce((function(t,o){var a=function(e,t){var o,a,r=e.match(D);r&&(e=r[1],o=r[2]),"object"==typeof t&&(a={capture:C(t,"capture"),passive:C(t,"passive")});var i={selector:o,delegate:"object"==typeof t?F(t):o?A(o,t):t,options:a};return e.indexOf(" ")>-1?e.split(" ").map((function(e){return E({type:e},i)})):(i.type=e,[i])}(o,e[o]);return t.concat(a)}),[]);return E({add:function(e){o.forEach((function(t){e.addEventListener(t.type,t.delegate,t.options)}))},remove:function(e){o.forEach((function(t){e.removeEventListener(t.type,t.delegate,t.options)}))}},t)}(e,S({on:L("init","add"),off:L("teardown","remove")},t))}(((a={}).click=((r={})[Y]=function(){this.disabled||function(e){var t=ce(e),o=t.comboBoxEl;t.listEl.hidden&&fe(o)}(this)},r[te]=function(){this.disabled||function(e){var t=ce(e),o=t.comboBoxEl,a=t.listEl,r=t.inputEl;a.hidden?fe(o):ge(o),r.focus()}(this)},r[ae]=function(){this.disabled||he(this)},r[ee]=function(){this.disabled||function(e){var t=ce(e),o=t.comboBoxEl,a=t.listEl,r=t.selectEl,i=t.inputEl,n=!a.hidden;r.value&&se(r),i.value&&se(i),o.classList.remove(M),n&&fe(o),i.focus()}(this)},r),a.focusout=((i={})[J]=function(e){this.contains(e.relatedTarget)||(ve(this),ge(this))},i),a.keydown=((n={})[J]=h({Escape:function(e){var t=ce(e.target),o=t.comboBoxEl,a=t.inputEl;ge(o),ve(o),a.focus()}}),n[Y]=h({Enter:function(e){var t=ce(e.target),o=t.comboBoxEl,a=!t.listEl.hidden;ve(o),a&&ge(o),e.preventDefault()},ArrowDown:xe,Down:xe}),n[ae]=h({ArrowUp:ye,Up:ye,ArrowDown:we,Down:we,Enter:function(e){he(e.target),e.preventDefault()}," ":function(e){he(e.target),e.preventDefault()},"Shift+Tab":function(){}}),n),a.input=((s={})[Y]=function(){this.closest(J).classList.remove(M),fe(this)},s),a.mouseover=((c={})[ae]=function(){!function(e){e.classList.contains(W)||be(e,e,{preventScroll:!0})}(this)},c),a),{init:function(e,t){(function(e,t){var o=function(e,t){if("string"!=typeof e)return[];t&&function(e){return e&&"object"==typeof e&&1===e.nodeType}(t)||(t=window.document);var o=t.querySelectorAll(e);return Array.prototype.slice.call(o)}(e,t);return"string"!=typeof e||function(e){return e&&"object"==typeof e&&1===e.nodeType}(t)&&t.matches(e)&&o.push(t),o})(J,e).forEach((function(e){de(e,t)}))},getComboBoxContext:ce,enhanceComboBox:de,generateDynamicRegExp:pe,disable:ue,enable:function(e){var t=ce(e),o=t.inputEl,a=t.toggleListBtnEl,r=t.clearInputBtnEl;r.hidden=!1,r.disabled=!1,a.disabled=!1,o.disabled=!1},displayList:fe,hideList:ge,COMBO_BOX_CLASS:j}),ke=function(){function e(e){(0,l.r)(this,e),this.vaSelect=(0,l.c)(this,"vaSelect",7),this.options=void 0,this.labelNode=void 0,this.required=!1,this.disabled=!1,this.label=void 0,this.placeholder=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0}return e.prototype.connectedCallback=function(){var e=this;p.i.on("languageChanged",(function(){(0,l.f)(e.el)}))},e.prototype.componentDidLoad=function(){var e=this.el.shadowRoot.querySelector(".usa-combo-box"),t=this.el.shadowRoot.querySelector("label");e&&(_e.init(e,t),_e.on(e));var o=this.el.shadowRoot.querySelector("input");o&&this.error&&o.classList.add("usa-input--error");var a="".concat(this.messageAriaDescribedby?"input-message":""," ").concat(this.error?"input-error-message":""," ").concat(this.hint?"input-hint":""," ").concat(o.getAttribute("aria-describedby")).trim();o.setAttribute("aria-describedby",a)},e.prototype.disconnectedCallback=function(){p.i.off("languageChanged");var e=this.el.shadowRoot.querySelector(".usa-combo-box");e&&_e.off(e)},e.prototype.populateOptions=function(){var e=this.value,t=this.el.querySelectorAll("option, optgroup"),o=Array.from(t);this.options=o.map((function(t,o){return"optgroup"===t.nodeName.toLowerCase()?(0,l.h)(l.F,null,(0,l.h)("option",{"data-optgroup":"true",id:"optgroup-"+o},t.label),Array.from(t.children).map((function(t){return(0,l.h)("option",{value:t.value,selected:e===t.value,"data-optgroup-option":"true","aria-describedby":"optgroup-"+o},t.text)}))):"option"===t.nodeName.toLowerCase()&&"optgroup"!==t.parentElement.nodeName.toLowerCase()?(0,l.h)("option",{value:t.value,selected:e===t.value},t.textContent):void 0}))},e.prototype.handleChange=function(e){var t=e.target;this.value=t.value,this.vaSelect.emit({value:this.value})},e.prototype.render=function(){var e=this,t=this,o=t.error,a=t.value,r=t.disabled,i=t.placeholder,n=t.label,s=t.required,c=t.name,u=t.hint,m=t.messageAriaDescribedby,f=(0,d.c)({"usa-label":!0,"usa-label--error":o});return(0,l.h)(l.H,{key:"dd9301d6d8b9d37801e6cca5d9cebe46a0e0a016"},(0,l.h)("label",{key:"1e06e7fd2a1f3e64914ef1e89d235a2a4425cf25",htmlFor:"options",class:f,id:"options-label"},n,s&&(0,l.h)("span",{key:"659d61aaeb4142924d78edc5296eb29366d27e53",class:"usa-label--required"}," ",p.i.t("required"))),u&&(0,l.h)("span",{key:"3eb59b9e72f58954ea8a2e2fa7e2cacc41bc56bc",class:"usa-hint",id:"input-hint"},u),(0,l.h)("span",{key:"cc2522597365abca27646dc9c1b1ce0d9d78bc81",id:"input-error-message",role:"alert"},o&&(0,l.h)(l.F,{key:"05655f400fc3fa5fa3abadb07e1c385ece3f0d89"},(0,l.h)("span",{key:"bd4a6dc088dc962df9137e02432af8dbcc54bbe4",class:"usa-sr-only"},p.i.t("error")),(0,l.h)("span",{key:"b85987f619f84a60a3ed89b2b389343a8cdfd79c",class:"usa-error-message"},o))),(0,l.h)("slot",{key:"5bb4fefcadf051e0726d81bc184e80a844022d35",onSlotchange:function(){return e.populateOptions()}}),(0,l.h)("div",{key:"cc216edd9eeeaf5f3840eb658688f5a0bcabfc40",class:"usa-combo-box","data-default-value":a,"data-placeholder":i,"data-error":!!o},(0,l.h)("select",{key:"f5ce10bcbdf61f866793fc378658fe5d8fdb0e8b",class:"usa-select",name:c,id:"options",onChange:function(t){return e.handleChange(t)},disabled:r},this.options)),(0,b.i)(m)&&(0,l.h)("span",{key:"c87199e93e54dbcc3e795ceb30e53f716bc0dc65",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},m))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,l.g)(this)},enumerable:!1,configurable:!0}),e}();ke.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-hint,.usa-select,.usa-combo-box__input,.usa-combo-box__list,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-combo-box__input,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-combo-box{max-width:30rem;position:relative}.usa-combo-box--pristine .usa-combo-box__input{padding-right:calc(5em + 4px)}.usa-combo-box--pristine .usa-combo-box__input::-ms-clear{display:none}.usa-combo-box--pristine .usa-combo-box__clear-input{display:block}@media (forced-colors: active){.usa-combo-box--pristine .usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:1.5rem;width:auto;top:0.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box--pristine .usa-combo-box__clear-input{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}}.usa-combo-box__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;max-width:none;padding-right:calc(2.5em + 3px)}.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:0;color:GrayText}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:2px solid GrayText}}.usa-combo-box__input:disabled::-webkit-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-webkit-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-moz-placeholder,.usa-combo-box__input[aria-disabled=true]::-moz-placeholder{opacity:1}.usa-combo-box__input:disabled:-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]:-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::placeholder,.usa-combo-box__input[aria-disabled=true]::placeholder{opacity:1}.usa-combo-box__input:disabled~.usa-combo-box__input-button-separator,.usa-combo-box__input[aria-disabled=true]~.usa-combo-box__input-button-separator{background-color:#454545;cursor:not-allowed}button.usa-combo-box__toggle-list:focus,button.usa-combo-box__clear-input:focus{outline-offset:-4px}button.usa-combo-box__toggle-list:disabled,button.usa-combo-box__toggle-list[aria-disabled=true],button.usa-combo-box__clear-input:disabled,button.usa-combo-box__clear-input[aria-disabled=true]{cursor:not-allowed}.usa-combo-box__toggle-list__wrapper:focus,.usa-combo-box__clear-input__wrapper:focus{outline:0}.usa-combo-box__toggle-list,.usa-combo-box__clear-input{background-color:transparent;background-position:center;background-size:auto 1.5rem;border:0;bottom:1px;cursor:pointer;margin-bottom:0;opacity:0.6;padding-right:2rem;position:absolute;top:1px;z-index:100}.usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;display:none;right:calc(2.5em + 3px)}.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:auto 2rem;right:1px}@media (forced-colors: active){.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:auto;width:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box__toggle-list{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}.usa-combo-box__toggle-list:disabled,.usa-combo-box__toggle-list[aria-disabled=true]{background-color:GrayText}}.usa-combo-box__input-button-separator{background-color:#c6cace;position:absolute;top:1px;height:calc(100% - 1rem);margin-bottom:0.5rem;margin-top:0.5rem;width:1px;right:calc(2.5em + 2px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:200}@media (forced-colors: active){.usa-combo-box__input-button-separator{background-color:ButtonText}}.usa-combo-box__list{border-width:1px;border-color:#565c65;border-style:solid;background-color:white;border-radius:0;border-top:0;margin:0;max-height:12.1em;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.usa-combo-box__list:focus{outline:0}.usa-combo-box__list-option{border-bottom:1px solid #dfe1e2;cursor:pointer;display:block;padding:0.5rem}.usa-combo-box__list-option--focused{outline:2px solid #162e51;outline-offset:-2px;position:relative;z-index:100}.usa-combo-box__list-option--focused:focus{outline-offset:-4px}.usa-combo-box__list-option--selected{background-color:#005ea2;border-color:#005ea2;color:white}.usa-combo-box__list-option--no-results{cursor:not-allowed;display:block;padding:0.5rem}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base);max-width:30rem}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.usa-combo-box{max-width:auto}.usa-combo-box__list{width:calc(100% - 2px)}.usa-combo-box__list-option--focused{outline:2px solid var(--vads-color-action-border-base-active-on-light)}.usa-combo-box__list-option--focused:focus{outline-offset:-2px}.usa-combo-box__list-option--group{font-weight:bold;background-color:var(--vads-color-base-lightest);cursor:not-allowed;display:block;padding:0.5rem}.usa-combo-box__list-option--group-option{padding-left:24px}.usa-combo-box__clear-input{right:calc(2.5rem + 3px)}.usa-combo-box__input-button-separator{right:calc(2.5rem + 2px)}'}}]);
|
package/dist/6246.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 6246.app.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,4033,6246],{20:function(n,
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,4033,6246],{20:function(o,n,r){r.r(n),r.d(n,{c:function(){return e}});var t,i={exports:{}};t=i,function(){var o={}.hasOwnProperty;function n(){for(var r=[],t=0;t<arguments.length;t++){var i=arguments[t];if(i){var e=typeof i;if("string"===e||"number"===e)r.push(i);else if(Array.isArray(i)){if(i.length){var a=n.apply(null,i);a&&r.push(a)}}else if("object"===e)if(i.toString===Object.prototype.toString)for(var c in i)o.call(i,c)&&i[c]&&r.push(c);else r.push(i.toString())}}return r.join(" ")}t.exports?(n.default=n,t.exports=n):window.classNames=n}();var e=i.exports},4033:function(o,n,r){function t(o){return!Number.isNaN(parseFloat(o))}function i(o,n,r){void 0===r&&(r="slot");var t=o.shadowRoot.querySelector(r).assignedNodes();return null!==n?Array.from(t).filter((function(o){return o.nodeName.toLowerCase()===n})):Array.from(t)}function e(o){return 1===o?"":"s"}function a(o,n){if(void 0===o||""===o)return"".concat(n," character").concat(e(n)," allowed");var r;if(o.length<=n){var t=n-o.length;r="".concat(t," character").concat(e(t)," left")}else t=o.length-n,r="".concat(t," character").concat(e(t)," over limit");return r}function c(o,n){return Array.from({length:n-o+1},(function(n,r){return o+r}))}r.r(n),r.d(n,{S:function(){return v},a:function(){return d},b:function(){return t},c:function(){return a},d:function(){return u},g:function(){return i},i:function(){return f},m:function(){return c},s:function(){return s}}),r(3798);var l=function(o){return o&&"object"==typeof o&&1===o.nodeType};function s(o,n){var r=function(o,n){if("string"!=typeof o)return[];if(!n||!l(n))return[];var r=n.shadowRoot.querySelectorAll(o);return Array.from(r)}(o,n);return"string"!=typeof o||l(n)&&n.matches(o)&&r.push(n),r}var v={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(o){return v._entities[o]},escapeHTML:function(o){for(var n="",r=0;r<o.length;r++)n+=o[r],r+1<arguments.length&&(n+=String(arguments[r+1]||"").replace(v._entity,v.getEntity));return n}};function d(o){var n;return(n="string"==typeof o?parseInt(o,10):Math.floor(o))>=1&&n<=6?"h".concat(n):null}function u(o){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(o.tagName)}function f(o){return o&&"false"!==o||!1}},6246:function(o,n,r){r.r(n),r.d(n,{va_link_action:function(){return a}});var t=r(3798),i=r(20),e=r(4033),a=function(){function o(o){var n=this;(0,t.r)(this,o),this.componentLibraryAnalytics=(0,t.c)(this,"component-library-analytics",7),this.handleClick=function(o){if(!n.disableAnalytics){var r={componentName:"va-link-action",action:"click",details:{label:n.text,destination:n.href,origin:window.location.href}};n.componentLibraryAnalytics.emit(r)}},this.disableAnalytics=!1,this.href=void 0,this.text=void 0,this.messageAriaDescribedby=void 0,this.type="primary",this.label=void 0,this.isSingleLine=!0}return o.prototype.componentWillLoad=function(){this.checkTextLines()},o.prototype.checkTextLines=function(){if(this.linkRef){var o=getComputedStyle(this.linkRef),n=parseFloat(o.lineHeight),r=this.linkRef.clientHeight;this.isSingleLine=r<=n}},o.prototype.render=function(){var o=this,n=this,r=n.handleClick,a=n.href,c=n.text,l=n.messageAriaDescribedby,s=n.type,v=n.label,d=(0,i.c)({"host--primary-entry":"primary-entry"===s}),u=(0,i.c)({"va-link--reverse":"reverse"===s,"va-link--primary":"primary"===s,"va-link--secondary":"secondary"===s,"va-link--primary-entry":"primary-entry"===s}),f=(0,i.c)("link-icon--left","link-icon",{"link-icon--reverse":"reverse"===s}),p=l?"link-description":null;return(0,t.h)(t.H,{key:"2fbcf620386e188380cc83bd04e5af2235d9c012",class:d},(0,t.h)("a",{key:"dc150bef544548ed3196ae85a9fc510442b5d149",href:a,class:u,"aria-label":v,"aria-describedby":p,onClick:r,ref:function(n){return o.linkRef=n}},(0,t.h)("va-icon",{key:"ec6e6b58aa4dcf941169a9d6aa3ffab50762f898",class:f,icon:"chevron_right",size:3}),(0,t.h)("span",{key:"9de690effceca5786175f8bb45cb4e648979af83",class:"link-text"},c)),(0,e.i)(l)&&(0,t.h)("span",{key:"d3d2f31f2bbf8c36c3bdf0cd9959b478c560ee4c",id:"link-description",class:"sr-only"},l))},Object.defineProperty(o,"watchers",{get:function(){return{text:["checkTextLines"]}},enumerable:!1,configurable:!0}),o}();a.style="button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}:host{display:-ms-inline-flexbox;display:inline-flex}:host a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;cursor:pointer;text-decoration:underline;font-weight:700;font-size:1.06rem;padding:0.5rem 0}:host a:active{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}:host a.va-link--primary:hover,:host a.va-link--primary:active,:host a.va-link--secondary:hover,:host a.va-link--secondary:active{color:var(--vads-color-link) !important}:host a.va-link--reverse{color:var(--vads-color-white)}:host a.va-link--reverse:hover,:host a.va-link--reverse:active{color:var(--vads-color-action-focus-on-light);background-color:transparent}:host a.va-link--reverse va-icon:hover,:host a.va-link--reverse va-icon:active{background-color:var(--vads-color-action-focus-on-light)}.link-icon--left{margin-right:8px;vertical-align:baseline;position:relative}.link-icon{border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:white}.va-link--primary va-icon{background-color:var(--vads-color-success-dark)}.va-link--secondary va-icon{background-color:var(--vads-color-primary)}.link-icon--reverse{background-color:var(--vads-color-white);color:var(--vads-color-black)}:host a.va-link--reverse:hover va-icon,:host a.va-link--reverse:active va-icon{background-color:var(--vads-color-action-focus-on-light) !important}.link-text{display:inline-block;vertical-align:top;max-width:calc(100% - 24px);white-space:pre-wrap}:host(.host--primary-entry){width:100%}:host a.va-link--primary-entry{position:relative;display:inline-block;background-color:var(--vads-color-primary);color:var(--vads-color-white);text-decoration:none;padding:15px 15px 15px 45px;margin:0 1.5rem 0 0;-webkit-clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;width:95%;line-height:1.4;min-height:24px;max-width:var(--vads-size-line-length-5);}@media (min-width: 768px){:host a.va-link--primary-entry{width:75%}}:host a.va-link--primary-entry va-icon.link-icon{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--vads-color-primary);background-color:var(--vads-color-white)}:host a.va-link--primary-entry .link-text{font-weight:bold;display:inline-block;vertical-align:middle}:host a.va-link--primary-entry:hover:not(:focus){text-decoration:none}:host a.va-link--primary-entry:hover:not(:focus) va-icon.link-icon{background-color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:hover:not(:focus) .link-text{color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus,:host a.va-link--primary-entry:active{background-color:var(--vads-color-action-focus-on-light);text-decoration:none;outline:none;-webkit-transition:none;transition:none}:host a.va-link--primary-entry:focus va-icon.link-icon,:host a.va-link--primary-entry:active va-icon.link-icon{background-color:var(--vads-color-black);color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus .link-text,:host a.va-link--primary-entry:active .link-text{color:var(--vads-color-black)}:host a.va-link--primary-entry:focus:hover{background-color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus:hover va-icon.link-icon,:host a.va-link--primary-entry:focus:hover .link-text{text-decoration:underline;-webkit-text-decoration-color:var(--vads-color-black);text-decoration-color:var(--vads-color-black);text-decoration-thickness:2px;text-underline-offset:4px}"}}]);
|
package/dist/641.app.bundle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[641],{641:function(e,i,t){t.r(i),t.d(i,{va_service_list_item:function(){return o}});var r=t(3798),o=function(){function e(e){(0,r.r)(this,e),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}return e.prototype.handleServiceDetailsChange=function(e){this.parsedServiceDetails=this.parseJsonProp(e)},e.prototype.handleActionChange=function(e){this.parsedAction=this.parseJsonProp(e)},e.prototype.handleOptionalLinkChange=function(e){this.parsedOptionalLink=this.parseJsonProp(e)},e.prototype.componentWillLoad=function(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)},e.prototype.parseJsonProp=function(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(e){return}},e.prototype.render=function(){var e=this,i=e.parsedServiceDetails,t=e.parsedAction,o=e.parsedOptionalLink,a=e.icon,s=e.serviceName,n=e.serviceNameHeadingLevel,c=e.serviceLink,l=e.serviceStatus,h=i?Object.entries(i).map((function(e){var i=e[0],t=e[1];return(0,r.h)("li",null,(0,r.h)("div",null,(0,r.h)("strong",null,i,":")," ",t))})):null,d=!!(null==t?void 0:t.href)&&!!(null==t?void 0:t.text),m="h".concat(n),f=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(a)?"icon ".concat(a):"icon default";return(0,r.h)(r.H,{key:"
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[641],{641:function(e,i,t){t.r(i),t.d(i,{va_service_list_item:function(){return o}});var r=t(3798),o=function(){function e(e){(0,r.r)(this,e),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}return e.prototype.handleServiceDetailsChange=function(e){this.parsedServiceDetails=this.parseJsonProp(e)},e.prototype.handleActionChange=function(e){this.parsedAction=this.parseJsonProp(e)},e.prototype.handleOptionalLinkChange=function(e){this.parsedOptionalLink=this.parseJsonProp(e)},e.prototype.componentWillLoad=function(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)},e.prototype.parseJsonProp=function(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(e){return}},e.prototype.render=function(){var e=this,i=e.parsedServiceDetails,t=e.parsedAction,o=e.parsedOptionalLink,a=e.icon,s=e.serviceName,n=e.serviceNameHeadingLevel,c=e.serviceLink,l=e.serviceStatus,h=i?Object.entries(i).map((function(e){var i=e[0],t=e[1];return(0,r.h)("li",null,(0,r.h)("div",null,(0,r.h)("strong",null,i,":")," ",t))})):null,d=!!(null==t?void 0:t.href)&&!!(null==t?void 0:t.text),m="h".concat(n),f=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(a)?"icon ".concat(a):"icon default";return(0,r.h)(r.H,{key:"2b0862b014834ec8a41205f17e0499d31506d060"},(0,r.h)("div",{key:"7c92beb36f1cb235486764893d5d70df608e9eaf",class:"service-list-item"},(0,r.h)("a",{key:"4f8af62c0bd2903468f83e9d517a71d4a7ab8588",href:c,class:"service-title-row"},(0,r.h)("div",{key:"fda8bc4d2057c612f58bb49a561853aafa010030",class:"header",tabIndex:0},a&&(0,r.h)("va-icon",{key:"f838a967864825976625efbb734ca973d04f49f8",class:f,icon:a,size:3}),(0,r.h)("div",{key:"41dfc2c6a28946c34c3435db22a7f20964eebb69",class:"name-and-chevron"},(0,r.h)(m,{key:"d77c5848e3988a8eb1b78be2e031570406128f1e",class:"service-name"},s),(0,r.h)("va-icon",{key:"e6b90f5110505387c405c65771a3badca9c76611",class:"chevron-icon",icon:"chevron_right",size:4})))),d&&(0,r.h)("va-critical-action",{key:"5727f591c273fb9220f13dfb602f74ee998dd646",link:t.href,text:t.text}),(0,r.h)("div",{key:"5b7d51a0531cf9bb3ca0782d0d9d324705ccd4d4",class:"status"},(0,r.h)("span",{key:"11bdbae9d2acec2f9ebe17743193955e8b40a335",class:"usa-label"},l)),(0,r.h)("ul",{key:"87079a3e4a222f88a811c7ca3cbe94e22de8902c",class:"service-details-list"},h),(null==o?void 0:o.href)&&(null==o?void 0:o.text)&&(0,r.h)("va-link",Object.assign({key:"5cf658b515018b7ca3668c3efd1f11aa297c6f49",class:"optional-link"},o))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}},enumerable:!1,configurable:!0}),e}();o.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.9375rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}'}}]);
|
|
@@ -917,9 +917,9 @@ export namespace Components {
|
|
|
917
917
|
*/
|
|
918
918
|
"text": string;
|
|
919
919
|
/**
|
|
920
|
-
* The type of the link, which determines its style. Can be 'primary', 'secondary', or '
|
|
920
|
+
* The type of the link, which determines its style. Can be 'primary', 'secondary', 'reverse', or 'primary-entry'.
|
|
921
921
|
*/
|
|
922
|
-
"type"?: 'primary' | 'secondary' | 'reverse';
|
|
922
|
+
"type"?: 'primary' | 'secondary' | 'reverse' | 'primary-entry';
|
|
923
923
|
}
|
|
924
924
|
/**
|
|
925
925
|
* @componentName Loading indicator
|
|
@@ -1614,7 +1614,7 @@ export namespace Components {
|
|
|
1614
1614
|
*/
|
|
1615
1615
|
"icon"?: string;
|
|
1616
1616
|
/**
|
|
1617
|
-
* An optional link related to the service
|
|
1617
|
+
* An optional link related to the service. All props of the va-link component are supported as properties of this object.
|
|
1618
1618
|
*/
|
|
1619
1619
|
"optionalLink"?: OptionalLink | string;
|
|
1620
1620
|
/**
|
|
@@ -4345,6 +4345,9 @@ declare namespace LocalJSX {
|
|
|
4345
4345
|
* The lang attribute for the anchor tag in the Default va-link. Also used for hreflang.
|
|
4346
4346
|
*/
|
|
4347
4347
|
"language"?: string;
|
|
4348
|
+
/**
|
|
4349
|
+
* The event used to track usage of the component.
|
|
4350
|
+
*/
|
|
4348
4351
|
"onComponent-library-analytics"?: (event: VaLinkCustomEvent<any>) => void;
|
|
4349
4352
|
/**
|
|
4350
4353
|
* The number of pages of the file. Only displayed if download is `true`.
|
|
@@ -4396,9 +4399,9 @@ declare namespace LocalJSX {
|
|
|
4396
4399
|
*/
|
|
4397
4400
|
"text": string;
|
|
4398
4401
|
/**
|
|
4399
|
-
* The type of the link, which determines its style. Can be 'primary', 'secondary', or '
|
|
4402
|
+
* The type of the link, which determines its style. Can be 'primary', 'secondary', 'reverse', or 'primary-entry'.
|
|
4400
4403
|
*/
|
|
4401
|
-
"type"?: 'primary' | 'secondary' | 'reverse';
|
|
4404
|
+
"type"?: 'primary' | 'secondary' | 'reverse' | 'primary-entry';
|
|
4402
4405
|
}
|
|
4403
4406
|
/**
|
|
4404
4407
|
* @componentName Loading indicator
|
|
@@ -5213,7 +5216,7 @@ declare namespace LocalJSX {
|
|
|
5213
5216
|
*/
|
|
5214
5217
|
"icon"?: string;
|
|
5215
5218
|
/**
|
|
5216
|
-
* An optional link related to the service
|
|
5219
|
+
* An optional link related to the service. All props of the va-link component are supported as properties of this object.
|
|
5217
5220
|
*/
|
|
5218
5221
|
"optionalLink"?: OptionalLink | string;
|
|
5219
5222
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! For license information please see va-combo-box.js.LICENSE.txt */
|
|
2
|
-
import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";var keymap$1={exports:{}},keyboardeventKeyPolyfill={exports:{}};!function(e){!function(){var t,o={polyfill:function(){if(!("KeyboardEvent"in window)||"key"in KeyboardEvent.prototype)return!1;var e={get:function(e){var t=o.keys[this.which||this.keyCode];return Array.isArray(t)&&(t=t[+this.shiftKey]),t}};return Object.defineProperty(KeyboardEvent.prototype,"key",e),e},keys:{3:"Cancel",6:"Help",8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",28:"Convert",29:"NonConvert",30:"Accept",31:"ModeChange",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",41:"Select",42:"Print",43:"Execute",44:"PrintScreen",45:"Insert",46:"Delete",48:["0",")"],49:["1","!"],50:["2","@"],51:["3","#"],52:["4","$"],53:["5","%"],54:["6","^"],55:["7","&"],56:["8","*"],57:["9","("],91:"OS",93:"ContextMenu",144:"NumLock",145:"ScrollLock",181:"VolumeMute",182:"VolumeDown",183:"VolumeUp",186:[";",":"],187:["=","+"],188:[",","<"],189:["-","_"],190:[".",">"],191:["/","?"],192:["`","~"],219:["[","{"],220:["\\","|"],221:["]","}"],222:["'",'"'],224:"Meta",225:"AltGraph",246:"Attn",247:"CrSel",248:"ExSel",249:"EraseEof",250:"Play",251:"ZoomOut"}};for(t=1;t<25;t++)o.keys[111+t]="F"+t;var a="";for(t=65;t<91;t++)a=String.fromCharCode(t),o.keys[t]=[a.toLowerCase(),a.toUpperCase()];e.exports=o}()}(keyboardeventKeyPolyfill);const MODIFIERS={Alt:"altKey",Control:"ctrlKey",Ctrl:"ctrlKey",Shift:"shiftKey"},MODIFIER_SEPARATOR="+",getEventKey=function(e,t){var o=e.key;if(t)for(var a in MODIFIERS)!0===e[MODIFIERS[a]]&&(o=[a,o].join("+"));return o};keymap$1.exports=function(e){const t=Object.keys(e).some((function(e){return e.indexOf("+")>-1}));return function(o){var a=getEventKey(o,t);return[a,a.toLowerCase()].reduce((function(t,s){return s in e&&(t=e[a].call(this,o)),t}),void 0)}},keymap$1.exports.MODIFIERS=MODIFIERS;const keymap=keymap$1.exports,isElement$1=e=>e&&"object"==typeof e&&1===e.nodeType;var select$1=(e,t)=>{if("string"!=typeof e)return[];t&&isElement$1(t)||(t=window.document);const o=t.querySelectorAll(e);return Array.prototype.slice.call(o)};const select=select$1,isElement=e=>e&&"object"==typeof e&&1===e.nodeType;var selectOrMatches=(e,t)=>{const o=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&o.push(t),o},getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function shouldUseNative(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}var objectAssign=shouldUseNative()?Object.assign:function(e,t){for(var o,a,s=toObject(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))hasOwnProperty.call(o,i)&&(s[i]=o[i]);if(getOwnPropertySymbols){a=getOwnPropertySymbols(o);for(var n=0;n<a.length;n++)propIsEnumerable.call(o,a[n])&&(s[a[n]]=o[a[n]])}}return s};!function(e){"function"!=typeof e.matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),a=0;o[a]&&o[a]!==t;)++a;return Boolean(o[a])}),"function"!=typeof e.closest&&(e.closest=function(e){for(var t=this;t&&1===t.nodeType;){if(t.matches(e))return t;t=t.parentNode}return null})}(window.Element.prototype);var delegate$2=function(e,t){return function(o){var a=o.target.closest(e);if(a)return t.call(a,o)}},compose$1=function(e){return function(t){return e.some((function(e){return!1===e.call(this,t)}),this)}};const delegate$1=delegate$2,compose=compose$1,SPLAT="*";var delegateAll$1=function(e){const t=Object.keys(e);if(1===t.length&&"*"===t[0])return e["*"];const o=t.reduce((function(t,o){return t.push(delegate$1(o,e[o])),t}),[]);return compose(o)};const assign$1=objectAssign,delegate=delegate$2,delegateAll=delegateAll$1,DELEGATE_PATTERN=/^(.+):delegate\((.+)\)$/,SPACE=" ",getListeners=function(e,t){var o,a,s=e.match(DELEGATE_PATTERN);s&&(e=s[1],o=s[2]),"object"==typeof t&&(a={capture:popKey(t,"capture"),passive:popKey(t,"passive")});var r={selector:o,delegate:"object"==typeof t?delegateAll(t):o?delegate(o,t):t,options:a};return e.indexOf(" ")>-1?e.split(" ").map((function(e){return assign$1({type:e},r)})):(r.type=e,[r])};var popKey=function(e,t){var o=e[t];return delete e[t],o},behavior$1=function(e,t){const o=Object.keys(e).reduce((function(t,o){var a=getListeners(o,e[o]);return t.concat(a)}),[]);return assign$1({add:function(e){o.forEach((function(t){e.addEventListener(t.type,t.delegate,t.options)}))},remove:function(e){o.forEach((function(t){e.removeEventListener(t.type,t.delegate,t.options)}))}},t)};const assign=objectAssign,Behavior=behavior$1,sequence=(...e)=>function(t=document.body){e.forEach((e=>{"function"==typeof this[e]&&this[e].call(this,t)}))};var behavior=(e,t)=>Behavior(e,assign({on:sequence("init","add"),off:sequence("teardown","remove")},t)),sanitizer={exports:{}};sanitizer.exports=function(){var e={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(t){return e._entities[t]},escapeHTML:function(t){for(var o="",a=0;a<t.length;a++)o+=t[a],a+1<arguments.length&&(o+=String(arguments[a+1]||"").replace(e._entity,e.getEntity));return o},createSafeHTML:function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),s=1;s<o;s++)a[s-1]=arguments[s];return{__html:e.escapeHTML.apply(e,[t].concat(a)),toString:function(){return"[object WrappedHTMLObject]"},info:"This is a wrapped HTML object. See https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_Automation for more."}},unwrapSafeHTML:function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return t.map((function(e){return e.__html})).join("")}};return e}();const Sanitizer=sanitizer.exports;var events={CLICK:"click"};const PREFIX="usa",COMBO_BOX_CLASS="usa-combo-box",COMBO_BOX_PRISTINE_CLASS="usa-combo-box--pristine",SELECT_CLASS="usa-combo-box__select",INPUT_CLASS="usa-combo-box__input",CLEAR_INPUT_BUTTON_CLASS="usa-combo-box__clear-input",CLEAR_INPUT_BUTTON_WRAPPER_CLASS=`${CLEAR_INPUT_BUTTON_CLASS}__wrapper`,INPUT_BUTTON_SEPARATOR_CLASS="usa-combo-box__input-button-separator",TOGGLE_LIST_BUTTON_CLASS="usa-combo-box__toggle-list",TOGGLE_LIST_BUTTON_WRAPPER_CLASS=`${TOGGLE_LIST_BUTTON_CLASS}__wrapper`,LIST_CLASS="usa-combo-box__list",LIST_OPTION_CLASS="usa-combo-box__list-option",LIST_OPTION_GROUP_CLASS=`${LIST_OPTION_CLASS}--group`,LIST_OPTION_GROUP_OPTION_CLASS=`${LIST_OPTION_CLASS}--group-option`,LIST_OPTION_FOCUSED_CLASS=`${LIST_OPTION_CLASS}--focused`,LIST_OPTION_SELECTED_CLASS=`${LIST_OPTION_CLASS}--selected`,STATUS_CLASS="usa-combo-box__status",COMBO_BOX=".usa-combo-box",SELECT=`.${SELECT_CLASS}`,INPUT=`.${INPUT_CLASS}`,CLEAR_INPUT_BUTTON=`.${CLEAR_INPUT_BUTTON_CLASS}`,TOGGLE_LIST_BUTTON=`.${TOGGLE_LIST_BUTTON_CLASS}`,LIST=`.${LIST_CLASS}`,LIST_OPTION=`.${LIST_OPTION_CLASS}`,LIST_OPTION_FOCUSED=`.${LIST_OPTION_FOCUSED_CLASS}`,LIST_OPTION_SELECTED=`.${LIST_OPTION_SELECTED_CLASS}`,STATUS=`.${STATUS_CLASS}`,DEFAULT_FILTER=".*{{query}}.*",noop=()=>{},changeElementValue=(e,t="")=>{const o=e;o.value=t;const a=new CustomEvent("change",{bubbles:!0,cancelable:!0,detail:{value:t}});o.dispatchEvent(a)},getComboBoxContext=e=>{const t=e.closest(COMBO_BOX);if(!t)throw new Error(`Element is missing outer ${COMBO_BOX}`);const o=t.querySelector(SELECT),a=t.querySelector(INPUT),s=t.querySelector(LIST),r=t.querySelector(STATUS),i=t.querySelector(LIST_OPTION_FOCUSED),n=t.querySelector(LIST_OPTION_SELECTED),l=t.querySelector(TOGGLE_LIST_BUTTON),c=t.querySelector(CLEAR_INPUT_BUTTON),u=t.classList.contains(COMBO_BOX_PRISTINE_CLASS);return{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,focusedOptionEl:i,selectedOptionEl:n,toggleListBtnEl:l,clearInputBtnEl:c,isPristine:u,disableFiltering:"true"===t.dataset.disableFiltering}},disable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.disabled=!0,o.disabled=!0,t.disabled=!0},ariaDisable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.setAttribute("aria-disabled",!0),o.setAttribute("aria-disabled",!0),t.setAttribute("aria-disabled",!0)},enable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!1,a.disabled=!1,o.disabled=!1,t.disabled=!1},handleMouseUp=e=>{const t=e.target;t.selectionStart===t.selectionEnd&&t.select()},enhanceComboBox=(e,t)=>{const o=e.closest(COMBO_BOX);if(o.dataset.enhanced)return;const a=o.querySelector("select");if(!a)throw new Error(`${COMBO_BOX} is missing inner select`);const s=a.id,r=t,i=`${s}--list`,n=`${s}-label`,l=`${s}--assistiveHint`,c=[],{defaultValue:u}=o.dataset,{placeholder:d}=o.dataset;let b;if(d&&c.push({placeholder:d}),u)for(let e=0,t=a.options.length;e<t;e+=1){const t=a.options[e];if(t.value===u){b=t;break}}if(!r||!r.matches(`label[for="${s}"]`))throw new Error(`${COMBO_BOX} for ${s} is either missing a label or a "for" attribute`);r.setAttribute("id",n),r.setAttribute("id",n),a.setAttribute("aria-hidden","true"),a.setAttribute("tabindex","-1"),a.classList.add("usa-sr-only",SELECT_CLASS),a.id="",a.value="",["required","aria-label","aria-labelledby"].forEach((e=>{if(a.hasAttribute(e)){const t=a.getAttribute(e);c.push({[e]:t}),a.removeAttribute(e)}}));const p=document.createElement("input");if(p.setAttribute("id",s),p.setAttribute("aria-owns",i),p.setAttribute("aria-controls",i),p.setAttribute("aria-autocomplete","list"),p.setAttribute("aria-describedby",l),p.setAttribute("aria-expanded","false"),p.setAttribute("autocapitalize","off"),p.setAttribute("autocomplete","off"),p.setAttribute("class",INPUT_CLASS),p.setAttribute("type","text"),p.setAttribute("role","combobox"),p.onmouseup=handleMouseUp,c.forEach((e=>Object.keys(e).forEach((t=>{const o=Sanitizer.escapeHTML`${e[t]}`;p.setAttribute(t,o)})))),o.insertAdjacentElement("beforeend",p),o.insertAdjacentHTML("beforeend",Sanitizer.escapeHTML`
|
|
2
|
+
import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";var keymap$1={exports:{}},keyboardeventKeyPolyfill={exports:{}};!function(e){!function(){var t,o={polyfill:function(){if(!("KeyboardEvent"in window)||"key"in KeyboardEvent.prototype)return!1;var e={get:function(e){var t=o.keys[this.which||this.keyCode];return Array.isArray(t)&&(t=t[+this.shiftKey]),t}};return Object.defineProperty(KeyboardEvent.prototype,"key",e),e},keys:{3:"Cancel",6:"Help",8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",28:"Convert",29:"NonConvert",30:"Accept",31:"ModeChange",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",41:"Select",42:"Print",43:"Execute",44:"PrintScreen",45:"Insert",46:"Delete",48:["0",")"],49:["1","!"],50:["2","@"],51:["3","#"],52:["4","$"],53:["5","%"],54:["6","^"],55:["7","&"],56:["8","*"],57:["9","("],91:"OS",93:"ContextMenu",144:"NumLock",145:"ScrollLock",181:"VolumeMute",182:"VolumeDown",183:"VolumeUp",186:[";",":"],187:["=","+"],188:[",","<"],189:["-","_"],190:[".",">"],191:["/","?"],192:["`","~"],219:["[","{"],220:["\\","|"],221:["]","}"],222:["'",'"'],224:"Meta",225:"AltGraph",246:"Attn",247:"CrSel",248:"ExSel",249:"EraseEof",250:"Play",251:"ZoomOut"}};for(t=1;t<25;t++)o.keys[111+t]="F"+t;var a="";for(t=65;t<91;t++)a=String.fromCharCode(t),o.keys[t]=[a.toLowerCase(),a.toUpperCase()];e.exports=o}()}(keyboardeventKeyPolyfill);const MODIFIERS={Alt:"altKey",Control:"ctrlKey",Ctrl:"ctrlKey",Shift:"shiftKey"},MODIFIER_SEPARATOR="+",getEventKey=function(e,t){var o=e.key;if(t)for(var a in MODIFIERS)!0===e[MODIFIERS[a]]&&(o=[a,o].join("+"));return o};keymap$1.exports=function(e){const t=Object.keys(e).some((function(e){return e.indexOf("+")>-1}));return function(o){var a=getEventKey(o,t);return[a,a.toLowerCase()].reduce((function(t,s){return s in e&&(t=e[a].call(this,o)),t}),void 0)}},keymap$1.exports.MODIFIERS=MODIFIERS;const keymap=keymap$1.exports,isElement$1=e=>e&&"object"==typeof e&&1===e.nodeType;var select$1=(e,t)=>{if("string"!=typeof e)return[];t&&isElement$1(t)||(t=window.document);const o=t.querySelectorAll(e);return Array.prototype.slice.call(o)};const select=select$1,isElement=e=>e&&"object"==typeof e&&1===e.nodeType;var selectOrMatches=(e,t)=>{const o=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&o.push(t),o},getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function shouldUseNative(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}var objectAssign=shouldUseNative()?Object.assign:function(e,t){for(var o,a,s=toObject(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))hasOwnProperty.call(o,i)&&(s[i]=o[i]);if(getOwnPropertySymbols){a=getOwnPropertySymbols(o);for(var n=0;n<a.length;n++)propIsEnumerable.call(o,a[n])&&(s[a[n]]=o[a[n]])}}return s};!function(e){"function"!=typeof e.matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),a=0;o[a]&&o[a]!==t;)++a;return Boolean(o[a])}),"function"!=typeof e.closest&&(e.closest=function(e){for(var t=this;t&&1===t.nodeType;){if(t.matches(e))return t;t=t.parentNode}return null})}(window.Element.prototype);var delegate$2=function(e,t){return function(o){var a=o.target.closest(e);if(a)return t.call(a,o)}},compose$1=function(e){return function(t){return e.some((function(e){return!1===e.call(this,t)}),this)}};const delegate$1=delegate$2,compose=compose$1,SPLAT="*";var delegateAll$1=function(e){const t=Object.keys(e);if(1===t.length&&"*"===t[0])return e["*"];const o=t.reduce((function(t,o){return t.push(delegate$1(o,e[o])),t}),[]);return compose(o)};const assign$1=objectAssign,delegate=delegate$2,delegateAll=delegateAll$1,DELEGATE_PATTERN=/^(.+):delegate\((.+)\)$/,SPACE=" ",getListeners=function(e,t){var o,a,s=e.match(DELEGATE_PATTERN);s&&(e=s[1],o=s[2]),"object"==typeof t&&(a={capture:popKey(t,"capture"),passive:popKey(t,"passive")});var r={selector:o,delegate:"object"==typeof t?delegateAll(t):o?delegate(o,t):t,options:a};return e.indexOf(" ")>-1?e.split(" ").map((function(e){return assign$1({type:e},r)})):(r.type=e,[r])};var popKey=function(e,t){var o=e[t];return delete e[t],o},behavior$1=function(e,t){const o=Object.keys(e).reduce((function(t,o){var a=getListeners(o,e[o]);return t.concat(a)}),[]);return assign$1({add:function(e){o.forEach((function(t){e.addEventListener(t.type,t.delegate,t.options)}))},remove:function(e){o.forEach((function(t){e.removeEventListener(t.type,t.delegate,t.options)}))}},t)};const assign=objectAssign,Behavior=behavior$1,sequence=(...e)=>function(t=document.body){e.forEach((e=>{"function"==typeof this[e]&&this[e].call(this,t)}))};var behavior=(e,t)=>Behavior(e,assign({on:sequence("init","add"),off:sequence("teardown","remove")},t)),sanitizer={exports:{}};sanitizer.exports=function(){var e={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(t){return e._entities[t]},escapeHTML:function(t){for(var o="",a=0;a<t.length;a++)o+=t[a],a+1<arguments.length&&(o+=String(arguments[a+1]||"").replace(e._entity,e.getEntity));return o},createSafeHTML:function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),s=1;s<o;s++)a[s-1]=arguments[s];return{__html:e.escapeHTML.apply(e,[t].concat(a)),toString:function(){return"[object WrappedHTMLObject]"},info:"This is a wrapped HTML object. See https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_Automation for more."}},unwrapSafeHTML:function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return t.map((function(e){return e.__html})).join("")}};return e}();const Sanitizer=sanitizer.exports;var events={CLICK:"click"};const PREFIX="usa",COMBO_BOX_CLASS="usa-combo-box",COMBO_BOX_PRISTINE_CLASS="usa-combo-box--pristine",SELECT_CLASS="usa-combo-box__select",INPUT_CLASS="usa-combo-box__input",CLEAR_INPUT_BUTTON_CLASS="usa-combo-box__clear-input",CLEAR_INPUT_BUTTON_WRAPPER_CLASS=`${CLEAR_INPUT_BUTTON_CLASS}__wrapper`,INPUT_BUTTON_SEPARATOR_CLASS="usa-combo-box__input-button-separator",TOGGLE_LIST_BUTTON_CLASS="usa-combo-box__toggle-list",TOGGLE_LIST_BUTTON_WRAPPER_CLASS=`${TOGGLE_LIST_BUTTON_CLASS}__wrapper`,LIST_CLASS="usa-combo-box__list",LIST_OPTION_CLASS="usa-combo-box__list-option",LIST_OPTION_GROUP_CLASS=`${LIST_OPTION_CLASS}--group`,LIST_OPTION_GROUP_OPTION_CLASS=`${LIST_OPTION_CLASS}--group-option`,LIST_OPTION_FOCUSED_CLASS=`${LIST_OPTION_CLASS}--focused`,LIST_OPTION_SELECTED_CLASS=`${LIST_OPTION_CLASS}--selected`,STATUS_CLASS="usa-combo-box__status",ERROR_CLASS="usa-input--error",COMBO_BOX=".usa-combo-box",SELECT=`.${SELECT_CLASS}`,INPUT=`.${INPUT_CLASS}`,CLEAR_INPUT_BUTTON=`.${CLEAR_INPUT_BUTTON_CLASS}`,TOGGLE_LIST_BUTTON=`.${TOGGLE_LIST_BUTTON_CLASS}`,LIST=`.${LIST_CLASS}`,LIST_OPTION=`.${LIST_OPTION_CLASS}`,LIST_OPTION_FOCUSED=`.${LIST_OPTION_FOCUSED_CLASS}`,LIST_OPTION_SELECTED=`.${LIST_OPTION_SELECTED_CLASS}`,STATUS=`.${STATUS_CLASS}`,DEFAULT_FILTER=".*{{query}}.*",noop=()=>{},changeElementValue=(e,t="")=>{const o=e;o.value=t;const a=new CustomEvent("change",{bubbles:!0,cancelable:!0,detail:{value:t}});o.dispatchEvent(a)},getComboBoxContext=e=>{const t=e.closest(COMBO_BOX);if(!t)throw new Error(`Element is missing outer ${COMBO_BOX}`);const o=t.querySelector(SELECT),a=t.querySelector(INPUT),s=t.querySelector(LIST),r=t.querySelector(STATUS),i=t.querySelector(LIST_OPTION_FOCUSED),n=t.querySelector(LIST_OPTION_SELECTED),l=t.querySelector(TOGGLE_LIST_BUTTON),c=t.querySelector(CLEAR_INPUT_BUTTON),u=t.classList.contains(COMBO_BOX_PRISTINE_CLASS);return{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,focusedOptionEl:i,selectedOptionEl:n,toggleListBtnEl:l,clearInputBtnEl:c,isPristine:u,disableFiltering:"true"===t.dataset.disableFiltering}},disable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.disabled=!0,o.disabled=!0,t.disabled=!0},ariaDisable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.setAttribute("aria-disabled",!0),o.setAttribute("aria-disabled",!0),t.setAttribute("aria-disabled",!0)},enable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!1,a.disabled=!1,o.disabled=!1,t.disabled=!1},handleMouseUp=e=>{const t=e.target;t.selectionStart===t.selectionEnd&&t.select()},enhanceComboBox=(e,t)=>{const o=e.closest(COMBO_BOX);if(o.dataset.enhanced)return;const a=o.querySelector("select");if(!a)throw new Error(`${COMBO_BOX} is missing inner select`);const s=a.id,r=t,i=`${s}--list`,n=`${s}-label`,l=`${s}--assistiveHint`,c=[],{defaultValue:u}=o.dataset,{placeholder:d}=o.dataset;let b;if(d&&c.push({placeholder:d}),u)for(let e=0,t=a.options.length;e<t;e+=1){const t=a.options[e];if(t.value===u){b=t;break}}if(!r||!r.matches(`label[for="${s}"]`))throw new Error(`${COMBO_BOX} for ${s} is either missing a label or a "for" attribute`);r.setAttribute("id",n),r.setAttribute("id",n),a.setAttribute("aria-hidden","true"),a.setAttribute("tabindex","-1"),a.classList.add("usa-sr-only",SELECT_CLASS),a.id="",a.value="",["required","aria-label","aria-labelledby"].forEach((e=>{if(a.hasAttribute(e)){const t=a.getAttribute(e);c.push({[e]:t}),a.removeAttribute(e)}}));const p=document.createElement("input");if(p.setAttribute("id",s),p.setAttribute("aria-owns",i),p.setAttribute("aria-controls",i),p.setAttribute("aria-autocomplete","list"),p.setAttribute("aria-describedby",l),p.setAttribute("aria-expanded","false"),p.setAttribute("autocapitalize","off"),p.setAttribute("autocomplete","off"),p.setAttribute("class",INPUT_CLASS),p.setAttribute("type","text"),p.setAttribute("role","combobox"),p.onmouseup=handleMouseUp,c.forEach((e=>Object.keys(e).forEach((t=>{const o=Sanitizer.escapeHTML`${e[t]}`;p.setAttribute(t,o)})))),"true"===o.dataset.error&&p.classList.add(ERROR_CLASS),o.insertAdjacentElement("beforeend",p),o.insertAdjacentHTML("beforeend",Sanitizer.escapeHTML`
|
|
3
3
|
<span class="${CLEAR_INPUT_BUTTON_WRAPPER_CLASS}" tabindex="-1">
|
|
4
4
|
<button type="button" class="${CLEAR_INPUT_BUTTON_CLASS}" aria-label="Clear the select contents"> </button>
|
|
5
5
|
</span>
|
|
@@ -15,4 +15,4 @@ import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}fr
|
|
|
15
15
|
aria-labelledby="${n}"
|
|
16
16
|
hidden>
|
|
17
17
|
</ul>
|
|
18
|
-
<div class="${STATUS_CLASS} usa-sr-only" role="status"></div>`),b){const{inputEl:e}=getComboBoxContext(o);changeElementValue(a,b.value),changeElementValue(e,b.text),o.classList.add(COMBO_BOX_PRISTINE_CLASS)}a.disabled&&(disable(o),a.disabled=!1),a.hasAttribute("aria-disabled")&&(ariaDisable(o),a.removeAttribute("aria-disabled")),o.dataset.enhanced="true"},highlightOption=(e,t,{skipFocus:o,preventScroll:a}={})=>{const{inputEl:s,listEl:r,focusedOptionEl:i}=getComboBoxContext(e);if(i&&(i.classList.remove(LIST_OPTION_FOCUSED_CLASS),i.setAttribute("tabIndex","-1")),t){if(s.setAttribute("aria-activedescendant",t.id),t.setAttribute("tabIndex","0"),t.classList.add(LIST_OPTION_FOCUSED_CLASS),!a){const e=t.offsetTop+t.offsetHeight;e>r.scrollTop+r.offsetHeight&&(r.scrollTop=e-r.offsetHeight),t.offsetTop<r.scrollTop&&(r.scrollTop=t.offsetTop)}o||t.focus({preventScroll:a})}else s.setAttribute("aria-activedescendant",""),s.focus()},generateDynamicRegExp=(e,t="",o={})=>{const a=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&");let s=e.replace(/{{(.*?)}}/g,((e,s)=>{const r=s.trim(),i=o[r];if("query"!==r&&i){const e=new RegExp(i,"i"),o=t.match(e);return o?a(o[1]):""}return a(t)}));return s=`^(?:${s})$`,new RegExp(s,"i")},isDataOptGroup=e=>"true"===e.getAttribute("data-optgroup"),displayList=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,isPristine:i,disableFiltering:n}=getComboBoxContext(e);let l,c;const u=`${s.id}--option-`,d=(a.value||"").trim().toLowerCase(),b=t.dataset.filter||DEFAULT_FILTER,p=generateDynamicRegExp(b,d,t.dataset),m=[];let g="";for(let e=0,t=o.options.length;e<t;e+=1){const t=o.options[e],a=`${u}${m.length}`;if(t.value&&(n||i||!d||p.test(t.text))){if(o.value&&t.value===o.value&&(l=a),n&&!c&&p.test(t.text)&&(c=a),!d){m.push(t);continue}if(d&&p.test(t.text)&&"true"!==t.getAttribute("data-optgroup")){if("true"===t.getAttribute("data-optgroup-option")&&g!==t.getAttribute("aria-describedby")){g=t.getAttribute("aria-describedby");const e=o.querySelector("#"+g);m.push(e)}m.push(t)}}}const h=m.length;let _=!1,x=0,f=0;const S=m.filter((e=>!isDataOptGroup(e))).length,v=m.map(((e,t)=>{const a=isDataOptGroup(e),s=null!==e.getAttribute("data-optgroup-option");a&&(x+=1),a||(f+=1);const r=`${u}${t}`,i=a?[]:[LIST_OPTION_CLASS];let n="-1",c="false";o.value&&e.value===o.value&&(i.push(LIST_OPTION_SELECTED_CLASS,LIST_OPTION_FOCUSED_CLASS),n="0",c="true"),l||_||a||(i.push(LIST_OPTION_FOCUSED_CLASS),n="0",_=!0),a?i.push(LIST_OPTION_GROUP_CLASS):s&&i.push(LIST_OPTION_GROUP_OPTION_CLASS);const d=document.createElement("li");return a||(d.setAttribute("aria-setsize",S),d.setAttribute("aria-posinset",f),d.setAttribute("aria-describedby",e.getAttribute("aria-describedby"))),d.setAttribute("aria-selected",c),d.setAttribute("id",a?e.id:r),d.setAttribute("class",i.join(" ")),d.setAttribute("tabindex",n),d.setAttribute("role",a?"group":"option"),d.setAttribute("data-value",e.value),d.textContent=e.text,d})),E=document.createElement("li");E.setAttribute("class",`${LIST_OPTION_CLASS}--no-results`),E.textContent="No results found",s.hidden=!1,h?(s.innerHTML="",v.forEach((e=>s.insertAdjacentElement("beforeend",e)))):(s.innerHTML="",s.insertAdjacentElement("beforeend",E)),a.setAttribute("aria-expanded","true");const C=(e,t,o)=>e?`${e} ${e>1?o:t} available.`:"",w=C(x,"group","groups"),O=C(f,"result","results");let T;r.textContent=f?`${w} ${O}`:"No results.",i&&l?T=s.querySelector(`#${l}`):n&&c&&(T=s.querySelector(`#${c}`)),T&&highlightOption(s,T,{skipFocus:!0})},hideList=e=>{const{inputEl:t,listEl:o,statusEl:a,focusedOptionEl:s}=getComboBoxContext(e);a.innerHTML="",t.setAttribute("aria-expanded","false"),t.setAttribute("aria-activedescendant",""),s&&s.classList.remove(LIST_OPTION_FOCUSED_CLASS),o.scrollTop=0,o.hidden=!0},selectItem=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a}=getComboBoxContext(e);changeElementValue(o,e.dataset.value),changeElementValue(a,e.textContent),t.classList.add(COMBO_BOX_PRISTINE_CLASS),hideList(t),a.focus()},clearInput=e=>{const{comboBoxEl:t,listEl:o,selectEl:a,inputEl:s}=getComboBoxContext(e),r=!o.hidden;a.value&&changeElementValue(a),s.value&&changeElementValue(s),t.classList.remove(COMBO_BOX_PRISTINE_CLASS),r&&displayList(t),s.focus()},completeSelection=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,statusEl:s}=getComboBoxContext(e);s.textContent="";const r=(a.value||"").trim().toLowerCase();if(r){const e=Array.from(o.options).find((e=>e.text.toLowerCase()===r));if(e)return changeElementValue(o,e.value),changeElementValue(a,e.text),void t.classList.add(COMBO_BOX_PRISTINE_CLASS)}changeElementValue(o,""),t.classList.remove(COMBO_BOX_PRISTINE_CLASS)},handleEscape=e=>{const{comboBoxEl:t,inputEl:o}=getComboBoxContext(e.target);hideList(t),completeSelection(t),o.focus()},handleDownFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target);o.hidden&&displayList(t);let a=o.querySelector(LIST_OPTION_FOCUSED)||o.querySelector(LIST_OPTION);a&&("group"===a.getAttribute("role")&&(a=a.nextSibling),highlightOption(t,a)),e.preventDefault()},handleEnterFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target),a=!o.hidden;completeSelection(t),a&&hideList(t),e.preventDefault()},handleDownFromListOption=e=>{const t=e.target;let o=t.nextSibling;o&&("group"===o.getAttribute("role")&&(o=o.nextSibling),highlightOption(t,o)),e.preventDefault()},handleSpaceFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleEnterFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleUpFromListOption=e=>{const{comboBoxEl:t,listEl:o,focusedOptionEl:a}=getComboBoxContext(e.target);let s=a&&a.previousSibling;const r=!o.hidden;s&&("group"===s.getAttribute("role")&&(s=s.previousSibling),highlightOption(a,s)),r&&e.preventDefault(),s||hideList(t)},handleMouseover=e=>{e.classList.contains(LIST_OPTION_FOCUSED_CLASS)||highlightOption(e,e,{preventScroll:!0})},toggleList=e=>{const{comboBoxEl:t,listEl:o,inputEl:a}=getComboBoxContext(e);o.hidden?displayList(t):hideList(t),a.focus()},handleClickFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e);o.hidden&&displayList(t)},comboBox=behavior({[events.CLICK]:{[INPUT](){this.disabled||handleClickFromInput(this)},[TOGGLE_LIST_BUTTON](){this.disabled||toggleList(this)},[LIST_OPTION](){this.disabled||selectItem(this)},[CLEAR_INPUT_BUTTON](){this.disabled||clearInput(this)}},focusout:{[COMBO_BOX](e){this.contains(e.relatedTarget)||(completeSelection(this),hideList(this))}},keydown:{[COMBO_BOX]:keymap({Escape:handleEscape}),[INPUT]:keymap({Enter:handleEnterFromInput,ArrowDown:handleDownFromInput,Down:handleDownFromInput}),[LIST_OPTION]:keymap({ArrowUp:handleUpFromListOption,Up:handleUpFromListOption,ArrowDown:handleDownFromListOption,Down:handleDownFromListOption,Enter:handleEnterFromListOption," ":handleSpaceFromListOption,"Shift+Tab":noop})},input:{[INPUT](){this.closest(COMBO_BOX).classList.remove(COMBO_BOX_PRISTINE_CLASS),displayList(this)}},mouseover:{[LIST_OPTION](){handleMouseover(this)}}},{init(e,t){selectOrMatches(COMBO_BOX,e).forEach((e=>{enhanceComboBox(e,t)}))},getComboBoxContext:getComboBoxContext,enhanceComboBox:enhanceComboBox,generateDynamicRegExp:generateDynamicRegExp,disable:disable,enable:enable,displayList:displayList,hideList:hideList,COMBO_BOX_CLASS:"usa-combo-box"}),vaComboBoxCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-hint,.usa-select,.usa-combo-box__input,.usa-combo-box__list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-combo-box__input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-combo-box{max-width:30rem;position:relative}.usa-combo-box--pristine .usa-combo-box__input{padding-right:calc(5em + 4px)}.usa-combo-box--pristine .usa-combo-box__input::-ms-clear{display:none}.usa-combo-box--pristine .usa-combo-box__clear-input{display:block}@media (forced-colors: active){.usa-combo-box--pristine .usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:1.5rem;width:auto;top:0.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box--pristine .usa-combo-box__clear-input{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}}.usa-combo-box__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;max-width:none;padding-right:calc(2.5em + 3px)}.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:0;color:GrayText}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:2px solid GrayText}}.usa-combo-box__input:disabled::-webkit-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-webkit-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-moz-placeholder,.usa-combo-box__input[aria-disabled=true]::-moz-placeholder{opacity:1}.usa-combo-box__input:disabled:-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]:-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::placeholder,.usa-combo-box__input[aria-disabled=true]::placeholder{opacity:1}.usa-combo-box__input:disabled~.usa-combo-box__input-button-separator,.usa-combo-box__input[aria-disabled=true]~.usa-combo-box__input-button-separator{background-color:#454545;cursor:not-allowed}button.usa-combo-box__toggle-list:focus,button.usa-combo-box__clear-input:focus{outline-offset:-4px}button.usa-combo-box__toggle-list:disabled,button.usa-combo-box__toggle-list[aria-disabled=true],button.usa-combo-box__clear-input:disabled,button.usa-combo-box__clear-input[aria-disabled=true]{cursor:not-allowed}.usa-combo-box__toggle-list__wrapper:focus,.usa-combo-box__clear-input__wrapper:focus{outline:0}.usa-combo-box__toggle-list,.usa-combo-box__clear-input{background-color:transparent;background-position:center;background-size:auto 1.5rem;border:0;bottom:1px;cursor:pointer;margin-bottom:0;opacity:0.6;padding-right:2rem;position:absolute;top:1px;z-index:100}.usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;display:none;right:calc(2.5em + 3px)}.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:auto 2rem;right:1px}@media (forced-colors: active){.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:auto;width:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box__toggle-list{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}.usa-combo-box__toggle-list:disabled,.usa-combo-box__toggle-list[aria-disabled=true]{background-color:GrayText}}.usa-combo-box__input-button-separator{background-color:#c6cace;position:absolute;top:1px;height:calc(100% - 1rem);margin-bottom:0.5rem;margin-top:0.5rem;width:1px;right:calc(2.5em + 2px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:200}@media (forced-colors: active){.usa-combo-box__input-button-separator{background-color:ButtonText}}.usa-combo-box__list{border-width:1px;border-color:#565c65;border-style:solid;background-color:white;border-radius:0;border-top:0;margin:0;max-height:12.1em;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.usa-combo-box__list:focus{outline:0}.usa-combo-box__list-option{border-bottom:1px solid #dfe1e2;cursor:pointer;display:block;padding:0.5rem}.usa-combo-box__list-option--focused{outline:2px solid #162e51;outline-offset:-2px;position:relative;z-index:100}.usa-combo-box__list-option--focused:focus{outline-offset:-4px}.usa-combo-box__list-option--selected{background-color:#005ea2;border-color:#005ea2;color:white}.usa-combo-box__list-option--no-results{cursor:not-allowed;display:block;padding:0.5rem}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base);max-width:30rem}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.usa-combo-box{max-width:auto}.usa-combo-box__list{width:calc(100% - 2px)}.usa-combo-box__list-option--focused{outline:2px solid var(--vads-color-action-border-base-active-on-light)}.usa-combo-box__list-option--focused:focus{outline-offset:-2px}.usa-combo-box__list-option--group{font-weight:bold;background-color:var(--vads-color-base-lightest);cursor:not-allowed;display:block;padding:0.5rem}.usa-combo-box__list-option--group-option{padding-left:24px}.usa-combo-box__clear-input{right:calc(2.5rem + 3px)}.usa-combo-box__input-button-separator{right:calc(2.5rem + 2px)}',VaComboBoxStyle0=vaComboBoxCss,VaComboBox$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaSelect=createEvent(this,"vaSelect",7),this.options=void 0,this.labelNode=void 0,this.required=!1,this.disabled=!1,this.label=void 0,this.placeholder=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".usa-combo-box"),t=this.el.shadowRoot.querySelector("label");e&&(comboBox.init(e,t),comboBox.on(e));const o=this.el.shadowRoot.querySelector("input");o&&this.error&&o.classList.add("usa-input--error");const a=`${this.messageAriaDescribedby?"input-message":""} ${this.error?"input-error-message":""} ${this.hint?"input-hint":""} ${o.getAttribute("aria-describedby")}`.trim();o.setAttribute("aria-describedby",a)}disconnectedCallback(){instance.off("languageChanged");const e=this.el.shadowRoot.querySelector(".usa-combo-box");e&&comboBox.off(e)}populateOptions(){const{value:e}=this,t=this.el.querySelectorAll("option, optgroup"),o=Array.from(t);this.options=o.map(((t,o)=>"optgroup"===t.nodeName.toLowerCase()?h(Fragment,null,h("option",{"data-optgroup":"true",id:"optgroup-"+o},t.label),Array.from(t.children).map((t=>h("option",{value:t.value,selected:e===t.value,"data-optgroup-option":"true","aria-describedby":"optgroup-"+o},t.text)))):"option"===t.nodeName.toLowerCase()&&"optgroup"!==t.parentElement.nodeName.toLowerCase()?h("option",{value:t.value,selected:e===t.value},t.textContent):void 0))}handleChange(e){const t=e.target;this.value=t.value,this.vaSelect.emit({value:this.value})}render(){const{error:e,value:t,disabled:o,placeholder:a,label:s,required:r,name:i,hint:n,messageAriaDescribedby:l}=this,c=classnames({"usa-label":!0,"usa-label--error":e});return h(Host,{key:"dd9301d6d8b9d37801e6cca5d9cebe46a0e0a016"},h("label",{key:"1e06e7fd2a1f3e64914ef1e89d235a2a4425cf25",htmlFor:"options",class:c,id:"options-label"},s,r&&h("span",{key:"659d61aaeb4142924d78edc5296eb29366d27e53",class:"usa-label--required"}," ",instance.t("required"))),n&&h("span",{key:"3eb59b9e72f58954ea8a2e2fa7e2cacc41bc56bc",class:"usa-hint",id:"input-hint"},n),h("span",{key:"cc2522597365abca27646dc9c1b1ce0d9d78bc81",id:"input-error-message",role:"alert"},e&&h(Fragment,{key:"05655f400fc3fa5fa3abadb07e1c385ece3f0d89"},h("span",{key:"bd4a6dc088dc962df9137e02432af8dbcc54bbe4",class:"usa-sr-only"},instance.t("error")),h("span",{key:"b85987f619f84a60a3ed89b2b389343a8cdfd79c",class:"usa-error-message"},e))),h("slot",{key:"5bb4fefcadf051e0726d81bc184e80a844022d35",onSlotchange:()=>this.populateOptions()}),h("div",{key:"8716d1080f4619e1303daab07f1e711ff6f85d39",class:"usa-combo-box","data-default-value":t,"data-placeholder":a},h("select",{key:"d7b827fcef87266818ea531fee1eee726b07ea18",class:"usa-select",name:i,id:"options",onChange:e=>this.handleChange(e),disabled:o},this.options)),isMessageSet(l)&&h("span",{key:"8d0dd204bdea4ef4e9c6f901a261cce323b5ed21",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get style(){return VaComboBoxStyle0}},[1,"va-combo-box",{required:[4],disabled:[4],label:[1],placeholder:[1],name:[1],value:[1537],error:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],options:[32],labelNode:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-combo-box"].forEach((e=>{"va-combo-box"===e&&(customElements.get(e)||customElements.define(e,VaComboBox$1))}))}const VaComboBox=VaComboBox$1,defineCustomElement=defineCustomElement$1;export{VaComboBox,defineCustomElement};
|
|
18
|
+
<div class="${STATUS_CLASS} usa-sr-only" role="status"></div>`),b){const{inputEl:e}=getComboBoxContext(o);changeElementValue(a,b.value),changeElementValue(e,b.text),o.classList.add(COMBO_BOX_PRISTINE_CLASS)}a.disabled&&(disable(o),a.disabled=!1),a.hasAttribute("aria-disabled")&&(ariaDisable(o),a.removeAttribute("aria-disabled")),o.dataset.enhanced="true"},highlightOption=(e,t,{skipFocus:o,preventScroll:a}={})=>{const{inputEl:s,listEl:r,focusedOptionEl:i}=getComboBoxContext(e);if(i&&(i.classList.remove(LIST_OPTION_FOCUSED_CLASS),i.setAttribute("tabIndex","-1")),t){if(s.setAttribute("aria-activedescendant",t.id),t.setAttribute("tabIndex","0"),t.classList.add(LIST_OPTION_FOCUSED_CLASS),!a){const e=t.offsetTop+t.offsetHeight;e>r.scrollTop+r.offsetHeight&&(r.scrollTop=e-r.offsetHeight),t.offsetTop<r.scrollTop&&(r.scrollTop=t.offsetTop)}o||t.focus({preventScroll:a})}else s.setAttribute("aria-activedescendant",""),s.focus()},generateDynamicRegExp=(e,t="",o={})=>{const a=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&");let s=e.replace(/{{(.*?)}}/g,((e,s)=>{const r=s.trim(),i=o[r];if("query"!==r&&i){const e=new RegExp(i,"i"),o=t.match(e);return o?a(o[1]):""}return a(t)}));return s=`^(?:${s})$`,new RegExp(s,"i")},isDataOptGroup=e=>"true"===e.getAttribute("data-optgroup"),displayList=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,isPristine:i,disableFiltering:n}=getComboBoxContext(e);let l,c;const u=`${s.id}--option-`,d=(a.value||"").trim().toLowerCase(),b=t.dataset.filter||DEFAULT_FILTER,p=generateDynamicRegExp(b,d,t.dataset),m=[];let g="";for(let e=0,t=o.options.length;e<t;e+=1){const t=o.options[e],a=`${u}${m.length}`;if(t.value&&(n||i||!d||p.test(t.text))){if(o.value&&t.value===o.value&&(l=a),n&&!c&&p.test(t.text)&&(c=a),!d){m.push(t);continue}if(d&&p.test(t.text)&&"true"!==t.getAttribute("data-optgroup")){if("true"===t.getAttribute("data-optgroup-option")&&g!==t.getAttribute("aria-describedby")){g=t.getAttribute("aria-describedby");const e=o.querySelector("#"+g);m.push(e)}m.push(t)}}}const h=m.length;let _=!1,x=0,f=0;const S=m.filter((e=>!isDataOptGroup(e))).length,v=m.map(((e,t)=>{const a=isDataOptGroup(e),s=null!==e.getAttribute("data-optgroup-option");a&&(x+=1),a||(f+=1);const r=`${u}${t}`,i=a?[]:[LIST_OPTION_CLASS];let n="-1",c="false";o.value&&e.value===o.value&&(i.push(LIST_OPTION_SELECTED_CLASS,LIST_OPTION_FOCUSED_CLASS),n="0",c="true"),l||_||a||(i.push(LIST_OPTION_FOCUSED_CLASS),n="0",_=!0),a?i.push(LIST_OPTION_GROUP_CLASS):s&&i.push(LIST_OPTION_GROUP_OPTION_CLASS);const d=document.createElement("li");return a||(d.setAttribute("aria-setsize",S),d.setAttribute("aria-posinset",f),d.setAttribute("aria-describedby",e.getAttribute("aria-describedby"))),d.setAttribute("aria-selected",c),d.setAttribute("id",a?e.id:r),d.setAttribute("class",i.join(" ")),d.setAttribute("tabindex",n),d.setAttribute("role",a?"group":"option"),d.setAttribute("data-value",e.value),d.textContent=e.text,d})),E=document.createElement("li");E.setAttribute("class",`${LIST_OPTION_CLASS}--no-results`),E.textContent="No results found",s.hidden=!1,h?(s.innerHTML="",v.forEach((e=>s.insertAdjacentElement("beforeend",e)))):(s.innerHTML="",s.insertAdjacentElement("beforeend",E)),a.setAttribute("aria-expanded","true");const C=(e,t,o)=>e?`${e} ${e>1?o:t} available.`:"",w=C(x,"group","groups"),O=C(f,"result","results");let T;r.textContent=f?`${w} ${O}`:"No results.",i&&l?T=s.querySelector(`#${l}`):n&&c&&(T=s.querySelector(`#${c}`)),T&&highlightOption(s,T,{skipFocus:!0})},hideList=e=>{const{inputEl:t,listEl:o,statusEl:a,focusedOptionEl:s}=getComboBoxContext(e);a.innerHTML="",t.setAttribute("aria-expanded","false"),t.setAttribute("aria-activedescendant",""),s&&s.classList.remove(LIST_OPTION_FOCUSED_CLASS),o.scrollTop=0,o.hidden=!0},selectItem=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a}=getComboBoxContext(e);changeElementValue(o,e.dataset.value),changeElementValue(a,e.textContent),t.classList.add(COMBO_BOX_PRISTINE_CLASS),hideList(t),a.focus()},clearInput=e=>{const{comboBoxEl:t,listEl:o,selectEl:a,inputEl:s}=getComboBoxContext(e),r=!o.hidden;a.value&&changeElementValue(a),s.value&&changeElementValue(s),t.classList.remove(COMBO_BOX_PRISTINE_CLASS),r&&displayList(t),s.focus()},completeSelection=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,statusEl:s}=getComboBoxContext(e);s.textContent="";const r=(a.value||"").trim().toLowerCase();if(r){const e=Array.from(o.options).find((e=>e.text.toLowerCase()===r));if(e)return changeElementValue(o,e.value),changeElementValue(a,e.text),void t.classList.add(COMBO_BOX_PRISTINE_CLASS)}changeElementValue(o,""),t.classList.remove(COMBO_BOX_PRISTINE_CLASS)},handleEscape=e=>{const{comboBoxEl:t,inputEl:o}=getComboBoxContext(e.target);hideList(t),completeSelection(t),o.focus()},handleDownFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target);o.hidden&&displayList(t);let a=o.querySelector(LIST_OPTION_FOCUSED)||o.querySelector(LIST_OPTION);a&&("group"===a.getAttribute("role")&&(a=a.nextSibling),highlightOption(t,a)),e.preventDefault()},handleEnterFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target),a=!o.hidden;completeSelection(t),a&&hideList(t),e.preventDefault()},handleDownFromListOption=e=>{const t=e.target;let o=t.nextSibling;o&&("group"===o.getAttribute("role")&&(o=o.nextSibling),highlightOption(t,o)),e.preventDefault()},handleSpaceFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleEnterFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleUpFromListOption=e=>{const{comboBoxEl:t,listEl:o,focusedOptionEl:a}=getComboBoxContext(e.target);let s=a&&a.previousSibling;const r=!o.hidden;s&&("group"===s.getAttribute("role")&&(s=s.previousSibling),highlightOption(a,s)),r&&e.preventDefault(),s||hideList(t)},handleMouseover=e=>{e.classList.contains(LIST_OPTION_FOCUSED_CLASS)||highlightOption(e,e,{preventScroll:!0})},toggleList=e=>{const{comboBoxEl:t,listEl:o,inputEl:a}=getComboBoxContext(e);o.hidden?displayList(t):hideList(t),a.focus()},handleClickFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e);o.hidden&&displayList(t)},comboBox=behavior({[events.CLICK]:{[INPUT](){this.disabled||handleClickFromInput(this)},[TOGGLE_LIST_BUTTON](){this.disabled||toggleList(this)},[LIST_OPTION](){this.disabled||selectItem(this)},[CLEAR_INPUT_BUTTON](){this.disabled||clearInput(this)}},focusout:{[COMBO_BOX](e){this.contains(e.relatedTarget)||(completeSelection(this),hideList(this))}},keydown:{[COMBO_BOX]:keymap({Escape:handleEscape}),[INPUT]:keymap({Enter:handleEnterFromInput,ArrowDown:handleDownFromInput,Down:handleDownFromInput}),[LIST_OPTION]:keymap({ArrowUp:handleUpFromListOption,Up:handleUpFromListOption,ArrowDown:handleDownFromListOption,Down:handleDownFromListOption,Enter:handleEnterFromListOption," ":handleSpaceFromListOption,"Shift+Tab":noop})},input:{[INPUT](){this.closest(COMBO_BOX).classList.remove(COMBO_BOX_PRISTINE_CLASS),displayList(this)}},mouseover:{[LIST_OPTION](){handleMouseover(this)}}},{init(e,t){selectOrMatches(COMBO_BOX,e).forEach((e=>{enhanceComboBox(e,t)}))},getComboBoxContext:getComboBoxContext,enhanceComboBox:enhanceComboBox,generateDynamicRegExp:generateDynamicRegExp,disable:disable,enable:enable,displayList:displayList,hideList:hideList,COMBO_BOX_CLASS:"usa-combo-box"}),vaComboBoxCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-hint,.usa-select,.usa-combo-box__input,.usa-combo-box__list,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-combo-box__input,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-combo-box{max-width:30rem;position:relative}.usa-combo-box--pristine .usa-combo-box__input{padding-right:calc(5em + 4px)}.usa-combo-box--pristine .usa-combo-box__input::-ms-clear{display:none}.usa-combo-box--pristine .usa-combo-box__clear-input{display:block}@media (forced-colors: active){.usa-combo-box--pristine .usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:1.5rem;width:auto;top:0.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box--pristine .usa-combo-box__clear-input{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}}.usa-combo-box__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;max-width:none;padding-right:calc(2.5em + 3px)}.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:0;color:GrayText}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:2px solid GrayText}}.usa-combo-box__input:disabled::-webkit-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-webkit-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-moz-placeholder,.usa-combo-box__input[aria-disabled=true]::-moz-placeholder{opacity:1}.usa-combo-box__input:disabled:-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]:-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::placeholder,.usa-combo-box__input[aria-disabled=true]::placeholder{opacity:1}.usa-combo-box__input:disabled~.usa-combo-box__input-button-separator,.usa-combo-box__input[aria-disabled=true]~.usa-combo-box__input-button-separator{background-color:#454545;cursor:not-allowed}button.usa-combo-box__toggle-list:focus,button.usa-combo-box__clear-input:focus{outline-offset:-4px}button.usa-combo-box__toggle-list:disabled,button.usa-combo-box__toggle-list[aria-disabled=true],button.usa-combo-box__clear-input:disabled,button.usa-combo-box__clear-input[aria-disabled=true]{cursor:not-allowed}.usa-combo-box__toggle-list__wrapper:focus,.usa-combo-box__clear-input__wrapper:focus{outline:0}.usa-combo-box__toggle-list,.usa-combo-box__clear-input{background-color:transparent;background-position:center;background-size:auto 1.5rem;border:0;bottom:1px;cursor:pointer;margin-bottom:0;opacity:0.6;padding-right:2rem;position:absolute;top:1px;z-index:100}.usa-combo-box__clear-input{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;display:none;right:calc(2.5em + 3px)}.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:auto 2rem;right:1px}@media (forced-colors: active){.usa-combo-box__toggle-list{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:auto;width:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box__toggle-list{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem}}.usa-combo-box__toggle-list:disabled,.usa-combo-box__toggle-list[aria-disabled=true]{background-color:GrayText}}.usa-combo-box__input-button-separator{background-color:#c6cace;position:absolute;top:1px;height:calc(100% - 1rem);margin-bottom:0.5rem;margin-top:0.5rem;width:1px;right:calc(2.5em + 2px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:200}@media (forced-colors: active){.usa-combo-box__input-button-separator{background-color:ButtonText}}.usa-combo-box__list{border-width:1px;border-color:#565c65;border-style:solid;background-color:white;border-radius:0;border-top:0;margin:0;max-height:12.1em;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.usa-combo-box__list:focus{outline:0}.usa-combo-box__list-option{border-bottom:1px solid #dfe1e2;cursor:pointer;display:block;padding:0.5rem}.usa-combo-box__list-option--focused{outline:2px solid #162e51;outline-offset:-2px;position:relative;z-index:100}.usa-combo-box__list-option--focused:focus{outline-offset:-4px}.usa-combo-box__list-option--selected{background-color:#005ea2;border-color:#005ea2;color:white}.usa-combo-box__list-option--no-results{cursor:not-allowed;display:block;padding:0.5rem}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base);max-width:30rem}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.usa-combo-box{max-width:auto}.usa-combo-box__list{width:calc(100% - 2px)}.usa-combo-box__list-option--focused{outline:2px solid var(--vads-color-action-border-base-active-on-light)}.usa-combo-box__list-option--focused:focus{outline-offset:-2px}.usa-combo-box__list-option--group{font-weight:bold;background-color:var(--vads-color-base-lightest);cursor:not-allowed;display:block;padding:0.5rem}.usa-combo-box__list-option--group-option{padding-left:24px}.usa-combo-box__clear-input{right:calc(2.5rem + 3px)}.usa-combo-box__input-button-separator{right:calc(2.5rem + 2px)}',VaComboBoxStyle0=vaComboBoxCss,VaComboBox$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaSelect=createEvent(this,"vaSelect",7),this.options=void 0,this.labelNode=void 0,this.required=!1,this.disabled=!1,this.label=void 0,this.placeholder=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".usa-combo-box"),t=this.el.shadowRoot.querySelector("label");e&&(comboBox.init(e,t),comboBox.on(e));const o=this.el.shadowRoot.querySelector("input");o&&this.error&&o.classList.add("usa-input--error");const a=`${this.messageAriaDescribedby?"input-message":""} ${this.error?"input-error-message":""} ${this.hint?"input-hint":""} ${o.getAttribute("aria-describedby")}`.trim();o.setAttribute("aria-describedby",a)}disconnectedCallback(){instance.off("languageChanged");const e=this.el.shadowRoot.querySelector(".usa-combo-box");e&&comboBox.off(e)}populateOptions(){const{value:e}=this,t=this.el.querySelectorAll("option, optgroup"),o=Array.from(t);this.options=o.map(((t,o)=>"optgroup"===t.nodeName.toLowerCase()?h(Fragment,null,h("option",{"data-optgroup":"true",id:"optgroup-"+o},t.label),Array.from(t.children).map((t=>h("option",{value:t.value,selected:e===t.value,"data-optgroup-option":"true","aria-describedby":"optgroup-"+o},t.text)))):"option"===t.nodeName.toLowerCase()&&"optgroup"!==t.parentElement.nodeName.toLowerCase()?h("option",{value:t.value,selected:e===t.value},t.textContent):void 0))}handleChange(e){const t=e.target;this.value=t.value,this.vaSelect.emit({value:this.value})}render(){const{error:e,value:t,disabled:o,placeholder:a,label:s,required:r,name:i,hint:n,messageAriaDescribedby:l}=this,c=classnames({"usa-label":!0,"usa-label--error":e});return h(Host,{key:"dd9301d6d8b9d37801e6cca5d9cebe46a0e0a016"},h("label",{key:"1e06e7fd2a1f3e64914ef1e89d235a2a4425cf25",htmlFor:"options",class:c,id:"options-label"},s,r&&h("span",{key:"659d61aaeb4142924d78edc5296eb29366d27e53",class:"usa-label--required"}," ",instance.t("required"))),n&&h("span",{key:"3eb59b9e72f58954ea8a2e2fa7e2cacc41bc56bc",class:"usa-hint",id:"input-hint"},n),h("span",{key:"cc2522597365abca27646dc9c1b1ce0d9d78bc81",id:"input-error-message",role:"alert"},e&&h(Fragment,{key:"05655f400fc3fa5fa3abadb07e1c385ece3f0d89"},h("span",{key:"bd4a6dc088dc962df9137e02432af8dbcc54bbe4",class:"usa-sr-only"},instance.t("error")),h("span",{key:"b85987f619f84a60a3ed89b2b389343a8cdfd79c",class:"usa-error-message"},e))),h("slot",{key:"5bb4fefcadf051e0726d81bc184e80a844022d35",onSlotchange:()=>this.populateOptions()}),h("div",{key:"cc216edd9eeeaf5f3840eb658688f5a0bcabfc40",class:"usa-combo-box","data-default-value":t,"data-placeholder":a,"data-error":!!e},h("select",{key:"f5ce10bcbdf61f866793fc378658fe5d8fdb0e8b",class:"usa-select",name:i,id:"options",onChange:e=>this.handleChange(e),disabled:o},this.options)),isMessageSet(l)&&h("span",{key:"c87199e93e54dbcc3e795ceb30e53f716bc0dc65",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get style(){return VaComboBoxStyle0}},[1,"va-combo-box",{required:[4],disabled:[4],label:[1],placeholder:[1],name:[1],value:[1537],error:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],options:[32],labelNode:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-combo-box"].forEach((e=>{"va-combo-box"===e&&(customElements.get(e)||customElements.define(e,VaComboBox$1))}))}const VaComboBox=VaComboBox$1,defineCustomElement=defineCustomElement$1;export{VaComboBox,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{i as isMessageSet}from"./utils.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaLinkActionCss="
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{i as isMessageSet}from"./utils.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaLinkActionCss="button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}:host{display:-ms-inline-flexbox;display:inline-flex}:host a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;cursor:pointer;text-decoration:underline;font-weight:700;font-size:1.06rem;padding:0.5rem 0}:host a:active{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}:host a.va-link--primary:hover,:host a.va-link--primary:active,:host a.va-link--secondary:hover,:host a.va-link--secondary:active{color:var(--vads-color-link) !important}:host a.va-link--reverse{color:var(--vads-color-white)}:host a.va-link--reverse:hover,:host a.va-link--reverse:active{color:var(--vads-color-action-focus-on-light);background-color:transparent}:host a.va-link--reverse va-icon:hover,:host a.va-link--reverse va-icon:active{background-color:var(--vads-color-action-focus-on-light)}.link-icon--left{margin-right:8px;vertical-align:baseline;position:relative}.link-icon{border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:white}.va-link--primary va-icon{background-color:var(--vads-color-success-dark)}.va-link--secondary va-icon{background-color:var(--vads-color-primary)}.link-icon--reverse{background-color:var(--vads-color-white);color:var(--vads-color-black)}:host a.va-link--reverse:hover va-icon,:host a.va-link--reverse:active va-icon{background-color:var(--vads-color-action-focus-on-light) !important}.link-text{display:inline-block;vertical-align:top;max-width:calc(100% - 24px);white-space:pre-wrap}:host(.host--primary-entry){width:100%}:host a.va-link--primary-entry{position:relative;display:inline-block;background-color:var(--vads-color-primary);color:var(--vads-color-white);text-decoration:none;padding:15px 15px 15px 45px;margin:0 1.5rem 0 0;-webkit-clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;width:95%;line-height:1.4;min-height:24px;max-width:var(--vads-size-line-length-5);}@media (min-width: 768px){:host a.va-link--primary-entry{width:75%}}:host a.va-link--primary-entry va-icon.link-icon{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--vads-color-primary);background-color:var(--vads-color-white)}:host a.va-link--primary-entry .link-text{font-weight:bold;display:inline-block;vertical-align:middle}:host a.va-link--primary-entry:hover:not(:focus){text-decoration:none}:host a.va-link--primary-entry:hover:not(:focus) va-icon.link-icon{background-color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:hover:not(:focus) .link-text{color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus,:host a.va-link--primary-entry:active{background-color:var(--vads-color-action-focus-on-light);text-decoration:none;outline:none;-webkit-transition:none;transition:none}:host a.va-link--primary-entry:focus va-icon.link-icon,:host a.va-link--primary-entry:active va-icon.link-icon{background-color:var(--vads-color-black);color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus .link-text,:host a.va-link--primary-entry:active .link-text{color:var(--vads-color-black)}:host a.va-link--primary-entry:focus:hover{background-color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus:hover va-icon.link-icon,:host a.va-link--primary-entry:focus:hover .link-text{text-decoration:underline;-webkit-text-decoration-color:var(--vads-color-black);text-decoration-color:var(--vads-color-black);text-decoration-thickness:2px;text-underline-offset:4px}",VaLinkActionStyle0=vaLinkActionCss,VaLinkAction$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=i=>{if(!this.disableAnalytics){const i={componentName:"va-link-action",action:"click",details:{label:this.text,destination:this.href,origin:window.location.href}};this.componentLibraryAnalytics.emit(i)}},this.disableAnalytics=!1,this.href=void 0,this.text=void 0,this.messageAriaDescribedby=void 0,this.type="primary",this.label=void 0,this.isSingleLine=!0}componentWillLoad(){this.checkTextLines()}checkTextLines(){if(this.linkRef){const i=getComputedStyle(this.linkRef),o=parseFloat(i.lineHeight),e=this.linkRef.clientHeight;this.isSingleLine=e<=o}}render(){const{handleClick:i,href:o,text:e,messageAriaDescribedby:t,type:a,label:n}=this,r=classnames({"host--primary-entry":"primary-entry"===a}),s=classnames({"va-link--reverse":"reverse"===a,"va-link--primary":"primary"===a,"va-link--secondary":"secondary"===a,"va-link--primary-entry":"primary-entry"===a}),c=classnames("link-icon--left","link-icon",{"link-icon--reverse":"reverse"===a});return h(Host,{key:"2fbcf620386e188380cc83bd04e5af2235d9c012",class:r},h("a",{key:"dc150bef544548ed3196ae85a9fc510442b5d149",href:o,class:s,"aria-label":n,"aria-describedby":t?"link-description":null,onClick:i,ref:i=>this.linkRef=i},h("va-icon",{key:"ec6e6b58aa4dcf941169a9d6aa3ffab50762f898",class:c,icon:"chevron_right",size:3}),h("span",{key:"9de690effceca5786175f8bb45cb4e648979af83",class:"link-text"},e)),isMessageSet(t)&&h("span",{key:"d3d2f31f2bbf8c36c3bdf0cd9959b478c560ee4c",id:"link-description",class:"sr-only"},t))}static get watchers(){return{text:["checkTextLines"]}}static get style(){return VaLinkActionStyle0}},[1,"va-link-action",{disableAnalytics:[4,"disable-analytics"],href:[1],text:[1],messageAriaDescribedby:[1,"message-aria-describedby"],type:[1],label:[1],isSingleLine:[32]},void 0,{text:["checkTextLines"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-link-action","va-icon"].forEach((i=>{switch(i){case"va-link-action":customElements.get(i)||customElements.define(i,VaLinkAction$1);break;case"va-icon":customElements.get(i)||defineCustomElement$2()}}))}const VaLinkAction=VaLinkAction$1,defineCustomElement=defineCustomElement$1;export{VaLinkAction,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as consoleDevError}from"./utils.js";import{d as defineCustomElement$4}from"./va-critical-action2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaServiceListItemCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.9375rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}',VaServiceListItemStyle0=vaServiceListItemCss,VaServiceListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}handleServiceDetailsChange(e){this.parsedServiceDetails=this.parseJsonProp(e)}handleActionChange(e){this.parsedAction=this.parseJsonProp(e)}handleOptionalLinkChange(e){this.parsedOptionalLink=this.parseJsonProp(e)}componentWillLoad(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)}parseJsonProp(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(i){return void consoleDevError(`Error parsing prop: ${e}`)}}render(){const{parsedServiceDetails:e,parsedAction:i,parsedOptionalLink:t,icon:s,serviceName:
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as consoleDevError}from"./utils.js";import{d as defineCustomElement$4}from"./va-critical-action2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaServiceListItemCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.9375rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}',VaServiceListItemStyle0=vaServiceListItemCss,VaServiceListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}handleServiceDetailsChange(e){this.parsedServiceDetails=this.parseJsonProp(e)}handleActionChange(e){this.parsedAction=this.parseJsonProp(e)}handleOptionalLinkChange(e){this.parsedOptionalLink=this.parseJsonProp(e)}componentWillLoad(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)}parseJsonProp(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(i){return void consoleDevError(`Error parsing prop: ${e}`)}}render(){const{parsedServiceDetails:e,parsedAction:i,parsedOptionalLink:t,icon:s,serviceName:a,serviceNameHeadingLevel:r,serviceLink:o,serviceStatus:n}=this,c=e?Object.entries(e).map((([e,i])=>h("li",null,h("div",null,h("strong",null,e,":")," ",i)))):null,l=!!(null==i?void 0:i.href)&&!!(null==i?void 0:i.text),m=`h${r}`,d=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(s)?`icon ${s}`:"icon default";return h(Host,{key:"2b0862b014834ec8a41205f17e0499d31506d060"},h("div",{key:"7c92beb36f1cb235486764893d5d70df608e9eaf",class:"service-list-item"},h("a",{key:"4f8af62c0bd2903468f83e9d517a71d4a7ab8588",href:o,class:"service-title-row"},h("div",{key:"fda8bc4d2057c612f58bb49a561853aafa010030",class:"header",tabIndex:0},s&&h("va-icon",{key:"f838a967864825976625efbb734ca973d04f49f8",class:d,icon:s,size:3}),h("div",{key:"41dfc2c6a28946c34c3435db22a7f20964eebb69",class:"name-and-chevron"},h(m,{key:"d77c5848e3988a8eb1b78be2e031570406128f1e",class:"service-name"},a),h("va-icon",{key:"e6b90f5110505387c405c65771a3badca9c76611",class:"chevron-icon",icon:"chevron_right",size:4})))),l&&h("va-critical-action",{key:"5727f591c273fb9220f13dfb602f74ee998dd646",link:i.href,text:i.text}),h("div",{key:"5b7d51a0531cf9bb3ca0782d0d9d324705ccd4d4",class:"status"},h("span",{key:"11bdbae9d2acec2f9ebe17743193955e8b40a335",class:"usa-label"},n)),h("ul",{key:"87079a3e4a222f88a811c7ca3cbe94e22de8902c",class:"service-details-list"},c),(null==t?void 0:t.href)&&(null==t?void 0:t.text)&&h("va-link",Object.assign({key:"5cf658b515018b7ca3668c3efd1f11aa297c6f49",class:"optional-link"},t))))}get el(){return this}static get watchers(){return{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}}static get style(){return VaServiceListItemStyle0}},[1,"va-service-list-item",{serviceName:[1,"service-name"],serviceNameHeadingLevel:[2,"service-name-heading-level"],serviceLink:[1,"service-link"],serviceStatus:[1,"service-status"],serviceDetails:[1,"service-details"],icon:[1],action:[1],optionalLink:[1,"optional-link"],parsedServiceDetails:[32],parsedAction:[32],parsedOptionalLink:[32]},void 0,{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-service-list-item","va-critical-action","va-icon","va-link"].forEach((e=>{switch(e){case"va-service-list-item":customElements.get(e)||customElements.define(e,VaServiceListItem$1);break;case"va-critical-action":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaServiceListItem=VaServiceListItem$1,defineCustomElement=defineCustomElement$1;export{VaServiceListItem,defineCustomElement};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@department-of-veterans-affairs/component-library",
|
|
3
3
|
"description": "VA.gov component library. Includes React and web components.",
|
|
4
|
-
"version": "50.
|
|
4
|
+
"version": "50.2.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "webpack"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"module": "src/main.js",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@department-of-veterans-affairs/react-components": "28.1.0",
|
|
19
|
-
"@department-of-veterans-affairs/web-components": "18.1.
|
|
19
|
+
"@department-of-veterans-affairs/web-components": "18.1.1",
|
|
20
20
|
"i18next": "^21.6.14",
|
|
21
21
|
"i18next-browser-languagedetector": "^6.1.4",
|
|
22
22
|
"react-focus-on": "^3.5.1",
|