@department-of-veterans-affairs/component-library 50.5.0 → 51.1.0

package/dist/9496.app.bundle.js

@@ -1,2 +1,2 @@
 /*! For license information please see 9496.app.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,5760,9496],{4569:function(n,e,t){t.r(e),t.d(e,{c:function(){return i}});var a,o={exports:{}};a=o,function(){var n={}.hasOwnProperty;function e(){for(var t=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var i=typeof o;if("string"===i||"number"===i)t.push(o);else if(Array.isArray(o)){if(o.length){var r=e.apply(null,o);r&&t.push(r)}}else if("object"===i)if(o.toString===Object.prototype.toString)for(var s in o)n.call(o,s)&&o[s]&&t.push(s);else t.push(o.toString())}}return t.join(" ")}a.exports?(e.default=e,a.exports=e):window.classNames=e}();var i=o.exports},5760:function(n,e,t){function a(n){return!Number.isNaN(parseFloat(n))}function o(n,e,t){void 0===t&&(t="slot");var a=n.shadowRoot.querySelector(t).assignedNodes();return null!==e?Array.from(a).filter((function(n){return n.nodeName.toLowerCase()===e})):Array.from(a)}function i(n){return 1===n?"":"s"}function r(n,e){if(void 0===n||""===n)return"".concat(e," character").concat(i(e)," allowed");var t;if(n.length<=e){var a=e-n.length;t="".concat(a," character").concat(i(a)," left")}else a=n.length-e,t="".concat(a," character").concat(i(a)," over limit");return t}function s(n,e){return Array.from({length:e-n+1},(function(e,t){return n+t}))}t.r(e),t.d(e,{S:function(){return u},a:function(){return h},b:function(){return o},c:function(){return a},d:function(){return g},e:function(){return r},f:function(){return d},g:function(){return p},i:function(){return f},m:function(){return s},s:function(){return c}}),t(7911);var l=function(n){return n&&"object"==typeof n&&1===n.nodeType};function c(n,e){var t=function(n,e){if("string"!=typeof n)return[];if(!e||!l(e))return[];var t=e.shadowRoot.querySelectorAll(n);return Array.from(t)}(n,e);return"string"!=typeof n||l(e)&&e.matches(n)&&t.push(e),t}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(n){return u._entities[n]},escapeHTML:function(n){for(var e="",t=0;t<n.length;t++)e+=n[t],t+1<arguments.length&&(e+=String(arguments[t+1]||"").replace(u._entity,u.getEntity));return e}};function p(n){var e;return(e="string"==typeof n?parseInt(n,10):Math.floor(n))>=1&&e<=6?"h".concat(e):null}function d(n){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(n.tagName)}function f(n){return n&&"false"!==n||!1}function m(n){return"[object Arguments]"===Object.prototype.toString.call(n)}function g(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(n===e)return!0;if("function"==typeof n||"function"==typeof e)return!0;if("object"!=typeof n||"object"!=typeof e)return!1;if(null===n||null===e)return!1;if(n instanceof Date&&e instanceof Date)return n.getTime()===e.getTime();if(n instanceof RegExp&&e instanceof RegExp)return n.source===e.source&&n.global===e.global&&n.multiline===e.multiline&&n.lastIndex===e.lastIndex&&n.ignoreCase===e.ignoreCase;if(m(n)||m(e)){if(!m(n)||!m(e))return!1;var o=Array.prototype.slice;return g(o.call(n),o.call(e),t,a)}if(n.constructor!==e.constructor)return!1;var i=Object.keys(n),r=Object.keys(e);if(0===i.length&&0===r.length)return!0;if(i.length!==r.length)return!1;for(var s=t.length;s--;)if(t[s]===n)return a[s]===e;t.push(n),a.push(e),i.sort(),r.sort();for(var l=i.length-1;l>=0;l--)if(i[l]!==r[l])return!1;for(var c=void 0,u=i.length-1;u>=0;u--)if(!g(n[c=i[u]],e[c],t,a))return!1;return t.pop(),a.pop(),!0}function h(n,e){void 0===e&&(e=!0);var t=["a","i","e","o"];e&&t.push("u");var a=n.charAt(0).toLowerCase();return t.includes(a)?"an":"a"}},9496:function(n,e,t){t.r(e),t.d(e,{va_pagination:function(){return s}});var a=t(7911),o=t(4569),i=(t(7470),t(5760)),r=t(3244),s=function(){function n(n){var e=this;(0,a.r)(this,n),this.pageSelect=(0,a.c)(this,"pageSelect",7),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.SHOW_ALL_PAGES=7,this.handlePageSelect=function(n,t){var a,o,i;if(e.pageSelect.emit({page:n}),null===(i=null===(o=null===(a=e.el)||void 0===a?void 0:a.shadowRoot)||void 0===o?void 0:o.activeElement)||void 0===i||i.blur(),e.enableAnalytics){var r={componentName:"va-pagination",action:"linkClick",details:{event:t,"page-number":n}};e.componentLibraryAnalytics.emit(r)}},this.pageNumbers=function(){var n,t,a=e,o=a.page,r=a.pages,s=a.unbounded,l=a.SHOW_ALL_PAGES,c=s?0:1;return r<=l?(0,i.m)(1,r):o<=4?((t=(n=1)+l-2-c)===o&&t++,(0,i.m)(n,t)):o+5-1>r?((n=r-(l-2-1))===o&&n--,t=r,(0,i.m)(n,t)):(n=o-1,t=s?o+2:o+1,(0,i.m)(n,t))},this.handleKeyDown=function(n,t){var a=n.key;if("Enter"===a||" "===a){if(n.preventDefault(),!t)return;e.handlePageSelect(t,"nav-paginate-number")}},this.ariaLabelSuffix="",this.enableAnalytics=!0,this.page=void 0,this.pages=void 0,this.unbounded=!1}return n.prototype.addIcons=function(){var n,e;function t(n){var e="".concat((0,a.a)("/img/sprite.svg"),"#").concat(n);return'<svg\n      class="usa-icon"\n      aria-hidden="true"\n      role="img">\n        <use href='.concat(e,"></use>\n      </svg>")}var o=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector("#previous-arrow-icon");o&&(o.innerHTML=t("navigate_before"));var i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#next-arrow-icon");i&&(i.innerHTML=t("navigate_next"))},n.prototype.componentDidRender=function(){this.addIcons()},n.prototype.connectedCallback=function(){var n=this;r.i.on("languageChanged",(function(){(0,a.f)(n.el)}))},n.prototype.disconnectedCallback=function(){r.i.off("languageChanged")},n.prototype.renderPreviousButton=function(n,e){var t=this;return 1===this.page?null:(0,a.h)("li",{class:n},(0,a.h)("a",{"aria-label":e,onClick:function(){return t.handlePageSelect(t.page-1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.page-1)},class:"usa-pagination__link usa-pagination__previous-page",href:"javascript:void(0)"},(0,a.h)("div",{id:"previous-arrow-icon"}),(0,a.h)("span",{class:"usa-pagination__link-text"},r.i.t("previous"))))},n.prototype.renderFirstPage=function(n,e){var t=this;return this.pageNumbers().includes(1)?null:(0,a.h)(a.F,null,(0,a.h)("li",{class:n},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,1)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page 1, first page"},"1")),(0,a.h)("li",{class:e},(0,a.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,a.h)("span",{"aria-hidden":"true"},"…")))},n.prototype.renderMiddlePages=function(n,e){var t=this,i=this.pageNumbers().map((function(i){var r=(0,o.c)({"usa-pagination__button":!0,"usa-current":t.page===i}),s=n?"page ".concat(i," ").concat(n):"page ".concat(i);return 1===i&&(s="".concat(s,", first page")),i===t.pages&&(s="".concat(s,", last page")),(0,a.h)("li",{class:e},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(i,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,i)},href:"javascript:void(0)",class:r,"aria-current":t.page===i?"page":null,"aria-label":s},i))}));return i},n.prototype.renderLastPage=function(n,e){var t=this;if(this.pageNumbers().includes(this.pages))return null;var o=null,i=null;return this.pages>this.SHOW_ALL_PAGES&&(o=(0,a.h)("li",{class:n},(0,a.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,a.h)("span",{"aria-hidden":"true"},"…"))),!this.unbounded&&this.pages>this.SHOW_ALL_PAGES&&(i=(0,a.h)("li",{class:e},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(t.pages,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.pages)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page ".concat(this.pages,", last page")},this.pages))),(0,a.h)(a.F,null,o,i)},n.prototype.renderNextPageButton=function(n,e){var t=this;return this.page>=this.pages?null:(0,a.h)("li",{class:n},(0,a.h)("a",{"aria-label":e,onClick:function(){return t.handlePageSelect(t.page+1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.page+1)},class:"usa-pagination__link usa-pagination__next-page",href:"javascript:void(0)"},(0,a.h)("span",{class:"usa-pagination__link-text"},r.i.t("next")),(0,a.h)("div",{id:"next-arrow-icon"})))},n.prototype.render=function(){var n=this.ariaLabelSuffix;if(1===this.pages)return null;var e=n?"Previous page ".concat(n):"Previous page",t=n?"Next page ".concat(n):"Next page",i=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__page-no":!0,"va-pagination__item":!0}),r=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__overflow":!0,"va-pagination__item":!0}),s=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__arrow":!0});return(0,a.h)(a.H,null,(0,a.h)("nav",{class:"usa-pagination","aria-label":"Pagination"},(0,a.h)("ul",{class:"usa-pagination__list"},this.renderPreviousButton(s,e),this.renderFirstPage(i,r),this.renderMiddlePages(n,i),this.renderLastPage(r,i),this.renderNextPageButton(s,t))))},Object.defineProperty(n,"assetsDirs",{get:function(){return["../assets"]},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),n}();s.style='/* From the USWDS styles: */\n/*   https://github.com/uswds/uswds/blob/3dc296ec56cd621fe52d918701fd94621d96a198/src/stylesheets/core/mixins/_focus.scss#L12-L13 */\nbutton:not([disabled]):focus,\nselect:not([disabled]):focus,\na:not([disabled]):focus,\nh1:focus,\ninput:not([disabled]):focus,\ntextarea:not([disabled]):focus,\n#form-question\n[role=\'option\']:focus,\n*[tabindex]:focus {\n  outline: 2px solid var(--vads-color-action-focus-on-light);\n  outline-offset: 2px;\n}\n\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nGENERAL SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n----------------------------------------\nImage path\n----------------------------------------\nRelative image file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nShow compile warnings\n----------------------------------------\nShow Sass warnings when functions and\nmixins use non-standard tokens.\nAND\nShow updates and notifications.\n----------------------------------------\n*/\n/*\n----------------------------------------\nNamespace\n----------------------------------------\n*/\n/*\n----------------------------------------\nPrefix separator\n----------------------------------------\nSet the character the separates\nresponsive and state prefixes from the\nmain class name.\nThe default (":") needs to be preceded\nby two backslashes to be properly\nescaped.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLayout grid\n----------------------------------------\nShould the layout grid classes output\nwith !important\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder box sizing\n----------------------------------------\nWhen set to true, sets the box-sizing\nproperty of all site elements to\n`border-box`.\n----------------------------------------\n*/\n/*\n----------------------------------------\nFocus styles\n----------------------------------------\n*/\n/*\n----------------------------------------\nIcons\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nTYPOGRAPHY SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS typography tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/typesetting/overview/\n----------------------------------------\n*/\n/*\n----------------------------------------\nRoot font size\n----------------------------------------\nSetting $theme-respect-user-font-size to\ntrue sets the root font size to 100% and\nuses ems for media queries\n----------------------------------------\n$theme-root-font-size only applies when\n$theme-respect-user-font-size is set to\nfalse.\n\nThis will set the root font size\nas a specific px value and use px values\nfor media queries.\n\nAccepts true or false\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal styles\n----------------------------------------\nAdds basic styling for the following\nunclassed elements:\n\n- paragraph: paragraph text\n- link: links\n- content: paragraph text, links,\n  headings, lists, and tables\n----------------------------------------\n*/\n/*\n----------------------------------------\nBroswer compatibility mode\n----------------------------------------\nWhen true, outputs woff and ttf font \nformats in addition to woff2\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont path\n----------------------------------------\nRelative font file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom typeface tokens\n----------------------------------------\nAdd a new custom typeface token if\nyour project uses a typeface not already\ndefined by USWDS.\n----------------------------------------\nUSWDS defines the following tokens\nby default:\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\nAdd as many new tokens as you have\ncustom typefaces. Reference your new\ntoken(s) in the type-based font settings\nusing the quoted name of the token.\n\nFor example:\n\n$theme-font-type-cond: \'example-font-token\';\n\ndisplay-name:\nThe display name of your font\n\ncap-height:\nThe height of a 500px `N` in Sketch\n----------------------------------------\nYou should change `example-[style]-token`\nnames to something more descriptive.\n----------------------------------------\n*/\n/*\n----------------------------------------\nType-based font settings\n----------------------------------------\nSet the type-based tokens for your\nproject from the following tokens,\nor from any new font tokens you added in\n$theme-typeface-tokens.\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom font stacks\n----------------------------------------\nAdd custom font stacks to any of the\ntype-based fonts. Any USWDS typeface\ntoken already has a default stack.\n\nCustom stacks don\'t need to include the\nfont\'s display name. It will\nautomatically appear at the start of\nthe stack.\n----------------------------------------\nExample:\n$theme-font-type-sans: \'source-sans-pro\';\n$theme-font-sans-custom-stack: "Helvetica Neue", Helvetica, Arial, sans;\n\nOutput:\nfont-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n----------------------------------------\n*/\n/*\n----------------------------------------\nAdd any custom font source files\n----------------------------------------\nIf you want USWDS to generate additional\n@font-face declarations, add your font\ndata below, following the example that\nfollows.\n----------------------------------------\nUSWDS automatically generates @font-face\ndeclarations for the following\n\n\'merriweather\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\nThese typefaces not require custom\nsource files.\n----------------------------------------\nEXAMPLE\n\n- dir:\n  Directory relative to $theme-font-path\n- This directory should include fonts saved as\n  .woff2\n  ExampleSerif-Normal.woff2\n\n$theme-font-serif-custom-src: (\n  dir: \'custom/example-serif\',\n  roman: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-Light\',\n    400: \'ExampleSerif-Normal\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-Bold\',\n    800: false,\n    900: false,\n  ),\n  italic: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-LightItalic\',\n    400: \'ExampleSerif-Italic\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-BoldItalic\',\n    800: false,\n    900: false,\n  ),\n);\n----------------------------------------\n*/\n/*\n----------------------------------------\nRole-based font settings\n----------------------------------------\nSet the role-based tokens for your\nproject from the following font-type\ntokens.\n----------------------------------------\n\'cond\'\n\'icon\'\n\'lang\'\n\'mono\'\n\'sans\'\n\'serif\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nType scale\n----------------------------------------\nDefine your project\'s type scale using\nvalues from the USWDS system type scale\n\n1-20\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont weights\n----------------------------------------\nAssign weights 100-900\nOr use `false` for unneeded weights.\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral typography settings\n----------------------------------------\nType scale tokens\n----------------------------------------\nmicro:      10px\n1:          12px\n2:          13px\n3:          14px\n4:          15px\n5:          16px\n6:          17px\n7:          18px\n8:          20px\n9:          22px\n10:         24px\n11:         28px\n12:         32px\n13:         36px\n14:         40px\n15:         48px\n16:         56px\n17:         64px\n18:         80px\n19:         120px\n20:         140px\n----------------------------------------\nLine height tokens\n----------------------------------------\n1:    1\n2:    1.15\n3:    1.35\n4:    1.5\n5:    1.62\n6:    1.75\n----------------------------------------\nFont role tokens\n----------------------------------------\n\'ui\'\n\'heading\'\n\'body\'\n\'code\'\n\'alt\'\n----------------------------------------\nMeasure (max-width) tokens\n----------------------------------------\n1:       44ex\n2:       60ex\n3:       64ex\n4:       68ex\n5:       74ex\n6:       88ex\nnone:    none\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOLOR SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS color tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/color\n----------------------------------------\n*/\n/*\n----------------------------------------\nTheme palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nState palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral colors\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOMPONENT SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nSPACING SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS spacing units tokens in the\ndocumentation:\nhttps://designsystem.digital.gov/design-tokens/spacing-units\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder radius\n----------------------------------------\n2px           2px\n0.5           4px\n1             8px\n1.5           12px\n2             16px\n2.5           20px\n3             24px\n4             32px\n5             40px\n6             48px\n7             56px\n8             64px\n9             72px\n----------------------------------------\n*/\n/*\n----------------------------------------\nColumn gap\n----------------------------------------\n2px         2px\n0.5         4px\n1           8px\n2           16px\n3           24px\n4           32px\n5           40px\n6           48px\n----------------------------------------\n*/\n/*\n----------------------------------------\nGrid container max-width\n----------------------------------------\nmobile\nmobile-lg\ntablet\ntablet-lg\ndesktop\ndesktop-lg\nwidescreen\n----------------------------------------\n*/\n/*\n----------------------------------------\nSite\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-collect()\n----------------------------------------\nCollect multiple maps into a single\nlarge map\nsource: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUTILITIES SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS utilities in the documentation:\nhttps://designsystem.digital.gov/utilities\n----------------------------------------\n*/\n/*\n----------------------------------------\nUtility breakpoints\n----------------------------------------\nWhich breakpoints does your project\nneed? Select as `true` any breakpoint\nused by utilities or layout grid\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal colors\n----------------------------------------\nThe following palettes will be added to\n- background-color\n- border-color\n- color\n- text-decoration-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nSettings\n----------------------------------------\n*/\n/*\n----------------------------------------\nValues\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-last()\n----------------------------------------\nReturn the last item of a list,\nReturn null if the value is null\n----------------------------------------\n*/\n/*\n----------------------------------------\nappend-important()\n----------------------------------------\nAppend `!important` to a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nde-list()\n----------------------------------------\nTransform a one-element list or arglist\ninto that single element.\n----------------------------------------\n(1) => 1\n((1)) => (1)\n----------------------------------------\n*/\n/*\n----------------------------------------\nuswds-error()\n----------------------------------------\nAllow the system to pass an error as text\nto test error states in unit testing\n----------------------------------------\n*/\n/*\n----------------------------------------\nerror-not-token()\n----------------------------------------\nReturns a common not-a-token error.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-default()\n----------------------------------------\nReturns the default value from a map\nof project defaults\nget-default("bg-color")\n> $theme-body-background-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nhas-important()\n----------------------------------------\nCheck to see if `!important` is\nbeing passed in a mixin\'s props\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-deep-get()\n----------------------------------------\n@author Hugo Giraudel\n@access public\n@param {Map} $map - Map\n@param {Arglist} $keys - Key chain\n@return {*} - Desired value\n----------------------------------------\n*/\n/*\n----------------------------------------\nmulti-cat()\n----------------------------------------\nConcatenate two lists\n----------------------------------------\n*/\n/*\n----------------------------------------\nremove()\n----------------------------------------\nRemove a value from a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nsmart-quote()\n----------------------------------------\nQuotes strings\nInspects `px`, `xs`, and `xl` numbers\nLeaves bools as is\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-replace()\n----------------------------------------\nReplace any substring with another\nstring\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-split()\n----------------------------------------\nSplit a string at a given separator\nand convert into a list of substrings\n----------------------------------------\n*/\n/*\n----------------------------------------\nstrip-unit()\n----------------------------------------\nRemove the unit of a length\n@author Hugo Giraudel\n@param {Number} $number - Number to remove unit from\n@return {Number} - Unitless number\n----------------------------------------\n*/\n/*\n----------------------------------------\nbase-to-map()\n@TODO: Deprecate and delete\n----------------------------------------\nConvert a single base to a USWDS\nvalue map.\n\nCandidate for deprecation if we remove\nisReadable\n----------------------------------------\n*/\n/*\n----------------------------------------\nto-number()\n----------------------------------------\nCasts a string into a number\n----------------------------------------\n@param {String | Number} $value - Value to be parsed\n@return {Number}\n----------------------------------------\n*/\n/*\n----------------------------------------\nunpack()\n----------------------------------------\nCreate lists of single items from lists\nof lists.\n----------------------------------------\n(1, (2.1, 2.2), 3) --\x3e\n(1, 2.1, 2.2, 3)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-system-color()\n----------------------------------------\nDerive a system color from its\nfamily, value, and vivid or a passed\nvariable that is, itself, a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nset-theme-color()\n----------------------------------------\nDerive a color from a system color token\nor a hex value\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor()\n----------------------------------------\nDerive a color from a color shortcode\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-rem()\n----------------------------------------\nConverts a value in px to a value in rem\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-user-em()\n----------------------------------------\nConverts a value in rem to a value in\n[user-settings] em for use in media\nqueries\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-user-em()\n----------------------------------------\nConverts a value in px to a value in em\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-px()\n----------------------------------------\nConverts a value in rem to a value in px\n----------------------------------------\n*/\n/*\n----------------------------------------\nspacing-multiple()\n----------------------------------------\nConverts a spacing unit multiple into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nnumber-to-token()\n----------------------------------------\nConverts an integer or numeric value\ninto a system value\n\nEx: 0.5   --\x3e \'05\'\n    -1px  --\x3e \'neg-1px\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nunits()\n----------------------------------------\nConverts a spacing unit into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nProject fonts\n----------------------------------------\nCollects font settings in a map for\nlooping.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLuminance ranges\n----------------------------------------\n*/\n/*\n----------------------------------------\nns()\n----------------------------------------\nAdd a namesspace of $type if that\nnamespace is set to output\n----------------------------------------\n*/\n/*\n----------------------------------------\nLine height\n----------------------------------------\n*/\n/*\n----------------------------------------\nMeasure\n----------------------------------------\n*/\n/*\n----------------------------------------\nvalidate-typeface-token()\n----------------------------------------\nCheck to see if a typeface-token exists.\nThrow an error if a passed token does\nnot exist in the typeface-token map.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncap-height()\n----------------------------------------\nGet the cap height of a valid typeface\n----------------------------------------\n*/\n/*\n----------------------------------------\nconvert-to-font-type()\n----------------------------------------\nConverts a font-role token into a\nfont-type token. Leaves font-type tokens\nunchanged.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-sources()\n----------------------------------------\nOutputs a list of font sources used in\na @font-face declaration.\n\n$theme-font-browser-compatibility: true - output woff2, woff, ttf\n$theme-font-browser-compatibility: false - output woff2\n\n@param stem: string - [font path]/[custom-src.dir]/[custom-src.[style].[weight]]\n@output: string\n\nfiletypes must be one of the filetypes set in variables/$project-font-face-filetypes (woff, woff2, ttf)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-font-stack()\n----------------------------------------\nGet a font stack from a style- or\nrole-based font token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-typeface-token()\n----------------------------------------\nGet a typeface token from a font-type or\nfont-role token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nnormalize-type-scale()\n----------------------------------------\nNormalizes a specific face\'s optical size\nto a set target\n----------------------------------------\n*/\n/*\n----------------------------------------\nsystem-type-scale()\n----------------------------------------\nGet a value from the system type scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nEasing\n----------------------------------------\n*/\n/*  deprecated.scss\n    ---\n    Occasionally the design system will deprecate\n    old variables or functionality. If we replace\n    the old functionality with something new, this is a\n    place to connect the old functionality to the\n    new functionality, in the service of better\n    continuity and backwards compatibility within a\n    major release cycle.\n\n    Note the USWDS version where we deprecated the\n    old functionality in a comment.\n\n    Be sure to update notifications.scss.\n\n    This file should started fresh at each\n    major version.\n*/\n/*\n----------------------------------------\nadvanced-color()\n----------------------------------------\nDerive a color from a color triplet:\n[family], [grade], [variant]\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-system-color-token()\n----------------------------------------\nReturn whether a token is a system\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-theme-color-token()\n----------------------------------------\nReturn whether a token is a theme\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-assignment()\n----------------------------------------\nGet the system token equivalent of any\ntheme color token\n----------------------------------------\n*/\n/*\n----------------------------------------\ndecompose()\n----------------------------------------\nConvert a color token into into a list\nof form [family], [grade], [variant]\nVivid variants return "vivid" as the\nvariant.\nIf neither grade nor variant exists,\nreturns \'null\'\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-family()\n----------------------------------------\nReturns the family of a color token.\nReturns: color-family\ncolor-token-family("accent-warm-vivid")\n> "accent-warm"\ncolor-token-family("red-50v")\n> "red"\ncolor-token-variant(("red", 50, "vivid"))\n> "red"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-grade()\n----------------------------------------\nReturns the grade of a USWDS color token.\nReturns: color-grade\ncolor-token-grade("accent-warm")\n> "root"\ncolor-token-grade("accent-warm-vivid")\n> "root"\ncolor-token-grade("accent-warm-darker")\n> "darker"\ncolor-token-grade("red-50v")\n> 50\ncolor-token-variant(("red", 50, "vivid"))\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-color-token()\n----------------------------------------\nReturns whether a given string is a\nUSWDS color token.\n----------------------------------------\n*/\n/*\n----------------------------------------\npow()\n----------------------------------------\nRaises a unitless number to the power\nof another unitless number\nIncludes helper functions\n----------------------------------------\n*/\n/*\n----------------------------------------\nHelper functions\n----------------------------------------\n*/\n/* factorial()\n----------------------------------------\n*/\n/* summation()\n----------------------------------------\n*/\n/* exp-maclaurin()\n----------------------------------------\n*/\n/* ln()\n----------------------------------------\n*/\n/*\n----------------------------------------\ncalculate-grade()\n----------------------------------------\nDerive the grade equivalent any color,\neven non-token colors\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-type()\n----------------------------------------\nReturns the type of a color token.\nReturns: "system" | "theme"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-variant()\n----------------------------------------\nReturns the variant of color token.\nReturns: "vivid" | false\ncolor-token-variant("accent-warm")\n> false\ncolor-token-variant("accent-warm-vivid")\n> "vivid"\ncolor-token-variant("red-50v")\n> "vivid"\ncolor-token-variant(("red", 50, "vivid"))\n> "vivid"\n----------------------------------------\n*/\n/*\n----------------------------------------\nmagic-number()\n----------------------------------------\nReturns the magic number of two color\ngrades. Takes numbers or color tokens.\nmagic-number(50, 10)\nreturn: 40\nmagic-number("red-50", "red-10")\nreturn: 40\n----------------------------------------\n*/\n/*\n----------------------------------------\nwcag-magic-number()\n----------------------------------------\nReturns the magic number of a specific\nwcag grade:\n"AA"\n"AA-Large"\n"AAA"\nwcag-magic-number("AA")\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-accessible-magic-number()\n----------------------------------------\nReturns whether two grades achieve\nspecified target color contrast\nReturns: true | false\nis-accessible-magic-number(10, 50, "AA")\n> false\nis-accessible-magic-number(10, 60, "AA")\n> true\n----------------------------------------\n*/\n/*\n----------------------------------------\nnext-token()\n----------------------------------------\nReturns next "darker" or "lighter" color\ntoken of the same token type and variant.\nReturns: color-token | false\nnext-token("accent-warm", "lighter")\n> "accent-warm-light"\nnext-token("gray-10", "lighter")\n> "gray-5"\nnext-token("gray-5", "lighter")\n> "white"\nnext-token("white", "lighter")\n> false\nnext-token("red-50v", "darker")\n> "red-60v"\nnext-token("red-50", "darker")\n> "red-60"\nnext-token("red-80v", "darker")\n> "red-90"\nnext-token("red-90", "darker")\n> "black"\nnext-token("white", "darker")\n> "gray-5"\nnext-token("black", "lighter")\n> "gray-90"\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-link-tokens-from-bg()\n----------------------------------------\nGet accessible link colors for a given\nbackground color\nreturns: link-token, hover-token\nget-link-tokens-from-bg(\n  "black",\n  "red-60",\n  "red-10",\n  "AA")\n> "red-10", "red-5"\nget-link-tokens-from-bg(\n  "black",\n  "red-60v",\n  "red-10v",\n  "AA-large")\n> "red-60v", "red-50v"\nget-link-tokens-from-bg(\n  "black",\n  "red-5v",\n  "red-60v",\n  "AA")\n> "red-5v", "white"\nget-link-tokens-from-bg(\n  "black",\n  "white",\n  "red-60v",\n  "AA")\n> "white", "white"\n----------------------------------------\n*/\n/*\n----------------------------------------\ntest-colors()\n----------------------------------------\nCheck to see if all system colors\nfall between the proper relative\nluminance range for their grade.\nHas a couple quirks, as the luminance()\nfunction returns slightly different\nresults than expected.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolumns()\n----------------------------------------\noutputs a grid-col number based on\nthe number of desired columns in the\n12-column grid\n\nEx: columns(2) --\x3e 6\n    grid-col(columns(2))\n----------------------------------------\n*/\n/*\n----------------------------------------\nUSWDS Properties\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-uswds-value()\n----------------------------------------\nFinds and outputs a value from the\nUSWDS standard values.\n\nUsed to build other standard utility\nfunctions and mixins.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-standard-values()\n----------------------------------------\nGets a map of USWDS standard values\nfor a property\n----------------------------------------\n*/\n/*\n----------------------------------------\nborder-radius()\n----------------------------------------\nGet a border-radius from the system\nborder-radii\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-weight()\nfw()\n----------------------------------------\nGet a font-weight value from the\nsystem font-weight\n----------------------------------------\n*/\n/*\n----------------------------------------\nfeature()\n----------------------------------------\nGets a valid USWDS font feature setting\n----------------------------------------\n*/\n/*\n----------------------------------------\nflex()\n----------------------------------------\nGets a valid USWDS flex value\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-family()\nfamily()\n----------------------------------------\nGet a font-family stack from a\nrole-based or type-based font family\n----------------------------------------\n*/\n/*\n----------------------------------------\nletter-spacing()\nls()\n----------------------------------------\nGet a letter-spacing value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nmeasure()\n----------------------------------------\nGets a valid USWDS reading line length\n----------------------------------------\n*/\n/*\n----------------------------------------\nopacity()\n----------------------------------------\nGet an opacity from the system\nopacities\n----------------------------------------\n*/\n/*\n----------------------------------------\norder()\n----------------------------------------\nGet an order value from the\nsystem orders\n----------------------------------------\n*/\n/*\n----------------------------------------\nradius()\n----------------------------------------\nGet a border-radius value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-size()\n----------------------------------------\nGet type scale value from a [family] and\n[scale]\n----------------------------------------\n*/\n/*\n----------------------------------------\nz-index()\nz()\n----------------------------------------\nGet a z-index value from the\nsystem z-index\n----------------------------------------\n*/\n/*\n----------------------------------------\nutility-font()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\nNot the public-facing function.\nUsed for building the utilities and\nwithholds certain errors.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfamily()\n----------------------------------------\nGet a font-family stack\n----------------------------------------\n*/\n/*\n----------------------------------------\nsize()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont()\n----------------------------------------\nGet a font-family stack\nAND\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\ntypeset()\n----------------------------------------\nSets:\n- family\n- size\n- line-height\n----------------------------------------\n*/\n/* stylelint-disable max-nesting-depth */\n/*\n----------------------------------------\n@render-pseudoclass\n----------------------------------------\nBuild a pseucoclass utiliy from values\ncalculated in the @render-utilities-in\nloop\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utility\n----------------------------------------\nBuild a utility from values calculated\nin the @render-utilities-in loop\n----------------------------------------\nTODO: Determine the proper use of\nunquote() in the following. Changed to\naccount for a \'interpolation near\noperators will be simplified in a\nfuture version of Sass\' warning.\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utilities-in\n----------------------------------------\nThe master loop that sets the building\nblocks of utilities from the values\nin individual rule settings and loops\nthrough all possible variants\n----------------------------------------\n*/\n/* stylelint-enable */\n/*  notifications.scss\n    ---\n    Adds a notification at the top of each USWDS\n    compile. Use this file for important notifications\n    and updates to the design system.\n\n    This file should started fresh at each\n    major version.\n\n*/\n/* prettier-ignore */\n/* prettier-ignore */\n.usa-sr-only {\n  position: absolute;\n  left: -999em;\n  right: auto;\n}\n\n.usa-pagination {\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n  font-size: 1.06rem;\n  line-height: 1.5;\n  color: #1b1b1b;\n  background-color: white;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.usa-pagination .usa-icon {\n  height: 1.13rem;\n  width: 1.13rem;\n}\n\n.usa-pagination__list {\n  margin-bottom: 0;\n  margin-top: 0;\n  list-style-type: none;\n  padding-left: 0;\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-flow: row nowrap;\n  flex-flow: row nowrap;\n  -ms-flex-pack: center;\n  justify-content: center;\n  width: auto;\n}\n\n.usa-pagination__item {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: 2.5rem;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 1;\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n  min-width: 2.5rem;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__item {\n    -ms-flex: 1 0 auto;\n    flex: 1 0 auto;\n  }\n}\n\n.usa-pagination__arrow {\n  display: none;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__arrow {\n    display: inherit;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__previous-page {\n    margin-right: 1.25rem;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__next-page {\n    margin-left: 1.25rem;\n  }\n}\n\n.usa-pagination__link {\n  -ms-flex-align: center;\n  align-items: center;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n.usa-pagination__link[disabled] {\n  opacity: 0.4 !important;\n  pointer-events: none;\n}\n.usa-pagination__link:hover, .usa-pagination__link:focus, .usa-pagination__link:active {\n  color: #1a4480;\n}\n.usa-pagination__link:visited {\n  color: #005ea2;\n}\n\n.usa-pagination__button {\n  -ms-flex-align: center;\n  align-items: center;\n  border-color: rgba(27, 27, 27, 0.2);\n  border-radius: 0.25rem;\n  border-style: solid;\n  border-width: 1px;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  padding: 0.5rem;\n  width: 100%;\n}\n.usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n  color: #1a4480;\n  border-color: #1a4480;\n}\n@media (forced-colors: active) {\n  .usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n    border: 2px solid transparent;\n  }\n}\n\n.usa-pagination .usa-current {\n  background-color: #1b1b1b;\n  border-color: transparent;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current {\n    border: 2px solid transparent;\n    color: buttonText;\n  }\n}\n.usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n  background-color: #1b1b1b;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n    color: buttontext;\n  }\n}\n\n.usa-pagination__overflow {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-item-align: stretch;\n  align-self: stretch;\n  display: inherit;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  padding: 0.5rem;\n}\n\n.usa-icon {\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  position: relative;\n  width: 1em;\n}\n\n.usa-icon--size-3 {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n\n.usa-icon--size-4 {\n  height: 2rem;\n  width: 2rem;\n}\n\n.usa-icon--size-5 {\n  height: 2.5rem;\n  width: 2.5rem;\n}\n\n.usa-icon--size-6 {\n  height: 3rem;\n  width: 3rem;\n}\n\n.usa-icon--size-7 {\n  height: 3.5rem;\n  width: 3.5rem;\n}\n\n.usa-icon--size-8 {\n  height: 4rem;\n  width: 4rem;\n}\n\n.usa-icon--size-9 {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.va-pagination__item {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n:host a.usa-pagination__next-page > div,\n:host a.usa-pagination__previous-page > div {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host {\n  background-color: var(--vads-color-white);\n  border-top: 1px solid var(--vads-color-base-lightest);\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: var(--font-source-sans);\n  -ms-flex-pack: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 1.25rem 0 0.625rem;\n  width: 100%;\n}\n\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nli {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\nbutton {\n  -moz-osx-font-smoothing: auto;\n  -webkit-font-smoothing: auto;\n  background-color: transparent;\n  border: 0;\n  color: var(--vads-color-link);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 0.89rem;\n  font-weight: 400;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 2;\n  padding: 0;\n  -webkit-transition: all 0.3s ease-in-out;\n  transition: all 0.3s ease-in-out;\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n@container (max-width: 480px) {\n  .usa-pagination__overflow {\n    margin: 0;\n    min-width: 2rem;\n    padding: 0;\n  }\n}'}}]);
