@gov-design-system-ce/components 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/gov-accordion-item.cjs.entry.js +5 -1
- package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-accordion.cjs.entry.js +5 -1
- package/dist/cjs/gov-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-app.cjs.entry.js +11 -8
- package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-backdrop.cjs.entry.js +0 -4
- package/dist/cjs/gov-backdrop.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-button.cjs.entry.js +28 -14
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +33 -14
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +25 -18
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +57 -27
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +21 -5
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +30 -19
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +23 -16
- package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +27 -15
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +23 -16
- package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-icon.cjs.entry.js +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-pagination.cjs.entry.js +18 -10
- package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-prompt.cjs.entry.js +8 -8
- package/dist/cjs/gov-prompt.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.js +9 -5
- package/dist/collection/components/gov-accordion/gov-accordion-item.js.map +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion.js +9 -5
- package/dist/collection/components/gov-accordion/gov-accordion.js.map +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion.types.js +2 -0
- package/dist/collection/components/gov-accordion/gov-accordion.types.js.map +1 -0
- package/dist/collection/components/gov-backdrop/gov-backdrop.js +0 -22
- package/dist/collection/components/gov-backdrop/gov-backdrop.js.map +1 -1
- package/dist/collection/components/gov-button/gov-button.css +2 -2
- package/dist/collection/components/gov-button/gov-button.js +54 -37
- package/dist/collection/components/gov-button/gov-button.js.map +1 -1
- package/dist/collection/components/gov-button/gov-button.types.js +2 -0
- package/dist/collection/components/gov-button/gov-button.types.js.map +1 -0
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +60 -38
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js.map +1 -1
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.types.js.map +1 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +60 -39
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js.map +1 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.types.js +2 -0
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.types.js.map +1 -0
- package/dist/collection/components/gov-form/file/gov-form-file.js +129 -59
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.types.js.map +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.js +42 -22
- package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.types.js +2 -0
- package/dist/collection/components/gov-form/input/gov-form-input.types.js.map +1 -0
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +53 -40
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.types.js +2 -0
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.types.js.map +1 -0
- package/dist/collection/components/gov-form/radio/gov-form-radio.js +57 -36
- package/dist/collection/components/gov-form/radio/gov-form-radio.js.map +1 -1
- package/dist/collection/components/gov-form/radio/gov-form-radio.types.js +2 -0
- package/dist/collection/components/gov-form/radio/gov-form-radio.types.js.map +1 -0
- package/dist/collection/components/gov-form/select/gov-form-select.js +56 -37
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.types.js +2 -0
- package/dist/collection/components/gov-form/select/gov-form-select.types.js.map +1 -0
- package/dist/collection/components/gov-form/switch/gov-form-switch.js +57 -36
- package/dist/collection/components/gov-form/switch/gov-form-switch.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.types.js +2 -0
- package/dist/collection/components/gov-form/switch/gov-form-switch.types.js.map +1 -0
- package/dist/collection/components/gov-loading/loading/gov-loading.js +1 -1
- package/dist/collection/components/gov-loading/loading/gov-loading.js.map +1 -1
- package/dist/collection/components/gov-modal/gov-modal.js +1 -1
- package/dist/collection/components/gov-modal/gov-modal.js.map +1 -1
- package/dist/collection/components/gov-pagination/gov-pagination.js +16 -13
- package/dist/collection/components/gov-pagination/gov-pagination.js.map +1 -1
- package/dist/collection/components/gov-pagination/gov-pagination.types.js +2 -0
- package/dist/collection/components/gov-pagination/gov-pagination.types.js.map +1 -0
- package/dist/collection/components/gov-promp/gov-prompt.js +18 -18
- package/dist/collection/components/gov-promp/gov-prompt.js.map +1 -1
- package/dist/collection/components/gov-tile/gov-tile.js.map +1 -1
- package/dist/collection/pages/Forms.js +3 -0
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/collection/pages/Pagination.js +8 -8
- package/dist/collection/pages/Pagination.js.map +1 -1
- package/dist/collection/types/event.types.js +2 -0
- package/dist/collection/types/event.types.js.map +1 -0
- package/dist/collection/utils/array.utils.js +6 -1
- package/dist/collection/utils/array.utils.js.map +1 -1
- package/dist/components/gov-accordion-item.js +5 -1
- package/dist/components/gov-accordion-item.js.map +1 -1
- package/dist/components/gov-accordion.js +5 -1
- package/dist/components/gov-accordion.js.map +1 -1
- package/dist/components/gov-app.js +11 -8
- package/dist/components/gov-app.js.map +1 -1
- package/dist/components/gov-backdrop2.js +0 -5
- package/dist/components/gov-backdrop2.js.map +1 -1
- package/dist/components/gov-button2.js +28 -14
- package/dist/components/gov-button2.js.map +1 -1
- package/dist/components/gov-form-autocomplete2.js +33 -14
- package/dist/components/gov-form-autocomplete2.js.map +1 -1
- package/dist/components/gov-form-checkbox.js +27 -20
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-file.js +59 -27
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-input2.js +22 -6
- package/dist/components/gov-form-input2.js.map +1 -1
- package/dist/components/gov-form-multi-select.js +30 -19
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-radio.js +25 -18
- package/dist/components/gov-form-radio.js.map +1 -1
- package/dist/components/gov-form-select2.js +28 -16
- package/dist/components/gov-form-select2.js.map +1 -1
- package/dist/components/gov-form-switch.js +25 -18
- package/dist/components/gov-form-switch.js.map +1 -1
- package/dist/components/gov-icon2.js +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-loading.js.map +1 -1
- package/dist/components/gov-modal.js +1 -1
- package/dist/components/gov-modal.js.map +1 -1
- package/dist/components/gov-pagination.js +18 -10
- package/dist/components/gov-pagination.js.map +1 -1
- package/dist/components/gov-prompt.js +8 -8
- package/dist/components/gov-prompt.js.map +1 -1
- package/dist/components/gov-tile.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-26260897.entry.js +2 -0
- package/dist/core/p-26260897.entry.js.map +1 -0
- package/dist/core/{p-30b162df.entry.js → p-354c6a6d.entry.js} +2 -2
- package/dist/core/p-354c6a6d.entry.js.map +1 -0
- package/dist/core/{p-e6b8c610.entry.js → p-3a50ac4c.entry.js} +2 -2
- package/dist/core/p-3a50ac4c.entry.js.map +1 -0
- package/dist/core/p-52f2f67c.entry.js +2 -0
- package/dist/core/p-52f2f67c.entry.js.map +1 -0
- package/dist/core/{p-e3141382.entry.js → p-5e5e925d.entry.js} +2 -2
- package/dist/core/p-5e5e925d.entry.js.map +1 -0
- package/dist/core/p-67006730.entry.js.map +1 -1
- package/dist/core/p-724921e7.entry.js +2 -0
- package/dist/core/p-724921e7.entry.js.map +1 -0
- package/dist/core/{p-d2f6053f.entry.js → p-8b2a6f87.entry.js} +2 -2
- package/dist/core/p-8b2a6f87.entry.js.map +1 -0
- package/dist/core/{p-9bdce72b.entry.js → p-8feb8960.entry.js} +2 -2
- package/dist/core/p-8feb8960.entry.js.map +1 -0
- package/dist/core/{p-f027a1a1.entry.js → p-a37ef1b2.entry.js} +2 -2
- package/dist/core/{p-bce96aac.entry.js → p-b2d1dd2a.entry.js} +2 -2
- package/dist/core/p-b2d1dd2a.entry.js.map +1 -0
- package/dist/core/{p-131c50d1.entry.js → p-b9b80796.entry.js} +2 -2
- package/dist/core/p-b9b80796.entry.js.map +1 -0
- package/dist/core/{p-b7587525.entry.js → p-bb3afae6.entry.js} +2 -2
- package/dist/core/p-bb3afae6.entry.js.map +1 -0
- package/dist/core/{p-c91928ed.entry.js → p-be799dfa.entry.js} +2 -2
- package/dist/core/p-be799dfa.entry.js.map +1 -0
- package/dist/core/{p-2426fa82.entry.js → p-c970a479.entry.js} +2 -2
- package/dist/core/p-c970a479.entry.js.map +1 -0
- package/dist/core/{p-471c0863.entry.js → p-cba27477.entry.js} +2 -2
- package/dist/core/p-cba27477.entry.js.map +1 -0
- package/dist/core/{p-93edcce2.entry.js → p-d79d0f7a.entry.js} +2 -2
- package/dist/core/p-d79d0f7a.entry.js.map +1 -0
- package/dist/core/{p-c836f7cd.entry.js → p-e51baf04.entry.js} +2 -2
- package/dist/core/p-e51baf04.entry.js.map +1 -0
- package/dist/core/{p-0272ffa0.entry.js → p-f73d482b.entry.js} +2 -2
- package/dist/core/p-f73d482b.entry.js.map +1 -0
- package/dist/custom-elements/index.js +1 -1
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-accordion-item.entry.js +5 -1
- package/dist/esm/gov-accordion-item.entry.js.map +1 -1
- package/dist/esm/gov-accordion.entry.js +5 -1
- package/dist/esm/gov-accordion.entry.js.map +1 -1
- package/dist/esm/gov-app.entry.js +11 -8
- package/dist/esm/gov-app.entry.js.map +1 -1
- package/dist/esm/gov-backdrop.entry.js +0 -4
- package/dist/esm/gov-backdrop.entry.js.map +1 -1
- package/dist/esm/gov-button.entry.js +28 -14
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +33 -14
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +25 -18
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +57 -27
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-input.entry.js +21 -5
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +30 -19
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +23 -16
- package/dist/esm/gov-form-radio.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +27 -15
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +23 -16
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-icon.entry.js +1 -1
- package/dist/esm/gov-loading.entry.js +1 -1
- package/dist/esm/gov-loading.entry.js.map +1 -1
- package/dist/esm/gov-modal.entry.js +1 -1
- package/dist/esm/gov-modal.entry.js.map +1 -1
- package/dist/esm/gov-pagination.entry.js +18 -10
- package/dist/esm/gov-pagination.entry.js.map +1 -1
- package/dist/esm/gov-prompt.entry.js +8 -8
- package/dist/esm/gov-prompt.entry.js.map +1 -1
- package/dist/esm/gov-tile.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +326 -187
- package/dist/stencil.config.js +1 -1
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/gov-accordion/gov-accordion-item.d.ts +2 -2
- package/dist/types/components/gov-accordion/gov-accordion.d.ts +2 -2
- package/dist/types/components/gov-accordion/gov-accordion.types.d.ts +9 -0
- package/dist/types/components/gov-backdrop/gov-backdrop.d.ts +0 -4
- package/dist/types/components/gov-button/gov-button.d.ts +6 -5
- package/dist/types/components/gov-button/gov-button.types.d.ts +4 -0
- package/dist/types/components/gov-form/autocomplete/gov-form-autocomplete.d.ts +8 -8
- package/dist/types/components/gov-form/autocomplete/gov-form-autocomplete.types.d.ts +6 -0
- package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts +11 -8
- package/dist/types/components/gov-form/checkbox/gov-form-checkbox.types.d.ts +5 -0
- package/dist/types/components/gov-form/file/gov-form-file.d.ts +16 -8
- package/dist/types/components/gov-form/file/gov-form-file.types.d.ts +5 -0
- package/dist/types/components/gov-form/input/gov-form-input.d.ts +6 -5
- package/dist/types/components/gov-form/input/gov-form-input.types.d.ts +4 -0
- package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts +6 -6
- package/dist/types/components/gov-form/multiselect/gov-form-multi-select.types.d.ts +8 -0
- package/dist/types/components/gov-form/radio/gov-form-radio.d.ts +10 -7
- package/dist/types/components/gov-form/radio/gov-form-radio.types.d.ts +5 -0
- package/dist/types/components/gov-form/select/gov-form-select.d.ts +7 -6
- package/dist/types/components/gov-form/select/gov-form-select.types.d.ts +4 -0
- package/dist/types/components/gov-form/switch/gov-form-switch.d.ts +10 -7
- package/dist/types/components/gov-form/switch/gov-form-switch.types.d.ts +5 -0
- package/dist/types/components/gov-pagination/gov-pagination.d.ts +2 -1
- package/dist/types/components/gov-pagination/gov-pagination.types.d.ts +5 -0
- package/dist/types/components.d.ts +69 -54
- package/dist/types/types/event.types.d.ts +4 -0
- package/package.json +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.d.js +0 -2
- package/dist/collection/components/gov-accordion/gov-accordion-item.d.js.map +0 -1
- package/dist/collection/components/gov-form/checkbox/interfaces.js +0 -2
- package/dist/collection/components/gov-form/checkbox/interfaces.js.map +0 -1
- package/dist/collection/components/gov-form/multiselect/interfaces.js +0 -2
- package/dist/collection/components/gov-form/multiselect/interfaces.js.map +0 -1
- package/dist/collection/components/gov-form/radio/interfaces.js +0 -2
- package/dist/collection/components/gov-form/radio/interfaces.js.map +0 -1
- package/dist/collection/components/gov-form/switch/interfaces.js +0 -2
- package/dist/collection/components/gov-form/switch/interfaces.js.map +0 -1
- package/dist/core/p-0272ffa0.entry.js.map +0 -1
- package/dist/core/p-131c50d1.entry.js.map +0 -1
- package/dist/core/p-2426fa82.entry.js.map +0 -1
- package/dist/core/p-30b162df.entry.js.map +0 -1
- package/dist/core/p-337fb136.entry.js +0 -2
- package/dist/core/p-337fb136.entry.js.map +0 -1
- package/dist/core/p-402c2751.entry.js +0 -2
- package/dist/core/p-402c2751.entry.js.map +0 -1
- package/dist/core/p-405fc50f.entry.js +0 -2
- package/dist/core/p-405fc50f.entry.js.map +0 -1
- package/dist/core/p-471c0863.entry.js.map +0 -1
- package/dist/core/p-93edcce2.entry.js.map +0 -1
- package/dist/core/p-9bdce72b.entry.js.map +0 -1
- package/dist/core/p-b7587525.entry.js.map +0 -1
- package/dist/core/p-bce96aac.entry.js.map +0 -1
- package/dist/core/p-c836f7cd.entry.js.map +0 -1
- package/dist/core/p-c91928ed.entry.js.map +0 -1
- package/dist/core/p-d2f6053f.entry.js.map +0 -1
- package/dist/core/p-e3141382.entry.js.map +0 -1
- package/dist/core/p-e6b8c610.entry.js.map +0 -1
- package/dist/types/components/gov-accordion/gov-accordion-item.d.d.ts +0 -4
- package/dist/types/components/gov-form/checkbox/interfaces.d.ts +0 -4
- package/dist/types/components/gov-form/multiselect/interfaces.d.ts +0 -4
- package/dist/types/components/gov-form/radio/interfaces.d.ts +0 -4
- package/dist/types/components/gov-form/switch/interfaces.d.ts +0 -4
- /package/dist/core/{p-f027a1a1.entry.js.map → p-a37ef1b2.entry.js.map} +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -6056,7 +6056,11 @@ class GovAccordion {
|
|
|
6056
6056
|
child.setAttribute('variant', this.variant);
|
|
6057
6057
|
child.addEventListener('gov-change', (e) => {
|
|
6058
6058
|
e.stopPropagation();
|
|
6059
|
-
this.govChange.emit(
|
|
6059
|
+
this.govChange.emit({
|
|
6060
|
+
component: AccordionClass.root,
|
|
6061
|
+
open: e.detail.open,
|
|
6062
|
+
ref: e.detail.ref
|
|
6063
|
+
});
|
|
6060
6064
|
});
|
|
6061
6065
|
});
|
|
6062
6066
|
}
|
|
@@ -6138,7 +6142,11 @@ class GovAccordionItem {
|
|
|
6138
6142
|
validateProp(AccordionVariants, newValue, AccordionItemClass.root);
|
|
6139
6143
|
}
|
|
6140
6144
|
emmitChange() {
|
|
6141
|
-
this.govChange.emit({
|
|
6145
|
+
this.govChange.emit({
|
|
6146
|
+
open: this.isExpandedState,
|
|
6147
|
+
component: AccordionItemClass.root,
|
|
6148
|
+
ref: this.host
|
|
6149
|
+
});
|
|
6142
6150
|
}
|
|
6143
6151
|
componentWillLoad() {
|
|
6144
6152
|
this.isExpandedState = this.isExpanded;
|
|
@@ -11484,6 +11492,9 @@ class FormsPage extends HTMLElement {
|
|
|
11484
11492
|
});
|
|
11485
11493
|
}
|
|
11486
11494
|
if (po) {
|
|
11495
|
+
po.addEventListener('gov-select', function (e) {
|
|
11496
|
+
console.log(e);
|
|
11497
|
+
});
|
|
11487
11498
|
po.setSearchCallback(val => {
|
|
11488
11499
|
return new Promise(resolve => {
|
|
11489
11500
|
setTimeout(() => {
|
|
@@ -13236,22 +13247,22 @@ class PaginationPage extends HTMLElement {
|
|
|
13236
13247
|
this.innerHTML = `
|
|
13237
13248
|
<h2>Pagination</h2>
|
|
13238
13249
|
|
|
13239
|
-
<gov-pagination id="bagr" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13250
|
+
<gov-pagination id="bagr" total="212" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13240
13251
|
<br>
|
|
13241
|
-
<gov-pagination size="s" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13252
|
+
<gov-pagination size="s" total="212" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13242
13253
|
<br>
|
|
13243
|
-
<gov-pagination type="select" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13254
|
+
<gov-pagination type="select" total="212" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13244
13255
|
<br>
|
|
13245
|
-
<gov-pagination type="select" size="s" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13256
|
+
<gov-pagination type="select" size="s" total="212" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13246
13257
|
<br>
|
|
13247
13258
|
<br>
|
|
13248
|
-
<gov-pagination variant="secondary" total="212" current="2" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13259
|
+
<gov-pagination variant="secondary" total="212" current="2" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13249
13260
|
<br>
|
|
13250
|
-
<gov-pagination size="s" variant="secondary" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13261
|
+
<gov-pagination size="s" variant="secondary" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13251
13262
|
<br>
|
|
13252
|
-
<gov-pagination type="select" variant="secondary" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13263
|
+
<gov-pagination type="select" variant="secondary" total="212" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13253
13264
|
<br>
|
|
13254
|
-
<gov-pagination type="select" variant="secondary" size="s" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
|
|
13265
|
+
<gov-pagination type="select" variant="secondary" size="s" total="212" wcag-label="Stránkování pro sekci dokumenty" wcag-select-label="Vybrat stránku"></gov-pagination>
|
|
13255
13266
|
|
|
13256
13267
|
`;
|
|
13257
13268
|
}
|
|
@@ -14734,7 +14745,6 @@ class GovBackdrop {
|
|
|
14734
14745
|
registerInstance(this, hostRef);
|
|
14735
14746
|
this.govClick = createEvent(this, "gov-click", 7);
|
|
14736
14747
|
this.inverse = false;
|
|
14737
|
-
this.visible = false;
|
|
14738
14748
|
this.wcagLabel = undefined;
|
|
14739
14749
|
this.wcagLabelledBy = undefined;
|
|
14740
14750
|
this.h = govHost(this.host);
|
|
@@ -14746,9 +14756,6 @@ class GovBackdrop {
|
|
|
14746
14756
|
}
|
|
14747
14757
|
}
|
|
14748
14758
|
render() {
|
|
14749
|
-
if (this.visible === false) {
|
|
14750
|
-
return (hAsync(Host, { class: this.h.classes(BackdropClass.root) }));
|
|
14751
|
-
}
|
|
14752
14759
|
return (hAsync(Host, { class: this.h.classes(BackdropClass.root) }, hAsync("div", { role: 'button', "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, onClick: e => this.govClick.emit(e), class: BackdropClass.bg })));
|
|
14753
14760
|
}
|
|
14754
14761
|
/**
|
|
@@ -14764,7 +14771,6 @@ class GovBackdrop {
|
|
|
14764
14771
|
"$tagName$": "gov-backdrop",
|
|
14765
14772
|
"$members$": {
|
|
14766
14773
|
"inverse": [4],
|
|
14767
|
-
"visible": [4],
|
|
14768
14774
|
"wcagLabel": [1, "wcag-label"],
|
|
14769
14775
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
14770
14776
|
"validateWcag": [64]
|
|
@@ -14951,7 +14957,7 @@ function toBool(value) {
|
|
|
14951
14957
|
}
|
|
14952
14958
|
}
|
|
14953
14959
|
|
|
14954
|
-
const govButtonCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-button{display:inline-flex}.gov-button .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled=\"1\"].gov-button{cursor:not-allowed}[hoverable][disabled=\"\"].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled=\"1\"].gov-button .element{pointer-events:none}[expanded=\"\"].gov-button,[expanded=true i].gov-button,[expanded=\"1\"].gov-button{display:block}[expanded=\"\"].gov-button .element,[expanded=true i].gov-button .element,[expanded=\"1\"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-button .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-button .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-button .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-button .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-button .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{padding:0;text-decoration:underline;line-height:inherit;min-height:inherit}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xs] .gov-button:not[type=link] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc(var(--gov-button-xs-padding-x, 0.625rem) + var(--gov-button-xs-padding-x, 0.625rem) / 2 + var(--gov-button-xs-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=s] .gov-button:not[type=link] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc(var(--gov-button-s-padding-x, 0.75rem) + var(--gov-button-s-padding-x, 0.75rem) / 2 + var(--gov-button-s-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=m] .gov-button:not[type=link] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc(var(--gov-button-m-padding-x, 0.75rem) + var(--gov-button-m-padding-x, 0.75rem) / 2 + var(--gov-button-m-icon-size, 1.25rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=l] .gov-button:not[type=link] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc(var(--gov-button-l-padding-x, 1rem) + var(--gov-button-l-padding-x, 1rem) / 2 + var(--gov-button-l-icon-size, 1.5rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xl] .gov-button:not[type=link] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc(var(--gov-button-xl-padding-x, 1.25rem) + var(--gov-button-xl-padding-x, 1.25rem) / 2 + var(--gov-button-xl-icon-size, 1.75rem) / 2)}";
|
|
14960
|
+
const govButtonCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-button{display:inline-flex}.gov-button .element{margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--gov-button-border-width, 0.0625rem) solid transparent;transition:background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;cursor:inherit;will-change:background-color, border-color}.gov-button .element:focus{outline:none}.gov-button .element .gov-icon{flex:0 0 auto;color:inherit}.gov-button .element>*{display:flex}[hoverable].gov-button .element{cursor:pointer}[hoverable].gov-button .element:focus{outline:none}[hoverable].gov-button .element:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}[hoverable][type=outlined].gov-button .element:focus-visible,[hoverable][type=base].gov-button .element:focus-visible{outline-offset:0}[hoverable][disabled=\"\"].gov-button,[hoverable][disabled=true i].gov-button,[hoverable][disabled=\"1\"].gov-button{cursor:not-allowed}[hoverable][disabled=\"\"].gov-button .element,[hoverable][disabled=true i].gov-button .element,[hoverable][disabled=\"1\"].gov-button .element{pointer-events:none}[expanded=\"\"].gov-button,[expanded=true i].gov-button,[expanded=\"1\"].gov-button{display:block}[expanded=\"\"].gov-button .element,[expanded=true i].gov-button .element,[expanded=\"1\"].gov-button .element{display:flex;width:100%;margin-right:0;margin-left:0}[type=solid][variant=primary].gov-button .element{background-color:var(--gov-button-primary-solid-bg, var(--gov-color-primary));color:var(--gov-button-primary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=primary][inverse=\"\"].gov-button .element,[type=solid][variant=primary][inverse=true i].gov-button .element,[type=solid][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-solid-inverse-color, var(--gov-color-primary));background-color:var(--gov-button-primary-solid-inverse-bg, var(--gov-color-primary-200))}[type=solid][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-solid-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-solid-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-active-bg, var(--gov-color-primary-800))}}@media not all and (pointer: coarse){[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-solid-inverse-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-solid-inverse-active-bg, var(--gov-color-primary-800))}}[type=outlined][variant=primary].gov-button .element{color:var(--gov-button-primary-outlined-color, var(--gov-color-primary));border-color:var(--gov-button-primary-outlined-border, var(--gov-color-primary))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][inverse=true i].gov-button .element,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-outlined-inverse-bg, transparent);border-color:var(--gov-button-primary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=primary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=primary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-primary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=primary][disabled=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-disabled-bg, transparent);color:var(--gov-button-primary-outlined-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-disabled-border, var(--gov-color-primary-300))}[type=outlined][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-outlined-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-outlined-inverse-disabled-color, var(--gov-color-primary-400));border-color:var(--gov-button-primary-outlined-inverse-disabled-border-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}[type=outlined][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-outlined-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-outlined-inverse-active-bg, var(--gov-color-primary-400))}}[type=base][variant=primary].gov-button .element{color:var(--gov-button-primary-base-color, var(--gov-color-primary));border-width:0}[type=base][variant=primary][inverse=\"\"].gov-button .element,[type=base][variant=primary][inverse=true i].gov-button .element,[type=base][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-base-inverse-bg, transparent)}[type=base][variant=primary][disabled=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-base-disabled-color, var(--gov-color-primary-400))}[type=base][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-base-inverse-disabled-bg, var(--gov-color-primary-300));color:var(--gov-button-primary-base-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}[type=base][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-active-bg, var(--gov-color-primary-300))}}@media not all and (pointer: coarse){[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-base-inverse-hover-bg, var(--gov-color-primary-500));color:var(--gov-button-primary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-base-inverse-active-bg, var(--gov-color-primary-400));color:var(--gov-button-primary-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=primary].gov-button .element{color:var(--gov-button-primary-link-color, var(--gov-color-primary));border-width:0}[type=link][variant=primary][inverse=\"\"].gov-button .element,[type=link][variant=primary][inverse=true i].gov-button .element,[type=link][variant=primary][inverse=\"1\"].gov-button .element{color:var(--gov-button-primary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-primary-link-inverse-bg, transparent)}[type=link][variant=primary][disabled=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"].gov-button .element{color:var(--gov-button-primary-link-disabled-color, var(--gov-color-primary-400))}[type=link][variant=primary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=primary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-primary-link-inverse-disabled-bg, transparent);color:var(--gov-button-primary-link-inverse-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable].gov-button .element:hover{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}[type=link][variant=primary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-primary-700))}}@media not all and (pointer: coarse){[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-primary-link-inverse-hover-bg, transparent);color:var(--gov-button-primary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=primary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=primary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-primary-link-inverse-active-bg, transparent);color:var(--gov-button-primary-link-inverse-active-color, var(--gov-color-primary-200))}}[type=solid][variant=secondary].gov-button .element{background-color:var(--gov-button-secondary-solid-bg, var(--gov-color-secondary));color:var(--gov-button-secondary-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=secondary][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][inverse=true i].gov-button .element,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-solid-inverse-color, var(--gov-color-secondary));background-color:var(--gov-button-secondary-solid-inverse-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=secondary][disabled=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-solid-disabled-color, var(--gov-color-secondary-600))}[type=solid][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-solid-inverse-disabled-bg, var(--gov-color-neutral-white));color:var(--gov-button-secondary-solid-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-active-bg, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-solid-inverse-hover-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-solid-inverse-active-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-solid-inverse-active-color, var(--gov-color-neutral-white))}}[type=outlined][variant=secondary].gov-button .element{color:var(--gov-button-secondary-outlined-color, var(--gov-color-secondary));border-color:var(--gov-button-secondary-outlined-border, var(--gov-color-secondary))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][inverse=true i].gov-button .element,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-outlined-inverse-bg, transparent);border-color:var(--gov-button-secondary-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=secondary][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-secondary-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=secondary][disabled=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-disabled-bg, transparent);color:var(--gov-button-secondary-outlined-disabled-color, var(--gov-color-secondary-500));border-color:var(--gov-button-secondary-outlined-disabled-border, var(--gov-color-secondary-500))}[type=outlined][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-outlined-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-disabled-color, var(--gov-color-secondary-600));border-color:var(--gov-button-secondary-outlined-inverse-disabled-border-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}[type=outlined][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-outlined-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-outlined-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-outlined-inverse-active-color, var(--gov-color-secondary))}}[type=base][variant=secondary].gov-button .element{color:var(--gov-button-secondary-base-color, var(--gov-color-secondary));border-width:0}[type=base][variant=secondary][inverse=\"\"].gov-button .element,[type=base][variant=secondary][inverse=true i].gov-button .element,[type=base][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-base-inverse-bg, transparent)}[type=base][variant=secondary][disabled=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-base-disabled-color, var(--gov-color-secondary-600))}[type=base][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-base-inverse-disabled-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}[type=base][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-active-bg, var(--gov-color-secondary-400))}}@media not all and (pointer: coarse){[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-base-inverse-hover-bg, var(--gov-color-secondary-700));color:var(--gov-button-secondary-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-base-inverse-active-bg, var(--gov-color-secondary-600));color:var(--gov-button-secondary-base-inverse-active-color, var(--gov-color-secondary))}}[type=link][variant=secondary].gov-button .element{color:var(--gov-button-secondary-link-color, var(--gov-color-secondary));border-width:0}[type=link][variant=secondary][inverse=\"\"].gov-button .element,[type=link][variant=secondary][inverse=true i].gov-button .element,[type=link][variant=secondary][inverse=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-secondary-link-inverse-bg, transparent)}[type=link][variant=secondary][disabled=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"].gov-button .element{color:var(--gov-button-secondary-link-disabled-color, var(--gov-color-secondary-600))}[type=link][variant=secondary][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=secondary][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-secondary-link-inverse-disabled-bg, transparent);color:var(--gov-button-secondary-link-inverse-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable].gov-button .element:hover{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}[type=link][variant=secondary][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-secondary))}}@media not all and (pointer: coarse){[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-secondary-link-inverse-hover-bg, transparent);color:var(--gov-button-secondary-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=secondary][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=secondary][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-secondary-link-inverse-active-bg, transparent);color:var(--gov-button-secondary-link-inverse-active-color, var(--gov-color-secondary-500))}}[type=solid][variant=error].gov-button .element{background-color:var(--gov-button-error-solid-bg, var(--gov-color-error));color:var(--gov-button-error-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=error][inverse=\"\"].gov-button .element,[type=solid][variant=error][inverse=true i].gov-button .element,[type=solid][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-solid-inverse-color, var(--gov-color-error));background-color:var(--gov-button-error-solid-inverse-bg, var(--gov-color-error-200))}[type=solid][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=error][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-disabled-bg, var(--gov-color-error-200));color:var(--gov-button-error-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-solid-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-solid-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-active-bg, var(--gov-color-error-600))}}@media not all and (pointer: coarse){[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-solid-inverse-hover-bg, var(--gov-color-error-700));color:var(--gov-button-error-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-solid-inverse-active-bg, var(--gov-color-error-800))}}[type=outlined][variant=error].gov-button .element{color:var(--gov-button-error-outlined-color, var(--gov-color-error));border-color:var(--gov-button-error-outlined-border, var(--gov-color-error))}[type=outlined][variant=error][inverse=\"\"].gov-button .element,[type=outlined][variant=error][inverse=true i].gov-button .element,[type=outlined][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-outlined-inverse-bg, transparent);border-color:var(--gov-button-error-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=error][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=error][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-error-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=error][disabled=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-disabled-bg, transparent);color:var(--gov-button-error-outlined-disabled-color, var(--gov-color-error-200));border-color:var(--gov-button-error-outlined-disabled-border, var(--gov-color-error-200))}[type=outlined][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-outlined-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-outlined-inverse-disabled-color, var(--gov-color-error-400));border-color:var(--gov-button-error-outlined-inverse-disabled-border-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}[type=outlined][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-outlined-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-outlined-inverse-active-bg, var(--gov-color-error-400))}}[type=base][variant=error].gov-button .element{color:var(--gov-button-error-base-color, var(--gov-color-error));border-width:0}[type=base][variant=error][inverse=\"\"].gov-button .element,[type=base][variant=error][inverse=true i].gov-button .element,[type=base][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-base-inverse-bg, transparent)}[type=base][variant=error][disabled=\"\"].gov-button .element,[type=base][variant=error][disabled=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-base-disabled-color, var(--gov-color-error-200))}[type=base][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-base-inverse-disabled-bg, var(--gov-color-error-300));color:var(--gov-button-error-base-inverse-disabled-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){[type=base][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}[type=base][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-base-active-bg, var(--gov-color-error-200))}}@media not all and (pointer: coarse){[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-base-inverse-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-base-inverse-active-bg, var(--gov-color-error-400));color:var(--gov-button-error-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=error].gov-button .element{color:var(--gov-button-error-link-color, var(--gov-color-error));border-width:0}[type=link][variant=error][inverse=\"\"].gov-button .element,[type=link][variant=error][inverse=true i].gov-button .element,[type=link][variant=error][inverse=\"1\"].gov-button .element{color:var(--gov-button-error-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-error-link-inverse-bg, transparent)}[type=link][variant=error][disabled=\"\"].gov-button .element,[type=link][variant=error][disabled=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"].gov-button .element{color:var(--gov-button-error-link-disabled-color, var(--gov-color-error-200))}[type=link][variant=error][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=error][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=error][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-error-link-inverse-disabled-bg, transparent);color:var(--gov-button-error-link-inverse-disabled-color, var(--gov-color-error-200))}@media not all and (pointer: coarse){[type=link][variant=error][hoverable].gov-button .element:hover{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}[type=link][variant=error][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-error-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-error-500))}}@media not all and (pointer: coarse){[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-error-link-inverse-hover-bg, transparent);color:var(--gov-button-error-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=error][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=error][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-error-link-inverse-active-bg, transparent);color:var(--gov-button-error-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=success].gov-button .element{background-color:var(--gov-button-success-solid-bg, var(--gov-color-success-500));color:var(--gov-button-success-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=success][inverse=\"\"].gov-button .element,[type=solid][variant=success][inverse=true i].gov-button .element,[type=solid][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-solid-inverse-color, var(--gov-color-success));background-color:var(--gov-button-success-solid-inverse-bg, var(--gov-color-success-200))}[type=solid][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=success][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-disabled-bg, var(--gov-color-success-200));color:var(--gov-button-success-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-solid-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-solid-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-active-bg, var(--gov-color-success-700))}}@media not all and (pointer: coarse){[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-solid-inverse-hover-bg, var(--gov-color-success-700));color:var(--gov-button-success-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-solid-inverse-active-bg, var(--gov-color-success-800))}}[type=outlined][variant=success].gov-button .element{color:var(--gov-button-success-outlined-color, var(--gov-color-success-500));border-color:var(--gov-button-success-outlined-border, var(--gov-color-success-500))}[type=outlined][variant=success][inverse=\"\"].gov-button .element,[type=outlined][variant=success][inverse=true i].gov-button .element,[type=outlined][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-outlined-inverse-bg, transparent);border-color:var(--gov-button-success-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=success][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=success][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-success-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=success][disabled=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-disabled-bg, transparent);color:var(--gov-button-success-outlined-disabled-color, var(--gov-color-success-300));border-color:var(--gov-button-success-outlined-disabled-border, var(--gov-color-success-300))}[type=outlined][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-outlined-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-outlined-inverse-disabled-color, var(--gov-color-success-400));border-color:var(--gov-button-success-outlined-inverse-disabled-border-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}[type=outlined][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-outlined-inverse-hover-bg, var(--gov-color-success-500));color:var(--gov-button-success-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-outlined-inverse-active-bg, var(--gov-color-success-400))}}[type=base][variant=success].gov-button .element{color:var(--gov-button-success-base-color, var(--gov-color-success-500));border-width:0}[type=base][variant=success][inverse=\"\"].gov-button .element,[type=base][variant=success][inverse=true i].gov-button .element,[type=base][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-base-inverse-bg, transparent)}[type=base][variant=success][disabled=\"\"].gov-button .element,[type=base][variant=success][disabled=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-base-disabled-color, var(--gov-color-success-300))}[type=base][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-base-inverse-disabled-bg, var(--gov-color-success-300));color:var(--gov-button-success-base-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=base][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}[type=base][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-base-active-bg, var(--gov-color-success-200))}}@media not all and (pointer: coarse){[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-base-inverse-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-base-inverse-active-bg, var(--gov-color-success-500));color:var(--gov-button-success-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=success].gov-button .element{color:var(--gov-button-success-link-color, var(--gov-color-success-500));border-width:0}[type=link][variant=success][inverse=\"\"].gov-button .element,[type=link][variant=success][inverse=true i].gov-button .element,[type=link][variant=success][inverse=\"1\"].gov-button .element{color:var(--gov-button-success-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-success-link-inverse-bg, transparent)}[type=link][variant=success][disabled=\"\"].gov-button .element,[type=link][variant=success][disabled=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"].gov-button .element{color:var(--gov-button-success-link-disabled-color, var(--gov-color-success-300))}[type=link][variant=success][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=success][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=success][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-success-link-inverse-disabled-bg, transparent);color:var(--gov-button-success-link-inverse-disabled-color, var(--gov-color-success-400))}@media not all and (pointer: coarse){[type=link][variant=success][hoverable].gov-button .element:hover{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}[type=link][variant=success][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-success-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-success-link-inverse-hover-bg, transparent);color:var(--gov-button-success-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=success][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=success][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-success-link-inverse-active-bg, transparent);color:var(--gov-button-success-link-inverse-active-color, var(--gov-color-neutral-white))}}[type=solid][variant=warning].gov-button .element{background-color:var(--gov-button-warning-solid-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-solid-color, var(--gov-color-neutral-white));border-width:0}[type=solid][variant=warning][inverse=\"\"].gov-button .element,[type=solid][variant=warning][inverse=true i].gov-button .element,[type=solid][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-solid-inverse-color, var(--gov-color-warning));background-color:var(--gov-button-warning-solid-inverse-bg, var(--gov-color-warning-200))}[type=solid][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=solid][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-solid-inverse-focus-bg, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-disabled-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-solid-disabled-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=solid][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-solid-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-solid-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-active-bg, var(--gov-color-warning-700))}}@media not all and (pointer: coarse){[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-solid-inverse-hover-bg, var(--gov-color-warning-700));color:var(--gov-button-warning-solid-inverse-hover-color, var(--gov-color-neutral-white))}[type=solid][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=solid][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-solid-inverse-active-bg, var(--gov-color-warning-800))}}[type=outlined][variant=warning].gov-button .element{color:var(--gov-button-warning-outlined-color, var(--gov-color-warning-500));border-color:var(--gov-button-warning-outlined-border, var(--gov-color-warning-500))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][inverse=true i].gov-button .element,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-outlined-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-outlined-inverse-bg, transparent);border-color:var(--gov-button-warning-outlined-inverse-border, var(--gov-color-neutral-white))}[type=outlined][variant=warning][inverse=\"\"].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=true i].gov-button .element:focus-visible,[type=outlined][variant=warning][inverse=\"1\"].gov-button .element:focus-visible{background-color:var(--gov-button-warning-outlined-inverse-focus-bg, transparent)}[type=outlined][variant=warning][disabled=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-disabled-bg, transparent);color:var(--gov-button-warning-outlined-disabled-color, var(--gov-color-warning));border-color:var(--gov-button-warning-outlined-disabled-border, var(--gov-color-warning))}[type=outlined][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=outlined][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-outlined-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-outlined-inverse-disabled-color, var(--gov-color-warning-400));border-color:var(--gov-button-warning-outlined-inverse-disabled-border-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}[type=outlined][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-outlined-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-outlined-inverse-hover-color, var(--gov-color-neutral-white))}[type=outlined][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=outlined][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-outlined-inverse-active-bg, var(--gov-color-warning-400))}}[type=base][variant=warning].gov-button .element{color:var(--gov-button-warning-base-color, var(--gov-color-warning-500));border-width:0}[type=base][variant=warning][inverse=\"\"].gov-button .element,[type=base][variant=warning][inverse=true i].gov-button .element,[type=base][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-base-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-base-inverse-bg, transparent)}[type=base][variant=warning][disabled=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-base-disabled-color, var(--gov-color-warning))}[type=base][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=base][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-base-inverse-disabled-bg, var(--gov-color-warning-300));color:var(--gov-button-warning-base-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}[type=base][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-active-bg, var(--gov-color-warning-300))}}@media not all and (pointer: coarse){[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-base-inverse-hover-bg, var(--gov-color-warning-500));color:var(--gov-button-warning-base-inverse-hover-color, var(--gov-color-neutral-white))}[type=base][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=base][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-base-inverse-active-bg, var(--gov-color-warning-400));color:var(--gov-button-warning-base-inverse-active-color, var(--gov-color-neutral-white))}}[type=link][variant=warning].gov-button .element{color:var(--gov-button-warning-link-color, var(--gov-color-warning-500));border-width:0}[type=link][variant=warning][inverse=\"\"].gov-button .element,[type=link][variant=warning][inverse=true i].gov-button .element,[type=link][variant=warning][inverse=\"1\"].gov-button .element{color:var(--gov-button-warning-link-inverse-color, var(--gov-color-neutral-white));background-color:var(--gov-button-warning-link-inverse-bg, transparent)}[type=link][variant=warning][disabled=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"].gov-button .element{color:var(--gov-button-warning-link-disabled-color, var(--gov-color-warning))}[type=link][variant=warning][disabled=\"\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"\"][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=true i][inverse=\"1\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"\"].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=true i].gov-button .element,[type=link][variant=warning][disabled=\"1\"][inverse=\"1\"].gov-button .element{background-color:var(--gov-button-warning-link-inverse-disabled-bg, transparent);color:var(--gov-button-warning-link-inverse-disabled-color, var(--gov-color-warning-400))}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable].gov-button .element:hover{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}[type=link][variant=warning][hoverable].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-active-bg, transparent);color:var(--gov-button-primary-link-active-color, var(--gov-color-warning-600))}}@media not all and (pointer: coarse){[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover{background-color:var(--gov-button-warning-link-inverse-hover-bg, transparent);color:var(--gov-button-warning-link-inverse-hover-color, var(--gov-color-neutral-white))}[type=link][variant=warning][hoverable][inverse=\"\"].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=true i].gov-button .element:hover:active,[type=link][variant=warning][hoverable][inverse=\"1\"].gov-button .element:hover:active{background-color:var(--gov-button-warning-link-inverse-active-bg, transparent);color:var(--gov-button-warning-link-inverse-active-color, var(--gov-color-neutral-white))}}[size=xs].gov-button .element{font-weight:var(--gov-button-text-xs-font-weight, var(--gov-text-xs-font-weight));font-size:var(--gov-button-text-xs-font-size, var(--gov-text-xs-font-size));line-height:var(--gov-button-text-xs-line-height, var(--gov-text-xs-line-height));letter-spacing:var(--gov-button-text-xs-letter-spacing, var(--gov-text-xs-letter-spacing));-moz-column-gap:var(--gov-button-xs-padding-x, 0.625rem);column-gap:var(--gov-button-xs-padding-x, 0.625rem);min-height:var(--gov-button-xs-min-height, 1.5rem);padding:var(--gov-button-xs-padding-y, 0.125rem) var(--gov-button-xs-padding-x, 0.625rem)}[size=xs].gov-button .element .gov-icon{width:var(--gov-button-xs-icon-size, 1rem);height:var(--gov-button-xs-icon-size, 1rem)}[size=s].gov-button .element{font-weight:var(--gov-button-text-s-font-weight, var(--gov-text-s-font-weight));font-size:var(--gov-button-text-s-font-size, var(--gov-text-s-font-size));line-height:var(--gov-button-text-s-line-height, var(--gov-text-s-line-height));letter-spacing:var(--gov-button-text-s-letter-spacing, var(--gov-text-s-letter-spacing));-moz-column-gap:var(--gov-button-s-padding-x, 0.75rem);column-gap:var(--gov-button-s-padding-x, 0.75rem);min-height:var(--gov-button-s-min-height, 2rem);padding:var(--gov-button-s-padding-y, 0.25rem) var(--gov-button-s-padding-x, 0.75rem)}[size=s].gov-button .element .gov-icon{width:var(--gov-button-s-icon-size, 1rem);height:var(--gov-button-s-icon-size, 1rem)}[size=m].gov-button .element{font-weight:var(--gov-button-text-m-font-weight, var(--gov-text-m-font-weight));font-size:var(--gov-button-text-m-font-size, var(--gov-text-m-font-size));line-height:var(--gov-button-text-m-line-height, var(--gov-text-m-line-height));letter-spacing:var(--gov-button-text-m-letter-spacing, var(--gov-text-m-letter-spacing));-moz-column-gap:var(--gov-button-m-padding-x, 0.75rem);column-gap:var(--gov-button-m-padding-x, 0.75rem);min-height:var(--gov-button-m-min-height, 2.5rem);padding:var(--gov-button-m-padding-y, 0.375rem) var(--gov-button-m-padding-x, 0.75rem)}[size=m].gov-button .element .gov-icon{width:var(--gov-button-m-icon-size, 1.25rem);height:var(--gov-button-m-icon-size, 1.25rem)}[size=l].gov-button .element{font-weight:var(--gov-button-text-l-font-weight, var(--gov-text-l-font-weight));font-size:var(--gov-button-text-l-font-size, var(--gov-text-l-font-size));line-height:var(--gov-button-text-l-line-height, var(--gov-text-l-line-height));letter-spacing:var(--gov-button-text-l-letter-spacing, var(--gov-text-l-letter-spacing));-moz-column-gap:var(--gov-button-l-padding-x, 1rem);column-gap:var(--gov-button-l-padding-x, 1rem);min-height:var(--gov-button-l-min-height, 3rem);padding:var(--gov-button-l-padding-y, 0.5rem) var(--gov-button-l-padding-x, 1rem)}[size=l].gov-button .element .gov-icon{width:var(--gov-button-l-icon-size, 1.5rem);height:var(--gov-button-l-icon-size, 1.5rem)}[size=xl].gov-button .element{font-weight:var(--gov-button-text-xl-font-weight, var(--gov-text-xl-font-weight));font-size:var(--gov-button-text-xl-font-size, var(--gov-text-xl-font-size));line-height:var(--gov-button-text-xl-line-height, var(--gov-text-xl-line-height));letter-spacing:var(--gov-button-text-xl-letter-spacing, var(--gov-text-xl-letter-spacing));-moz-column-gap:var(--gov-button-xl-padding-x, 1.25rem);column-gap:var(--gov-button-xl-padding-x, 1.25rem);min-height:var(--gov-button-xl-min-height, 3.5rem);padding:var(--gov-button-xl-padding-y, 0.75rem) var(--gov-button-xl-padding-x, 1.25rem)}[size=xl].gov-button .element .gov-icon{width:var(--gov-button-xl-icon-size, 1.75rem);height:var(--gov-button-xl-icon-size, 1.75rem)}.gov-button{display:inline-block}.gov-button .element{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-button[type=link] .element{min-height:inherit;padding:0;line-height:inherit;text-decoration:underline}@media not all and (pointer: coarse){.gov-button[type=link] .element:hover{text-decoration:none}}.gov-button[loading=true] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=true] .element>gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>.gov-icon:not(.gov-spin-animation),.gov-button[loading=\"1\"] .element>gov-icon:not(.gov-spin-animation){display:none}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xs] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xs] .gov-button:not[type=link] .element{padding:var(--gov-button-xs-padding-y, 0.125rem) calc(var(--gov-button-xs-padding-x, 0.625rem) + var(--gov-button-xs-padding-x, 0.625rem) / 2 + var(--gov-button-xs-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=s] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=s] .gov-button:not[type=link] .element{padding:var(--gov-button-s-padding-y, 0.25rem) calc(var(--gov-button-s-padding-x, 0.75rem) + var(--gov-button-s-padding-x, 0.75rem) / 2 + var(--gov-button-s-icon-size, 1rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=m] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=m] .gov-button:not[type=link] .element{padding:var(--gov-button-m-padding-y, 0.375rem) calc(var(--gov-button-m-padding-x, 0.75rem) + var(--gov-button-m-padding-x, 0.75rem) / 2 + var(--gov-button-m-icon-size, 1.25rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=l] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=l] .gov-button:not[type=link] .element{padding:var(--gov-button-l-padding-y, 0.5rem) calc(var(--gov-button-l-padding-x, 1rem) + var(--gov-button-l-padding-x, 1rem) / 2 + var(--gov-button-l-icon-size, 1.5rem) / 2)}.gov-button:not(.gov-button--w-icon)[loading=\"0\"][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=false][size=xl] .element,.gov-button:not(.gov-button--w-icon)[loading=\"\"][size=xl] .gov-button:not[type=link] .element{padding:var(--gov-button-xl-padding-y, 0.75rem) calc(var(--gov-button-xl-padding-x, 1.25rem) + var(--gov-button-xl-padding-x, 1.25rem) / 2 + var(--gov-button-xl-icon-size, 1.75rem) / 2)}";
|
|
14955
14961
|
|
|
14956
14962
|
var Tags$2;
|
|
14957
14963
|
(function (Tags) {
|
|
@@ -14965,13 +14971,13 @@ class GovButton {
|
|
|
14965
14971
|
this.govFocus = createEvent(this, "gov-focus", 7);
|
|
14966
14972
|
this.govBlur = createEvent(this, "gov-blur", 7);
|
|
14967
14973
|
this.variant = undefined;
|
|
14968
|
-
this.size =
|
|
14969
|
-
this.type =
|
|
14974
|
+
this.size = "m";
|
|
14975
|
+
this.type = "solid";
|
|
14970
14976
|
this.expanded = false;
|
|
14971
14977
|
this.inverse = false;
|
|
14972
14978
|
this.name = undefined;
|
|
14973
14979
|
this.disabled = false;
|
|
14974
|
-
this.nativeType =
|
|
14980
|
+
this.nativeType = "button";
|
|
14975
14981
|
this.href = undefined;
|
|
14976
14982
|
this.target = undefined;
|
|
14977
14983
|
this.download = undefined;
|
|
@@ -15022,26 +15028,40 @@ class GovButton {
|
|
|
15022
15028
|
}
|
|
15023
15029
|
get classNames() {
|
|
15024
15030
|
const { h } = this;
|
|
15025
|
-
return prepareClasses([ButtonClass.root, h.hasSlot(
|
|
15031
|
+
return prepareClasses([ButtonClass.root, h.hasSlot("left-icon") && ButtonClass.rootWithIcon, h.hasSlot("right-icon") && ButtonClass.rootWithIcon]);
|
|
15026
15032
|
}
|
|
15027
15033
|
render() {
|
|
15028
15034
|
const Tag = this.href ? Tags$2.A : Tags$2.BUTTON;
|
|
15029
15035
|
const nativeType = Tag === Tags$2.A ? undefined : this.nativeType;
|
|
15030
|
-
return (hAsync(Host, { hoverable: true, size: this.size, variant: this.variant, class: this.h.classes(this.classNames), type: this.type, inverse: this.inverse }, hAsync(Tag, { class: "element", ref: el => (this.buttonRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onMouseDown: () => (this.isPressed = true), onMouseUp: () => (this.isPressed = false), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.focusable ?
|
|
15036
|
+
return (hAsync(Host, { hoverable: true, size: this.size, variant: this.variant, class: this.h.classes(this.classNames), type: this.type, inverse: this.inverse }, hAsync(Tag, { class: "element", ref: el => (this.buttonRef = el), onClick: this.onClickHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onMouseDown: () => (this.isPressed = true), onMouseUp: () => (this.isPressed = false), disabled: this.disabled, id: this.identifier, href: this.href, target: this.target, download: this.download, hreflang: this.hreflang, rel: this.rel, name: this.name, type: nativeType, tabindex: this.focusable ? "0" : "-1", "aria-activedescendant": this.wcagActiveDescendant, "aria-describedby": this.wcagActiveDescendant, "aria-description": this.wcagDescription, "aria-controls": this.wcagControls, "aria-details": this.wcagDetails, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-haspopup": toBoolAttrIfDefined(this.wcagHasPopup), "aria-pressed": toBoolAttr(this.isPressed), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-current": this.wcagCurrent }, toBool(this.loading) && !this.h.hasSlot("right-icon") &&
|
|
15037
|
+
hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }), this.h.hasSlot("left-icon") && hAsync("slot", { name: "left-icon" }), hAsync("slot", null), this.h.hasSlot("right-icon") && hAsync("slot", { name: "right-icon" }), toBool(this.loading) && this.h.hasSlot("right-icon") &&
|
|
15038
|
+
hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }))));
|
|
15031
15039
|
}
|
|
15032
15040
|
onClickHandler(e) {
|
|
15033
15041
|
e.stopPropagation();
|
|
15034
15042
|
if (this.disabled === false) {
|
|
15035
|
-
this.govClick.emit(
|
|
15043
|
+
this.govClick.emit({
|
|
15044
|
+
component: ButtonClass.root,
|
|
15045
|
+
originalEvent: e,
|
|
15046
|
+
ref: this.host,
|
|
15047
|
+
});
|
|
15036
15048
|
}
|
|
15037
15049
|
}
|
|
15038
15050
|
onFocusHandler(e) {
|
|
15039
15051
|
e.stopPropagation();
|
|
15040
|
-
this.govFocus.emit(
|
|
15052
|
+
this.govFocus.emit({
|
|
15053
|
+
component: ButtonClass.root,
|
|
15054
|
+
originalEvent: e,
|
|
15055
|
+
ref: this.host,
|
|
15056
|
+
});
|
|
15041
15057
|
}
|
|
15042
15058
|
onBlurHandler(e) {
|
|
15043
15059
|
e.stopPropagation();
|
|
15044
|
-
this.govBlur.emit(
|
|
15060
|
+
this.govBlur.emit({
|
|
15061
|
+
component: ButtonClass.root,
|
|
15062
|
+
originalEvent: e,
|
|
15063
|
+
ref: this.host,
|
|
15064
|
+
});
|
|
15045
15065
|
}
|
|
15046
15066
|
/**
|
|
15047
15067
|
* Focus button element
|
|
@@ -15054,11 +15074,11 @@ class GovButton {
|
|
|
15054
15074
|
*/
|
|
15055
15075
|
async validateWcag() {
|
|
15056
15076
|
if (this.focusable) {
|
|
15057
|
-
validateWcagRef(this.wcagActiveDescendant,
|
|
15058
|
-
validateWcagRef(this.wcagControls,
|
|
15059
|
-
validateWcagRef(this.wcagDetails,
|
|
15060
|
-
validateWcagRef(this.wcagOwns,
|
|
15061
|
-
validateWcagRef(this.wcagHasPopup,
|
|
15077
|
+
validateWcagRef(this.wcagActiveDescendant, "aria-activedescendant", ButtonClass.root);
|
|
15078
|
+
validateWcagRef(this.wcagControls, "aria-controls", ButtonClass.root);
|
|
15079
|
+
validateWcagRef(this.wcagDetails, "aria-details", ButtonClass.root);
|
|
15080
|
+
validateWcagRef(this.wcagOwns, "aria-owns", ButtonClass.root);
|
|
15081
|
+
validateWcagRef(this.wcagHasPopup, "aria-haspopup", ButtonClass.root);
|
|
15062
15082
|
validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, ButtonClass.root);
|
|
15063
15083
|
}
|
|
15064
15084
|
}
|
|
@@ -15373,12 +15393,12 @@ class GovFormAutocomplete {
|
|
|
15373
15393
|
this.govInput = createEvent(this, "gov-input", 7);
|
|
15374
15394
|
this.govSelect = createEvent(this, "gov-select", 7);
|
|
15375
15395
|
this.templateResolver = item => item[this.nameKey];
|
|
15376
|
-
this.value =
|
|
15396
|
+
this.value = "";
|
|
15377
15397
|
this.identifier = undefined;
|
|
15378
15398
|
this.variant = undefined;
|
|
15379
15399
|
this.success = undefined;
|
|
15380
|
-
this.size =
|
|
15381
|
-
this.nameKey =
|
|
15400
|
+
this.size = "m";
|
|
15401
|
+
this.nameKey = "name";
|
|
15382
15402
|
this.name = undefined;
|
|
15383
15403
|
this.required = false;
|
|
15384
15404
|
this.disabled = undefined;
|
|
@@ -15394,7 +15414,7 @@ class GovFormAutocomplete {
|
|
|
15394
15414
|
this.processing = false;
|
|
15395
15415
|
this.arrowCounter = -1;
|
|
15396
15416
|
this.list = [];
|
|
15397
|
-
this.listBoxId = createID(
|
|
15417
|
+
this.listBoxId = createID("GovListBox");
|
|
15398
15418
|
}
|
|
15399
15419
|
validateVariant(newValue) {
|
|
15400
15420
|
validateProp(FormAutocompleteVariants, newValue, FormAutocompleteClass.root);
|
|
@@ -15435,9 +15455,9 @@ class GovFormAutocomplete {
|
|
|
15435
15455
|
this.validateSize(this.size);
|
|
15436
15456
|
}
|
|
15437
15457
|
render() {
|
|
15438
|
-
return (hAsync(Host, { class: FormAutocompleteClass.root, size: this.size, variant: this.variant }, hAsync("gov-form-input", { placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, variant: this.variant, required: this.required, invalid: this.invalid, role:
|
|
15458
|
+
return (hAsync(Host, { class: FormAutocompleteClass.root, size: this.size, variant: this.variant }, hAsync("gov-form-input", { placeholder: this.placeholder, name: this.name, disabled: this.disabled, readonly: this.readonly, autocomplete: false, size: this.size, variant: this.variant, required: this.required, invalid: this.invalid, role: "searchbox", value: this.value, minlength: this.minlength, maxlength: this.maxlength, "on-gov-input": throttle(this.onInputHandler.bind(this), 200), "on-gov-keyup": this.onKeyUpHandler.bind(this), "on-gov-focus": this.onFocusHandler.bind(this), "on-gov-blur": this.onBlurHandler.bind(this), wcagAutocomplete: "list", wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: [this.listBoxId, this.wcagOwns].join(" "), wcagExpanded: this.list.length && this.focused, ref: el => (this.inputRef = el) }, hAsync("slot", { slot: "right-icon", name: "right-icon" })), hAsync("ul", { class: FormAutocompleteClass.list, role: "listbox", id: this.listBoxId }, this.list.map((item, index) => {
|
|
15439
15459
|
const isSelected = this.arrowCounter === index;
|
|
15440
|
-
return (hAsync("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role:
|
|
15460
|
+
return (hAsync("li", { class: FormAutocompleteClass.item, innerHTML: this.templateResolver(item, isSelected), role: "option", "aria-posinset": index, tabindex: isSelected ? 0 : -1, "aria-setsize": this.list.length, onClick: () => this.onSelectHandler(index), "aria-selected": toBoolAttr(isSelected) }));
|
|
15441
15461
|
}))));
|
|
15442
15462
|
}
|
|
15443
15463
|
onFocusHandler(e) {
|
|
@@ -15447,19 +15467,34 @@ class GovFormAutocomplete {
|
|
|
15447
15467
|
this.doSearch();
|
|
15448
15468
|
}
|
|
15449
15469
|
e.stopPropagation();
|
|
15450
|
-
this.govFocus.emit(
|
|
15470
|
+
this.govFocus.emit({
|
|
15471
|
+
originalEvent: e,
|
|
15472
|
+
component: FormAutocompleteClass.root,
|
|
15473
|
+
value: this.value,
|
|
15474
|
+
selected: null
|
|
15475
|
+
});
|
|
15451
15476
|
}
|
|
15452
15477
|
onBlurHandler(e) {
|
|
15453
15478
|
this.focused = false;
|
|
15454
15479
|
setTimeout(() => (this.list = []), 200);
|
|
15455
15480
|
this.arrowCounter = -1;
|
|
15456
15481
|
e.stopPropagation();
|
|
15457
|
-
this.govBlur.emit(
|
|
15482
|
+
this.govBlur.emit({
|
|
15483
|
+
originalEvent: e,
|
|
15484
|
+
component: FormAutocompleteClass.root,
|
|
15485
|
+
value: this.value,
|
|
15486
|
+
selected: null
|
|
15487
|
+
});
|
|
15458
15488
|
}
|
|
15459
15489
|
onInputHandler(e) {
|
|
15460
15490
|
this.value = e.target.value;
|
|
15461
15491
|
e.stopPropagation();
|
|
15462
|
-
this.govInput.emit(
|
|
15492
|
+
this.govInput.emit({
|
|
15493
|
+
originalEvent: e,
|
|
15494
|
+
component: FormAutocompleteClass.root,
|
|
15495
|
+
value: this.value,
|
|
15496
|
+
selected: null
|
|
15497
|
+
});
|
|
15463
15498
|
this.doSearch();
|
|
15464
15499
|
}
|
|
15465
15500
|
onSelectHandler(index = -1) {
|
|
@@ -15471,15 +15506,19 @@ class GovFormAutocomplete {
|
|
|
15471
15506
|
selected = this.list[this.arrowCounter];
|
|
15472
15507
|
}
|
|
15473
15508
|
if (selected) {
|
|
15474
|
-
this.govSelect.emit(
|
|
15509
|
+
this.govSelect.emit({
|
|
15510
|
+
component: FormAutocompleteClass.root,
|
|
15511
|
+
value: this.value,
|
|
15512
|
+
selected: selected
|
|
15513
|
+
});
|
|
15475
15514
|
this.list = [];
|
|
15476
|
-
if (has(this.nameKey, selected) && typeof selected[this.nameKey] ===
|
|
15515
|
+
if (has(this.nameKey, selected) && typeof selected[this.nameKey] === "string") {
|
|
15477
15516
|
this.value = selected[this.nameKey];
|
|
15478
15517
|
}
|
|
15479
15518
|
}
|
|
15480
15519
|
}
|
|
15481
15520
|
onKeyUpHandler(e) {
|
|
15482
|
-
const event = e.detail;
|
|
15521
|
+
const event = e.detail.originalEvent;
|
|
15483
15522
|
e.stopPropagation();
|
|
15484
15523
|
if (event.keyCode === 38)
|
|
15485
15524
|
this.onArrowUp();
|
|
@@ -15498,8 +15537,8 @@ class GovFormAutocomplete {
|
|
|
15498
15537
|
* Clears whisperer value
|
|
15499
15538
|
*/
|
|
15500
15539
|
async clearValue() {
|
|
15501
|
-
this.value =
|
|
15502
|
-
this.inputRef.value =
|
|
15540
|
+
this.value = "";
|
|
15541
|
+
this.inputRef.value = "";
|
|
15503
15542
|
await this.inputRef.clearValue();
|
|
15504
15543
|
}
|
|
15505
15544
|
/**
|
|
@@ -15724,62 +15763,70 @@ class GovFormCheckbox {
|
|
|
15724
15763
|
this.invalid = undefined;
|
|
15725
15764
|
this.wcagDescribedBy = undefined;
|
|
15726
15765
|
this.wcagLabelledBy = undefined;
|
|
15727
|
-
this.isChecked = undefined;
|
|
15728
15766
|
this.checkboxId = createID("GovCheckbox");
|
|
15729
15767
|
this.h = govHost(this.host);
|
|
15730
15768
|
this.f = govForm(this.h);
|
|
15731
15769
|
}
|
|
15732
|
-
updateCheckedState(newValue) {
|
|
15733
|
-
this.isChecked = newValue;
|
|
15734
|
-
this.govChange.emit({
|
|
15735
|
-
checked: this.isChecked,
|
|
15736
|
-
value: this.value,
|
|
15737
|
-
});
|
|
15738
|
-
}
|
|
15739
15770
|
validateSize(newValue) {
|
|
15740
15771
|
validateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root);
|
|
15741
15772
|
}
|
|
15742
15773
|
componentWillLoad() {
|
|
15743
|
-
this.isChecked = this.checked;
|
|
15744
15774
|
this.f.passAttrToControl("type", "checkbox");
|
|
15745
15775
|
}
|
|
15746
15776
|
async componentDidRender() {
|
|
15747
|
-
this.f.passAttrToLabel(
|
|
15748
|
-
this.f.passAttrToLabel(
|
|
15777
|
+
this.f.passAttrToLabel("identifier", this.identifier || this.checkboxId);
|
|
15778
|
+
this.f.passAttrToLabel("required", String(this.required));
|
|
15749
15779
|
if (canValidateWcagOnRender()) {
|
|
15750
15780
|
await delay(500);
|
|
15751
15781
|
await this.validateWcag();
|
|
15752
15782
|
}
|
|
15753
15783
|
}
|
|
15754
15784
|
render() {
|
|
15755
|
-
const { isChecked } = this;
|
|
15756
15785
|
const wrapCheckbox = (children) => {
|
|
15757
15786
|
if (this.noLabel) {
|
|
15758
15787
|
return (hAsync("label", null, children));
|
|
15759
15788
|
}
|
|
15760
15789
|
return children;
|
|
15761
15790
|
};
|
|
15762
|
-
return (hAsync(Host, { class: FormCheckboxClass.root,
|
|
15791
|
+
return (hAsync(Host, { class: FormCheckboxClass.root, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", { id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, ref: el => (this.inputRef = el), "aria-checked": toBoolAttr(this.checked), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" }), hAsync("gov-icon", { class: FormCheckboxClass.check, name: "check-lg" }))))));
|
|
15763
15792
|
}
|
|
15764
15793
|
onFocusHandler(e) {
|
|
15765
15794
|
e.stopPropagation();
|
|
15766
|
-
this.govFocus.emit(
|
|
15795
|
+
this.govFocus.emit({
|
|
15796
|
+
component: FormCheckboxClass.root,
|
|
15797
|
+
value: this.value,
|
|
15798
|
+
checked: this.checked,
|
|
15799
|
+
originalEvent: e,
|
|
15800
|
+
});
|
|
15767
15801
|
}
|
|
15768
15802
|
onBlurHandler(e) {
|
|
15769
15803
|
e.stopPropagation();
|
|
15770
|
-
this.govBlur.emit(
|
|
15804
|
+
this.govBlur.emit({
|
|
15805
|
+
component: FormCheckboxClass.root,
|
|
15806
|
+
value: this.value,
|
|
15807
|
+
checked: this.checked,
|
|
15808
|
+
originalEvent: e,
|
|
15809
|
+
});
|
|
15771
15810
|
}
|
|
15772
15811
|
onClickHandler(e) {
|
|
15773
15812
|
e.stopPropagation();
|
|
15774
15813
|
}
|
|
15775
15814
|
onChangeHandler(e) {
|
|
15776
|
-
this.
|
|
15815
|
+
this.checked = e.target.checked;
|
|
15777
15816
|
e.stopPropagation();
|
|
15778
15817
|
this.govChange.emit({
|
|
15779
|
-
|
|
15818
|
+
component: FormCheckboxClass.root,
|
|
15780
15819
|
value: this.value,
|
|
15820
|
+
checked: this.checked,
|
|
15821
|
+
originalEvent: e,
|
|
15781
15822
|
});
|
|
15782
15823
|
}
|
|
15824
|
+
/**
|
|
15825
|
+
* Returns the reference of the native element
|
|
15826
|
+
*/
|
|
15827
|
+
async getRef() {
|
|
15828
|
+
return this.inputRef;
|
|
15829
|
+
}
|
|
15783
15830
|
/**
|
|
15784
15831
|
* Validate the WCAG attributes of the component
|
|
15785
15832
|
*/
|
|
@@ -15790,7 +15837,6 @@ class GovFormCheckbox {
|
|
|
15790
15837
|
}
|
|
15791
15838
|
get host() { return getElement(this); }
|
|
15792
15839
|
static get watchers() { return {
|
|
15793
|
-
"checked": ["updateCheckedState"],
|
|
15794
15840
|
"size": ["validateSize"]
|
|
15795
15841
|
}; }
|
|
15796
15842
|
static get style() { return govFormCheckboxCss; }
|
|
@@ -15799,7 +15845,7 @@ class GovFormCheckbox {
|
|
|
15799
15845
|
"$tagName$": "gov-form-checkbox",
|
|
15800
15846
|
"$members$": {
|
|
15801
15847
|
"value": [1],
|
|
15802
|
-
"checked": [
|
|
15848
|
+
"checked": [1540],
|
|
15803
15849
|
"required": [4],
|
|
15804
15850
|
"disabled": [4],
|
|
15805
15851
|
"name": [1],
|
|
@@ -15809,7 +15855,7 @@ class GovFormCheckbox {
|
|
|
15809
15855
|
"invalid": [4],
|
|
15810
15856
|
"wcagDescribedBy": [1, "wcag-described-by"],
|
|
15811
15857
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
15812
|
-
"
|
|
15858
|
+
"getRef": [64],
|
|
15813
15859
|
"validateWcag": [64]
|
|
15814
15860
|
},
|
|
15815
15861
|
"$listeners$": undefined,
|
|
@@ -15960,7 +16006,7 @@ class GovFormFile {
|
|
|
15960
16006
|
this.govBlur = createEvent(this, "gov-blur", 7);
|
|
15961
16007
|
this.govFiles = createEvent(this, "gov-files", 7);
|
|
15962
16008
|
this.govAddFile = createEvent(this, "gov-add-file", 7);
|
|
15963
|
-
this.
|
|
16009
|
+
this.govRemoveFile = createEvent(this, "gov-remove-file", 7);
|
|
15964
16010
|
this.expanded = false;
|
|
15965
16011
|
this.required = false;
|
|
15966
16012
|
this.disabled = undefined;
|
|
@@ -15970,26 +16016,26 @@ class GovFormFile {
|
|
|
15970
16016
|
this.maxFileSize = -1;
|
|
15971
16017
|
this.identifier = undefined;
|
|
15972
16018
|
this.invalid = undefined;
|
|
15973
|
-
this.errorSize =
|
|
15974
|
-
this.errorAccept =
|
|
15975
|
-
this.attachmentsLabel =
|
|
16019
|
+
this.errorSize = "Soubor je větší než povolená velikost {FILE_SIZE}";
|
|
16020
|
+
this.errorAccept = "Soubor tohoto typu není povolen";
|
|
16021
|
+
this.attachmentsLabel = "Přílohy";
|
|
15976
16022
|
this.wcagDescribedBy = undefined;
|
|
15977
16023
|
this.wcagLabelledBy = undefined;
|
|
15978
|
-
this.wcagRemoveLabel =
|
|
15979
|
-
this.wcagAttachmentsLabel =
|
|
16024
|
+
this.wcagRemoveLabel = "Odebrat soubor {FILE_NAME}";
|
|
16025
|
+
this.wcagAttachmentsLabel = "Přílohy";
|
|
15980
16026
|
this.files = [];
|
|
15981
|
-
this.fileId = createID(
|
|
16027
|
+
this.fileId = createID("GovInputFile");
|
|
15982
16028
|
this.h = govHost(this.host);
|
|
15983
16029
|
this.f = govForm(this.h);
|
|
15984
16030
|
}
|
|
15985
16031
|
registerListeners() {
|
|
15986
16032
|
function highlight() {
|
|
15987
|
-
this.areaRef.classList.add(
|
|
16033
|
+
this.areaRef.classList.add("highlight");
|
|
15988
16034
|
}
|
|
15989
16035
|
function unhighlight() {
|
|
15990
|
-
this.areaRef.classList.remove(
|
|
16036
|
+
this.areaRef.classList.remove("highlight");
|
|
15991
16037
|
}
|
|
15992
|
-
this.inputRef.addEventListener(
|
|
16038
|
+
this.inputRef.addEventListener("change", e => {
|
|
15993
16039
|
e.preventDefault();
|
|
15994
16040
|
e.stopPropagation();
|
|
15995
16041
|
const files = e.target.files;
|
|
@@ -15997,13 +16043,13 @@ class GovFormFile {
|
|
|
15997
16043
|
}, false);
|
|
15998
16044
|
//this.inputRef.addEventListener('focus')
|
|
15999
16045
|
if (this.expanded) {
|
|
16000
|
-
const events = [
|
|
16001
|
-
const inEvents = [
|
|
16002
|
-
const outEvents = [
|
|
16046
|
+
const events = ["dragover", "dragleave"];
|
|
16047
|
+
const inEvents = ["dragenter", "dragover", "mouseenter"];
|
|
16048
|
+
const outEvents = ["dragleave", "drop", "mouseleave"];
|
|
16003
16049
|
events.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false));
|
|
16004
16050
|
inEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false));
|
|
16005
16051
|
outEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false));
|
|
16006
|
-
this.areaRef.addEventListener(
|
|
16052
|
+
this.areaRef.addEventListener("drop", this.handleDrop.bind(this), false);
|
|
16007
16053
|
}
|
|
16008
16054
|
}
|
|
16009
16055
|
preventDefaults(e) {
|
|
@@ -16018,23 +16064,29 @@ class GovFormFile {
|
|
|
16018
16064
|
Array.from(files).map(file => {
|
|
16019
16065
|
const isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null;
|
|
16020
16066
|
if (isFile === null) {
|
|
16021
|
-
const isSizeValid = typeof this.maxFileSize ===
|
|
16067
|
+
const isSizeValid = typeof this.maxFileSize === "number" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true;
|
|
16022
16068
|
const isAcceptValid = fileAcceptValidation(file, this.accept);
|
|
16023
16069
|
const newFile = {
|
|
16024
|
-
id: createID(
|
|
16070
|
+
id: createID("GovFormFile"),
|
|
16025
16071
|
file,
|
|
16026
16072
|
acceptValid: isAcceptValid,
|
|
16027
16073
|
sizeValid: isSizeValid,
|
|
16028
16074
|
};
|
|
16029
16075
|
this.files = [...this.files, newFile];
|
|
16030
|
-
this.govAddFile.emit(
|
|
16076
|
+
this.govAddFile.emit({
|
|
16077
|
+
component: FormFileClass.root,
|
|
16078
|
+
file: newFile,
|
|
16079
|
+
});
|
|
16031
16080
|
}
|
|
16032
16081
|
});
|
|
16033
|
-
this.govFiles.emit(
|
|
16082
|
+
this.govFiles.emit({
|
|
16083
|
+
component: FormFileClass.root,
|
|
16084
|
+
files: this.files,
|
|
16085
|
+
});
|
|
16034
16086
|
}
|
|
16035
16087
|
componentWillLoad() {
|
|
16036
|
-
this.f.passAttrToControl(
|
|
16037
|
-
this.f.passAttrToLabel(
|
|
16088
|
+
this.f.passAttrToControl("type", "File");
|
|
16089
|
+
this.f.passAttrToLabel("required", String(this.required));
|
|
16038
16090
|
}
|
|
16039
16091
|
async componentDidRender() {
|
|
16040
16092
|
if (canValidateWcagOnRender()) {
|
|
@@ -16044,7 +16096,7 @@ class GovFormFile {
|
|
|
16044
16096
|
this.registerListeners();
|
|
16045
16097
|
}
|
|
16046
16098
|
render() {
|
|
16047
|
-
return (hAsync(Host, { class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", null), hAsync("input", { class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) })), this.h.hasSlot(
|
|
16099
|
+
return (hAsync(Host, { class: this.h.classes([FormFileClass.root]), invalid: toBoolAttrIfDefined(this.invalid), expanded: toBoolAttrIfDefined(this.expanded) }, hAsync("div", { class: FormFileClass.area, ref: el => (this.areaRef = el) }, hAsync("slot", null), hAsync("input", { class: FormFileClass.input, ref: el => (this.inputRef = el), id: this.identifier || this.fileId, type: "file", name: this.name, accept: this.accept, onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, disabled: this.disabled, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) })), this.h.hasSlot("attachments") ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("slot", { name: "attachments" }))) : null, this.files.length && this.displayAttachments ? (hAsync("div", { class: FormFileClass.attachments }, hAsync("gov-attachments", { label: this.wcagAttachmentsLabel, "wcag-label": this.wcagAttachmentsLabel }, this.files.map(item => (hAsync("gov-attachments-item", { "wcag-remove-labelled-by": item.id, "on-gov-remove": () => this.onRemoveFileHandler(item) }, hAsync("span", { class: "sr-only", id: item.id }, this.wcagRemoveLabel.replace("{FILE_NAME}", item.file.name)), item.file.name, item.acceptValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), item.acceptValid === false ? this.errorAccept : null)) : null, item.sizeValid === false ? (hAsync("gov-form-message", { slot: "message", variant: "error" }, hAsync("gov-icon", { slot: "icon", name: "exclamation-triangle-fill" }), this.errorSize.replace("{FILE_SIZE}", formatBytes(this.maxFileSize * 1024)))) : null, hAsync("span", { slot: "info" }, "(", formatBytes(item.file.size), ")"))))))) : null));
|
|
16048
16100
|
}
|
|
16049
16101
|
onRemoveFileHandler(file) {
|
|
16050
16102
|
const index = this.files.findIndex(item => item.id === file.id);
|
|
@@ -16053,27 +16105,51 @@ class GovFormFile {
|
|
|
16053
16105
|
const removeFile = this.files[index];
|
|
16054
16106
|
files.splice(index, 1);
|
|
16055
16107
|
this.files = [...files];
|
|
16056
|
-
this.
|
|
16057
|
-
|
|
16108
|
+
this.govRemoveFile.emit({
|
|
16109
|
+
component: FormFileClass.root,
|
|
16110
|
+
file: removeFile,
|
|
16111
|
+
});
|
|
16112
|
+
this.govFiles.emit({
|
|
16113
|
+
component: FormFileClass.root,
|
|
16114
|
+
files,
|
|
16115
|
+
});
|
|
16058
16116
|
}
|
|
16059
16117
|
}
|
|
16060
16118
|
onFocusHandler(e) {
|
|
16061
16119
|
e.stopPropagation();
|
|
16062
|
-
this.govFocus.emit(
|
|
16120
|
+
this.govFocus.emit({
|
|
16121
|
+
component: FormFileClass.root,
|
|
16122
|
+
originalEvent: e,
|
|
16123
|
+
});
|
|
16063
16124
|
}
|
|
16064
16125
|
onBlurHandler(e) {
|
|
16065
16126
|
e.stopPropagation();
|
|
16066
|
-
this.govBlur.emit(
|
|
16127
|
+
this.govBlur.emit({
|
|
16128
|
+
component: FormFileClass.root,
|
|
16129
|
+
originalEvent: e,
|
|
16130
|
+
});
|
|
16067
16131
|
}
|
|
16068
16132
|
onChangeHandler(e) {
|
|
16069
16133
|
e.stopPropagation();
|
|
16070
16134
|
}
|
|
16135
|
+
/**
|
|
16136
|
+
* Returns the reference of the native element
|
|
16137
|
+
*/
|
|
16138
|
+
async getRef() {
|
|
16139
|
+
return this.inputRef;
|
|
16140
|
+
}
|
|
16141
|
+
/**
|
|
16142
|
+
* Returns the reference of the native area element
|
|
16143
|
+
*/
|
|
16144
|
+
async getAreaRef() {
|
|
16145
|
+
return this.areaRef;
|
|
16146
|
+
}
|
|
16071
16147
|
/**
|
|
16072
16148
|
* Validate the WCAG attributes of the component
|
|
16073
16149
|
*/
|
|
16074
16150
|
async validateWcag() {
|
|
16075
|
-
validateWcagRef(this.wcagDescribedBy,
|
|
16076
|
-
validateWcagRef(this.wcagLabelledBy,
|
|
16151
|
+
validateWcagRef(this.wcagDescribedBy, "wcag-described-by", FormFileClass.root);
|
|
16152
|
+
validateWcagRef(this.wcagLabelledBy, "wcag-labelled-by", FormFileClass.root);
|
|
16077
16153
|
validateWcagLabelFor(this.identifier || this.fileId, this.wcagLabelledBy, FormFileClass.root);
|
|
16078
16154
|
}
|
|
16079
16155
|
get host() { return getElement(this); }
|
|
@@ -16099,6 +16175,8 @@ class GovFormFile {
|
|
|
16099
16175
|
"wcagRemoveLabel": [1, "wcag-remove-label"],
|
|
16100
16176
|
"wcagAttachmentsLabel": [1, "wcag-attachments-label"],
|
|
16101
16177
|
"files": [32],
|
|
16178
|
+
"getRef": [64],
|
|
16179
|
+
"getAreaRef": [64],
|
|
16102
16180
|
"validateWcag": [64]
|
|
16103
16181
|
},
|
|
16104
16182
|
"$listeners$": undefined,
|
|
@@ -16216,21 +16294,37 @@ class GovFormInput {
|
|
|
16216
16294
|
onFocusHandler(e) {
|
|
16217
16295
|
e.stopPropagation();
|
|
16218
16296
|
this.focused = true;
|
|
16219
|
-
this.govFocus.emit(
|
|
16297
|
+
this.govFocus.emit({
|
|
16298
|
+
component: FormInputClass.root,
|
|
16299
|
+
value: this.value,
|
|
16300
|
+
originalEvent: e,
|
|
16301
|
+
});
|
|
16220
16302
|
}
|
|
16221
16303
|
onBlurHandler(e) {
|
|
16222
16304
|
e.stopPropagation();
|
|
16223
16305
|
this.focused = false;
|
|
16224
|
-
this.govBlur.emit(
|
|
16306
|
+
this.govBlur.emit({
|
|
16307
|
+
component: FormInputClass.root,
|
|
16308
|
+
value: this.value,
|
|
16309
|
+
originalEvent: e,
|
|
16310
|
+
});
|
|
16225
16311
|
}
|
|
16226
16312
|
onKeyUpHandler(e) {
|
|
16227
16313
|
e.stopPropagation();
|
|
16228
|
-
this.govKeyUp.emit(
|
|
16314
|
+
this.govKeyUp.emit({
|
|
16315
|
+
component: FormInputClass.root,
|
|
16316
|
+
value: this.value,
|
|
16317
|
+
originalEvent: e,
|
|
16318
|
+
});
|
|
16229
16319
|
}
|
|
16230
16320
|
onInputHandler(e) {
|
|
16231
16321
|
this.value = e.target.value;
|
|
16232
16322
|
e.stopPropagation();
|
|
16233
|
-
this.govInput.emit(
|
|
16323
|
+
this.govInput.emit({
|
|
16324
|
+
component: FormInputClass.root,
|
|
16325
|
+
value: this.value,
|
|
16326
|
+
originalEvent: e,
|
|
16327
|
+
});
|
|
16234
16328
|
}
|
|
16235
16329
|
/**
|
|
16236
16330
|
* Returns the current state of the component
|
|
@@ -16254,7 +16348,7 @@ class GovFormInput {
|
|
|
16254
16348
|
/**
|
|
16255
16349
|
* Returns an instance of the native html input element
|
|
16256
16350
|
*/
|
|
16257
|
-
async
|
|
16351
|
+
async getRef() {
|
|
16258
16352
|
return this.inputRef;
|
|
16259
16353
|
}
|
|
16260
16354
|
/**
|
|
@@ -16306,7 +16400,7 @@ class GovFormInput {
|
|
|
16306
16400
|
"setFocus": [64],
|
|
16307
16401
|
"setValue": [64],
|
|
16308
16402
|
"clearValue": [64],
|
|
16309
|
-
"
|
|
16403
|
+
"getRef": [64],
|
|
16310
16404
|
"validateWcag": [64]
|
|
16311
16405
|
},
|
|
16312
16406
|
"$listeners$": undefined,
|
|
@@ -16399,7 +16493,7 @@ class GovFormMultiSelect {
|
|
|
16399
16493
|
this.identifier = undefined;
|
|
16400
16494
|
this.placeholder = undefined;
|
|
16401
16495
|
this.variant = undefined;
|
|
16402
|
-
this.size =
|
|
16496
|
+
this.size = "m";
|
|
16403
16497
|
this.name = undefined;
|
|
16404
16498
|
this.required = false;
|
|
16405
16499
|
this.disabled = undefined;
|
|
@@ -16410,8 +16504,8 @@ class GovFormMultiSelect {
|
|
|
16410
16504
|
this.focused = undefined;
|
|
16411
16505
|
this.value = undefined;
|
|
16412
16506
|
this.selectedOptions = [];
|
|
16413
|
-
this.selectId = createID(
|
|
16414
|
-
this.listId = createID(
|
|
16507
|
+
this.selectId = createID("GovSelect");
|
|
16508
|
+
this.listId = createID("GovMultiList");
|
|
16415
16509
|
}
|
|
16416
16510
|
validateVariant(newValue) {
|
|
16417
16511
|
validateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root);
|
|
@@ -16420,22 +16514,25 @@ class GovFormMultiSelect {
|
|
|
16420
16514
|
validateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root);
|
|
16421
16515
|
}
|
|
16422
16516
|
emitChange(newValue) {
|
|
16423
|
-
this.govChange.emit(
|
|
16517
|
+
this.govChange.emit({
|
|
16518
|
+
component: FormMultiSelectClass.root,
|
|
16519
|
+
value: newValue,
|
|
16520
|
+
});
|
|
16424
16521
|
}
|
|
16425
16522
|
componentWillLoad() {
|
|
16426
16523
|
this.validateVariant(this.variant);
|
|
16427
16524
|
this.validateSize(this.size);
|
|
16428
16525
|
}
|
|
16429
16526
|
getAvailableOptions() {
|
|
16430
|
-
return Array.from(this.selectRef.querySelectorAll(
|
|
16527
|
+
return Array.from(this.selectRef.querySelectorAll("option"))
|
|
16431
16528
|
.filter((option) => !(option.disabled || option.selected))
|
|
16432
16529
|
.map((option) => ({ name: option.textContent, value: option.value }));
|
|
16433
16530
|
}
|
|
16434
16531
|
initAutocomplete() {
|
|
16435
|
-
this.autocompleteRef.addEventListener(
|
|
16436
|
-
this.autocompleteRef.addEventListener(
|
|
16437
|
-
this.autocompleteRef.addEventListener(
|
|
16438
|
-
this.autocompleteRef.addEventListener(
|
|
16532
|
+
this.autocompleteRef.addEventListener("gov-select", this.onSelectHandler.bind(this));
|
|
16533
|
+
this.autocompleteRef.addEventListener("gov-input", this.onInputHandler.bind(this));
|
|
16534
|
+
this.autocompleteRef.addEventListener("gov-focus", this.onFocusHandler.bind(this));
|
|
16535
|
+
this.autocompleteRef.addEventListener("gov-blur", this.onBlurHandler.bind(this));
|
|
16439
16536
|
this.autocompleteRef
|
|
16440
16537
|
.setSearchCallback(value => {
|
|
16441
16538
|
return new Promise(resolve => {
|
|
@@ -16456,7 +16553,7 @@ class GovFormMultiSelect {
|
|
|
16456
16553
|
return this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name);
|
|
16457
16554
|
}
|
|
16458
16555
|
getOptionElement(value) {
|
|
16459
|
-
return this.selectRef.querySelector(
|
|
16556
|
+
return this.selectRef.querySelector("option[value=\"" + value.value + "\"]");
|
|
16460
16557
|
}
|
|
16461
16558
|
selectOption(newOption) {
|
|
16462
16559
|
const index = this.getOptionIndex(newOption);
|
|
@@ -16482,7 +16579,7 @@ class GovFormMultiSelect {
|
|
|
16482
16579
|
async componentDidRender() {
|
|
16483
16580
|
this.initAutocomplete();
|
|
16484
16581
|
await delay(0);
|
|
16485
|
-
this.selectRef.querySelectorAll(
|
|
16582
|
+
this.selectRef.querySelectorAll("option").forEach((option) => {
|
|
16486
16583
|
if (option.selected) {
|
|
16487
16584
|
this.selectOption({
|
|
16488
16585
|
name: option.textContent,
|
|
@@ -16497,29 +16594,37 @@ class GovFormMultiSelect {
|
|
|
16497
16594
|
}
|
|
16498
16595
|
render() {
|
|
16499
16596
|
return (hAsync(Host, { class: FormMultiSelectClass.root, size: this.size, variant: this.variant }, hAsync("div", { class: FormMultiSelectClass.wrap }, hAsync("div", { class: "element" }, hAsync("gov-form-autocomplete", { value: this.value, disabled: this.disabled, identifier: this.identifier || this.selectId, required: false, size: this.size, variant: this.variant, invalid: this.invalid, placeholder: this.placeholder, ref: el => (this.autocompleteRef = el), minlength: 0, wcagDescribedBy: this.wcagDescribedBy, wcagLabelledBy: this.wcagLabelledBy, wcagOwns: this.listId }), hAsync("gov-icon", { slot: "right-icon", class: "icon-arrow", name: "chevron-down" }), hAsync("select", { hidden: true, "aria-hidden": true, multiple: true, required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", null)))), hAsync("ul", { role: "listbox", id: this.listId, class: FormMultiSelectClass.list }, this.selectedOptions.map(option => {
|
|
16500
|
-
return (hAsync("li", { class: FormMultiSelectClass.item, role: "option" }, option.name, hAsync("gov-button", { wcagLabel:
|
|
16597
|
+
return (hAsync("li", { class: FormMultiSelectClass.item, role: "option" }, option.name, hAsync("gov-button", { wcagLabel: "Odebrat vybranou položku " + option.name, variant: "primary", type: "base", size: "s", "on-gov-click": () => this.onTagRemove(option) }, hAsync("gov-icon", { name: "x-lg" }))));
|
|
16501
16598
|
}))));
|
|
16502
16599
|
}
|
|
16503
16600
|
onFocusHandler(e) {
|
|
16504
16601
|
e.stopPropagation();
|
|
16505
16602
|
this.focused = true;
|
|
16506
|
-
this.govFocus.emit(
|
|
16603
|
+
this.govFocus.emit({
|
|
16604
|
+
component: FormMultiSelectClass.root,
|
|
16605
|
+
originalEvent: e,
|
|
16606
|
+
value: this.selectedOptions,
|
|
16607
|
+
});
|
|
16507
16608
|
}
|
|
16508
16609
|
onBlurHandler(e) {
|
|
16509
16610
|
e.stopPropagation();
|
|
16510
16611
|
e.stopPropagation();
|
|
16511
16612
|
this.focused = false;
|
|
16512
|
-
this.govBlur.emit(
|
|
16613
|
+
this.govBlur.emit({
|
|
16614
|
+
component: FormMultiSelectClass.root,
|
|
16615
|
+
originalEvent: e,
|
|
16616
|
+
value: this.selectedOptions,
|
|
16617
|
+
});
|
|
16513
16618
|
}
|
|
16514
16619
|
onInputHandler(e) {
|
|
16515
|
-
this.value = e.
|
|
16620
|
+
this.value = e.detail.value;
|
|
16516
16621
|
e.stopPropagation();
|
|
16517
16622
|
}
|
|
16518
16623
|
onSelectHandler(e) {
|
|
16519
16624
|
e.stopPropagation();
|
|
16520
16625
|
const value = e.detail;
|
|
16521
16626
|
this.selectOption(value);
|
|
16522
|
-
this.value =
|
|
16627
|
+
this.value = "";
|
|
16523
16628
|
this.autocompleteRef.clearValue();
|
|
16524
16629
|
this.autocompleteRef.focus();
|
|
16525
16630
|
}
|
|
@@ -16548,9 +16653,9 @@ class GovFormMultiSelect {
|
|
|
16548
16653
|
* Validate the WCAG attributes of the component
|
|
16549
16654
|
*/
|
|
16550
16655
|
async validateWcag() {
|
|
16551
|
-
validateWcagRef(this.wcagDescribedBy,
|
|
16552
|
-
validateWcagRef(this.wcagLabelledBy,
|
|
16553
|
-
validateWcagRef(this.wcagOwns,
|
|
16656
|
+
validateWcagRef(this.wcagDescribedBy, "wcag-described-by", FormMultiSelectClass.root);
|
|
16657
|
+
validateWcagRef(this.wcagLabelledBy, "wcag-labelled-by", FormMultiSelectClass.root);
|
|
16658
|
+
validateWcagRef(this.wcagOwns, "wcag-owns", FormMultiSelectClass.root);
|
|
16554
16659
|
validateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormMultiSelectClass.root);
|
|
16555
16660
|
}
|
|
16556
16661
|
get host() { return getElement(this); }
|
|
@@ -16637,23 +16742,14 @@ class GovFormRadio {
|
|
|
16637
16742
|
this.invalid = undefined;
|
|
16638
16743
|
this.wcagDescribedBy = undefined;
|
|
16639
16744
|
this.wcagLabelledBy = undefined;
|
|
16640
|
-
this.isChecked = undefined;
|
|
16641
16745
|
this.radioId = createID('GovRadio');
|
|
16642
16746
|
this.h = govHost(this.host);
|
|
16643
16747
|
this.f = govForm(this.h);
|
|
16644
16748
|
}
|
|
16645
|
-
updateCheckedState(newValue) {
|
|
16646
|
-
this.isChecked = newValue;
|
|
16647
|
-
this.govChange.emit({
|
|
16648
|
-
checked: this.isChecked,
|
|
16649
|
-
value: this.value,
|
|
16650
|
-
});
|
|
16651
|
-
}
|
|
16652
16749
|
validateSize(newValue) {
|
|
16653
16750
|
validateProp(FormRadioSizes, newValue, FormRadioClass.root);
|
|
16654
16751
|
}
|
|
16655
16752
|
componentWillLoad() {
|
|
16656
|
-
this.isChecked = this.checked;
|
|
16657
16753
|
this.f.passAttrToControl('type', 'radio');
|
|
16658
16754
|
}
|
|
16659
16755
|
async componentDidRender() {
|
|
@@ -16665,34 +16761,51 @@ class GovFormRadio {
|
|
|
16665
16761
|
}
|
|
16666
16762
|
}
|
|
16667
16763
|
render() {
|
|
16668
|
-
const { isChecked } = this;
|
|
16669
16764
|
const wrapCheckbox = (children) => {
|
|
16670
16765
|
if (this.noLabel) {
|
|
16671
16766
|
return (hAsync("label", null, children));
|
|
16672
16767
|
}
|
|
16673
16768
|
return children;
|
|
16674
16769
|
};
|
|
16675
|
-
return (hAsync(Host, { class: FormRadioClass.root,
|
|
16770
|
+
return (hAsync(Host, { class: FormRadioClass.root, checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("div", { class: FormRadioClass.holder }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", { class: FormRadioClass.input, id: this.identifier || this.radioId, type: "radio", value: this.value, name: this.name, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), ref: el => (this.inputRef = el), required: this.required, "aria-checked": this.checked, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", null, hAsync("slot", { name: "label" })))))));
|
|
16676
16771
|
}
|
|
16677
16772
|
onClickHandler(e) {
|
|
16678
16773
|
e.stopPropagation();
|
|
16679
16774
|
}
|
|
16680
16775
|
onFocusHandler(e) {
|
|
16681
16776
|
e.stopPropagation();
|
|
16682
|
-
this.govFocus.emit(
|
|
16777
|
+
this.govFocus.emit({
|
|
16778
|
+
component: FormRadioClass.root,
|
|
16779
|
+
value: this.value,
|
|
16780
|
+
checked: this.checked,
|
|
16781
|
+
originalEvent: e,
|
|
16782
|
+
});
|
|
16683
16783
|
}
|
|
16684
16784
|
onBlurHandler(e) {
|
|
16685
16785
|
e.stopPropagation();
|
|
16686
|
-
this.govBlur.emit(
|
|
16786
|
+
this.govBlur.emit({
|
|
16787
|
+
component: FormRadioClass.root,
|
|
16788
|
+
value: this.value,
|
|
16789
|
+
checked: this.checked,
|
|
16790
|
+
originalEvent: e,
|
|
16791
|
+
});
|
|
16687
16792
|
}
|
|
16688
16793
|
onChangeHandler(e) {
|
|
16689
|
-
this.
|
|
16794
|
+
this.checked = e.target.checked;
|
|
16690
16795
|
e.stopPropagation();
|
|
16691
16796
|
this.govChange.emit({
|
|
16692
|
-
|
|
16797
|
+
component: FormRadioClass.root,
|
|
16693
16798
|
value: this.value,
|
|
16799
|
+
checked: this.checked,
|
|
16800
|
+
originalEvent: e,
|
|
16694
16801
|
});
|
|
16695
16802
|
}
|
|
16803
|
+
/**
|
|
16804
|
+
* Returns the reference of the native element
|
|
16805
|
+
*/
|
|
16806
|
+
async getRef() {
|
|
16807
|
+
return this.inputRef;
|
|
16808
|
+
}
|
|
16696
16809
|
/**
|
|
16697
16810
|
* Validate the WCAG attributes of the component
|
|
16698
16811
|
*/
|
|
@@ -16703,7 +16816,6 @@ class GovFormRadio {
|
|
|
16703
16816
|
}
|
|
16704
16817
|
get host() { return getElement(this); }
|
|
16705
16818
|
static get watchers() { return {
|
|
16706
|
-
"checked": ["updateCheckedState"],
|
|
16707
16819
|
"size": ["validateSize"]
|
|
16708
16820
|
}; }
|
|
16709
16821
|
static get style() { return govFormRadioCss; }
|
|
@@ -16713,7 +16825,7 @@ class GovFormRadio {
|
|
|
16713
16825
|
"$members$": {
|
|
16714
16826
|
"value": [1],
|
|
16715
16827
|
"noLabel": [4, "no-label"],
|
|
16716
|
-
"checked": [
|
|
16828
|
+
"checked": [1540],
|
|
16717
16829
|
"required": [4],
|
|
16718
16830
|
"disabled": [4],
|
|
16719
16831
|
"name": [1],
|
|
@@ -16722,7 +16834,7 @@ class GovFormRadio {
|
|
|
16722
16834
|
"invalid": [4],
|
|
16723
16835
|
"wcagDescribedBy": [1, "wcag-described-by"],
|
|
16724
16836
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
16725
|
-
"
|
|
16837
|
+
"getRef": [64],
|
|
16726
16838
|
"validateWcag": [64]
|
|
16727
16839
|
},
|
|
16728
16840
|
"$listeners$": undefined,
|
|
@@ -16769,7 +16881,7 @@ class GovFormSelect {
|
|
|
16769
16881
|
this.value = undefined;
|
|
16770
16882
|
this.identifier = undefined;
|
|
16771
16883
|
this.variant = undefined;
|
|
16772
|
-
this.size =
|
|
16884
|
+
this.size = "m";
|
|
16773
16885
|
this.name = undefined;
|
|
16774
16886
|
this.required = false;
|
|
16775
16887
|
this.disabled = undefined;
|
|
@@ -16781,7 +16893,7 @@ class GovFormSelect {
|
|
|
16781
16893
|
this.wcagOwns = undefined;
|
|
16782
16894
|
this.focused = undefined;
|
|
16783
16895
|
this.h = govHost(this.host);
|
|
16784
|
-
this.selectId = createID(
|
|
16896
|
+
this.selectId = createID("GovSelect");
|
|
16785
16897
|
this.f = govForm(govHost(this.host));
|
|
16786
16898
|
}
|
|
16787
16899
|
validateVariant(newValue) {
|
|
@@ -16793,13 +16905,13 @@ class GovFormSelect {
|
|
|
16793
16905
|
componentWillLoad() {
|
|
16794
16906
|
this.validateVariant(this.variant);
|
|
16795
16907
|
this.validateSize(this.size);
|
|
16796
|
-
this.host.querySelectorAll(
|
|
16908
|
+
this.host.querySelectorAll("option").forEach((option) => {
|
|
16797
16909
|
if (option.value === this.value) {
|
|
16798
|
-
option.setAttribute(
|
|
16910
|
+
option.setAttribute("selected", "true");
|
|
16799
16911
|
}
|
|
16800
16912
|
});
|
|
16801
|
-
this.f.passAttrToControl(
|
|
16802
|
-
this.f.passAttrToLabel(
|
|
16913
|
+
this.f.passAttrToControl("type", "select");
|
|
16914
|
+
this.f.passAttrToLabel("required", String(this.required));
|
|
16803
16915
|
}
|
|
16804
16916
|
async componentDidRender() {
|
|
16805
16917
|
if (canValidateWcagOnRender()) {
|
|
@@ -16808,20 +16920,32 @@ class GovFormSelect {
|
|
|
16808
16920
|
}
|
|
16809
16921
|
}
|
|
16810
16922
|
render() {
|
|
16811
|
-
return (hAsync(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot(
|
|
16923
|
+
return (hAsync(Host, { class: FormSelectClass.root, size: this.size, variant: this.variant }, this.h.hasSlot("prefix") && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, hAsync("gov-icon", { slot: "right-icon", name: "chevron-down" }), hAsync("select", { id: this.identifier || this.selectId, onFocus: this.onFocusHandler.bind(this), onChange: this.onChangeHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, name: this.name, disabled: this.disabled, ref: el => (this.selectRef = el), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-activedescendant": this.wcagActiveDescendant, "aria-controls": this.wcagControls, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns }, hAsync("slot", null))), this.h.hasSlot("sufix") && hAsync("slot", { name: "sufix" })));
|
|
16812
16924
|
}
|
|
16813
16925
|
onFocusHandler(e) {
|
|
16814
16926
|
this.focused = true;
|
|
16815
|
-
this.govFocus.emit(
|
|
16927
|
+
this.govFocus.emit({
|
|
16928
|
+
component: FormSelectClass.root,
|
|
16929
|
+
originalEvent: e,
|
|
16930
|
+
value: this.value,
|
|
16931
|
+
});
|
|
16816
16932
|
}
|
|
16817
16933
|
onBlurHandler(e) {
|
|
16818
16934
|
this.focused = false;
|
|
16819
|
-
this.govBlur.emit(
|
|
16935
|
+
this.govBlur.emit({
|
|
16936
|
+
component: FormSelectClass.root,
|
|
16937
|
+
originalEvent: e,
|
|
16938
|
+
value: this.value,
|
|
16939
|
+
});
|
|
16820
16940
|
}
|
|
16821
16941
|
onChangeHandler(e) {
|
|
16822
16942
|
this.value = e.target.value;
|
|
16823
16943
|
e.stopPropagation();
|
|
16824
|
-
this.govChange.emit(
|
|
16944
|
+
this.govChange.emit({
|
|
16945
|
+
component: FormSelectClass.root,
|
|
16946
|
+
originalEvent: e,
|
|
16947
|
+
value: this.value,
|
|
16948
|
+
});
|
|
16825
16949
|
}
|
|
16826
16950
|
/**
|
|
16827
16951
|
* Returns the current state of the component
|
|
@@ -16838,17 +16962,17 @@ class GovFormSelect {
|
|
|
16838
16962
|
/**
|
|
16839
16963
|
* Returns an instance of the native html select element
|
|
16840
16964
|
*/
|
|
16841
|
-
async
|
|
16965
|
+
async getRef() {
|
|
16842
16966
|
return this.selectRef;
|
|
16843
16967
|
}
|
|
16844
16968
|
/**
|
|
16845
16969
|
* Validate the WCAG attributes of the component
|
|
16846
16970
|
*/
|
|
16847
16971
|
async validateWcag() {
|
|
16848
|
-
validateWcagRef(this.wcagActiveDescendant,
|
|
16849
|
-
validateWcagRef(this.wcagControls,
|
|
16850
|
-
validateWcagRef(this.wcagDescribedBy,
|
|
16851
|
-
validateWcagRef(this.wcagOwns,
|
|
16972
|
+
validateWcagRef(this.wcagActiveDescendant, "wcag-active-descendant", FormSelectClass.root);
|
|
16973
|
+
validateWcagRef(this.wcagControls, "wcag-controls", FormSelectClass.root);
|
|
16974
|
+
validateWcagRef(this.wcagDescribedBy, "wcag-described-by", FormSelectClass.root);
|
|
16975
|
+
validateWcagRef(this.wcagOwns, "wcag-owns", FormSelectClass.root);
|
|
16852
16976
|
validateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormSelectClass.root);
|
|
16853
16977
|
}
|
|
16854
16978
|
get host() { return getElement(this); }
|
|
@@ -16877,7 +17001,7 @@ class GovFormSelect {
|
|
|
16877
17001
|
"focused": [32],
|
|
16878
17002
|
"setFocus": [64],
|
|
16879
17003
|
"setValue": [64],
|
|
16880
|
-
"
|
|
17004
|
+
"getRef": [64],
|
|
16881
17005
|
"validateWcag": [64]
|
|
16882
17006
|
},
|
|
16883
17007
|
"$listeners$": undefined,
|
|
@@ -16905,23 +17029,14 @@ class GovFormSwitch {
|
|
|
16905
17029
|
this.invalid = undefined;
|
|
16906
17030
|
this.wcagDescribedBy = undefined;
|
|
16907
17031
|
this.wcagLabelledBy = undefined;
|
|
16908
|
-
this.isChecked = undefined;
|
|
16909
17032
|
this.checkboxId = createID("GovCheckbox");
|
|
16910
17033
|
this.h = govHost(this.host);
|
|
16911
17034
|
this.f = govForm(this.h);
|
|
16912
17035
|
}
|
|
16913
|
-
updateCheckedState(newValue) {
|
|
16914
|
-
this.isChecked = newValue;
|
|
16915
|
-
this.govChange.emit({
|
|
16916
|
-
checked: this.isChecked,
|
|
16917
|
-
value: this.value,
|
|
16918
|
-
});
|
|
16919
|
-
}
|
|
16920
17036
|
validateSize(newValue) {
|
|
16921
17037
|
validateProp(FormSwitchSizes, newValue, FormSwitchClass.root);
|
|
16922
17038
|
}
|
|
16923
17039
|
componentWillLoad() {
|
|
16924
|
-
this.isChecked = this.checked;
|
|
16925
17040
|
this.f.passAttrToControl("type", "switch");
|
|
16926
17041
|
}
|
|
16927
17042
|
async componentDidRender() {
|
|
@@ -16933,34 +17048,51 @@ class GovFormSwitch {
|
|
|
16933
17048
|
}
|
|
16934
17049
|
}
|
|
16935
17050
|
render() {
|
|
16936
|
-
const { isChecked } = this;
|
|
16937
17051
|
const wrapCheckbox = (children) => {
|
|
16938
17052
|
if (this.noLabel) {
|
|
16939
17053
|
return (hAsync("label", null, children));
|
|
16940
17054
|
}
|
|
16941
17055
|
return children;
|
|
16942
17056
|
};
|
|
16943
|
-
return (hAsync(Host, { class: this.h.classes(FormSwitchClass.root),
|
|
17057
|
+
return (hAsync(Host, { class: this.h.classes(FormSwitchClass.root), checked: this.checked, size: this.size, invalid: toBoolAttrIfDefined(this.invalid) }, hAsync("div", { class: FormSwitchClass.holder }, wrapCheckbox(hAsync(Fragment, null, hAsync("input", { class: FormSwitchClass.input, id: this.identifier || this.checkboxId, type: "checkbox", value: this.value, name: this.name, checked: this.checked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), ref: el => (this.inputRef = el), required: this.required, "aria-checked": this.checked, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-disabled": toBoolAttrIfDefined(this.disabled) }), hAsync("span", { class: FormSwitchClass.indicator }), hAsync("slot", { name: "label" }))))));
|
|
16944
17058
|
}
|
|
16945
17059
|
onClickHandler(e) {
|
|
16946
17060
|
e.stopPropagation();
|
|
16947
17061
|
}
|
|
16948
17062
|
onFocusHandler(e) {
|
|
16949
17063
|
e.stopPropagation();
|
|
16950
|
-
this.govFocus.emit(
|
|
17064
|
+
this.govFocus.emit({
|
|
17065
|
+
component: FormSwitchClass.root,
|
|
17066
|
+
checked: this.checked,
|
|
17067
|
+
value: this.value,
|
|
17068
|
+
originalEvent: e
|
|
17069
|
+
});
|
|
16951
17070
|
}
|
|
16952
17071
|
onBlurHandler(e) {
|
|
16953
17072
|
e.stopPropagation();
|
|
16954
|
-
this.govBlur.emit(
|
|
17073
|
+
this.govBlur.emit({
|
|
17074
|
+
component: FormSwitchClass.root,
|
|
17075
|
+
checked: this.checked,
|
|
17076
|
+
value: this.value,
|
|
17077
|
+
originalEvent: e
|
|
17078
|
+
});
|
|
16955
17079
|
}
|
|
16956
17080
|
onChangeHandler(e) {
|
|
16957
|
-
this.
|
|
17081
|
+
this.checked = e.target.checked;
|
|
16958
17082
|
e.stopPropagation();
|
|
16959
17083
|
this.govChange.emit({
|
|
16960
|
-
|
|
17084
|
+
component: FormSwitchClass.root,
|
|
17085
|
+
checked: this.checked,
|
|
16961
17086
|
value: this.value,
|
|
17087
|
+
originalEvent: e
|
|
16962
17088
|
});
|
|
16963
17089
|
}
|
|
17090
|
+
/**
|
|
17091
|
+
* Returns the reference of the native element
|
|
17092
|
+
*/
|
|
17093
|
+
async getRef() {
|
|
17094
|
+
return this.inputRef;
|
|
17095
|
+
}
|
|
16964
17096
|
/**
|
|
16965
17097
|
* Validate the WCAG attributes of the component
|
|
16966
17098
|
*/
|
|
@@ -16971,7 +17103,6 @@ class GovFormSwitch {
|
|
|
16971
17103
|
}
|
|
16972
17104
|
get host() { return getElement(this); }
|
|
16973
17105
|
static get watchers() { return {
|
|
16974
|
-
"checked": ["updateCheckedState"],
|
|
16975
17106
|
"size": ["validateSize"]
|
|
16976
17107
|
}; }
|
|
16977
17108
|
static get style() { return govFormSwitchCss; }
|
|
@@ -16981,7 +17112,7 @@ class GovFormSwitch {
|
|
|
16981
17112
|
"$members$": {
|
|
16982
17113
|
"value": [1],
|
|
16983
17114
|
"noLabel": [4, "no-label"],
|
|
16984
|
-
"checked": [
|
|
17115
|
+
"checked": [1540],
|
|
16985
17116
|
"required": [4],
|
|
16986
17117
|
"disabled": [4],
|
|
16987
17118
|
"name": [1],
|
|
@@ -16990,7 +17121,7 @@ class GovFormSwitch {
|
|
|
16990
17121
|
"invalid": [4],
|
|
16991
17122
|
"wcagDescribedBy": [1, "wcag-described-by"],
|
|
16992
17123
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
16993
|
-
"
|
|
17124
|
+
"getRef": [64],
|
|
16994
17125
|
"validateWcag": [64]
|
|
16995
17126
|
},
|
|
16996
17127
|
"$listeners$": undefined,
|
|
@@ -17235,7 +17366,7 @@ class GovLoading {
|
|
|
17235
17366
|
this.h = govHost(this.host);
|
|
17236
17367
|
}
|
|
17237
17368
|
render() {
|
|
17238
|
-
return (hAsync(Host, { class: this.h.classes(LoadingClass.root), loading: this.loading }, hAsync("div", { class: LoadingClass.content }, hAsync("gov-icon", { class: prepareClasses([LoadingClass.icon, 'gov-spin-animation']), name: "loader" }), hAsync("slot", null)), hAsync("gov-backdrop", {
|
|
17369
|
+
return (hAsync(Host, { class: this.h.classes(LoadingClass.root), loading: this.loading }, hAsync("div", { class: LoadingClass.content }, hAsync("gov-icon", { class: prepareClasses([LoadingClass.icon, 'gov-spin-animation']), name: "loader" }), hAsync("slot", null)), this.loading ? (hAsync("gov-backdrop", { inverse: true })) : null));
|
|
17239
17370
|
}
|
|
17240
17371
|
get host() { return getElement(this); }
|
|
17241
17372
|
static get style() { return govLoadingCss; }
|
|
@@ -17359,7 +17490,7 @@ class GovModal {
|
|
|
17359
17490
|
}
|
|
17360
17491
|
render() {
|
|
17361
17492
|
const LabelTag = this.labelTag;
|
|
17362
|
-
return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.modalVisible }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.modalVisible, tabindex: "-1", open: this.modalVisible, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.modalVisible), "aria-labelledby": this.wcaglabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot("icon") && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)))), hAsync("gov-backdrop", {
|
|
17493
|
+
return (hAsync(Host, { class: this.h.classes(ModalClass.root), open: this.modalVisible }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.modalVisible, tabindex: "-1", open: this.modalVisible, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.modalVisible), "aria-labelledby": this.wcaglabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot("icon") && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)))), this.modalVisible ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
|
|
17363
17494
|
}
|
|
17364
17495
|
onCloseHandler(e) {
|
|
17365
17496
|
e.stopPropagation();
|
|
@@ -17572,7 +17703,12 @@ function paginate(totalItems, currentPage = 1, pageSize = 10, maxPages = 10) {
|
|
|
17572
17703
|
};
|
|
17573
17704
|
}
|
|
17574
17705
|
|
|
17575
|
-
const createArrayRange = (from, to) =>
|
|
17706
|
+
const createArrayRange = (from, to) => {
|
|
17707
|
+
if (Number.isInteger(from) && Number.isInteger(to)) {
|
|
17708
|
+
return [...Array(to + 1).keys()].slice(from);
|
|
17709
|
+
}
|
|
17710
|
+
return [];
|
|
17711
|
+
};
|
|
17576
17712
|
|
|
17577
17713
|
const govPaginationCss = ".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;flex-wrap:wrap;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:flex;justify-content:center;align-items:center;margin:0;padding:0.125rem;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible;padding:0rem 1rem}.gov-pagination__arrow{margin:0}.gov-pagination__item--more .gov-form-select select{border:none;padding-right:0.75rem !important}.gov-pagination__item--more .gov-form-select .gov-icon{display:none}.gov-pagination__inner{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;text-decoration:none}.gov-pagination__inner[wcag-current=true][type=solid][variant=primary] .element{background-color:var(--gov-button-primary-solid-hover-bg, var(--gov-color-primary-700));color:var(--gov-button-primary-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=primary] .element{background-color:var(--gov-button-primary-outlined-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-outlined-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=base][variant=primary] .element{background-color:var(--gov-button-primary-base-hover-bg, var(--gov-color-primary-100));color:var(--gov-button-primary-base-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=link][variant=primary] .element{background-color:var(--gov-button-primary-link-hover-bg, transparent);color:var(--gov-button-primary-link-hover-color, var(--gov-color-primary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=secondary] .element{background-color:var(--gov-button-secondary-solid-hover-bg, var(--gov-color-secondary-900));color:var(--gov-button-secondary-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=secondary] .element{background-color:var(--gov-button-secondary-outlined-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-outlined-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=base][variant=secondary] .element{background-color:var(--gov-button-secondary-base-hover-bg, var(--gov-color-secondary-300));color:var(--gov-button-secondary-base-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=link][variant=secondary] .element{background-color:var(--gov-button-secondary-link-hover-bg, transparent);color:var(--gov-button-secondary-link-hover-color, var(--gov-color-secondary))}.gov-pagination__inner[wcag-current=true][type=solid][variant=error] .element{background-color:var(--gov-button-error-solid-hover-bg, var(--gov-color-error-500));color:var(--gov-button-error-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=error] .element{background-color:var(--gov-button-error-outlined-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-outlined-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=base][variant=error] .element{background-color:var(--gov-button-error-base-hover-bg, var(--gov-color-error-100));color:var(--gov-button-error-base-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=link][variant=error] .element{background-color:var(--gov-button-error-link-hover-bg, transparent);color:var(--gov-button-error-link-hover-color, var(--gov-color-error))}.gov-pagination__inner[wcag-current=true][type=solid][variant=success] .element{background-color:var(--gov-button-success-solid-hover-bg, var(--gov-color-success-600));color:var(--gov-button-success-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=success] .element{background-color:var(--gov-button-success-outlined-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-outlined-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=base][variant=success] .element{background-color:var(--gov-button-success-base-hover-bg, var(--gov-color-success-100));color:var(--gov-button-success-base-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=link][variant=success] .element{background-color:var(--gov-button-success-link-hover-bg, transparent);color:var(--gov-button-success-link-hover-color, var(--gov-color-success-500))}.gov-pagination__inner[wcag-current=true][type=solid][variant=warning] .element{background-color:var(--gov-button-warning-solid-hover-bg, var(--gov-color-warning-600));color:var(--gov-button-warning-solid-hover-color, var(--gov-color-neutral-white))}.gov-pagination__inner[wcag-current=true][type=outlined][variant=warning] .element{background-color:var(--gov-button-warning-outlined-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-outlined-hover-color, var(--gov-color-warning-500))}.gov-pagination__inner[wcag-current=true][type=base][variant=warning] .element{background-color:var(--gov-button-warning-base-hover-bg, var(--gov-color-warning-200));color:var(--gov-button-warning-base-hover-color, var(--gov-color-warning-500))}.gov-pagination__inner[wcag-current=true][type=link][variant=warning] .element{background-color:var(--gov-button-warning-link-hover-bg, transparent);color:var(--gov-button-warning-link-hover-color, var(--gov-color-warning-500))}.gov-pagination[size=s] .gov-pagination__inner{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);font-weight:inherit}.gov-pagination[size=s] .gov-pagination__inner .element{min-width:var(--gov-pagination-s-button-size, 2rem)}.gov-pagination[size=m] .gov-pagination__inner{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);font-weight:inherit}.gov-pagination[size=m] .gov-pagination__inner .element{min-width:var(--gov-pagination-m-button-size, 2.5rem)}";
|
|
17578
17714
|
|
|
@@ -17636,7 +17772,7 @@ class GovPagination {
|
|
|
17636
17772
|
}
|
|
17637
17773
|
resetSelectValue() {
|
|
17638
17774
|
if (this.spreadSelectRef) {
|
|
17639
|
-
this.spreadSelectRef.
|
|
17775
|
+
this.spreadSelectRef.getRef()
|
|
17640
17776
|
.then((el) => {
|
|
17641
17777
|
el.value = '...';
|
|
17642
17778
|
});
|
|
@@ -17648,17 +17784,20 @@ class GovPagination {
|
|
|
17648
17784
|
const ariaCurrent = toBoolAttrIfDefined(this.pagination.currentPage === page ? true : undefined);
|
|
17649
17785
|
return (hAsync("gov-button", { href: this.prepareLinkUrl(page), variant: this.variant, size: this.size, type: "base", disabled: isDisabled, "on-gov-click": (e) => this.onClickHandler(e, page), "wcag-label": page > -1 ? this.wcagPageLabel + " " + page : undefined, "wcag-current": ariaCurrent, class: PaginationClass.inner }, content));
|
|
17650
17786
|
};
|
|
17651
|
-
return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, variant: this.variant, size: this.size }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-left" }))), this.type == "select" ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", "wcag-labelled-by": this.pageSelectId, "on-gov-change": this.onSelectHandler.bind(this) }, createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (hAsync(Fragment, null, this.pagination.pages.map(page => (hAsync("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page)))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", "wcag-labelled-by": this.pageSelectId, ref: el => (this.spreadSelectRef = el), "on-gov-change": this.onSelectHandler.bind(this) }, hAsync("option", { selected: true, hidden: true }, "..."), createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: false }, page)))))))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-right" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-right" })))))));
|
|
17787
|
+
return (hAsync(Host, { class: this.h.classes(PaginationClass.root), type: this.type, variant: this.variant, size: this.size }, hAsync("nav", { "aria-label": this.wcagLabel, "aria-labelledby": this.wcagLabelledBy }, hAsync("ul", { class: PaginationClass.list }, hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.currentPage > 1 ? 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-left" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.startPage < this.pagination.currentPage ? this.pagination.currentPage - 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-left" }))), this.type == "select" ? (hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemSelect]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", variant: this.variant, "wcag-labelled-by": this.pageSelectId, "on-gov-change": this.onSelectHandler.bind(this) }, createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: this.pagination.currentPage === page }, page))))))) : (hAsync(Fragment, null, this.pagination.pages.map(page => (hAsync("li", { class: this.isActivePageClass(PaginationClass.item, page) }, pageResolver(page, page)))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemMore]) }, hAsync("span", { class: PaginationClass.inner }, hAsync("span", { id: this.pageSelectId, hidden: true }, this.wcagSelectLabel), hAsync("gov-form-select", { size: "m", variant: this.variant, "wcag-labelled-by": this.pageSelectId, ref: el => (this.spreadSelectRef = el), "on-gov-change": this.onSelectHandler.bind(this) }, hAsync("option", { selected: true, hidden: true }, "..."), createArrayRange(1, this.pagination.totalPages).map(page => (hAsync("option", { value: page, selected: false }, page)))))))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.currentPage + 1 : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-right" }))), hAsync("li", { class: prepareClasses([PaginationClass.item, PaginationClass.itemArrow]) }, pageResolver(this.pagination.totalPages > this.pagination.currentPage ? this.pagination.totalPages : -1, hAsync("gov-icon", { class: PaginationClass.arrow, name: "chevron-double-right" })))))));
|
|
17652
17788
|
}
|
|
17653
17789
|
onClickHandler(e, page) {
|
|
17654
17790
|
e.stopPropagation();
|
|
17655
17791
|
this.recalculatePagination(page);
|
|
17656
|
-
this.govPage.emit(
|
|
17792
|
+
this.govPage.emit({
|
|
17793
|
+
component: PaginationClass.root,
|
|
17794
|
+
pagination: this.pagination
|
|
17795
|
+
});
|
|
17657
17796
|
}
|
|
17658
17797
|
onSelectHandler(e) {
|
|
17659
17798
|
e.stopPropagation();
|
|
17660
|
-
const
|
|
17661
|
-
const page = parseInt(
|
|
17799
|
+
const value = e.detail.value;
|
|
17800
|
+
const page = parseInt(value);
|
|
17662
17801
|
this.resetSelectValue();
|
|
17663
17802
|
if (isNaN(page) === false) {
|
|
17664
17803
|
this.recalculatePagination(page);
|
|
@@ -17666,7 +17805,10 @@ class GovPagination {
|
|
|
17666
17805
|
window.location.href = this.prepareLinkUrl(page);
|
|
17667
17806
|
}
|
|
17668
17807
|
else {
|
|
17669
|
-
this.govPage.emit(
|
|
17808
|
+
this.govPage.emit({
|
|
17809
|
+
component: PaginationClass.root,
|
|
17810
|
+
pagination: this.pagination
|
|
17811
|
+
});
|
|
17670
17812
|
}
|
|
17671
17813
|
}
|
|
17672
17814
|
}
|
|
@@ -17676,9 +17818,6 @@ class GovPagination {
|
|
|
17676
17818
|
async validateWcag() {
|
|
17677
17819
|
validateWcagProp(this.wcagPageLabel, "wcag-page-label", PaginationClass.root);
|
|
17678
17820
|
validateWcagLabel(this.wcagLabel, this.wcagLabelledBy, PaginationClass.root);
|
|
17679
|
-
if (this.type === "select") {
|
|
17680
|
-
validateWcagProp(this.wcagSelectLabel, "wcag-select-label", PaginationClass.root);
|
|
17681
|
-
}
|
|
17682
17821
|
}
|
|
17683
17822
|
get host() { return getElement(this); }
|
|
17684
17823
|
static get watchers() { return {
|
|
@@ -17721,19 +17860,19 @@ class GovPrompt {
|
|
|
17721
17860
|
this.govClose = createEvent(this, "gov-close", 7);
|
|
17722
17861
|
this.open = false;
|
|
17723
17862
|
this.label = undefined;
|
|
17724
|
-
this.role =
|
|
17725
|
-
this.labelTag =
|
|
17863
|
+
this.role = "dialog";
|
|
17864
|
+
this.labelTag = "h2";
|
|
17726
17865
|
this.wcaglabelledBy = undefined;
|
|
17727
17866
|
this.wcagDescribedBy = undefined;
|
|
17728
17867
|
this.wcagCloseLabel = undefined;
|
|
17729
17868
|
this.wcagCloseLabelledBy = undefined;
|
|
17730
17869
|
this.modalVisible = false;
|
|
17731
17870
|
this.h = govHost(this.host);
|
|
17732
|
-
this.labelId = createID(
|
|
17733
|
-
this.contentId = createID(
|
|
17871
|
+
this.labelId = createID("GovPromptLabel");
|
|
17872
|
+
this.contentId = createID("GovPromptContent");
|
|
17734
17873
|
}
|
|
17735
17874
|
validateLabelTag(newValue) {
|
|
17736
|
-
const validTags = [
|
|
17875
|
+
const validTags = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
17737
17876
|
if (newValue) {
|
|
17738
17877
|
if (!validTags.includes(newValue)) {
|
|
17739
17878
|
govErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`);
|
|
@@ -17768,7 +17907,7 @@ class GovPrompt {
|
|
|
17768
17907
|
}
|
|
17769
17908
|
render() {
|
|
17770
17909
|
const LabelTag = this.labelTag;
|
|
17771
|
-
return (hAsync(Host, { class: this.h.classes(ModalClass.rootPrompt), open: this.modalVisible }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.modalVisible, tabindex: "-1", open: this.modalVisible, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.modalVisible), "aria-labelledby": this.wcaglabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot(
|
|
17910
|
+
return (hAsync(Host, { class: this.h.classes(ModalClass.rootPrompt), open: this.modalVisible }, hAsync("dialog", { class: ModalClass.dialog, hidden: !this.modalVisible, tabindex: "-1", open: this.modalVisible, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.modalVisible), "aria-labelledby": this.wcaglabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, hAsync("div", { class: ModalClass.inner }, hAsync("div", { class: ModalClass.header }, this.h.hasSlot("icon") && (hAsync("div", { class: ModalClass.icon }, hAsync("slot", { name: "icon" }))), this.label && (hAsync(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), hAsync("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", "on-gov-click": this.onCloseHandler.bind(this) }, hAsync("gov-icon", { name: "x-lg" }))), hAsync("div", { class: ModalClass.content, id: this.contentId }, hAsync("slot", null)), hAsync("div", { class: ModalClass.actions }, hAsync("slot", { name: "actions" })))), this.modalVisible ? (hAsync("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
|
|
17772
17911
|
}
|
|
17773
17912
|
onCloseHandler(e) {
|
|
17774
17913
|
e.stopPropagation();
|
|
@@ -17791,8 +17930,8 @@ class GovPrompt {
|
|
|
17791
17930
|
* Validate the WCAG attributes of the component
|
|
17792
17931
|
*/
|
|
17793
17932
|
async validateWcag() {
|
|
17794
|
-
validateWcagRef(this.wcaglabelledBy,
|
|
17795
|
-
validateWcagRef(this.wcagDescribedBy,
|
|
17933
|
+
validateWcagRef(this.wcaglabelledBy, "aria-labelledby", ModalClass.root);
|
|
17934
|
+
validateWcagRef(this.wcagDescribedBy, "aria-describedby", ModalClass.root);
|
|
17796
17935
|
}
|
|
17797
17936
|
get host() { return getElement(this); }
|
|
17798
17937
|
static get watchers() { return {
|