@department-of-veterans-affairs/component-library 52.1.0 → 52.1.2-rc1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/dist/12.app.bundle.js +1 -1
  2. package/dist/141.app.bundle.js +1 -1
  3. package/dist/1822.app.bundle.js +1 -1
  4. package/dist/1966.app.bundle.js +1 -1
  5. package/dist/2205.app.bundle.js +1 -1
  6. package/dist/2236.app.bundle.js +1 -1
  7. package/dist/2261.app.bundle.js +1 -0
  8. package/dist/2482.app.bundle.js +1 -1
  9. package/dist/251.app.bundle.js +1 -1
  10. package/dist/272.app.bundle.js +1 -1
  11. package/dist/2923.app.bundle.js +1 -1
  12. package/dist/2986.app.bundle.js +1 -1
  13. package/dist/323.app.bundle.js +1 -1
  14. package/dist/3305.app.bundle.js +1 -1
  15. package/dist/3397.app.bundle.js +1 -1
  16. package/dist/3589.app.bundle.js +1 -1
  17. package/dist/3601.app.bundle.js +1 -1
  18. package/dist/4351.app.bundle.js +1 -1
  19. package/dist/4400.app.bundle.js +1 -1
  20. package/dist/4475.app.bundle.js +1 -1
  21. package/dist/4775.app.bundle.js +2 -0
  22. package/dist/4775.app.bundle.js.LICENSE.txt +5 -0
  23. package/dist/4780.app.bundle.js +1 -1
  24. package/dist/4996.app.bundle.js +1 -1
  25. package/dist/5119.app.bundle.js +1 -1
  26. package/dist/5341.app.bundle.js +1 -1
  27. package/dist/5663.app.bundle.js +1 -1
  28. package/dist/5689.app.bundle.js +1 -1
  29. package/dist/5760.app.bundle.js +1 -0
  30. package/dist/5845.app.bundle.js +1 -1
  31. package/dist/5938.app.bundle.js +1 -1
  32. package/dist/5990.app.bundle.js +1 -1
  33. package/dist/6104.app.bundle.js +1 -0
  34. package/dist/6308.app.bundle.js +1 -1
  35. package/dist/6498.app.bundle.js +1 -1
  36. package/dist/6555.app.bundle.js +1 -1
  37. package/dist/6650.app.bundle.js +1 -1
  38. package/dist/6696.app.bundle.js +1 -1
  39. package/dist/6718.app.bundle.js +1 -1
  40. package/dist/6832.app.bundle.js +1 -1
  41. package/dist/6849.app.bundle.js +1 -1
  42. package/dist/7166.app.bundle.js +1 -1
  43. package/dist/7307.app.bundle.js +1 -1
  44. package/dist/7372.app.bundle.js +1 -1
  45. package/dist/7481.app.bundle.js +1 -1
  46. package/dist/7495.app.bundle.js +1 -1
  47. package/dist/7508.app.bundle.js +1 -0
  48. package/dist/7734.app.bundle.js +1 -1
  49. package/dist/7747.app.bundle.js +1 -0
  50. package/dist/8255.app.bundle.js +1 -1
  51. package/dist/8463.app.bundle.js +1 -1
  52. package/dist/8762.app.bundle.js +1 -1
  53. package/dist/8913.app.bundle.js +1 -1
  54. package/dist/9186.app.bundle.js +1 -1
  55. package/dist/9474.app.bundle.js +2 -0
  56. package/dist/9474.app.bundle.js.LICENSE.txt +5 -0
  57. package/dist/9496.app.bundle.js +1 -1
  58. package/dist/9851.app.bundle.js +1 -1
  59. package/dist/app.bundle.js +1 -1
  60. package/dist/components/date-utils.js +1 -1
  61. package/dist/components/types/components.d.ts +32 -0
  62. package/dist/components/utils.js +1 -1
  63. package/dist/components/va-accordion-item2.js +1 -1
  64. package/dist/components/va-additional-info.js +1 -1
  65. package/dist/components/va-alert-expandable.js +1 -1
  66. package/dist/components/va-button-segmented.js +1 -1
  67. package/dist/components/va-checkbox-group2.js +1 -1
  68. package/dist/components/va-checkbox2.js +1 -1
  69. package/dist/components/va-combo-box2.js +3 -3
  70. package/dist/components/va-date.js +1 -1
  71. package/dist/components/va-file-input-multiple.js +1 -1
  72. package/dist/components/va-file-input2.js +1 -1
  73. package/dist/components/va-header-minimal.js +1 -1
  74. package/dist/components/va-icon2.js +1 -1
  75. package/dist/components/va-input-telephone.d.ts +11 -0
  76. package/dist/components/va-input-telephone.js +1 -0
  77. package/dist/components/va-language-toggle.js +1 -1
  78. package/dist/components/va-link-action.js +1 -1
  79. package/dist/components/va-loading-indicator.js +1 -1
  80. package/dist/components/va-memorable-date.js +1 -1
  81. package/dist/components/va-minimal-footer.js +1 -1
  82. package/dist/components/va-modal2.js +1 -1
  83. package/dist/components/va-need-help.js +1 -1
  84. package/dist/components/va-official-gov-banner2.js +1 -1
  85. package/dist/components/va-omb-info.js +1 -1
  86. package/dist/components/va-on-this-page.js +1 -1
  87. package/dist/components/va-privacy-agreement.js +1 -1
  88. package/dist/components/va-process-list-item.js +1 -1
  89. package/dist/components/va-process-list.js +1 -1
  90. package/dist/components/va-progress-bar2.js +1 -1
  91. package/dist/components/va-radio-option.js +1 -1
  92. package/dist/components/va-radio.js +1 -1
  93. package/dist/components/va-search-input.js +1 -1
  94. package/dist/components/va-select2.js +1 -1
  95. package/dist/components/va-sidenav-item.js +1 -1
  96. package/dist/components/va-sidenav-submenu.js +1 -1
  97. package/dist/components/va-statement-of-truth.js +1 -1
  98. package/dist/components/va-summary-box.js +1 -1
  99. package/dist/components/va-tab-item.js +1 -1
  100. package/dist/components/va-tab-panel.js +1 -1
  101. package/dist/components/va-table-inner2.js +1 -1
  102. package/dist/components/va-table-row.js +1 -1
  103. package/dist/components/va-table.js +1 -1
  104. package/dist/components/va-telephone-input.js +1 -1
  105. package/dist/components/va-telephone2.js +1 -1
  106. package/dist/components/va-text-input2.js +1 -1
  107. package/dist/components/va-textarea.js +1 -1
  108. package/package.json +4 -4