+"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,7508,9496],{4569:function(n,e,t){t.r(e),t.d(e,{c:function(){return i}});var a,o={exports:{}};a=o,function(){var n={}.hasOwnProperty;function e(){for(var t=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var i=typeof o;if("string"===i||"number"===i)t.push(o);else if(Array.isArray(o)){if(o.length){var r=e.apply(null,o);r&&t.push(r)}}else if("object"===i)if(o.toString===Object.prototype.toString)for(var s in o)n.call(o,s)&&o[s]&&t.push(s);else t.push(o.toString())}}return t.join(" ")}a.exports?(e.default=e,a.exports=e):window.classNames=e}();var i=o.exports},7508:function(n,e,t){function a(n){return!Number.isNaN(parseFloat(n))}function o(n,e,t){void 0===t&&(t="slot");var a=n.shadowRoot.querySelector(t).assignedNodes();return null!==e?Array.from(a).filter((function(n){return n.nodeName.toLowerCase()===e})):Array.from(a)}function i(n){return 1===n?"":"s"}function r(n,e){if(void 0===n||""===n)return"".concat(e," character").concat(i(e)," allowed");var t;if(n.length<=e){var a=e-n.length;t="".concat(a," character").concat(i(a)," left")}else a=n.length-e,t="".concat(a," character").concat(i(a)," over limit");return t}function s(n,e){return Array.from({length:e-n+1},(function(e,t){return n+t}))}t.r(e),t.d(e,{S:function(){return u},a:function(){return o},b:function(){return a},c:function(){return h},d:function(){return g},e:function(){return r},f:function(){return d},g:function(){return p},i:function(){return f},m:function(){return s},s:function(){return c}}),t(7911);var l=function(n){return n&&"object"==typeof n&&1===n.nodeType};function c(n,e){var t=function(n,e){if("string"!=typeof n)return[];if(!e||!l(e))return[];var t=e.shadowRoot.querySelectorAll(n);return Array.from(t)}(n,e);return"string"!=typeof n||l(e)&&e.matches(n)&&t.push(e),t}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(n){return u._entities[n]},escapeHTML:function(n){for(var e="",t=0;t<n.length;t++)e+=n[t],t+1<arguments.length&&(e+=String(arguments[t+1]||"").replace(u._entity,u.getEntity));return e}};function p(n){var e;return(e="string"==typeof n?parseInt(n,10):Math.floor(n))>=1&&e<=6?"h".concat(e):null}function d(n){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(n.tagName)}function f(n){return n&&"false"!==n||!1}function m(n){return"[object Arguments]"===Object.prototype.toString.call(n)}function g(n,e){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(n===e)return!0;if("function"==typeof n||"function"==typeof e)return!0;if("object"!=typeof n||"object"!=typeof e)return!1;if(null===n||null===e)return!1;if(n instanceof Date&&e instanceof Date)return n.getTime()===e.getTime();if(n instanceof RegExp&&e instanceof RegExp)return n.source===e.source&&n.global===e.global&&n.multiline===e.multiline&&n.lastIndex===e.lastIndex&&n.ignoreCase===e.ignoreCase;if(m(n)||m(e)){if(!m(n)||!m(e))return!1;var o=Array.prototype.slice;return g(o.call(n),o.call(e),t,a)}if(n.constructor!==e.constructor)return!1;var i=Object.keys(n),r=Object.keys(e);if(0===i.length&&0===r.length)return!0;if(i.length!==r.length)return!1;for(var s=t.length;s--;)if(t[s]===n)return a[s]===e;t.push(n),a.push(e),i.sort(),r.sort();for(var l=i.length-1;l>=0;l--)if(i[l]!==r[l])return!1;for(var c=void 0,u=i.length-1;u>=0;u--)if(!g(n[c=i[u]],e[c],t,a))return!1;return t.pop(),a.pop(),!0}function h(n,e){void 0===e&&(e=!0);var t=["a","i","e","o"];e&&t.push("u");var a=n.charAt(0).toLowerCase();return t.includes(a)?"an":"a"}},9496:function(n,e,t){t.r(e),t.d(e,{va_pagination:function(){return s}});var a=t(7911),o=t(4569),i=(t(7470),t(7508)),r=t(3244),s=function(){function n(n){var e=this;(0,a.r)(this,n),this.pageSelect=(0,a.c)(this,"pageSelect",7),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.SHOW_ALL_PAGES=7,this.handlePageSelect=function(n,t){var a,o,i;if(e.pageSelect.emit({page:n}),null===(i=null===(o=null===(a=e.el)||void 0===a?void 0:a.shadowRoot)||void 0===o?void 0:o.activeElement)||void 0===i||i.blur(),e.enableAnalytics){var r={componentName:"va-pagination",action:"linkClick",details:{event:t,"page-number":n}};e.componentLibraryAnalytics.emit(r)}},this.pageNumbers=function(){var n,t,a=e,o=a.page,r=a.pages,s=a.unbounded,l=a.SHOW_ALL_PAGES,c=s?0:1;return r<=l?(0,i.m)(1,r):o<=4?((t=(n=1)+l-2-c)===o&&t++,(0,i.m)(n,t)):o+5-1>r?((n=r-(l-2-1))===o&&n--,t=r,(0,i.m)(n,t)):(n=o-1,t=s?o+2:o+1,(0,i.m)(n,t))},this.handleKeyDown=function(n,t){var a=n.key;if("Enter"===a||" "===a){if(n.preventDefault(),!t)return;e.handlePageSelect(t,"nav-paginate-number")}},this.ariaLabelSuffix="",this.enableAnalytics=!0,this.page=void 0,this.pages=void 0,this.unbounded=!1}return n.prototype.addIcons=function(){var n,e;function t(n){var e="".concat((0,a.a)("/img/sprite.svg"),"#").concat(n);return'<svg\n      class="usa-icon"\n      aria-hidden="true"\n      role="img">\n        <use href='.concat(e,"></use>\n      </svg>")}var o=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector("#previous-arrow-icon");o&&(o.innerHTML=t("navigate_before"));var i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#next-arrow-icon");i&&(i.innerHTML=t("navigate_next"))},n.prototype.componentDidRender=function(){this.addIcons()},n.prototype.connectedCallback=function(){var n=this;r.i.on("languageChanged",(function(){(0,a.f)(n.el)}))},n.prototype.disconnectedCallback=function(){r.i.off("languageChanged")},n.prototype.renderPreviousButton=function(n,e){var t=this;return 1===this.page?null:(0,a.h)("li",{class:n},(0,a.h)("a",{"aria-label":e,onClick:function(){return t.handlePageSelect(t.page-1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.page-1)},class:"usa-pagination__link usa-pagination__previous-page",href:"javascript:void(0)"},(0,a.h)("div",{id:"previous-arrow-icon"}),(0,a.h)("span",{class:"usa-pagination__link-text"},r.i.t("previous"))))},n.prototype.renderFirstPage=function(n,e){var t=this;return this.pageNumbers().includes(1)?null:(0,a.h)(a.F,null,(0,a.h)("li",{class:n},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,1)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page 1, first page"},"1")),(0,a.h)("li",{class:e},(0,a.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,a.h)("span",{"aria-hidden":"true"},"…")))},n.prototype.renderMiddlePages=function(n,e){var t=this,i=this.pageNumbers().map((function(i){var r=(0,o.c)({"usa-pagination__button":!0,"usa-current":t.page===i}),s=n?"page ".concat(i," ").concat(n):"page ".concat(i);return 1===i&&(s="".concat(s,", first page")),i===t.pages&&(s="".concat(s,", last page")),(0,a.h)("li",{class:e},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(i,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,i)},href:"javascript:void(0)",class:r,"aria-current":t.page===i?"page":null,"aria-label":s},i))}));return i},n.prototype.renderLastPage=function(n,e){var t=this;if(this.pageNumbers().includes(this.pages))return null;var o=null,i=null;return this.pages>this.SHOW_ALL_PAGES&&(o=(0,a.h)("li",{class:n},(0,a.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,a.h)("span",{"aria-hidden":"true"},"…"))),!this.unbounded&&this.pages>this.SHOW_ALL_PAGES&&(i=(0,a.h)("li",{class:e},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(t.pages,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.pages)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page ".concat(this.pages,", last page")},this.pages))),(0,a.h)(a.F,null,o,i)},n.prototype.renderNextPageButton=function(n,e){var t=this;return this.page>=this.pages?null:(0,a.h)("li",{class:n},(0,a.h)("a",{"aria-label":e,onClick:function(){return t.handlePageSelect(t.page+1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.page+1)},class:"usa-pagination__link usa-pagination__next-page",href:"javascript:void(0)"},(0,a.h)("span",{class:"usa-pagination__link-text"},r.i.t("next")),(0,a.h)("div",{id:"next-arrow-icon"})))},n.prototype.render=function(){var n=this.ariaLabelSuffix;if(1===this.pages)return null;var e=n?"Previous page ".concat(n):"Previous page",t=n?"Next page ".concat(n):"Next page",i=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__page-no":!0,"va-pagination__item":!0}),r=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__overflow":!0,"va-pagination__item":!0}),s=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__arrow":!0});return(0,a.h)(a.H,null,(0,a.h)("nav",{class:"usa-pagination","aria-label":"Pagination"},(0,a.h)("ul",{class:"usa-pagination__list"},this.renderPreviousButton(s,e),this.renderFirstPage(i,r),this.renderMiddlePages(n,i),this.renderLastPage(r,i),this.renderNextPageButton(s,t))))},Object.defineProperty(n,"assetsDirs",{get:function(){return["../assets"]},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),n}();s.style='/* From the USWDS styles: */\n/*   https://github.com/uswds/uswds/blob/3dc296ec56cd621fe52d918701fd94621d96a198/src/stylesheets/core/mixins/_focus.scss#L12-L13 */\nbutton:not([disabled]):focus,\nselect:not([disabled]):focus,\na:not([disabled]):focus,\nh1:focus,\ninput:not([disabled]):focus,\ntextarea:not([disabled]):focus,\n#form-question\n[role=\'option\']:focus,\n*[tabindex]:focus {\n  outline: 2px solid var(--vads-color-action-focus-on-light);\n  outline-offset: 2px;\n}\n\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nGENERAL SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n----------------------------------------\nImage path\n----------------------------------------\nRelative image file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nShow compile warnings\n----------------------------------------\nShow Sass warnings when functions and\nmixins use non-standard tokens.\nAND\nShow updates and notifications.\n----------------------------------------\n*/\n/*\n----------------------------------------\nNamespace\n----------------------------------------\n*/\n/*\n----------------------------------------\nPrefix separator\n----------------------------------------\nSet the character the separates\nresponsive and state prefixes from the\nmain class name.\nThe default (":") needs to be preceded\nby two backslashes to be properly\nescaped.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLayout grid\n----------------------------------------\nShould the layout grid classes output\nwith !important\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder box sizing\n----------------------------------------\nWhen set to true, sets the box-sizing\nproperty of all site elements to\n`border-box`.\n----------------------------------------\n*/\n/*\n----------------------------------------\nFocus styles\n----------------------------------------\n*/\n/*\n----------------------------------------\nIcons\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nTYPOGRAPHY SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS typography tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/typesetting/overview/\n----------------------------------------\n*/\n/*\n----------------------------------------\nRoot font size\n----------------------------------------\nSetting $theme-respect-user-font-size to\ntrue sets the root font size to 100% and\nuses ems for media queries\n----------------------------------------\n$theme-root-font-size only applies when\n$theme-respect-user-font-size is set to\nfalse.\n\nThis will set the root font size\nas a specific px value and use px values\nfor media queries.\n\nAccepts true or false\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal styles\n----------------------------------------\nAdds basic styling for the following\nunclassed elements:\n\n- paragraph: paragraph text\n- link: links\n- content: paragraph text, links,\n  headings, lists, and tables\n----------------------------------------\n*/\n/*\n----------------------------------------\nBroswer compatibility mode\n----------------------------------------\nWhen true, outputs woff and ttf font \nformats in addition to woff2\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont path\n----------------------------------------\nRelative font file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom typeface tokens\n----------------------------------------\nAdd a new custom typeface token if\nyour project uses a typeface not already\ndefined by USWDS.\n----------------------------------------\nUSWDS defines the following tokens\nby default:\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\nAdd as many new tokens as you have\ncustom typefaces. Reference your new\ntoken(s) in the type-based font settings\nusing the quoted name of the token.\n\nFor example:\n\n$theme-font-type-cond: \'example-font-token\';\n\ndisplay-name:\nThe display name of your font\n\ncap-height:\nThe height of a 500px `N` in Sketch\n----------------------------------------\nYou should change `example-[style]-token`\nnames to something more descriptive.\n----------------------------------------\n*/\n/*\n----------------------------------------\nType-based font settings\n----------------------------------------\nSet the type-based tokens for your\nproject from the following tokens,\nor from any new font tokens you added in\n$theme-typeface-tokens.\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom font stacks\n----------------------------------------\nAdd custom font stacks to any of the\ntype-based fonts. Any USWDS typeface\ntoken already has a default stack.\n\nCustom stacks don\'t need to include the\nfont\'s display name. It will\nautomatically appear at the start of\nthe stack.\n----------------------------------------\nExample:\n$theme-font-type-sans: \'source-sans-pro\';\n$theme-font-sans-custom-stack: "Helvetica Neue", Helvetica, Arial, sans;\n\nOutput:\nfont-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n----------------------------------------\n*/\n/*\n----------------------------------------\nAdd any custom font source files\n----------------------------------------\nIf you want USWDS to generate additional\n@font-face declarations, add your font\ndata below, following the example that\nfollows.\n----------------------------------------\nUSWDS automatically generates @font-face\ndeclarations for the following\n\n\'merriweather\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\nThese typefaces not require custom\nsource files.\n----------------------------------------\nEXAMPLE\n\n- dir:\n  Directory relative to $theme-font-path\n- This directory should include fonts saved as\n  .woff2\n  ExampleSerif-Normal.woff2\n\n$theme-font-serif-custom-src: (\n  dir: \'custom/example-serif\',\n  roman: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-Light\',\n    400: \'ExampleSerif-Normal\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-Bold\',\n    800: false,\n    900: false,\n  ),\n  italic: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-LightItalic\',\n    400: \'ExampleSerif-Italic\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-BoldItalic\',\n    800: false,\n    900: false,\n  ),\n);\n----------------------------------------\n*/\n/*\n----------------------------------------\nRole-based font settings\n----------------------------------------\nSet the role-based tokens for your\nproject from the following font-type\ntokens.\n----------------------------------------\n\'cond\'\n\'icon\'\n\'lang\'\n\'mono\'\n\'sans\'\n\'serif\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nType scale\n----------------------------------------\nDefine your project\'s type scale using\nvalues from the USWDS system type scale\n\n1-20\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont weights\n----------------------------------------\nAssign weights 100-900\nOr use `false` for unneeded weights.\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral typography settings\n----------------------------------------\nType scale tokens\n----------------------------------------\nmicro:      10px\n1:          12px\n2:          13px\n3:          14px\n4:          15px\n5:          16px\n6:          17px\n7:          18px\n8:          20px\n9:          22px\n10:         24px\n11:         28px\n12:         32px\n13:         36px\n14:         40px\n15:         48px\n16:         56px\n17:         64px\n18:         80px\n19:         120px\n20:         140px\n----------------------------------------\nLine height tokens\n----------------------------------------\n1:    1\n2:    1.15\n3:    1.35\n4:    1.5\n5:    1.62\n6:    1.75\n----------------------------------------\nFont role tokens\n----------------------------------------\n\'ui\'\n\'heading\'\n\'body\'\n\'code\'\n\'alt\'\n----------------------------------------\nMeasure (max-width) tokens\n----------------------------------------\n1:       44ex\n2:       60ex\n3:       64ex\n4:       68ex\n5:       74ex\n6:       88ex\nnone:    none\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOLOR SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS color tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/color\n----------------------------------------\n*/\n/*\n----------------------------------------\nTheme palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nState palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral colors\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOMPONENT SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nSPACING SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS spacing units tokens in the\ndocumentation:\nhttps://designsystem.digital.gov/design-tokens/spacing-units\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder radius\n----------------------------------------\n2px           2px\n0.5           4px\n1             8px\n1.5           12px\n2             16px\n2.5           20px\n3             24px\n4             32px\n5             40px\n6             48px\n7             56px\n8             64px\n9             72px\n----------------------------------------\n*/\n/*\n----------------------------------------\nColumn gap\n----------------------------------------\n2px         2px\n0.5         4px\n1           8px\n2           16px\n3           24px\n4           32px\n5           40px\n6           48px\n----------------------------------------\n*/\n/*\n----------------------------------------\nGrid container max-width\n----------------------------------------\nmobile\nmobile-lg\ntablet\ntablet-lg\ndesktop\ndesktop-lg\nwidescreen\n----------------------------------------\n*/\n/*\n----------------------------------------\nSite\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-collect()\n----------------------------------------\nCollect multiple maps into a single\nlarge map\nsource: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUTILITIES SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS utilities in the documentation:\nhttps://designsystem.digital.gov/utilities\n----------------------------------------\n*/\n/*\n----------------------------------------\nUtility breakpoints\n----------------------------------------\nWhich breakpoints does your project\nneed? Select as `true` any breakpoint\nused by utilities or layout grid\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal colors\n----------------------------------------\nThe following palettes will be added to\n- background-color\n- border-color\n- color\n- text-decoration-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nSettings\n----------------------------------------\n*/\n/*\n----------------------------------------\nValues\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-last()\n----------------------------------------\nReturn the last item of a list,\nReturn null if the value is null\n----------------------------------------\n*/\n/*\n----------------------------------------\nappend-important()\n----------------------------------------\nAppend `!important` to a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nde-list()\n----------------------------------------\nTransform a one-element list or arglist\ninto that single element.\n----------------------------------------\n(1) => 1\n((1)) => (1)\n----------------------------------------\n*/\n/*\n----------------------------------------\nuswds-error()\n----------------------------------------\nAllow the system to pass an error as text\nto test error states in unit testing\n----------------------------------------\n*/\n/*\n----------------------------------------\nerror-not-token()\n----------------------------------------\nReturns a common not-a-token error.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-default()\n----------------------------------------\nReturns the default value from a map\nof project defaults\nget-default("bg-color")\n> $theme-body-background-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nhas-important()\n----------------------------------------\nCheck to see if `!important` is\nbeing passed in a mixin\'s props\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-deep-get()\n----------------------------------------\n@author Hugo Giraudel\n@access public\n@param {Map} $map - Map\n@param {Arglist} $keys - Key chain\n@return {*} - Desired value\n----------------------------------------\n*/\n/*\n----------------------------------------\nmulti-cat()\n----------------------------------------\nConcatenate two lists\n----------------------------------------\n*/\n/*\n----------------------------------------\nremove()\n----------------------------------------\nRemove a value from a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nsmart-quote()\n----------------------------------------\nQuotes strings\nInspects `px`, `xs`, and `xl` numbers\nLeaves bools as is\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-replace()\n----------------------------------------\nReplace any substring with another\nstring\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-split()\n----------------------------------------\nSplit a string at a given separator\nand convert into a list of substrings\n----------------------------------------\n*/\n/*\n----------------------------------------\nstrip-unit()\n----------------------------------------\nRemove the unit of a length\n@author Hugo Giraudel\n@param {Number} $number - Number to remove unit from\n@return {Number} - Unitless number\n----------------------------------------\n*/\n/*\n----------------------------------------\nbase-to-map()\n@TODO: Deprecate and delete\n----------------------------------------\nConvert a single base to a USWDS\nvalue map.\n\nCandidate for deprecation if we remove\nisReadable\n----------------------------------------\n*/\n/*\n----------------------------------------\nto-number()\n----------------------------------------\nCasts a string into a number\n----------------------------------------\n@param {String | Number} $value - Value to be parsed\n@return {Number}\n----------------------------------------\n*/\n/*\n----------------------------------------\nunpack()\n----------------------------------------\nCreate lists of single items from lists\nof lists.\n----------------------------------------\n(1, (2.1, 2.2), 3) --\x3e\n(1, 2.1, 2.2, 3)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-system-color()\n----------------------------------------\nDerive a system color from its\nfamily, value, and vivid or a passed\nvariable that is, itself, a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nset-theme-color()\n----------------------------------------\nDerive a color from a system color token\nor a hex value\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor()\n----------------------------------------\nDerive a color from a color shortcode\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-rem()\n----------------------------------------\nConverts a value in px to a value in rem\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-user-em()\n----------------------------------------\nConverts a value in rem to a value in\n[user-settings] em for use in media\nqueries\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-user-em()\n----------------------------------------\nConverts a value in px to a value in em\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-px()\n----------------------------------------\nConverts a value in rem to a value in px\n----------------------------------------\n*/\n/*\n----------------------------------------\nspacing-multiple()\n----------------------------------------\nConverts a spacing unit multiple into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nnumber-to-token()\n----------------------------------------\nConverts an integer or numeric value\ninto a system value\n\nEx: 0.5   --\x3e \'05\'\n    -1px  --\x3e \'neg-1px\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nunits()\n----------------------------------------\nConverts a spacing unit into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nProject fonts\n----------------------------------------\nCollects font settings in a map for\nlooping.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLuminance ranges\n----------------------------------------\n*/\n/*\n----------------------------------------\nns()\n----------------------------------------\nAdd a namesspace of $type if that\nnamespace is set to output\n----------------------------------------\n*/\n/*\n----------------------------------------\nLine height\n----------------------------------------\n*/\n/*\n----------------------------------------\nMeasure\n----------------------------------------\n*/\n/*\n----------------------------------------\nvalidate-typeface-token()\n----------------------------------------\nCheck to see if a typeface-token exists.\nThrow an error if a passed token does\nnot exist in the typeface-token map.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncap-height()\n----------------------------------------\nGet the cap height of a valid typeface\n----------------------------------------\n*/\n/*\n----------------------------------------\nconvert-to-font-type()\n----------------------------------------\nConverts a font-role token into a\nfont-type token. Leaves font-type tokens\nunchanged.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-sources()\n----------------------------------------\nOutputs a list of font sources used in\na @font-face declaration.\n\n$theme-font-browser-compatibility: true - output woff2, woff, ttf\n$theme-font-browser-compatibility: false - output woff2\n\n@param stem: string - [font path]/[custom-src.dir]/[custom-src.[style].[weight]]\n@output: string\n\nfiletypes must be one of the filetypes set in variables/$project-font-face-filetypes (woff, woff2, ttf)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-font-stack()\n----------------------------------------\nGet a font stack from a style- or\nrole-based font token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-typeface-token()\n----------------------------------------\nGet a typeface token from a font-type or\nfont-role token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nnormalize-type-scale()\n----------------------------------------\nNormalizes a specific face\'s optical size\nto a set target\n----------------------------------------\n*/\n/*\n----------------------------------------\nsystem-type-scale()\n----------------------------------------\nGet a value from the system type scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nEasing\n----------------------------------------\n*/\n/*  deprecated.scss\n    ---\n    Occasionally the design system will deprecate\n    old variables or functionality. If we replace\n    the old functionality with something new, this is a\n    place to connect the old functionality to the\n    new functionality, in the service of better\n    continuity and backwards compatibility within a\n    major release cycle.\n\n    Note the USWDS version where we deprecated the\n    old functionality in a comment.\n\n    Be sure to update notifications.scss.\n\n    This file should started fresh at each\n    major version.\n*/\n/*\n----------------------------------------\nadvanced-color()\n----------------------------------------\nDerive a color from a color triplet:\n[family], [grade], [variant]\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-system-color-token()\n----------------------------------------\nReturn whether a token is a system\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-theme-color-token()\n----------------------------------------\nReturn whether a token is a theme\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-assignment()\n----------------------------------------\nGet the system token equivalent of any\ntheme color token\n----------------------------------------\n*/\n/*\n----------------------------------------\ndecompose()\n----------------------------------------\nConvert a color token into into a list\nof form [family], [grade], [variant]\nVivid variants return "vivid" as the\nvariant.\nIf neither grade nor variant exists,\nreturns \'null\'\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-family()\n----------------------------------------\nReturns the family of a color token.\nReturns: color-family\ncolor-token-family("accent-warm-vivid")\n> "accent-warm"\ncolor-token-family("red-50v")\n> "red"\ncolor-token-variant(("red", 50, "vivid"))\n> "red"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-grade()\n----------------------------------------\nReturns the grade of a USWDS color token.\nReturns: color-grade\ncolor-token-grade("accent-warm")\n> "root"\ncolor-token-grade("accent-warm-vivid")\n> "root"\ncolor-token-grade("accent-warm-darker")\n> "darker"\ncolor-token-grade("red-50v")\n> 50\ncolor-token-variant(("red", 50, "vivid"))\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-color-token()\n----------------------------------------\nReturns whether a given string is a\nUSWDS color token.\n----------------------------------------\n*/\n/*\n----------------------------------------\npow()\n----------------------------------------\nRaises a unitless number to the power\nof another unitless number\nIncludes helper functions\n----------------------------------------\n*/\n/*\n----------------------------------------\nHelper functions\n----------------------------------------\n*/\n/* factorial()\n----------------------------------------\n*/\n/* summation()\n----------------------------------------\n*/\n/* exp-maclaurin()\n----------------------------------------\n*/\n/* ln()\n----------------------------------------\n*/\n/*\n----------------------------------------\ncalculate-grade()\n----------------------------------------\nDerive the grade equivalent any color,\neven non-token colors\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-type()\n----------------------------------------\nReturns the type of a color token.\nReturns: "system" | "theme"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-variant()\n----------------------------------------\nReturns the variant of color token.\nReturns: "vivid" | false\ncolor-token-variant("accent-warm")\n> false\ncolor-token-variant("accent-warm-vivid")\n> "vivid"\ncolor-token-variant("red-50v")\n> "vivid"\ncolor-token-variant(("red", 50, "vivid"))\n> "vivid"\n----------------------------------------\n*/\n/*\n----------------------------------------\nmagic-number()\n----------------------------------------\nReturns the magic number of two color\ngrades. Takes numbers or color tokens.\nmagic-number(50, 10)\nreturn: 40\nmagic-number("red-50", "red-10")\nreturn: 40\n----------------------------------------\n*/\n/*\n----------------------------------------\nwcag-magic-number()\n----------------------------------------\nReturns the magic number of a specific\nwcag grade:\n"AA"\n"AA-Large"\n"AAA"\nwcag-magic-number("AA")\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-accessible-magic-number()\n----------------------------------------\nReturns whether two grades achieve\nspecified target color contrast\nReturns: true | false\nis-accessible-magic-number(10, 50, "AA")\n> false\nis-accessible-magic-number(10, 60, "AA")\n> true\n----------------------------------------\n*/\n/*\n----------------------------------------\nnext-token()\n----------------------------------------\nReturns next "darker" or "lighter" color\ntoken of the same token type and variant.\nReturns: color-token | false\nnext-token("accent-warm", "lighter")\n> "accent-warm-light"\nnext-token("gray-10", "lighter")\n> "gray-5"\nnext-token("gray-5", "lighter")\n> "white"\nnext-token("white", "lighter")\n> false\nnext-token("red-50v", "darker")\n> "red-60v"\nnext-token("red-50", "darker")\n> "red-60"\nnext-token("red-80v", "darker")\n> "red-90"\nnext-token("red-90", "darker")\n> "black"\nnext-token("white", "darker")\n> "gray-5"\nnext-token("black", "lighter")\n> "gray-90"\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-link-tokens-from-bg()\n----------------------------------------\nGet accessible link colors for a given\nbackground color\nreturns: link-token, hover-token\nget-link-tokens-from-bg(\n  "black",\n  "red-60",\n  "red-10",\n  "AA")\n> "red-10", "red-5"\nget-link-tokens-from-bg(\n  "black",\n  "red-60v",\n  "red-10v",\n  "AA-large")\n> "red-60v", "red-50v"\nget-link-tokens-from-bg(\n  "black",\n  "red-5v",\n  "red-60v",\n  "AA")\n> "red-5v", "white"\nget-link-tokens-from-bg(\n  "black",\n  "white",\n  "red-60v",\n  "AA")\n> "white", "white"\n----------------------------------------\n*/\n/*\n----------------------------------------\ntest-colors()\n----------------------------------------\nCheck to see if all system colors\nfall between the proper relative\nluminance range for their grade.\nHas a couple quirks, as the luminance()\nfunction returns slightly different\nresults than expected.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolumns()\n----------------------------------------\noutputs a grid-col number based on\nthe number of desired columns in the\n12-column grid\n\nEx: columns(2) --\x3e 6\n    grid-col(columns(2))\n----------------------------------------\n*/\n/*\n----------------------------------------\nUSWDS Properties\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-uswds-value()\n----------------------------------------\nFinds and outputs a value from the\nUSWDS standard values.\n\nUsed to build other standard utility\nfunctions and mixins.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-standard-values()\n----------------------------------------\nGets a map of USWDS standard values\nfor a property\n----------------------------------------\n*/\n/*\n----------------------------------------\nborder-radius()\n----------------------------------------\nGet a border-radius from the system\nborder-radii\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-weight()\nfw()\n----------------------------------------\nGet a font-weight value from the\nsystem font-weight\n----------------------------------------\n*/\n/*\n----------------------------------------\nfeature()\n----------------------------------------\nGets a valid USWDS font feature setting\n----------------------------------------\n*/\n/*\n----------------------------------------\nflex()\n----------------------------------------\nGets a valid USWDS flex value\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-family()\nfamily()\n----------------------------------------\nGet a font-family stack from a\nrole-based or type-based font family\n----------------------------------------\n*/\n/*\n----------------------------------------\nletter-spacing()\nls()\n----------------------------------------\nGet a letter-spacing value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nmeasure()\n----------------------------------------\nGets a valid USWDS reading line length\n----------------------------------------\n*/\n/*\n----------------------------------------\nopacity()\n----------------------------------------\nGet an opacity from the system\nopacities\n----------------------------------------\n*/\n/*\n----------------------------------------\norder()\n----------------------------------------\nGet an order value from the\nsystem orders\n----------------------------------------\n*/\n/*\n----------------------------------------\nradius()\n----------------------------------------\nGet a border-radius value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-size()\n----------------------------------------\nGet type scale value from a [family] and\n[scale]\n----------------------------------------\n*/\n/*\n----------------------------------------\nz-index()\nz()\n----------------------------------------\nGet a z-index value from the\nsystem z-index\n----------------------------------------\n*/\n/*\n----------------------------------------\nutility-font()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\nNot the public-facing function.\nUsed for building the utilities and\nwithholds certain errors.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfamily()\n----------------------------------------\nGet a font-family stack\n----------------------------------------\n*/\n/*\n----------------------------------------\nsize()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont()\n----------------------------------------\nGet a font-family stack\nAND\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\ntypeset()\n----------------------------------------\nSets:\n- family\n- size\n- line-height\n----------------------------------------\n*/\n/* stylelint-disable max-nesting-depth */\n/*\n----------------------------------------\n@render-pseudoclass\n----------------------------------------\nBuild a pseucoclass utiliy from values\ncalculated in the @render-utilities-in\nloop\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utility\n----------------------------------------\nBuild a utility from values calculated\nin the @render-utilities-in loop\n----------------------------------------\nTODO: Determine the proper use of\nunquote() in the following. Changed to\naccount for a \'interpolation near\noperators will be simplified in a\nfuture version of Sass\' warning.\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utilities-in\n----------------------------------------\nThe master loop that sets the building\nblocks of utilities from the values\nin individual rule settings and loops\nthrough all possible variants\n----------------------------------------\n*/\n/* stylelint-enable */\n/*  notifications.scss\n    ---\n    Adds a notification at the top of each USWDS\n    compile. Use this file for important notifications\n    and updates to the design system.\n\n    This file should started fresh at each\n    major version.\n\n*/\n/* prettier-ignore */\n/* prettier-ignore */\n.usa-sr-only {\n  position: absolute;\n  left: -999em;\n  right: auto;\n}\n\n.usa-pagination {\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n  font-size: 1.06rem;\n  line-height: 1.5;\n  color: #1b1b1b;\n  background-color: white;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.usa-pagination .usa-icon {\n  height: 1.13rem;\n  width: 1.13rem;\n}\n\n.usa-pagination__list {\n  margin-bottom: 0;\n  margin-top: 0;\n  list-style-type: none;\n  padding-left: 0;\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-flow: row nowrap;\n  flex-flow: row nowrap;\n  -ms-flex-pack: center;\n  justify-content: center;\n  width: auto;\n}\n\n.usa-pagination__item {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: 2.5rem;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 1;\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n  min-width: 2.5rem;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__item {\n    -ms-flex: 1 0 auto;\n    flex: 1 0 auto;\n  }\n}\n\n.usa-pagination__arrow {\n  display: none;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__arrow {\n    display: inherit;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__previous-page {\n    margin-right: 1.25rem;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__next-page {\n    margin-left: 1.25rem;\n  }\n}\n\n.usa-pagination__link {\n  -ms-flex-align: center;\n  align-items: center;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n.usa-pagination__link[disabled] {\n  opacity: 0.4 !important;\n  pointer-events: none;\n}\n.usa-pagination__link:hover, .usa-pagination__link:focus, .usa-pagination__link:active {\n  color: #1a4480;\n}\n.usa-pagination__link:visited {\n  color: #005ea2;\n}\n\n.usa-pagination__button {\n  -ms-flex-align: center;\n  align-items: center;\n  border-color: rgba(27, 27, 27, 0.2);\n  border-radius: 0.25rem;\n  border-style: solid;\n  border-width: 1px;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  padding: 0.5rem;\n  width: 100%;\n}\n.usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n  color: #1a4480;\n  border-color: #1a4480;\n}\n@media (forced-colors: active) {\n  .usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n    border: 2px solid transparent;\n  }\n}\n\n.usa-pagination .usa-current {\n  background-color: #1b1b1b;\n  border-color: transparent;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current {\n    border: 2px solid transparent;\n    color: buttonText;\n  }\n}\n.usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n  background-color: #1b1b1b;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n    color: buttontext;\n  }\n}\n\n.usa-pagination__overflow {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-item-align: stretch;\n  align-self: stretch;\n  display: inherit;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  padding: 0.5rem;\n}\n\n.usa-icon {\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  position: relative;\n  width: 1em;\n}\n\n.usa-icon--size-3 {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n\n.usa-icon--size-4 {\n  height: 2rem;\n  width: 2rem;\n}\n\n.usa-icon--size-5 {\n  height: 2.5rem;\n  width: 2.5rem;\n}\n\n.usa-icon--size-6 {\n  height: 3rem;\n  width: 3rem;\n}\n\n.usa-icon--size-7 {\n  height: 3.5rem;\n  width: 3.5rem;\n}\n\n.usa-icon--size-8 {\n  height: 4rem;\n  width: 4rem;\n}\n\n.usa-icon--size-9 {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.va-pagination__item {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n:host a.usa-pagination__next-page > div,\n:host a.usa-pagination__previous-page > div {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host {\n  background-color: var(--vads-color-white);\n  border-top: 1px solid var(--vads-color-base-lightest);\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: var(--font-source-sans);\n  -ms-flex-pack: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 1.25rem 0 0.625rem;\n  width: 100%;\n}\n\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nli {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\nbutton {\n  -moz-osx-font-smoothing: auto;\n  -webkit-font-smoothing: auto;\n  background-color: transparent;\n  border: 0;\n  color: var(--vads-color-link);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 0.89rem;\n  font-weight: 400;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 2;\n  padding: 0;\n  -webkit-transition: all 0.3s ease-in-out;\n  transition: all 0.3s ease-in-out;\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n@container (max-width: 480px) {\n  .usa-pagination__overflow {\n    margin: 0;\n    min-width: 2rem;\n    padding: 0;\n  }\n}'}}]);