@@ -1 +1 @@
1
- import{i as instance}from"./i18next.js";import{Build}from"@stencil/core/internal/client";Build.isTesting&&instance.init({lng:"cimode"});const maxYear=(new Date).getFullYear()+100,minYear=1900,maxMonths=12,minMonths=1,minDays=1,months=[{label:"January",value:1},{label:"February",value:2},{label:"March",value:3},{label:"April",value:4},{label:"May",value:5},{label:"June",value:6},{label:"July",value:7},{label:"August",value:8},{label:"September",value:9},{label:"October",value:10},{label:"November",value:11},{label:"December",value:12}],twentyNineDays=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29"],thirtyDays=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"],thirtyOneDays=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31"],days={1:thirtyOneDays,2:twentyNineDays,3:thirtyOneDays,4:thirtyDays,5:thirtyOneDays,6:thirtyDays,7:thirtyOneDays,8:thirtyOneDays,9:thirtyDays,10:thirtyOneDays,11:thirtyDays,12:thirtyOneDays},internalErrors=["year-range","day-range","month-range","date-error","month-select"];function getMonthErrorKey(e){return e?"month-select":"month-range"}function validate({component:e,year:r,month:a,day:t,monthYearOnly:n,yearTouched:i,monthTouched:o,dayTouched:l,monthSelect:s,monthOptional:d}){const y=daysForSelectedMonth(r,a);e.invalidYear=!1,e.invalidMonth=!1,e.invalidDay=!1;const u=!(n&&d);if(u&&isNaN(a)&&o)return e.invalidMonth=!0,void(e.error=getMonthErrorKey(s));if(!n&&isNaN(t)&&l)return e.invalidDay=!0,void(e.error="day-range");if(isNaN(r)&&i)return e.invalidYear=!0,void(e.error="year-range");if(e.required&&(!r||u&&!a||!n&&!t)){if(u&&o&&!a)return e.invalidMonth=!0,void(e.error="date-error");if(l&&!t&&!n)return e.invalidDay=!0,void(e.error="date-error");if(i&&!r)return e.invalidYear=!0,void(e.error="date-error")}return u&&!a&&o?(e.invalidMonth=!0,void(e.error=getMonthErrorKey(s))):t||n||!l?!r&&i?(e.invalidYear=!0,void(e.error="year-range")):u&&a&&(a<1||a>12)&&o?(e.invalidMonth=!0,void(e.error=getMonthErrorKey(s))):t&&!n&&(t<1||t>y)&&l?(e.invalidDay=!0,void(e.error="day-range")):r&&(r<1900||r>maxYear)&&i?(e.invalidYear=!0,void(e.error="year-range")):void(e.invalidYear||e.invalidMonth||e.invalidDay||e.error&&!internalErrors.includes(e.error)||(e.error=null)):(e.invalidDay=!0,void(e.error="day-range"))}function getErrorParameters(e,r,a){const t=daysForSelectedMonth(r,a);switch(e){case"month-range":case"month-select":return{start:1,end:12};case"day-range":return{start:1,end:t};case"year-range":return{start:1900,end:maxYear};default:return null}}const daysForSelectedMonth=(e,r)=>{var a;return e&&r?new Date(e,r,0).getDate():(null===(a=days[r])||void 0===a?void 0:a.length)||31},formatDate=(e,r={dateStyle:"full",timeStyle:"short"},a="America/New_York")=>{if(e&&e instanceof Date)return e.toLocaleString("en-US",Object.assign(Object.assign({},r),{timeZone:a}))},isDateAfter=(e,r)=>{if(e&&e instanceof Date&&r&&r instanceof Date)return e.getTime()>r.getTime()},isDateBefore=(e,r)=>{if(e&&e instanceof Date&&r&&r instanceof Date)return e.getTime()<r.getTime()},isDateSameDay=(e,r)=>{if(e&&e instanceof Date&&r&&r instanceof Date)return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDay()===r.getDay()},zeroPadStart=e=>`00${(e||"").toString()}`.slice(-2);export{isDateBefore as a,isDateAfter as b,daysForSelectedMonth as d,formatDate as f,getErrorParameters as g,isDateSameDay as i,months as m,validate as v,zeroPadStart as z};
1
+ import{i as instance}from"./i18next.js";import{Build}from"@stencil/core/internal/client";Build.isTesting&&instance.init({lng:"cimode"});const maxYear=(new Date).getFullYear()+100,minYear=1900,maxMonths=12,minMonths=1,minDays=1,months=[{label:"January",value:1},{label:"February",value:2},{label:"March",value:3},{label:"April",value:4},{label:"May",value:5},{label:"June",value:6},{label:"July",value:7},{label:"August",value:8},{label:"September",value:9},{label:"October",value:10},{label:"November",value:11},{label:"December",value:12}],twentyNineDays=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29"],thirtyDays=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"],thirtyOneDays=["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31"],days={1:thirtyOneDays,2:twentyNineDays,3:thirtyOneDays,4:thirtyDays,5:thirtyOneDays,6:thirtyDays,7:thirtyOneDays,8:thirtyOneDays,9:thirtyDays,10:thirtyOneDays,11:thirtyDays,12:thirtyOneDays},internalErrors=["year-range","day-range","month-range","date-error","month-select"];function getMonthErrorKey(e){return e?"month-select":"month-range"}function validate({component:e,year:r,month:a,day:t,monthYearOnly:n,yearTouched:i,monthTouched:o,dayTouched:l,monthSelect:s,monthOptional:d}){if(!r&&!a&&!t)return;const y=daysForSelectedMonth(r,a);e.invalidYear=!1,e.invalidMonth=!1,e.invalidDay=!1;const u=!(n&&d);if(u&&isNaN(a)&&o)return e.invalidMonth=!0,void(e.error=getMonthErrorKey(s));if(!n&&isNaN(t)&&l)return e.invalidDay=!0,void(e.error="day-range");if(isNaN(r)&&i)return e.invalidYear=!0,void(e.error="year-range");if(e.required&&(!r||u&&!a||!n&&!t)){if(u&&o&&!a)return e.invalidMonth=!0,void(e.error="date-error");if(l&&!t&&!n)return e.invalidDay=!0,void(e.error="date-error");if(i&&!r)return e.invalidYear=!0,void(e.error="date-error")}return u&&!a&&o?(e.invalidMonth=!0,void(e.error=getMonthErrorKey(s))):t||n||!l?!r&&i?(e.invalidYear=!0,void(e.error="year-range")):u&&a&&(a<1||a>12)&&o?(e.invalidMonth=!0,void(e.error=getMonthErrorKey(s))):t&&!n&&(t<1||t>y)&&l?(e.invalidDay=!0,void(e.error="day-range")):r&&(r<1900||r>maxYear)&&i?(e.invalidYear=!0,void(e.error="year-range")):void(e.invalidYear||e.invalidMonth||e.invalidDay||e.error&&!internalErrors.includes(e.error)||(e.error=null)):(e.invalidDay=!0,void(e.error="day-range"))}function getErrorParameters(e,r,a){const t=daysForSelectedMonth(r,a);switch(e){case"month-range":case"month-select":return{start:1,end:12};case"day-range":return{start:1,end:t};case"year-range":return{start:1900,end:maxYear};default:return null}}const daysForSelectedMonth=(e,r)=>{var a;return e&&r?new Date(e,r,0).getDate():(null===(a=days[r])||void 0===a?void 0:a.length)||31},formatDate=(e,r={dateStyle:"full",timeStyle:"short"},a="America/New_York")=>{if(e&&e instanceof Date)return e.toLocaleString("en-US",Object.assign(Object.assign({},r),{timeZone:a}))},isDateAfter=(e,r)=>{if(e&&e instanceof Date&&r&&r instanceof Date)return e.getTime()>r.getTime()},isDateBefore=(e,r)=>{if(e&&e instanceof Date&&r&&r instanceof Date)return e.getTime()<r.getTime()},isDateSameDay=(e,r)=>{if(e&&e instanceof Date&&r&&r instanceof Date)return e.getFullYear()===r.getFullYear()&&e.getMonth()===r.getMonth()&&e.getDay()===r.getDay()},zeroPadStart=e=>`00${(e||"").toString()}`.slice(-2);export{isDateBefore as a,isDateAfter as b,daysForSelectedMonth as d,formatDate as f,getErrorParameters as g,isDateSameDay as i,months as m,validate as v,zeroPadStart as z};
@@ -1125,6 +1125,10 @@ export namespace Components {
1125
1125
  * Used to create unique name attributes for each input.
1126
1126
  */
1127
1127
  "name": string;
1128
+ /**
1129
+ * Removes the default date hint text
1130
+ */
1131
+ "removeDateHint"?: boolean;
1128
1132
  /**
1129
1133
  * Render marker indicating field is required.
1130
1134
  */
@@ -1321,6 +1325,10 @@ export namespace Components {
1321
1325
  * If true, analytics event will not be fired
1322
1326
  */
1323
1327
  "disableAnalytics"?: boolean;
1328
+ /**
1329
+ * Header level. Must be between 1 and 6
1330
+ */
1331
+ "headerLevel"?: number;
1324
1332
  }
1325
1333
  /**
1326
1334
  * @componentName Pagination
@@ -1695,6 +1703,10 @@ export namespace Components {
1695
1703
  * Whether an error message should be shown - set to false when this component is used inside va-date or va-memorable-date in which the error for the va-select will be rendered outside of va-select
1696
1704
  */
1697
1705
  "showError"?: boolean;
1706
+ /**
1707
+ * Whether or not to show the (*Required) text.
1708
+ */
1709
+ "showRequiredText"?: boolean;
1698
1710
  /**
1699
1711
  * Enabling this will add a heading and description for integrating into the forms pattern. Accepts `single` or `multiple` to indicate if the form is a single input or will have multiple inputs
1700
1712
  */
@@ -2182,6 +2194,10 @@ export namespace Components {
2182
2194
  * When `false`, hides the error message from view, but not from the screen reader. Should only be used if error is being displayed elsewhere. Must use kebab-case on this attribute for it to work properly.
2183
2195
  */
2184
2196
  "showInputError"?: boolean;
2197
+ /**
2198
+ * Whether or not to show the (*Required) text.
2199
+ */
2200
+ "showRequiredText"?: boolean;
2185
2201
  /**
2186
2202
  * The step attribute is a number, or the string 'any', that specifies the granularity of the value. For example: `<va-text-input type="number" step=".1"/>` enables float/decimal values to be valid and increment by one-tenth. <br/> Defaults to 1 for every field type except for time and datetime-local which default to 60 (seconds). View more documentation on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
2187
2203
  */
@@ -5084,6 +5100,10 @@ declare namespace LocalJSX {
5084
5100
  * Fires when the date input loses focus after its value was changed
5085
5101
  */
5086
5102
  "onDateChange"?: (event: VaMemorableDateCustomEvent<any>) => void;
5103
+ /**
5104
+ * Removes the default date hint text
5105
+ */
5106
+ "removeDateHint"?: boolean;
5087
5107
  /**
5088
5108
  * Render marker indicating field is required.
5089
5109
  */
@@ -5308,6 +5328,10 @@ declare namespace LocalJSX {
5308
5328
  * If true, analytics event will not be fired
5309
5329
  */
5310
5330
  "disableAnalytics"?: boolean;
5331
+ /**
5332
+ * Header level. Must be between 1 and 6
5333
+ */
5334
+ "headerLevel"?: number;
5311
5335
  /**
5312
5336
  * The event used to track usage of the component. This is emitted when the user clicks on a link and enableAnalytics is true.
5313
5337
  */
@@ -5762,6 +5786,10 @@ declare namespace LocalJSX {
5762
5786
  * Whether an error message should be shown - set to false when this component is used inside va-date or va-memorable-date in which the error for the va-select will be rendered outside of va-select
5763
5787
  */
5764
5788
  "showError"?: boolean;
5789
+ /**
5790
+ * Whether or not to show the (*Required) text.
5791
+ */
5792
+ "showRequiredText"?: boolean;
5765
5793
  /**
5766
5794
  * Enabling this will add a heading and description for integrating into the forms pattern. Accepts `single` or `multiple` to indicate if the form is a single input or will have multiple inputs
5767
5795
  */
@@ -6293,6 +6321,10 @@ declare namespace LocalJSX {
6293
6321
  * When `false`, hides the error message from view, but not from the screen reader. Should only be used if error is being displayed elsewhere. Must use kebab-case on this attribute for it to work properly.
6294
6322
  */
6295
6323
  "showInputError"?: boolean;
6324
+ /**
6325
+ * Whether or not to show the (*Required) text.
6326
+ */
6327
+ "showRequiredText"?: boolean;
6296
6328
  /**
6297
6329
  * The step attribute is a number, or the string 'any', that specifies the granularity of the value. For example: `<va-text-input type="number" step=".1"/>` enables float/decimal values to be valid and increment by one-tenth. <br/> Defaults to 1 for every field type except for time and datetime-local which default to 60 (seconds). View more documentation on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
6298
6330
  */
@@ -1 +1 @@
1
- import{Build}from"@stencil/core/internal/client";function isNumeric(e){return!Number.isNaN(parseFloat(e))}function getSlottedNodes(e,t,n="slot"){const r=e.shadowRoot.querySelector(n).assignedNodes();return null!==t?Array.from(r).filter((e=>e.nodeName.toLowerCase()===t)):Array.from(r)}function consoleDevError(e){Build.isDev&&!Build.isTesting&&console.error(e)}function plurality(e){return 1===e?"":"s"}function getCharacterMessage(e,t){if(void 0===e||""===e)return`${t} character${plurality(t)} allowed`;let n;if(e.length<=t){const r=t-e.length;n=`${r} character${plurality(r)} left`}else{const r=e.length-t;n=`${r} character${plurality(r)} over limit`}return n}function makeArray(e,t){return Array.from({length:t-e+1},((t,n)=>e+n))}const isElement=e=>e&&"object"==typeof e&&1===e.nodeType;function select(e,t){if("string"!=typeof e)return[];if(!t||!isElement(t))return[];const n=t.shadowRoot.querySelectorAll(e);return Array.from(n)}function selectOrMatches(e,t){const n=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&n.push(t),n}const Sanitizer={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return Sanitizer._entities[e]},escapeHTML:function(e){for(var t="",n=0;n<e.length;n++)t+=e[n],n+1<arguments.length&&(t+=String(arguments[n+1]||"").replace(Sanitizer._entity,Sanitizer.getEntity));return t}};function getHeaderLevel(e){let t=null;return t="string"==typeof e?parseInt(e,10):Math.floor(e),t>=1&&t<=6?`h${t}`:null}function isInteractiveLinkOrButton(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function isMessageSet(e){return e&&"false"!==e||!1}function isArguments(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function deepEquals(e,t){const n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===t)return!0;if("function"==typeof e||"function"==typeof t)return!0;if("object"!=typeof e||"object"!=typeof t)return!1;if(null===e||null===t)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return e.source===t.source&&e.global===t.global&&e.multiline===t.multiline&&e.lastIndex===t.lastIndex&&e.ignoreCase===t.ignoreCase;if(isArguments(e)||isArguments(t)){if(!isArguments(e)||!isArguments(t))return!1;const o=Array.prototype.slice;return deepEquals(o.call(e),o.call(t),n,r)}{if(e.constructor!==t.constructor)return!1;const o=Object.keys(e),i=Object.keys(t);if(0===o.length&&0===i.length)return!0;if(o.length!==i.length)return!1;let s,a=n.length;for(;a--;)if(n[a]===e)return r[a]===t;n.push(e),r.push(t),o.sort(),i.sort();for(let e=o.length-1;e>=0;e--)if(o[e]!==i[e])return!1;for(let i=o.length-1;i>=0;i--)if(s=o[i],!deepEquals(e[s],t[s],n,r))return!1;return n.pop(),r.pop(),!0}}function getArticle(e,t=!0){const n=["a","i","e","o"];t&&n.push("u");const r=e.charAt(0).toLowerCase();return n.includes(r)?"an":"a"}function debounce(e,t){let n;return function(...r){clearTimeout(n),n=setTimeout((()=>e.apply(this,r)),t)}}function getMaxLength(e){if(null==e)return;const t="string"==typeof e?parseInt(e,10):e;if(!(t<=0||isNaN(t)))return t;consoleDevError("The maxlength prop must be positive!")}function updateScreenReaderCount(e,t,n){e&&(e.innerText=getCharacterMessage(t,getMaxLength(n)))}export{Sanitizer as S,getSlottedNodes as a,isNumeric as b,consoleDevError as c,deepEquals as d,getArticle as e,debounce as f,getHeaderLevel as g,getMaxLength as h,isMessageSet as i,getCharacterMessage as j,isInteractiveLinkOrButton as k,makeArray as m,selectOrMatches as s,updateScreenReaderCount as u};
1
+ import{Build}from"@stencil/core/internal/client";function isNumeric(e){return!Number.isNaN(parseFloat(e))}function getSlottedNodes(e,t,n="slot"){const r=e.shadowRoot.querySelector(n).assignedNodes();return null!==t?Array.from(r).filter((e=>e.nodeName.toLowerCase()===t)):Array.from(r)}function consoleDevError(e){Build.isDev&&!Build.isTesting&&console.error(e)}function plurality(e){return 1===e?"":"s"}function getCharacterMessage(e,t){if(void 0===e||""===e)return`${t} character${plurality(t)} allowed`;let n;if(e.length<=t){const r=t-e.length;n=`${r} character${plurality(r)} left`}else{const r=e.length-t;n=`${r} character${plurality(r)} over limit`}return n}function makeArray(e,t){return Array.from({length:t-e+1},((t,n)=>e+n))}const isElement=e=>e&&"object"==typeof e&&1===e.nodeType;function select(e,t){if("string"!=typeof e)return[];if(!t||!isElement(t))return[];const n=t.shadowRoot.querySelectorAll(e);return Array.from(n)}function selectOrMatches(e,t){const n=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&n.push(t),n}const Sanitizer={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return Sanitizer._entities[e]},escapeHTML:function(e){for(var t="",n=0;n<e.length;n++)t+=e[n],n+1<arguments.length&&(t+=String(arguments[n+1]||"").replace(Sanitizer._entity,Sanitizer.getEntity));return t}};function getHeaderLevel(e){let t=null;return t="string"==typeof e?parseInt(e,10):Math.floor(e),t>=1&&t<=6?`h${t}`:null}function isInteractiveLinkOrButton(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function isMessageSet(e){return e&&"false"!==e||!1}function isArguments(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function deepEquals(e,t){const n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===t)return!0;if("function"==typeof e||"function"==typeof t)return!0;if("object"!=typeof e||"object"!=typeof t)return!1;if(null===e||null===t)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return e.source===t.source&&e.global===t.global&&e.multiline===t.multiline&&e.lastIndex===t.lastIndex&&e.ignoreCase===t.ignoreCase;if(isArguments(e)||isArguments(t)){if(!isArguments(e)||!isArguments(t))return!1;const o=Array.prototype.slice;return deepEquals(o.call(e),o.call(t),n,r)}{if(e.constructor!==t.constructor)return!1;const o=Object.keys(e),i=Object.keys(t);if(0===o.length&&0===i.length)return!0;if(o.length!==i.length)return!1;let s,a=n.length;for(;a--;)if(n[a]===e)return r[a]===t;n.push(e),r.push(t),o.sort(),i.sort();for(let e=o.length-1;e>=0;e--)if(o[e]!==i[e])return!1;for(let i=o.length-1;i>=0;i--)if(s=o[i],!deepEquals(e[s],t[s],n,r))return!1;return n.pop(),r.pop(),!0}}function debounce(e,t){let n;return function(...r){clearTimeout(n),n=setTimeout((()=>e.apply(this,r)),t)}}function getMaxLength(e){if(null==e)return;const t="string"==typeof e?parseInt(e,10):e;if(!(t<=0||isNaN(t)))return t;consoleDevError("The maxlength prop must be positive!")}function updateScreenReaderCount(e,t,n){e&&(e.innerText=getCharacterMessage(t,getMaxLength(n)))}export{Sanitizer as S,getSlottedNodes as a,isNumeric as b,consoleDevError as c,deepEquals as d,debounce as e,getMaxLength as f,getHeaderLevel as g,getCharacterMessage as h,isMessageSet as i,isInteractiveLinkOrButton as j,makeArray as m,selectOrMatches as s,updateScreenReaderCount as u};
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{a as getSlottedNodes}from"./utils.js";import{c as classnames}from"./index2.js";const vaAccordionItemCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}:host{display:block}:host(:not(:last-child)){margin-bottom:0.5rem}:host(:last-child){margin-bottom:0.3125rem}button{font:inherit;line-height:1.15}::slotted([slot=headline]){display:none}::slotted([slot=icon]),::slotted([slot=subheader-icon]){width:0.625rem;margin-right:0.938rem}.va-accordion__header,.va-accordion__subheader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.va-accordion__subheader{font-weight:400;font-size:16px;line-height:26px;margin-top:2px}.va-accordion__header.va-accordion__header--has-icon{padding-top:2px;line-height:inherit}.va-accordion__subheader.va-accordion__subheader--has-icon{margin-top:calc(0.2rem + 2px);padding-bottom:0.2rem;line-height:1.219}.va-accordion__header ::slotted([slot=icon]),.va-accordion__subheader ::slotted([slot=subheader-icon]){margin-right:15px;width:inherit}.va-accordion__header ::slotted([slot=icon]){line-height:0}.usa-prose>::slotted(p){line-height:1.5;max-width:64ex}:host(:not([open])) #content,:host([open=false]) #content{display:none}@media print{:host(:not([open])) #content,:host([open=false]) #content{display:block}}',VaAccordionItemStyle0=vaAccordionItemCss,VaAccordionItem=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.accordionItemToggled=createEvent(this,"accordionItemToggled",7),this.expandButton=null,this.header=void 0,this.headerSrOnly=void 0,this.subheader=null,this.open=!1,this.level=2,this.bordered=!1,this.slotHeader=null,this.slotTag=null}toggleOpen(t){this.accordionItemToggled.emit(t)}populateStateValues(){getSlottedNodes(this.el,null).forEach((t=>{this.slotHeader=t.innerHTML,this.slotTag=t.tagName.toLowerCase()}))}componentDidLoad(){this.el.id&&this.el.id===window.location.hash.slice(1)&&this.expandButton&&(this.open=!0,this.el.setAttribute("open","true"),this.el.scrollIntoView())}render(){const{bordered:t,header:e,subheader:a,level:o,open:r,headerSrOnly:n}=this,i=classnames({"usa-accordion--bordered":t});return h(Host,null,h("div",{class:i},h((()=>{const t=this.el.querySelector('[slot="headline"]'),i=null==t?void 0:t.innerHTML,s=t&&t.tagName.includes("H")?t.tagName.toLowerCase():`h${o}`,d=classnames({"va-accordion__header":!0,"va-accordion__header--has-icon":this.el.querySelector('[slot="icon"]')}),c=classnames({"va-accordion__subheader":!0,"va-accordion__subheader--has-icon":this.el.querySelector('[slot="subheader-icon"]')});return h(s,{class:"usa-accordion__heading"},h("button",{type:"button",class:"usa-accordion__button","aria-expanded":r?"true":"false","aria-controls":"content",onClick:this.toggleOpen.bind(this),ref:t=>{this.expandButton=t},part:"accordion-header"},h("span",{class:d},h("slot",{name:"icon"}),this.slotHeader||e||i,n&&h("span",{class:"usa-sr-only"}," ",n)),this.subheader&&h("span",{class:c},h("slot",{name:"subheader-icon"}),a)))}),null),h("slot",{name:"headline",onSlotchange:()=>this.populateStateValues()}),h("div",{id:"content",class:"usa-accordion__content usa-prose",hidden:!r,part:"accordion-content"},h("slot",null))))}get el(){return this}static get style(){return VaAccordionItemStyle0}},[1,"va-accordion-item",{header:[1],headerSrOnly:[1,"header-sr-only"],subheader:[1],open:[516],level:[2],bordered:[4],slotHeader:[32],slotTag:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-accordion-item"].forEach((t=>{"va-accordion-item"===t&&(customElements.get(t)||customElements.define(t,VaAccordionItem))}))}export{VaAccordionItem as V,defineCustomElement as d};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaAccordionItemCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}:host{display:block}:host(:not(:last-child)){margin-bottom:0.5rem}:host(:last-child){margin-bottom:0.3125rem}button{font:inherit;line-height:1.15}::slotted([slot=headline]){font-size:var(--vads-font-size-source-sans-normalized) !important;line-height:var(--vads-font-line-height-2) !important;margin:0px !important;font-family:var(--font-source-sans) !important}::slotted([slot=icon]),::slotted([slot=subheader-icon]){width:0.625rem;margin-right:0.938rem}.va-accordion__header,.va-accordion__subheader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.va-accordion__subheader{font-weight:400;font-size:16px;line-height:26px;margin-top:2px}.va-accordion__header.va-accordion__header--has-icon{padding-top:2px;line-height:inherit}.va-accordion__subheader.va-accordion__subheader--has-icon{margin-top:calc(0.2rem + 2px);padding-bottom:0.2rem;line-height:1.219}.va-accordion__header ::slotted([slot=icon]),.va-accordion__subheader ::slotted([slot=subheader-icon]){margin-right:15px;width:inherit}.va-accordion__header ::slotted([slot=icon]){line-height:0}.usa-prose>::slotted(p){line-height:1.5;max-width:64ex}:host(:not([open])) #content,:host([open=false]) #content{display:none}@media print{:host(:not([open])) #content,:host([open=false]) #content{display:block}}',VaAccordionItemStyle0=vaAccordionItemCss,VaAccordionItem=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.accordionItemToggled=createEvent(this,"accordionItemToggled",7),this.expandButton=null,this.header=void 0,this.headerSrOnly=void 0,this.subheader=null,this.open=!1,this.level=2,this.bordered=!1}componentDidLoad(){this.el.id&&this.el.id===window.location.hash.slice(1)&&this.expandButton&&(this.open=!0,this.el.setAttribute("open","true"),this.el.scrollIntoView())}toggleOpen(t){this.accordionItemToggled.emit(t)}render(){const{bordered:t,header:e,subheader:a,level:o,open:r,headerSrOnly:n}=this,i=this.el.querySelector('[slot="headline"]'),s=classnames({"usa-accordion--bordered":t});return h(Host,null,h("div",{class:s},h((()=>{const t=i&&i.tagName.includes("H")?i.tagName.toLowerCase():`h${o}`,s=classnames({"va-accordion__header":!0,"va-accordion__header--has-icon":this.el.querySelector('[slot="icon"]')}),d=classnames({"va-accordion__subheader":!0,"va-accordion__subheader--has-icon":this.el.querySelector('[slot="subheader-icon"]')});return h(t,{class:"usa-accordion__heading"},h("button",{type:"button",class:"usa-accordion__button","aria-expanded":r?"true":"false","aria-controls":"content",onClick:this.toggleOpen.bind(this),ref:t=>{this.expandButton=t},part:"accordion-header"},h("span",{class:s},h("slot",{name:"icon"}),i?h("slot",{name:"headline"}):e,n&&h("span",{class:"usa-sr-only"}," ",n)),this.subheader&&h("span",{class:d},h("slot",{name:"subheader-icon"}),a)))}),null),h("div",{id:"content",class:"usa-accordion__content usa-prose",hidden:!r,part:"accordion-content"},h("slot",null))))}get el(){return this}static get style(){return VaAccordionItemStyle0}},[1,"va-accordion-item",{header:[1],headerSrOnly:[1,"header-sr-only"],subheader:[1],open:[516],level:[2],bordered:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-accordion-item"].forEach((t=>{"va-accordion-item"===t&&(customElements.get(t)||customElements.define(t,VaAccordionItem))}))}export{VaAccordionItem as V,defineCustomElement as d};
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAdditionalInfoCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host(:not([disable-border])) a[aria-expanded='true']~#info,:host([disable-border='false']) a[aria-expanded='true']~#info{padding-left:calc(20px - 4px);border-left:4px solid transparent;border-left-color:var(--vads-color-primary-alt-darkest)}#info{overflow:hidden}#info.closed{visibility:hidden}a{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex}.additional-info-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-darkest);color:var(--vads-color-base-darker);cursor:pointer}.closed{opacity:0;max-height:0}.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height);margin-bottom:16px;margin-top:16px}.additional-info-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .additional-info-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}",VaAdditionalInfoStyle0=vaAdditionalInfoCss,VaAdditionalInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.disableBorder=!1}handleResize(){this.updateInfoMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-additional-info",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(t){" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggleOpen())}updateInfoMaxHeight(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById("info");if(!e)return;const i=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+i+" + 1.125rem)")}componentDidRender(){requestAnimationFrame((()=>this.updateInfoMaxHeight()))}render(){const t=classnames({open:this.open,closed:!this.open});return h(Host,{key:"55d487f1c1ae022603a9dbd61dbfd1f83a8d8afa"},h("a",{key:"bfa55efc97aab5fb0809dd89c4b891840e6b3d71",role:"button","aria-controls":"info","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this)},h("div",{key:"e773fc4b5720c6cdd81c1eb53316602c298b8cbf"},h("span",{key:"c364063df56e845ea966b522e6a52c2ebc0960f6",class:"additional-info-title"},this.trigger),h("va-icon",{key:"ecad44dd464da88a67844af4eda51b47750224ed",class:"additional-info-icon",icon:"chevron_right",size:3}))),h("div",{key:"53c8dbd2478d6972e983268f94f93db41006eabd",id:"info",class:t},h("slot",{key:"b83dee0c9486de58f4281dc3b8987ab6ae708db7"})))}get el(){return this}static get style(){return VaAdditionalInfoStyle0}},[1,"va-additional-info",{trigger:[1],disableAnalytics:[4,"disable-analytics"],disableBorder:[4,"disable-border"],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-additional-info","va-icon"].forEach((t=>{switch(t){case"va-additional-info":customElements.get(t)||customElements.define(t,VaAdditionalInfo$1);break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaAdditionalInfo=VaAdditionalInfo$1,defineCustomElement=defineCustomElement$1;export{VaAdditionalInfo,defineCustomElement};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAdditionalInfoCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host(:not([disable-border])) a[aria-expanded='true']~#info,:host([disable-border='false']) a[aria-expanded='true']~#info{padding-left:calc(20px - 4px);border-left:4px solid transparent;border-left-color:var(--vads-color-primary-alt-darkest)}#info{overflow:hidden}#info.closed{visibility:hidden}a{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex}.additional-info-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-darkest);color:var(--vads-color-base-darker);cursor:pointer}.closed{opacity:0;max-height:0}.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height);margin-bottom:16px;margin-top:16px}.additional-info-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .additional-info-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}::slotted(*:first-child){margin-top:0 !important}::slotted(*:last-child){margin-bottom:0 !important}",VaAdditionalInfoStyle0=vaAdditionalInfoCss,VaAdditionalInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.disableBorder=!1}handleResize(){this.updateInfoMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-additional-info",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(t){" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggleOpen())}updateInfoMaxHeight(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById("info");if(!e)return;const i=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+i+" + 1.125rem)")}componentDidRender(){requestAnimationFrame((()=>this.updateInfoMaxHeight()))}render(){const t=classnames({open:this.open,closed:!this.open});return h(Host,{key:"55d487f1c1ae022603a9dbd61dbfd1f83a8d8afa"},h("a",{key:"bfa55efc97aab5fb0809dd89c4b891840e6b3d71",role:"button","aria-controls":"info","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this)},h("div",{key:"e773fc4b5720c6cdd81c1eb53316602c298b8cbf"},h("span",{key:"c364063df56e845ea966b522e6a52c2ebc0960f6",class:"additional-info-title"},this.trigger),h("va-icon",{key:"ecad44dd464da88a67844af4eda51b47750224ed",class:"additional-info-icon",icon:"chevron_right",size:3}))),h("div",{key:"53c8dbd2478d6972e983268f94f93db41006eabd",id:"info",class:t},h("slot",{key:"b83dee0c9486de58f4281dc3b8987ab6ae708db7"})))}get el(){return this}static get style(){return VaAdditionalInfoStyle0}},[1,"va-additional-info",{trigger:[1],disableAnalytics:[4,"disable-analytics"],disableBorder:[4,"disable-border"],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-additional-info","va-icon"].forEach((t=>{switch(t){case"va-additional-info":customElements.get(t)||customElements.define(t,VaAdditionalInfo$1);break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaAdditionalInfo=VaAdditionalInfo$1,defineCustomElement=defineCustomElement$1;export{VaAdditionalInfo,defineCustomElement};
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAlertExpandableCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host([status='warning']){background-color:var(--vads-alert-color-background-warning-on-light)}:host([status='info']){background-color:var(--vads-alert-color-background-info-on-light)}:host([status='success']){background-color:var(--vads-alert-color-background-success-on-light)}:host([status='continue']){background-color:var(--vads-color-base-lightest)}.alert-expandable-trigger{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex;padding:0.75rem}div.warning .alert-expandable-trigger:hover{background-color:var(--vads-color-gold-lighter)}div.info .alert-expandable-trigger:hover{background-color:var(--vads-color-primary-alt-light)}div.success .alert-expandable-trigger:hover{background-color:var(--vads-color-green-lighter)}div.continue .alert-expandable-trigger:hover{background-color:var(--vads-color-base-lighter)}.alert-expandable-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-dark);color:var(--vads-color-base-darker);cursor:pointer;font-weight:600}.alert-expandable:not(.hide-icon) .alert-expandable-body{padding-left:32px;}.alert-expandable-body{overflow:hidden}.alert-expandable-body.closed{opacity:0;max-height:0;visibility:hidden;overflow:hidden}.alert-expandable-body.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height)}#slot-wrap{margin:0.75rem}.alert-expandable-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .alert-expandable-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}.alert-expandable__status-icon{color:var(--vads-color-base-darker);margin-right:8px}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}",VaAlertExpandableStyle0=vaAlertExpandableCss,VaAlertExpandable$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.status=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.iconless=!1}handleResize(){this.updateAlertBodyMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-alert-expandable",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggleOpen())}updateAlertBodyMaxHeight(){var e;const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("alert-body");if(!a)return;const t=a.scrollHeight+"px";a.style.setProperty("--calc-max-height","calc("+t+" + 2rem)")}componentDidLoad(){requestAnimationFrame((()=>this.updateAlertBodyMaxHeight()))}render(){const{status:e,open:a,iconless:t}=this,o=classnames("alert-expandable",e,{"hide-icon":t}),r=classnames("alert-expandable-body",{open:a,closed:!a});return h(Host,{key:"2cdda8510a348d1fb5e2c417dd19afcc807340af"},h("div",{key:"20be2efc2d471103b8d47f0a6a96ac00810eba2d",class:o},h("a",{key:"ec0a9e2da3c17623138aa73e793d9eb7bf000220",role:"button","aria-controls":"alert-body","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this),class:"alert-expandable-trigger"},!t&&h("va-icon",{key:"cfc29d801676e34d5704bff2ff0d4ad93718f811",class:"alert-expandable__status-icon",icon:{continue:"lock",error:"info",warning:"warning",info:"info",success:"check_circle"}[e]||"info",size:3}),h("div",{key:"5dc8e34dcb7658946b96e9997ebddc142ca56398"},h("span",{key:"13a17f190907863b63dd7dfd14210265120eff3b",class:"alert-expandable-title"},h("span",{key:"3ea6846d1ab43f7a154bc79a34f58fdad0786ec2",class:"sr-only"},"Alert: "),this.trigger),h("va-icon",{key:"a61d4bd0805a1731c627a522beeba85880df9afd",class:"alert-expandable-icon",icon:"chevron_right",size:3}))),h("div",{key:"48762639fe412284ee0bfec39d4111c09eff028f",id:"alert-body",class:r},h("div",{key:"d99a6cd31af43580b7463f150b361598e4cdadde",id:"slot-wrap"},h("slot",{key:"1251dea513e5c5ddb04a969bf2ae3f324a51d1a2"})))))}get el(){return this}static get style(){return VaAlertExpandableStyle0}},[1,"va-alert-expandable",{status:[1],trigger:[1],disableAnalytics:[4,"disable-analytics"],iconless:[4],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-expandable","va-icon"].forEach((e=>{switch(e){case"va-alert-expandable":customElements.get(e)||customElements.define(e,VaAlertExpandable$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertExpandable=VaAlertExpandable$1,defineCustomElement=defineCustomElement$1;export{VaAlertExpandable,defineCustomElement};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAlertExpandableCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host([status='warning']){background-color:var(--vads-alert-color-background-warning-on-light)}:host([status='info']){background-color:var(--vads-alert-color-background-info-on-light)}:host([status='success']){background-color:var(--vads-alert-color-background-success-on-light)}:host([status='continue']){background-color:var(--vads-color-base-lightest)}.alert-expandable-trigger{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex;padding:0.75rem}div.warning .alert-expandable-trigger:hover{background-color:var(--vads-color-gold-lighter)}div.info .alert-expandable-trigger:hover{background-color:var(--vads-color-primary-alt-light)}div.success .alert-expandable-trigger:hover{background-color:var(--vads-color-green-lighter)}div.continue .alert-expandable-trigger:hover{background-color:var(--vads-color-base-lighter)}.alert-expandable-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-dark);color:var(--vads-color-base-darker);cursor:pointer;font-weight:600}.alert-expandable:not(.hide-icon) .alert-expandable-body{padding-left:32px;}.alert-expandable-body{overflow:hidden}.alert-expandable-body.closed{opacity:0;max-height:0;visibility:hidden;overflow:hidden}.alert-expandable-body.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height)}#slot-wrap{margin:0.75rem}.alert-expandable-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .alert-expandable-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}.alert-expandable__status-icon{color:var(--vads-color-base-darker);margin-right:8px}::slotted(*:first-child){margin-top:0 !important}::slotted(*:last-child){margin-bottom:0 !important}",VaAlertExpandableStyle0=vaAlertExpandableCss,VaAlertExpandable$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.status=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.iconless=!1}handleResize(){this.updateAlertBodyMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-alert-expandable",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggleOpen())}updateAlertBodyMaxHeight(){var e;const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("alert-body");if(!a)return;const t=a.scrollHeight+"px";a.style.setProperty("--calc-max-height","calc("+t+" + 2rem)")}componentDidLoad(){requestAnimationFrame((()=>this.updateAlertBodyMaxHeight()))}render(){const{status:e,open:a,iconless:t}=this,o=classnames("alert-expandable",e,{"hide-icon":t}),r=classnames("alert-expandable-body",{open:a,closed:!a});return h(Host,{key:"2cdda8510a348d1fb5e2c417dd19afcc807340af"},h("div",{key:"20be2efc2d471103b8d47f0a6a96ac00810eba2d",class:o},h("a",{key:"ec0a9e2da3c17623138aa73e793d9eb7bf000220",role:"button","aria-controls":"alert-body","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this),class:"alert-expandable-trigger"},!t&&h("va-icon",{key:"cfc29d801676e34d5704bff2ff0d4ad93718f811",class:"alert-expandable__status-icon",icon:{continue:"lock",error:"info",warning:"warning",info:"info",success:"check_circle"}[e]||"info",size:3}),h("div",{key:"5dc8e34dcb7658946b96e9997ebddc142ca56398"},h("span",{key:"13a17f190907863b63dd7dfd14210265120eff3b",class:"alert-expandable-title"},h("span",{key:"3ea6846d1ab43f7a154bc79a34f58fdad0786ec2",class:"sr-only"},"Alert: "),this.trigger),h("va-icon",{key:"a61d4bd0805a1731c627a522beeba85880df9afd",class:"alert-expandable-icon",icon:"chevron_right",size:3}))),h("div",{key:"48762639fe412284ee0bfec39d4111c09eff028f",id:"alert-body",class:r},h("div",{key:"d99a6cd31af43580b7463f150b361598e4cdadde",id:"slot-wrap"},h("slot",{key:"1251dea513e5c5ddb04a969bf2ae3f324a51d1a2"})))))}get el(){return this}static get style(){return VaAlertExpandableStyle0}},[1,"va-alert-expandable",{status:[1],trigger:[1],disableAnalytics:[4,"disable-analytics"],iconless:[4],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-expandable","va-icon"].forEach((e=>{switch(e){case"va-alert-expandable":customElements.get(e)||customElements.define(e,VaAlertExpandable$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertExpandable=VaAlertExpandable$1,defineCustomElement=defineCustomElement$1;export{VaAlertExpandable,defineCustomElement};
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaButtonSegmentedCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light)}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.va-segmented-button{background-color:var(--vads-color-base-lighter);padding:var(--vads-spacing-0p5);border-radius:8px;margin-left:0;margin-right:0;display:grid;grid-template-columns:repeat(4, 1fr);gap:8px}.usa-button-group__item{margin:0}.va-segmented-button__button{width:100%;max-width:160px;height:100%;min-height:44px;background-color:var(--vads-color-base-lighter);border:0;border-radius:4px;color:var(--vads-color-base);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:var(--font-source-sans);font-size:1.06rem}@media screen and (max-width: 640px){.va-segmented-button{width:100%}.va-segmented-button__button{padding:var(--vads-spacing-1p5) var(--vads-spacing-0p5) var(--vads-spacing-1p5) var(--vads-spacing-0p5)}}@media screen and (min-width: 640px){.va-segmented-button__button{max-width:160px;padding:var(--vads-spacing-1p5) var(--vads-spacing-2p5) var(--vads-spacing-1p5) var(--vads-spacing-2p5)}}.va-segmented-button__button:hover{background-color:var(--vads-button-color-background-disabled-on-light);border-color:var(--vads-button-color-background-disabled-on-light)}.va-segmented-button__button:active,.va-segmented-button__button[aria-pressed=true]{background-color:var(--vads-color-white);position:relative}.va-segmented-button__button:active::after,.va-segmented-button__button[aria-pressed=true]::after{content:attr(data-label)/"";background:var(--vads-color-white);border-radius:4px;font-weight:700;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}',VaButtonSegmentedStyle0=vaButtonSegmentedCss,VaButtonSegmented$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaButtonClick=createEvent(this,"vaButtonClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=t=>{if(!this.disableAnalytics){const t={componentName:"va-button-segmented",action:"click",details:{selected:this.selected}};this.componentLibraryAnalytics.emit(t)}this.vaButtonClick.emit(t)},this.label=void 0,this.buttons=void 0,this.disableAnalytics=!1,this.selected=0}validateButtons(t){t.length>4&&(this.buttons=t.slice(0,4))}validateSelectedIndex(t){(t<0||t>=this.buttons.length)&&(this.selected=0)}componentWillLoad(){this.buttons&&this.buttons.length>4&&(this.buttons=this.buttons.slice(0,4))}render(){const t=classnames({"usa-button-group":!0,"va-segmented-button":!0}),e=classnames({"va-segmented-button__button":!0});return this.buttons&&Array.isArray(this.buttons)&&0!==this.buttons.length?h(Host,null,h("ul",{class:t,"aria-label":this.label},this.buttons.map(((t,u)=>h("li",{class:"usa-button-group__item"},h("button",{class:e,onClick:()=>{this.selected=u,this.handleClick(t)},type:"button",title:t.label.length>20?t.label:void 0,"aria-pressed":this.selected===u?"true":"false","data-label":t.label},t.label)))))):(console.error('va-button-segmented: "buttons" prop array is required and must contain at least one item.'),null)}get el(){return this}static get watchers(){return{buttons:["validateButtons"],selected:["validateSelectedIndex"]}}static get style(){return VaButtonSegmentedStyle0}},[1,"va-button-segmented",{label:[1],buttons:[1040],disableAnalytics:[4,"disable-analytics"],selected:[1026]},void 0,{buttons:["validateButtons"],selected:["validateSelectedIndex"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-button-segmented"].forEach((t=>{"va-button-segmented"===t&&(customElements.get(t)||customElements.define(t,VaButtonSegmented$1))}))}const VaButtonSegmented=VaButtonSegmented$1,defineCustomElement=defineCustomElement$1;export{VaButtonSegmented,defineCustomElement};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaButtonSegmentedCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light)}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.va-segmented-button{background-color:var(--vads-color-base-lighter);padding:var(--vads-spacing-0p5);border-radius:8px;margin-left:0;margin-right:0;display:grid;gap:8px}.va-segmented-button[data-count="4"]{grid-template-columns:repeat(4, 1fr)}.va-segmented-button[data-count="4"] .va-segmented-button__button{max-width:160px}.va-segmented-button[data-count="3"]{grid-template-columns:repeat(3, 1fr)}.va-segmented-button[data-count="2"]{grid-template-columns:repeat(2, 1fr)}.usa-button-group__item{margin:0}.va-segmented-button__button{width:100%;height:100%;min-height:44px;background-color:var(--vads-color-base-lighter);border:0;border-radius:4px;color:var(--vads-color-base);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:var(--font-source-sans);font-size:1.06rem}@media screen and (max-width: 640px){.va-segmented-button{width:100%}.va-segmented-button__button{padding:var(--vads-spacing-1p5) var(--vads-spacing-0p5) var(--vads-spacing-1p5) var(--vads-spacing-0p5)}}@media screen and (min-width: 640px){.va-segmented-button[data-count="2"],.va-segmented-button[data-count="3"]{display:-ms-flexbox;display:flex}.va-segmented-button__button{max-width:160px;padding:var(--vads-spacing-1p5) var(--vads-spacing-2p5) var(--vads-spacing-1p5) var(--vads-spacing-2p5)}}.va-segmented-button__button:hover{background-color:var(--vads-button-color-background-disabled-on-light);border-color:var(--vads-button-color-background-disabled-on-light)}.va-segmented-button__button:active,.va-segmented-button__button[aria-pressed=true]{background-color:var(--vads-color-white);position:relative}.va-segmented-button__button:active::after,.va-segmented-button__button[aria-pressed=true]::after{content:attr(data-label)/"";background:var(--vads-color-white);border-radius:4px;font-weight:700;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}',VaButtonSegmentedStyle0=vaButtonSegmentedCss,VaButtonSegmented$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaButtonClick=createEvent(this,"vaButtonClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=t=>{if(!this.disableAnalytics){const t={componentName:"va-button-segmented",action:"click",details:{selected:this.selected}};this.componentLibraryAnalytics.emit(t)}this.vaButtonClick.emit(t)},this.label=void 0,this.buttons=void 0,this.disableAnalytics=!1,this.selected=0}validateButtons(t){t.length>4&&(this.buttons=t.slice(0,4))}validateSelectedIndex(t){(t<0||t>=this.buttons.length)&&(this.selected=0)}componentWillLoad(){this.buttons&&this.buttons.length>4&&(this.buttons=this.buttons.slice(0,4))}render(){const t=classnames({"usa-button-group":!0,"va-segmented-button":!0}),e=classnames({"va-segmented-button__button":!0});return this.buttons&&Array.isArray(this.buttons)&&0!==this.buttons.length?h(Host,null,h("ul",{class:t,"aria-label":this.label,"data-count":this.buttons.length},this.buttons.map(((t,u)=>h("li",{class:"usa-button-group__item"},h("button",{class:e,onClick:()=>{this.selected=u,this.handleClick(t)},type:"button",title:t.label.length>20?t.label:void 0,"aria-pressed":this.selected===u?"true":"false","data-label":t.label},t.label)))))):(console.error('va-button-segmented: "buttons" prop array is required and must contain at least one item.'),null)}get el(){return this}static get watchers(){return{buttons:["validateButtons"],selected:["validateSelectedIndex"]}}static get style(){return VaButtonSegmentedStyle0}},[1,"va-button-segmented",{label:[1],buttons:[1040],disableAnalytics:[4,"disable-analytics"],selected:[1026]},void 0,{buttons:["validateButtons"],selected:["validateSelectedIndex"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-button-segmented"].forEach((t=>{"va-button-segmented"===t&&(customElements.get(t)||customElements.define(t,VaButtonSegmented$1))}))}const VaButtonSegmented=VaButtonSegmented$1,defineCustomElement=defineCustomElement$1;export{VaButtonSegmented,defineCustomElement};
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxGroupCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}:host .usa-hint{font-weight:normal}',VaCheckboxGroupStyle0=vaCheckboxGroupCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckboxGroup=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.label=void 0,this.labelSrOnly=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}vaChangeHandler(e){const a=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(a.label)}handleResize(){forceUpdate(this)}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,required:a,error:t,hint:r,messageAriaDescribedby:i,useFormsPattern:s,formHeadingLevel:o,formHeading:n,labelSrOnly:l}=this,f=this.getHeaderLevel(),m=`${s&&n?"form-question":""} ${s?"form-description":""} ${"multiple"===s?"header-message":""}`.trim()||null,d=i?"description-message":null,c=classnames({"usa-legend":!0,"usa-label--error":t,"usa-sr-only":this.el.classList.contains("va-search-filter__checkbox-group")});let b=null;if("single"===s||"multiple"===s){const e=getHeaderLevel(o);b=h(Fragment,{key:"d185cb7ee355c9886da5a1cd735556521643c4a9"},n&&h(e,{key:"181e52c2fe8e7bf418859f2ce7fa165a8d7b6aa7",id:"form-question",part:"form-header"},n),h("div",{key:"53c489830757919c33260ef2f593985194eec4f3",id:"form-description"},h("slot",{key:"88cc00277fa2f4faeec153d47fd5b91570c630cb",name:"form-description"})))}return h(Host,{key:"179c193056910747f712ff05f8d86538f9b2756f",role:"group"},b,h("div",{key:"e5d5504b9a7344f51b8e604775c7723d46cf2bb5",class:"input-wrap"},h("fieldset",{key:"50a6aa691447c86c345dfe73f4f453c259f551d1",class:"usa-fieldset","aria-labelledby":m},h("legend",{key:"e24a555fb69694c01d3e602c438918939c094503",class:c,"aria-describedby":d,part:"legend"},f?h(f,{part:"header"},e):e," ","multiple"===s&&h("span",{key:"2495c7519b102b593ee0d0f1cf704be182003e6b",id:"header-message",class:"usa-sr-only"},e),l&&h("span",{key:"e0ba71ad5fee6b7f90ad1c2657454ba3df175e64",class:"usa-sr-only"},l),isMessageSet(i)&&h("span",{key:"8a78b6d9420b50037d7609ef431dc983808bfc87",id:"description-message",class:"usa-sr-only"},i),a&&h("span",{key:"d06fa9a6ae58d7d54b85e5799881dfd0c9cda5ce",class:"usa-label--required"},instance.t("required")),r&&h("div",{key:"557f32e324f224d251ff18eefd3584b69d9a0636",class:"usa-hint"},r)),h("span",{key:"5e51e28fdc90a4c43569445fc0631039505a63cb",id:"checkbox-error-message",role:"alert"},t&&h(Fragment,{key:"00df4f0973ea584df2d0251e49964fe4f52ab404"},h("span",{key:"f3642703caf5beee4fb958acfbb3275b52c80aad",class:"usa-sr-only"},instance.t("error")),h("span",{key:"ab16f0f0b42027044aeedd720c41449db20d0f05",class:"usa-error-message"},t))),h("slot",{key:"19e49c88deb64a6ed4204877eefd84edeae79329"}))))}get el(){return this}static get style(){return VaCheckboxGroupStyle0}},[1,"va-checkbox-group",{label:[1],labelSrOnly:[1,"label-sr-only"],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],hint:[1],labelHeaderLevel:[1,"label-header-level"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"vaChange","vaChangeHandler"],[9,"resize","handleResize"]]]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox-group"].forEach((e=>{"va-checkbox-group"===e&&(customElements.get(e)||customElements.define(e,VaCheckboxGroup))}))}export{VaCheckboxGroup as V,defineCustomElement as d};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxGroupCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}:host .usa-hint{font-weight:normal}',VaCheckboxGroupStyle0=vaCheckboxGroupCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckboxGroup=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.label=void 0,this.labelSrOnly=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}vaChangeHandler(e){const r=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(r.label)}handleResize(){forceUpdate(this)}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,required:r,error:t,hint:a,messageAriaDescribedby:o,useFormsPattern:s,formHeadingLevel:i,formHeading:n,labelSrOnly:l}=this,m=this.getHeaderLevel(),f=`${s&&n?"form-question":""} ${s?"form-description":""} ${"multiple"===s?"header-message":""}`.trim()||null,d=o?"description-message":null,c=classnames({"usa-legend":!0,"usa-label--error":t,"usa-sr-only":this.el.classList.contains("va-search-filter__checkbox-group")});let u=null;if("single"===s||"multiple"===s){const e=getHeaderLevel(i);u=h(Fragment,{key:"d185cb7ee355c9886da5a1cd735556521643c4a9"},n&&h(e,{key:"181e52c2fe8e7bf418859f2ce7fa165a8d7b6aa7",id:"form-question",part:"form-header"},n),h("div",{key:"53c489830757919c33260ef2f593985194eec4f3",id:"form-description"},h("slot",{key:"88cc00277fa2f4faeec153d47fd5b91570c630cb",name:"form-description"})))}return h(Host,{key:"179c193056910747f712ff05f8d86538f9b2756f",role:"group"},u,h("div",{key:"e5d5504b9a7344f51b8e604775c7723d46cf2bb5",class:"input-wrap"},h("fieldset",{key:"50a6aa691447c86c345dfe73f4f453c259f551d1",class:"usa-fieldset","aria-labelledby":f},h("legend",{key:"e24a555fb69694c01d3e602c438918939c094503",class:c,"aria-describedby":d,part:"legend"},m?h(m,{part:"header"},e):e," ","multiple"===s&&h("span",{key:"2495c7519b102b593ee0d0f1cf704be182003e6b",id:"header-message",class:"usa-sr-only"},e),l&&h("span",{key:"e0ba71ad5fee6b7f90ad1c2657454ba3df175e64",class:"usa-sr-only"},l),isMessageSet(o)&&h("span",{key:"8a78b6d9420b50037d7609ef431dc983808bfc87",id:"description-message",class:"usa-sr-only"},o),r&&h("span",{key:"d06fa9a6ae58d7d54b85e5799881dfd0c9cda5ce",class:"usa-label--required"},instance.t("required")),a&&h("div",{key:"557f32e324f224d251ff18eefd3584b69d9a0636",class:"usa-hint"},a)),h("span",{key:"5e51e28fdc90a4c43569445fc0631039505a63cb",id:"checkbox-error-message",role:"alert"},t&&h(Fragment,{key:"00df4f0973ea584df2d0251e49964fe4f52ab404"},h("span",{key:"f3642703caf5beee4fb958acfbb3275b52c80aad",class:"usa-sr-only"},instance.t("error")),h("span",{key:"ab16f0f0b42027044aeedd720c41449db20d0f05",class:"usa-error-message"},t))),h("slot",{key:"19e49c88deb64a6ed4204877eefd84edeae79329"}))))}get el(){return this}static get style(){return VaCheckboxGroupStyle0}},[1,"va-checkbox-group",{label:[1],labelSrOnly:[1,"label-sr-only"],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],hint:[1],labelHeaderLevel:[1,"label-header-level"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"vaChange","vaChangeHandler"],[9,"resize","handleResize"]]]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox-group"].forEach((e=>{"va-checkbox-group"===e&&(customElements.get(e)||customElements.define(e,VaCheckboxGroup))}))}export{VaCheckboxGroup as V,defineCustomElement as d};
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host,Fragment}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{k as isInteractiveLinkOrButton,i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxCss='@charset "UTF-8";button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-hint,.usa-checkbox__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-checkbox{background:white}.usa-checkbox__label{color:#1b1b1b}.usa-checkbox__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-checkbox__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-checkbox__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-checkbox__input:disabled+[class*=__label]::before,.usa-checkbox__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-checkbox__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input--tile:disabled+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:disabled:checked+[class*=__label],.usa-checkbox__input--tile:disabled:indeterminate+[class*=__label],.usa-checkbox__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2;background-position:center center;background-size:0.75rem auto}@media (forced-colors: active){.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:SelectedItem}}.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input:indeterminate:disabled+[class*=__label],.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label],.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label],.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}}.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:#757575}@media (forced-colors: active){.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-checkbox__input{position:absolute;left:-999em;right:auto}.usa-checkbox__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-checkbox__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-checkbox__input--tile+[class*=__label]::before{left:0.5rem}.usa-checkbox__input:checked+[class*=__label]::before{background-position:center center;background-size:0.75rem auto}@media print{.usa-checkbox__input:checked+[class*=__label]::before{background-image:none;background-color:white;content:"✔";text-align:center}}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before{background-color:SelectedItem}}.usa-checkbox__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-checkbox__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-checkbox__label::before{height:1.25rem;width:1.25rem;border-radius:2px}.usa-checkbox__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;max-width:480px}.va-checkbox__container{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer}.va-checkbox__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid #c9c9c9;color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}.va-checkbox__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}.va-checkbox__input{height:1.25rem;width:1.25rem;min-width:1.25rem;background:var(--vads-input-background-color-on-light);border:none;border-radius:2px;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:initial;cursor:pointer}.va-checkbox__input:not([disabled]):focus{outline-offset:4px}.va-checkbox__input:checked{background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light)}.va-checkbox__input:checked:focus{outline-offset:4px}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]){background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]):focus{outline-offset:4px}.va-checkbox__label{font-size:var(--vads-font-size-source-sans-normalized);padding-left:0.6rem;cursor:pointer}div#description{font-size:var(--vads-font-size-source-sans-normalized);margin-top:0.75rem}',VaCheckboxStyle0=vaCheckboxCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckbox=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.fireAnalyticsEvent=()=>{let e=this.description||"";if(!e){const a=this.el.shadowRoot.querySelector('slot[name="description"]');a&&(e=null==a?void 0:a.assignedNodes().map((e=>e.textContent)).join(" "))}this.componentLibraryAnalytics.emit({componentName:"va-checkbox",action:"change",details:{label:this.label,description:e,required:this.required,checked:this.checked}})},this.handleClick=e=>{const a=e.target;"checkbox-element"!==a.id&&isInteractiveLinkOrButton(a)||(e.preventDefault(),e.stopImmediatePropagation(),this.checked=!this.checked,this.el.shadowRoot.querySelector("#checkbox-element").focus(),this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.fireAnalyticsEvent())},this.label=void 0,this.error=void 0,this.description=void 0,this.required=!1,this.enableAnalytics=!1,this.checked=!1,this.hint=void 0,this.tile=!1,this.checkboxDescription=void 0,this.disabled=!1,this.messageAriaDescribedby=void 0,this.name=void 0,this.indeterminate=!1}handleIndeterminateInput(){const e=this.el.shadowRoot.querySelector("input");this.indeterminate&&!this.checked?e.indeterminate=!0:e.indeterminate=!1}componentDidUpdate(){this.handleIndeterminateInput()}componentDidLoad(){this.handleIndeterminateInput()}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{error:e,label:a,required:t,description:i,checked:r,hint:o,tile:s,checkboxDescription:l,disabled:n,messageAriaDescribedby:c,name:d,indeterminate:b}=this,u=!i&&this.el.querySelectorAll('[slot="description"]:not(:empty)').length>0,p=classnames("va-checkbox__container",{"va-checkbox__container--tile":s,"va-checkbox__container--tile--checked":s&&r}),m=classnames({"usa-label--error":e}),_=[c?"input-message":"",e?"checkbox-error-message":"",i||u?"description":""].filter(Boolean).join(" ").trim()||null;let g;return g=b&&!r?"mixed":b||r?r:null,h(Host,{key:"3eda796fd03b9271aa44263c52f90380e79bdae6"},i&&h("div",{key:"92b85e7aa2d4b3c136fce5311044b02020af5efb",id:"description",class:m},i),u&&h("div",{key:"113e16cbb574c9c88b20c579bc2de6cdb565ebf9",id:"description"},h("slot",{key:"0178e642b5d45f761fc7aca5bc52b6509e7cae1b",name:"description"})),o&&h("span",{key:"cf9a9f14b71ccc1ae7ffd8b6d10b63647f1280e2",class:"usa-hint"},o),h("span",{key:"874030a19e4e5afdc7b8ba0f7765ea7c0b8a4157",id:"checkbox-error-message",role:"alert"},e&&h(Fragment,{key:"638338c781f3d1a0a95cd9124dc021a7e0c3f32d"},h("span",{key:"fda703b55aeadf36aab91742ada74a3602d4d200",class:"usa-sr-only"},instance.t("error")),h("span",{key:"5847d0dedb54a4e1657b2c71032505b680199880",class:"usa-error-message"},e))),h("div",{key:"9b8b8942ffbada215ad38ed65c5c276287526abf",class:p,part:"checkbox",onClick:this.handleClick},h("input",{key:"8352b8662e5579506c2d2c62c2e3582c97d1177e",class:"va-checkbox__input",type:"checkbox",name:d||null,id:"checkbox-element",checked:r,"aria-describedby":_,"aria-invalid":e?"true":"false",disabled:n,"data-indeterminate":b&&!r,"aria-checked":g}),h("label",{key:"ba17fae5fd1b6e7c4e20b6800989573b98ca3c48",htmlFor:"checkbox-element",class:"va-checkbox__label"},h("span",{key:"9be222d2a0fe0ee0f16feacc8b78217d1bc99ac2",part:"label"},a)," ",t&&h("span",{key:"a2784a0f5d7d22a71ed4ae49fbbfbfa400f445bb",class:"usa-label--required"},instance.t("required")),l&&h("span",{key:"af07d93c0d48e351f17d1a8bf8eabee55834cea0",class:"usa-checkbox__label-description",part:"description"},l),h("slot",{key:"042e21b1e3df8f02b9e16aa7b50b2b3d6cc2825b",name:"internal-description"})),isMessageSet(c)&&h("span",{key:"61417bd0a0420504c0cea21f41fdb45e45602546",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},c)))}get el(){return this}static get style(){return VaCheckboxStyle0}},[1,"va-checkbox",{label:[1],error:[513],description:[1],required:[4],enableAnalytics:[4,"enable-analytics"],checked:[1028],hint:[1],tile:[4],checkboxDescription:[1,"checkbox-description"],disabled:[4],messageAriaDescribedby:[1,"message-aria-describedby"],name:[1],indeterminate:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox"].forEach((e=>{"va-checkbox"===e&&(customElements.get(e)||customElements.define(e,VaCheckbox))}))}export{VaCheckbox as V,defineCustomElement as d};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host,Fragment}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{j as isInteractiveLinkOrButton,i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxCss='@charset "UTF-8";button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-hint,.usa-checkbox__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-checkbox{background:white}.usa-checkbox__label{color:#1b1b1b}.usa-checkbox__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-checkbox__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-checkbox__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-checkbox__input:disabled+[class*=__label]::before,.usa-checkbox__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-checkbox__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input--tile:disabled+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:disabled:checked+[class*=__label],.usa-checkbox__input--tile:disabled:indeterminate+[class*=__label],.usa-checkbox__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2;background-position:center center;background-size:0.75rem auto}@media (forced-colors: active){.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:SelectedItem}}.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input:indeterminate:disabled+[class*=__label],.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label],.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label],.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}}.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:#757575}@media (forced-colors: active){.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-checkbox__input{position:absolute;left:-999em;right:auto}.usa-checkbox__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-checkbox__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-checkbox__input--tile+[class*=__label]::before{left:0.5rem}.usa-checkbox__input:checked+[class*=__label]::before{background-position:center center;background-size:0.75rem auto}@media print{.usa-checkbox__input:checked+[class*=__label]::before{background-image:none;background-color:white;content:"✔";text-align:center}}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before{background-color:SelectedItem}}.usa-checkbox__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-checkbox__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-checkbox__label::before{height:1.25rem;width:1.25rem;border-radius:2px}.usa-checkbox__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;max-width:480px}.va-checkbox__container{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer}.va-checkbox__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid #c9c9c9;color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}.va-checkbox__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}.va-checkbox__input{height:1.25rem;width:1.25rem;min-width:1.25rem;background:var(--vads-input-background-color-on-light);border:none;border-radius:2px;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:initial;cursor:pointer}.va-checkbox__input:not([disabled]):focus{outline-offset:4px}.va-checkbox__input:checked{background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light)}.va-checkbox__input:checked:focus{outline-offset:4px}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]){background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]):focus{outline-offset:4px}.va-checkbox__label{font-size:var(--vads-font-size-source-sans-normalized);padding-left:0.6rem;cursor:pointer}div#description{font-size:var(--vads-font-size-source-sans-normalized);margin-top:0.75rem}',VaCheckboxStyle0=vaCheckboxCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckbox=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.fireAnalyticsEvent=()=>{let e=this.description||"";if(!e){const a=this.el.shadowRoot.querySelector('slot[name="description"]');a&&(e=null==a?void 0:a.assignedNodes().map((e=>e.textContent)).join(" "))}this.componentLibraryAnalytics.emit({componentName:"va-checkbox",action:"change",details:{label:this.label,description:e,required:this.required,checked:this.checked}})},this.handleClick=e=>{const a=e.target;"checkbox-element"!==a.id&&isInteractiveLinkOrButton(a)||(e.preventDefault(),e.stopImmediatePropagation(),this.checked=!this.checked,this.el.shadowRoot.querySelector("#checkbox-element").focus(),this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.fireAnalyticsEvent())},this.label=void 0,this.error=void 0,this.description=void 0,this.required=!1,this.enableAnalytics=!1,this.checked=!1,this.hint=void 0,this.tile=!1,this.checkboxDescription=void 0,this.disabled=!1,this.messageAriaDescribedby=void 0,this.name=void 0,this.indeterminate=!1}handleIndeterminateInput(){const e=this.el.shadowRoot.querySelector("input");this.indeterminate&&!this.checked?e.indeterminate=!0:e.indeterminate=!1}componentDidUpdate(){this.handleIndeterminateInput()}componentDidLoad(){this.handleIndeterminateInput()}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{error:e,label:a,required:t,description:r,checked:i,hint:o,tile:s,checkboxDescription:l,disabled:n,messageAriaDescribedby:c,name:d,indeterminate:b}=this,u=!r&&this.el.querySelectorAll('[slot="description"]:not(:empty)').length>0,p=classnames("va-checkbox__container",{"va-checkbox__container--tile":s,"va-checkbox__container--tile--checked":s&&i}),m=classnames({"usa-label--error":e}),_=[c?"input-message":"",e?"checkbox-error-message":"",r||u?"description":""].filter(Boolean).join(" ").trim()||null;let g;return g=b&&!i?"mixed":b||i?i:null,h(Host,{key:"3eda796fd03b9271aa44263c52f90380e79bdae6"},r&&h("div",{key:"92b85e7aa2d4b3c136fce5311044b02020af5efb",id:"description",class:m},r),u&&h("div",{key:"113e16cbb574c9c88b20c579bc2de6cdb565ebf9",id:"description"},h("slot",{key:"0178e642b5d45f761fc7aca5bc52b6509e7cae1b",name:"description"})),o&&h("span",{key:"cf9a9f14b71ccc1ae7ffd8b6d10b63647f1280e2",class:"usa-hint"},o),h("span",{key:"874030a19e4e5afdc7b8ba0f7765ea7c0b8a4157",id:"checkbox-error-message",role:"alert"},e&&h(Fragment,{key:"638338c781f3d1a0a95cd9124dc021a7e0c3f32d"},h("span",{key:"fda703b55aeadf36aab91742ada74a3602d4d200",class:"usa-sr-only"},instance.t("error")),h("span",{key:"5847d0dedb54a4e1657b2c71032505b680199880",class:"usa-error-message"},e))),h("div",{key:"9b8b8942ffbada215ad38ed65c5c276287526abf",class:p,part:"checkbox",onClick:this.handleClick},h("input",{key:"8352b8662e5579506c2d2c62c2e3582c97d1177e",class:"va-checkbox__input",type:"checkbox",name:d||null,id:"checkbox-element",checked:i,"aria-describedby":_,"aria-invalid":e?"true":"false",disabled:n,"data-indeterminate":b&&!i,"aria-checked":g}),h("label",{key:"ba17fae5fd1b6e7c4e20b6800989573b98ca3c48",htmlFor:"checkbox-element",class:"va-checkbox__label"},h("span",{key:"9be222d2a0fe0ee0f16feacc8b78217d1bc99ac2",part:"label"},a)," ",t&&h("span",{key:"a2784a0f5d7d22a71ed4ae49fbbfbfa400f445bb",class:"usa-label--required"},instance.t("required")),l&&h("span",{key:"af07d93c0d48e351f17d1a8bf8eabee55834cea0",class:"usa-checkbox__label-description",part:"description"},l),h("slot",{key:"042e21b1e3df8f02b9e16aa7b50b2b3d6cc2825b",name:"internal-description"})),isMessageSet(c)&&h("span",{key:"61417bd0a0420504c0cea21f41fdb45e45602546",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},c)))}get el(){return this}static get style(){return VaCheckboxStyle0}},[1,"va-checkbox",{label:[1],error:[513],description:[1],required:[4],enableAnalytics:[4,"enable-analytics"],checked:[1028],hint:[1],tile:[4],checkboxDescription:[1,"checkbox-description"],disabled:[4],messageAriaDescribedby:[1,"message-aria-describedby"],name:[1],indeterminate:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox"].forEach((e=>{"va-checkbox"===e&&(customElements.get(e)||customElements.define(e,VaCheckbox))}))}export{VaCheckbox as V,defineCustomElement as d};