@gov-design-system-ce/components 0.0.7 → 0.0.9
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/Fragment-52846f79.js +7 -0
- package/dist/cjs/Fragment-52846f79.js.map +1 -0
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{form-49298257.js → form-02872a5e.js} +19 -7
- package/dist/cjs/form-02872a5e.js.map +1 -0
- package/dist/cjs/gov-app.cjs.entry.js +16 -21
- package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-button.cjs.entry.js +12 -1
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +4 -0
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +27 -10
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-control.cjs.entry.js +2 -1
- package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +10 -2
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +19 -1
- package/dist/cjs/gov-form-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +9 -1
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js +2 -1
- package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +8 -0
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +22 -5
- package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-search.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +3 -1
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +26 -9
- 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-pagination.cjs.entry.js +3 -4
- package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tile.cjs.entry.js +3 -2
- package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gov-button/gov-button.js +12 -1
- package/dist/collection/components/gov-button/gov-button.js.map +1 -1
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +4 -0
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js.map +1 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +4 -0
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +53 -19
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js.map +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js +8 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/group/constants.js +3 -0
- package/dist/collection/components/gov-form/group/constants.js.map +1 -1
- package/dist/collection/components/gov-form/group/gov-form-group.js +49 -3
- package/dist/collection/components/gov-form/group/gov-form-group.js.map +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.js +7 -0
- package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.js +20 -1
- package/dist/collection/components/gov-form/label/gov-form-label.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +8 -0
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
- package/dist/collection/components/gov-form/radio/gov-form-radio.css +4 -0
- package/dist/collection/components/gov-form/radio/gov-form-radio.js +37 -3
- package/dist/collection/components/gov-form/radio/gov-form-radio.js.map +1 -1
- package/dist/collection/components/gov-form/search/gov-form-search.css +4 -0
- package/dist/collection/components/gov-form/select/gov-form-select.js +1 -0
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.css +4 -0
- package/dist/collection/components/gov-form/switch/gov-form-switch.js +52 -18
- package/dist/collection/components/gov-form/switch/gov-form-switch.js.map +1 -1
- package/dist/collection/components/gov-pagination/gov-pagination.css +1 -0
- package/dist/collection/components/gov-tile/constants.js +1 -0
- package/dist/collection/components/gov-tile/constants.js.map +1 -1
- package/dist/collection/components/gov-tile/gov-tile.css +7 -3
- package/dist/collection/components/gov-tile/gov-tile.js +3 -6
- package/dist/collection/components/gov-tile/gov-tile.js.map +1 -1
- package/dist/collection/helpers/Dom/form.js +12 -0
- package/dist/collection/helpers/Dom/form.js.map +1 -1
- package/dist/collection/helpers/Dom/form.types.js.map +1 -1
- package/dist/collection/pages/Forms.js +16 -21
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/components/Fragment.js +5 -0
- package/dist/components/Fragment.js.map +1 -0
- package/dist/components/form.js +12 -0
- package/dist/components/form.js.map +1 -1
- package/dist/components/gov-app.js +16 -21
- package/dist/components/gov-app.js.map +1 -1
- package/dist/components/gov-button2.js +12 -1
- package/dist/components/gov-button2.js.map +1 -1
- package/dist/components/gov-form-autocomplete2.js +4 -0
- package/dist/components/gov-form-autocomplete2.js.map +1 -1
- package/dist/components/gov-form-checkbox.js +26 -9
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-file.js +8 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +21 -2
- package/dist/components/gov-form-group.js.map +1 -1
- package/dist/components/gov-form-input2.js +7 -0
- package/dist/components/gov-form-input2.js.map +1 -1
- package/dist/components/gov-form-label.js +3 -1
- package/dist/components/gov-form-label.js.map +1 -1
- package/dist/components/gov-form-multi-select.js +8 -0
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-radio.js +21 -4
- package/dist/components/gov-form-radio.js.map +1 -1
- package/dist/components/gov-form-search.js +1 -1
- package/dist/components/gov-form-search.js.map +1 -1
- package/dist/components/gov-form-select2.js +1 -0
- package/dist/components/gov-form-select2.js.map +1 -1
- package/dist/components/gov-form-switch.js +25 -8
- package/dist/components/gov-form-switch.js.map +1 -1
- package/dist/components/gov-icon2.js +1 -1
- package/dist/components/gov-pagination.js +2 -3
- package/dist/components/gov-pagination.js.map +1 -1
- package/dist/components/gov-tile.js +3 -2
- package/dist/components/gov-tile.js.map +1 -1
- package/dist/core/core.css +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-ae3e2d60.entry.js → p-04fc18ab.entry.js} +2 -2
- package/dist/core/p-04fc18ab.entry.js.map +1 -0
- package/dist/core/{p-a2d0ff57.entry.js → p-159c9835.entry.js} +2 -2
- package/dist/core/p-159c9835.entry.js.map +1 -0
- package/dist/core/{p-1cc7b8d3.entry.js → p-1c06fb0b.entry.js} +2 -2
- package/dist/core/p-1c06fb0b.entry.js.map +1 -0
- package/dist/core/p-1c1d0bbe.js +2 -0
- package/dist/core/p-1c1d0bbe.js.map +1 -0
- package/dist/core/p-1db2ac17.entry.js +2 -0
- package/dist/core/p-1db2ac17.entry.js.map +1 -0
- package/dist/core/{p-e9c94ef7.entry.js → p-347b9f10.entry.js} +2 -2
- package/dist/core/{p-a0c491a6.entry.js → p-35c42aea.entry.js} +2 -2
- package/dist/core/{p-a0c491a6.entry.js.map → p-35c42aea.entry.js.map} +1 -1
- package/dist/core/p-44dc2ef4.entry.js +2 -0
- package/dist/core/p-44dc2ef4.entry.js.map +1 -0
- package/dist/core/p-6b69dbd3.entry.js +2 -0
- package/dist/core/p-6b69dbd3.entry.js.map +1 -0
- package/dist/core/p-6b928a53.entry.js +2 -0
- package/dist/core/p-6b928a53.entry.js.map +1 -0
- package/dist/core/p-71e57780.entry.js +2 -0
- package/dist/core/p-71e57780.entry.js.map +1 -0
- package/dist/core/{p-165fe5f4.entry.js → p-851939ff.entry.js} +2 -2
- package/dist/core/p-851939ff.entry.js.map +1 -0
- package/dist/core/p-9ceeba49.entry.js +2 -0
- package/dist/core/{p-86a3c0d5.entry.js.map → p-9ceeba49.entry.js.map} +1 -1
- package/dist/core/{p-ec617f18.entry.js → p-9d30e79e.entry.js} +2 -2
- package/dist/core/{p-ec617f18.entry.js.map → p-9d30e79e.entry.js.map} +1 -1
- package/dist/core/p-ac33c5ef.entry.js +2 -0
- package/dist/core/p-ac33c5ef.entry.js.map +1 -0
- package/dist/core/p-af40ceef.js +2 -0
- package/dist/core/p-af40ceef.js.map +1 -0
- package/dist/core/p-bba09987.entry.js +2 -0
- package/dist/core/p-bba09987.entry.js.map +1 -0
- package/dist/core/p-cc37a226.entry.js +2 -0
- package/dist/core/p-cc37a226.entry.js.map +1 -0
- package/dist/core/p-e582a589.entry.js +2 -0
- package/dist/core/{p-eb1214ab.entry.js.map → p-e582a589.entry.js.map} +1 -1
- package/dist/custom-elements/index.js +1 -1
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/Fragment-8d8d54fb.js +5 -0
- package/dist/esm/Fragment-8d8d54fb.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{form-95b9a91b.js → form-e2e12619.js} +13 -1
- package/dist/esm/form-e2e12619.js.map +1 -0
- package/dist/esm/gov-app.entry.js +16 -21
- package/dist/esm/gov-app.entry.js.map +1 -1
- package/dist/esm/gov-button.entry.js +12 -1
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +4 -0
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +27 -10
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-control.entry.js +2 -1
- package/dist/esm/gov-form-control.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +10 -2
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +20 -2
- package/dist/esm/gov-form-group.entry.js.map +1 -1
- package/dist/esm/gov-form-input.entry.js +9 -1
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-label.entry.js +2 -1
- package/dist/esm/gov-form-label.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +8 -0
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +22 -5
- package/dist/esm/gov-form-radio.entry.js.map +1 -1
- package/dist/esm/gov-form-search.entry.js +1 -1
- package/dist/esm/gov-form-search.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +3 -1
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +26 -9
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-icon.entry.js +1 -1
- package/dist/esm/gov-pagination.entry.js +2 -3
- package/dist/esm/gov-pagination.entry.js.map +1 -1
- package/dist/esm/gov-tile.entry.js +3 -2
- package/dist/esm/gov-tile.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/hydrate/index.js +167 -55
- package/dist/types/components/gov-button/gov-button.d.ts +2 -0
- package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts +9 -4
- package/dist/types/components/gov-form/file/gov-form-file.d.ts +1 -0
- package/dist/types/components/gov-form/group/constants.d.ts +4 -0
- package/dist/types/components/gov-form/group/gov-form-group.d.ts +10 -0
- package/dist/types/components/gov-form/label/gov-form-label.d.ts +4 -0
- package/dist/types/components/gov-form/radio/gov-form-radio.d.ts +6 -1
- package/dist/types/components/gov-form/switch/gov-form-switch.d.ts +9 -4
- package/dist/types/components/gov-tile/constants.d.ts +1 -0
- package/dist/types/components/gov-tile/gov-tile.d.ts +1 -2
- package/dist/types/components.d.ts +43 -4
- package/dist/types/helpers/Dom/form.types.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cjs/form-49298257.js.map +0 -1
- package/dist/core/p-0950ba85.entry.js +0 -2
- package/dist/core/p-0950ba85.entry.js.map +0 -1
- package/dist/core/p-165fe5f4.entry.js.map +0 -1
- package/dist/core/p-1cc7b8d3.entry.js.map +0 -1
- package/dist/core/p-22722ff3.entry.js +0 -2
- package/dist/core/p-22722ff3.entry.js.map +0 -1
- package/dist/core/p-54f367db.entry.js +0 -2
- package/dist/core/p-54f367db.entry.js.map +0 -1
- package/dist/core/p-692eb701.entry.js +0 -2
- package/dist/core/p-692eb701.entry.js.map +0 -1
- package/dist/core/p-76542f4f.js +0 -2
- package/dist/core/p-76542f4f.js.map +0 -1
- package/dist/core/p-86a3c0d5.entry.js +0 -2
- package/dist/core/p-8965f84a.entry.js +0 -2
- package/dist/core/p-8965f84a.entry.js.map +0 -1
- package/dist/core/p-a0dd0a95.entry.js +0 -2
- package/dist/core/p-a0dd0a95.entry.js.map +0 -1
- package/dist/core/p-a2d0ff57.entry.js.map +0 -1
- package/dist/core/p-ae3e2d60.entry.js.map +0 -1
- package/dist/core/p-ce78b591.entry.js +0 -2
- package/dist/core/p-ce78b591.entry.js.map +0 -1
- package/dist/core/p-da2b921e.entry.js +0 -2
- package/dist/core/p-da2b921e.entry.js.map +0 -1
- package/dist/core/p-eb1214ab.entry.js +0 -2
- package/dist/esm/form-95b9a91b.js.map +0 -1
- /package/dist/core/{p-e9c94ef7.entry.js.map → p-347b9f10.entry.js.map} +0 -0
package/dist/hydrate/index.js
CHANGED
|
@@ -11492,15 +11492,20 @@ class FormsPage extends HTMLElement {
|
|
|
11492
11492
|
<option value="i" selected>Value I</option>
|
|
11493
11493
|
</gov-form-multi-select>
|
|
11494
11494
|
<br>
|
|
11495
|
+
<gov-form-checkbox name="test-me-c" value="me" checked no-label></gov-form-checkbox>
|
|
11496
|
+
<gov-form-radio name="superRadio2" value="me1" no-label></gov-form-radio>
|
|
11497
|
+
<br>
|
|
11498
|
+
<gov-form-radio name="superRadio2" value="me2" checked no-label></gov-form-radio>
|
|
11499
|
+
<gov-form-switch name="test-me" value="me2" checked no-label></gov-form-switch>
|
|
11495
11500
|
<gov-form-checkbox name="test-me-c" value="me" checked>
|
|
11496
11501
|
<gov-form-label slot="label">Souhlasím</gov-form-label>
|
|
11497
11502
|
</gov-form-checkbox>
|
|
11498
|
-
<
|
|
11499
|
-
|
|
11503
|
+
<gov-form-radio name="superRadio" value="me1">
|
|
11504
|
+
<gov-form-label slot="label">Souhlasím</gov-form-label>
|
|
11505
|
+
</gov-form-radio>
|
|
11506
|
+
<gov-form-radio name="superRadio" value="me2" checked>
|
|
11500
11507
|
<gov-form-label slot="label">Souhlasím</gov-form-label>
|
|
11501
11508
|
</gov-form-radio>
|
|
11502
|
-
<br>
|
|
11503
|
-
// TODO: Nepropisuje se ID inputu do labelu
|
|
11504
11509
|
<gov-form-switch name="test-me" value="me2" checked>
|
|
11505
11510
|
<gov-form-label slot="label">Souhlasím</gov-form-label>
|
|
11506
11511
|
</gov-form-switch>
|
|
@@ -11519,7 +11524,7 @@ class FormsPage extends HTMLElement {
|
|
|
11519
11524
|
<gov-form-control size="m">
|
|
11520
11525
|
<gov-form-group>
|
|
11521
11526
|
<gov-form-search name="test-me-c" value="me" checked>
|
|
11522
|
-
<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"
|
|
11527
|
+
<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"></gov-form-input>
|
|
11523
11528
|
<gov-button slot="button" variant="primary" size="s">
|
|
11524
11529
|
<gov-icon slot="left-icon" name="search"></gov-icon>
|
|
11525
11530
|
</gov-button>
|
|
@@ -11530,7 +11535,7 @@ class FormsPage extends HTMLElement {
|
|
|
11530
11535
|
<gov-form-control size="l">
|
|
11531
11536
|
<gov-form-group>
|
|
11532
11537
|
<gov-form-search name="test-me-c" value="me" checked>
|
|
11533
|
-
<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"
|
|
11538
|
+
<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"></gov-form-input>
|
|
11534
11539
|
<gov-button slot="button" variant="primary" size="m">
|
|
11535
11540
|
Hledat
|
|
11536
11541
|
</gov-button>
|
|
@@ -11541,7 +11546,7 @@ class FormsPage extends HTMLElement {
|
|
|
11541
11546
|
<gov-form-control size="xl">
|
|
11542
11547
|
<gov-form-group>
|
|
11543
11548
|
<gov-form-search name="test-me-c" value="me" checked variant="secondary">
|
|
11544
|
-
<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"
|
|
11549
|
+
<gov-form-input slot="input" id="kapr" name="test-me" placeholder="Co hledáte"></gov-form-input>
|
|
11545
11550
|
<gov-button slot="button" variant="secondary" size="l">
|
|
11546
11551
|
Hledat
|
|
11547
11552
|
</gov-button>
|
|
@@ -11725,7 +11730,7 @@ class FormsPage extends HTMLElement {
|
|
|
11725
11730
|
<gov-form-control invalid="TRUE" type="input" id="metro2">
|
|
11726
11731
|
<gov-form-label size="s" slot="top">Label of textarea</gov-form-label>
|
|
11727
11732
|
<gov-form-group>
|
|
11728
|
-
<gov-form-input multiline rows="3" name="test-me" value="Value of textarea"></gov-form-input>
|
|
11733
|
+
<gov-form-input required multiline rows="3" name="test-me" value="Value of textarea"></gov-form-input>
|
|
11729
11734
|
</gov-form-group>
|
|
11730
11735
|
<gov-form-message slot="bottom" variant="error">
|
|
11731
11736
|
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
@@ -11756,7 +11761,7 @@ class FormsPage extends HTMLElement {
|
|
|
11756
11761
|
<br>
|
|
11757
11762
|
<gov-form-control size="xs">
|
|
11758
11763
|
<gov-form-group gap="2xs">
|
|
11759
|
-
<gov-form-checkbox name="test-me-c" value="me" checked>
|
|
11764
|
+
<gov-form-checkbox name="test-me-c" value="me" required checked>
|
|
11760
11765
|
<gov-form-label slot="label">Option 1</gov-form-label>
|
|
11761
11766
|
</gov-form-checkbox>
|
|
11762
11767
|
<gov-form-checkbox name="test-me-c" value="me" checked>
|
|
@@ -11865,17 +11870,7 @@ class FormsPage extends HTMLElement {
|
|
|
11865
11870
|
Required
|
|
11866
11871
|
</gov-form-message>
|
|
11867
11872
|
</gov-form-control>
|
|
11868
|
-
|
|
11869
|
-
<gov-form-group>
|
|
11870
|
-
<gov-form-checkbox name="test-me-c" value="me" checked>
|
|
11871
|
-
<gov-form-label slot="label">Souhlasím</gov-form-label>
|
|
11872
|
-
</gov-form-checkbox>
|
|
11873
|
-
</gov-form-group>
|
|
11874
|
-
<gov-form-message slot="bottom" variant="error">
|
|
11875
|
-
<gov-icon slot="icon" name="exclamation-triangle-fill"></gov-icon>
|
|
11876
|
-
Required
|
|
11877
|
-
</gov-form-message>
|
|
11878
|
-
</gov-form-control>
|
|
11873
|
+
|
|
11879
11874
|
<h3>
|
|
11880
11875
|
Disabled
|
|
11881
11876
|
</h3>
|
|
@@ -12318,7 +12313,6 @@ class FormsPage extends HTMLElement {
|
|
|
12318
12313
|
<gov-form-label size="s" slot="top">Label of input</gov-form-label>
|
|
12319
12314
|
<gov-form-group>
|
|
12320
12315
|
<gov-form-input id="kapr" name="test-me" placeholder="Placeholder">
|
|
12321
|
-
<gov-icon slot="right-icon" name="info"></gov-icon>
|
|
12322
12316
|
</gov-form-input>
|
|
12323
12317
|
</gov-form-group>
|
|
12324
12318
|
</gov-form-control>
|
|
@@ -12461,6 +12455,7 @@ class FormsPage extends HTMLElement {
|
|
|
12461
12455
|
</gov-form-switch>
|
|
12462
12456
|
</gov-form-group>
|
|
12463
12457
|
</gov-form-control>
|
|
12458
|
+
|
|
12464
12459
|
<gov-form-control size="l">
|
|
12465
12460
|
<gov-form-group>
|
|
12466
12461
|
<gov-form-switch name="test-me" value="me" checked>
|
|
@@ -14980,14 +14975,25 @@ class GovButton {
|
|
|
14980
14975
|
render() {
|
|
14981
14976
|
const Tag = this.href ? Tags$2.A : Tags$2.BUTTON;
|
|
14982
14977
|
const nativeType = Tag === Tags$2.A ? undefined : this.nativeType;
|
|
14983
|
-
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:
|
|
14978
|
+
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') && 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') && hAsync("gov-icon", { name: "loader", class: "gov-spin-animation" }))));
|
|
14984
14979
|
}
|
|
14985
14980
|
onClickHandler(e) {
|
|
14986
14981
|
e.stopPropagation();
|
|
14982
|
+
e.preventDefault();
|
|
14987
14983
|
if (this.disabled === false) {
|
|
14988
14984
|
this.govClick.emit(e);
|
|
14989
14985
|
}
|
|
14990
14986
|
}
|
|
14987
|
+
onFocusHandler(e) {
|
|
14988
|
+
e.stopPropagation();
|
|
14989
|
+
e.preventDefault();
|
|
14990
|
+
this.govFocus.emit(e);
|
|
14991
|
+
}
|
|
14992
|
+
onBlurHandler(e) {
|
|
14993
|
+
e.stopPropagation();
|
|
14994
|
+
e.preventDefault();
|
|
14995
|
+
this.govBlur.emit(e);
|
|
14996
|
+
}
|
|
14991
14997
|
/**
|
|
14992
14998
|
* Focus button element
|
|
14993
14999
|
*/
|
|
@@ -15392,6 +15398,7 @@ class GovFormAutocomplete {
|
|
|
15392
15398
|
this.doSearch();
|
|
15393
15399
|
}
|
|
15394
15400
|
e.stopPropagation();
|
|
15401
|
+
e.preventDefault();
|
|
15395
15402
|
this.govFocus.emit(e);
|
|
15396
15403
|
}
|
|
15397
15404
|
onBlurHandler(e) {
|
|
@@ -15399,11 +15406,13 @@ class GovFormAutocomplete {
|
|
|
15399
15406
|
setTimeout(() => (this.list = []), 200);
|
|
15400
15407
|
this.arrowCounter = -1;
|
|
15401
15408
|
e.stopPropagation();
|
|
15409
|
+
e.preventDefault();
|
|
15402
15410
|
this.govBlur.emit(e);
|
|
15403
15411
|
}
|
|
15404
15412
|
onInputHandler(e) {
|
|
15405
15413
|
this.value = e.target.value;
|
|
15406
15414
|
e.stopPropagation();
|
|
15415
|
+
e.preventDefault();
|
|
15407
15416
|
this.govInput.emit(e);
|
|
15408
15417
|
this.doSearch();
|
|
15409
15418
|
}
|
|
@@ -15426,6 +15435,7 @@ class GovFormAutocomplete {
|
|
|
15426
15435
|
onKeyUpHandler(e) {
|
|
15427
15436
|
const event = e.detail;
|
|
15428
15437
|
e.stopPropagation();
|
|
15438
|
+
e.preventDefault();
|
|
15429
15439
|
if (event.keyCode === 38)
|
|
15430
15440
|
this.onArrowUp();
|
|
15431
15441
|
else if (event.keyCode === 40)
|
|
@@ -15580,6 +15590,11 @@ const FormMessageClass = {
|
|
|
15580
15590
|
icon: 'gov-form-message__icon',
|
|
15581
15591
|
};
|
|
15582
15592
|
|
|
15593
|
+
const FormLabelClass = {
|
|
15594
|
+
root: 'gov-form-label',
|
|
15595
|
+
label: 'gov-form-label__label',
|
|
15596
|
+
};
|
|
15597
|
+
|
|
15583
15598
|
const govForm = (govHost) => {
|
|
15584
15599
|
return {
|
|
15585
15600
|
get govHost() {
|
|
@@ -15590,6 +15605,11 @@ const govForm = (govHost) => {
|
|
|
15590
15605
|
this.control.setAttribute(name, value);
|
|
15591
15606
|
}
|
|
15592
15607
|
},
|
|
15608
|
+
passAttrToLabel(name, value) {
|
|
15609
|
+
if (this.label) {
|
|
15610
|
+
this.label.setAttribute(name, value);
|
|
15611
|
+
}
|
|
15612
|
+
},
|
|
15593
15613
|
get hasGroupChildren() {
|
|
15594
15614
|
if (this.control) {
|
|
15595
15615
|
return this.control.querySelectorAll('gov-form-group > *').length > 1;
|
|
@@ -15602,6 +15622,12 @@ const govForm = (govHost) => {
|
|
|
15602
15622
|
}
|
|
15603
15623
|
return this.govHost.getParent(FormControlClass.root);
|
|
15604
15624
|
},
|
|
15625
|
+
get label() {
|
|
15626
|
+
if (this.control) {
|
|
15627
|
+
return this.control.querySelector(`.${FormLabelClass.root}`);
|
|
15628
|
+
}
|
|
15629
|
+
return null;
|
|
15630
|
+
},
|
|
15605
15631
|
get mainElementsInControl() {
|
|
15606
15632
|
const formElements = [
|
|
15607
15633
|
FormSelectClass.root,
|
|
@@ -15627,12 +15653,9 @@ const govForm = (govHost) => {
|
|
|
15627
15653
|
};
|
|
15628
15654
|
};
|
|
15629
15655
|
|
|
15630
|
-
|
|
15631
|
-
root: 'gov-form-label',
|
|
15632
|
-
label: 'gov-form-label__label',
|
|
15633
|
-
};
|
|
15656
|
+
var Fragment = (_, children) => [...children];
|
|
15634
15657
|
|
|
15635
|
-
const govFormCheckboxCss = ".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)}}.gov-form-checkbox{cursor:pointer}.gov-form-checkbox input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-checkbox input+span{position:relative;display:block}.gov-form-checkbox input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-checkbox .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-checkbox input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-checkbox .gov-form-label__label,[invalid=true i].gov-form-checkbox .gov-form-label__label,[invalid=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-checkbox input+span::before,[invalid=true i].gov-form-checkbox input+span::before,[invalid=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-checkbox,[disabled=true i].gov-form-checkbox,[disabled=\"1\"].gov-form-checkbox{pointer-events:none}[disabled=\"\"].gov-form-checkbox .gov-form-label__label,[disabled=true i].gov-form-checkbox .gov-form-label__label,[disabled=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-checkbox input+span::before,[disabled=true i].gov-form-checkbox input+span::before,[disabled=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-checkbox{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-checkbox{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);min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-checkbox{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);min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-checkbox{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-checkbox input+span::before{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-form-checkbox__check{position:absolute;color:var(--gov-form-checkbox-check-color, var(--gov-color-neutral-white));opacity:0;transition:150ms linear opacity}.gov-form-checkbox input:checked+span::before{background:var(--gov-form-checkbox-indicator-bg, var(--gov-color-primary))}input:checked+span .gov-form-checkbox__check{opacity:1}.gov-form-checkbox[invalid=\"\"] input:checked+span::before,.gov-form-checkbox[invalid=true i] input:checked+span::before,.gov-form-checkbox[invalid=\"1\"] input:checked+span::before{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-checkbox[disabled=\"\"] input:checked+span::before,.gov-form-checkbox[disabled=true i] input:checked+span::before,.gov-form-checkbox[disabled=\"1\"] input:checked+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-checkbox[size=xs] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-xs-check-size, 0.75rem);height:var(--gov-form-checkbox-core-xs-check-size, 0.75rem)}.gov-form-checkbox[size=s] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);width:var(--gov-form-checkbox-core-s-check-size, 0.825rem);height:var(--gov-form-checkbox-core-s-check-size, 0.825rem)}.gov-form-checkbox[size=m] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);width:var(--gov-form-checkbox-core-m-check-size, 0.9rem);height:var(--gov-form-checkbox-core-m-check-size, 0.9rem)}.gov-form-checkbox[size=l] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);width:var(--gov-form-checkbox-core-l-check-size, 1.2rem);height:var(--gov-form-checkbox-core-l-check-size, 1.2rem)}";
|
|
15658
|
+
const govFormCheckboxCss = ".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)}}.gov-form-checkbox{cursor:pointer}.gov-form-checkbox input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-checkbox input+span{position:relative;display:block}.gov-form-checkbox input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-checkbox .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-checkbox input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-checkbox .gov-form-label__label,[invalid=true i].gov-form-checkbox .gov-form-label__label,[invalid=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-checkbox input+span::before,[invalid=true i].gov-form-checkbox input+span::before,[invalid=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-checkbox,[disabled=true i].gov-form-checkbox,[disabled=\"1\"].gov-form-checkbox{pointer-events:none}[disabled=\"\"].gov-form-checkbox .gov-form-label__label,[disabled=true i].gov-form-checkbox .gov-form-label__label,[disabled=\"1\"].gov-form-checkbox .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-checkbox input+span::before,[disabled=true i].gov-form-checkbox input+span::before,[disabled=\"1\"].gov-form-checkbox input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-checkbox{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-checkbox{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);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-checkbox{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);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-checkbox{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-checkbox .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-checkbox input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-checkbox input+span::before{border-radius:var(--gov-border-radius, 0.1875rem)}.gov-form-checkbox__check{position:absolute;color:var(--gov-form-checkbox-check-color, var(--gov-color-neutral-white));opacity:0;transition:150ms linear opacity}.gov-form-checkbox input:checked+span::before{background:var(--gov-form-checkbox-indicator-bg, var(--gov-color-primary))}input:checked+span .gov-form-checkbox__check{opacity:1}.gov-form-checkbox[invalid=\"\"] input:checked+span::before,.gov-form-checkbox[invalid=true i] input:checked+span::before,.gov-form-checkbox[invalid=\"1\"] input:checked+span::before{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-checkbox[disabled=\"\"] input:checked+span::before,.gov-form-checkbox[disabled=true i] input:checked+span::before,.gov-form-checkbox[disabled=\"1\"] input:checked+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-checkbox[size=xs] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-check-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-xs-check-size, 0.75rem);height:var(--gov-form-checkbox-core-xs-check-size, 0.75rem)}.gov-form-checkbox[size=s] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-check-size, 0.825rem)) / 2);width:var(--gov-form-checkbox-core-s-check-size, 0.825rem);height:var(--gov-form-checkbox-core-s-check-size, 0.825rem)}.gov-form-checkbox[size=m] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-check-size, 0.9rem)) / 2);width:var(--gov-form-checkbox-core-m-check-size, 0.9rem);height:var(--gov-form-checkbox-core-m-check-size, 0.9rem)}.gov-form-checkbox[size=l] .gov-form-checkbox__check{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-check-size, 1.2rem)) / 2);width:var(--gov-form-checkbox-core-l-check-size, 1.2rem);height:var(--gov-form-checkbox-core-l-check-size, 1.2rem)}";
|
|
15636
15659
|
|
|
15637
15660
|
class GovFormCheckbox {
|
|
15638
15661
|
constructor(hostRef) {
|
|
@@ -15645,13 +15668,14 @@ class GovFormCheckbox {
|
|
|
15645
15668
|
this.required = false;
|
|
15646
15669
|
this.disabled = undefined;
|
|
15647
15670
|
this.name = undefined;
|
|
15648
|
-
this.size =
|
|
15671
|
+
this.size = "m";
|
|
15649
15672
|
this.identifier = undefined;
|
|
15673
|
+
this.noLabel = false;
|
|
15650
15674
|
this.invalid = undefined;
|
|
15651
15675
|
this.wcagDescribedBy = undefined;
|
|
15652
15676
|
this.wcagLabelledBy = undefined;
|
|
15653
15677
|
this.isChecked = undefined;
|
|
15654
|
-
this.checkboxId = createID(
|
|
15678
|
+
this.checkboxId = createID("GovCheckbox");
|
|
15655
15679
|
this.h = govHost(this.host);
|
|
15656
15680
|
this.f = govForm(this.h);
|
|
15657
15681
|
}
|
|
@@ -15667,10 +15691,11 @@ class GovFormCheckbox {
|
|
|
15667
15691
|
}
|
|
15668
15692
|
componentWillLoad() {
|
|
15669
15693
|
this.isChecked = this.checked;
|
|
15670
|
-
this.f.passAttrToControl(
|
|
15671
|
-
this.h.passChildAttr(FormLabelClass.root, 'identifier', this.identifier || this.checkboxId);
|
|
15694
|
+
this.f.passAttrToControl("type", "checkbox");
|
|
15672
15695
|
}
|
|
15673
15696
|
async componentDidRender() {
|
|
15697
|
+
this.f.passAttrToLabel('identifier', this.identifier || this.checkboxId);
|
|
15698
|
+
this.f.passAttrToLabel('required', String(this.required));
|
|
15674
15699
|
if (canValidateWcagOnRender()) {
|
|
15675
15700
|
await delay(500);
|
|
15676
15701
|
await this.validateWcag();
|
|
@@ -15678,17 +15703,31 @@ class GovFormCheckbox {
|
|
|
15678
15703
|
}
|
|
15679
15704
|
render() {
|
|
15680
15705
|
const { isChecked } = this;
|
|
15681
|
-
|
|
15706
|
+
const wrapCheckbox = (children) => {
|
|
15707
|
+
if (this.noLabel) {
|
|
15708
|
+
return (hAsync("label", null, children));
|
|
15709
|
+
}
|
|
15710
|
+
return children;
|
|
15711
|
+
};
|
|
15712
|
+
return (hAsync(Host, { class: FormCheckboxClass.root, "is-checked": isChecked, 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.isChecked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, "aria-checked": toBoolAttr(this.isChecked), "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" }))))));
|
|
15682
15713
|
}
|
|
15683
15714
|
onFocusHandler(e) {
|
|
15715
|
+
e.stopPropagation();
|
|
15716
|
+
e.preventDefault();
|
|
15684
15717
|
this.govFocus.emit(e);
|
|
15685
15718
|
}
|
|
15686
15719
|
onBlurHandler(e) {
|
|
15720
|
+
e.stopPropagation();
|
|
15721
|
+
e.preventDefault();
|
|
15687
15722
|
this.govBlur.emit(e);
|
|
15688
15723
|
}
|
|
15724
|
+
onClickHandler(e) {
|
|
15725
|
+
e.stopPropagation();
|
|
15726
|
+
}
|
|
15689
15727
|
onChangeHandler(e) {
|
|
15690
15728
|
this.isChecked = e.target.checked;
|
|
15691
15729
|
e.stopPropagation();
|
|
15730
|
+
e.preventDefault();
|
|
15692
15731
|
this.govChange.emit({
|
|
15693
15732
|
checked: this.isChecked,
|
|
15694
15733
|
value: this.value,
|
|
@@ -15698,8 +15737,8 @@ class GovFormCheckbox {
|
|
|
15698
15737
|
* Validate the WCAG attributes of the component
|
|
15699
15738
|
*/
|
|
15700
15739
|
async validateWcag() {
|
|
15701
|
-
validateWcagRef(this.wcagDescribedBy,
|
|
15702
|
-
validateWcagRef(this.wcagLabelledBy,
|
|
15740
|
+
validateWcagRef(this.wcagDescribedBy, "wcag-described-by", FormCheckboxClass.root);
|
|
15741
|
+
validateWcagRef(this.wcagLabelledBy, "wcag-labelled-by", FormCheckboxClass.root);
|
|
15703
15742
|
validateWcagLabelFor(this.identifier || this.checkboxId, this.wcagLabelledBy, FormCheckboxClass.root);
|
|
15704
15743
|
}
|
|
15705
15744
|
get host() { return getElement(this); }
|
|
@@ -15719,6 +15758,7 @@ class GovFormCheckbox {
|
|
|
15719
15758
|
"name": [1],
|
|
15720
15759
|
"size": [1],
|
|
15721
15760
|
"identifier": [1],
|
|
15761
|
+
"noLabel": [4, "no-label"],
|
|
15722
15762
|
"invalid": [4],
|
|
15723
15763
|
"wcagDescribedBy": [1, "wcag-described-by"],
|
|
15724
15764
|
"wcagLabelledBy": [1, "wcag-labelled-by"],
|
|
@@ -15947,6 +15987,7 @@ class GovFormFile {
|
|
|
15947
15987
|
}
|
|
15948
15988
|
componentWillLoad() {
|
|
15949
15989
|
this.f.passAttrToControl('type', 'File');
|
|
15990
|
+
this.f.passAttrToLabel('required', String(this.required));
|
|
15950
15991
|
}
|
|
15951
15992
|
async componentDidRender() {
|
|
15952
15993
|
if (canValidateWcagOnRender()) {
|
|
@@ -15956,7 +15997,7 @@ class GovFormFile {
|
|
|
15956
15997
|
this.registerListeners();
|
|
15957
15998
|
}
|
|
15958
15999
|
render() {
|
|
15959
|
-
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, 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));
|
|
16000
|
+
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));
|
|
15960
16001
|
}
|
|
15961
16002
|
onRemoveFileHandler(file) {
|
|
15962
16003
|
const index = this.files.findIndex(item => item.id === file.id);
|
|
@@ -15970,13 +16011,19 @@ class GovFormFile {
|
|
|
15970
16011
|
}
|
|
15971
16012
|
}
|
|
15972
16013
|
onFocusHandler(e) {
|
|
16014
|
+
e.stopPropagation();
|
|
15973
16015
|
e.preventDefault();
|
|
15974
16016
|
this.govFocus.emit(e);
|
|
15975
16017
|
}
|
|
15976
16018
|
onBlurHandler(e) {
|
|
16019
|
+
e.stopPropagation();
|
|
15977
16020
|
e.preventDefault();
|
|
15978
16021
|
this.govBlur.emit(e);
|
|
15979
16022
|
}
|
|
16023
|
+
onChangeHandler(e) {
|
|
16024
|
+
e.stopPropagation();
|
|
16025
|
+
e.preventDefault();
|
|
16026
|
+
}
|
|
15980
16027
|
/**
|
|
15981
16028
|
* Validate the WCAG attributes of the component
|
|
15982
16029
|
*/
|
|
@@ -16016,6 +16063,7 @@ class GovFormFile {
|
|
|
16016
16063
|
}; }
|
|
16017
16064
|
}
|
|
16018
16065
|
|
|
16066
|
+
const FormGroupSizes = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L']);
|
|
16019
16067
|
const FormGroupClass = {
|
|
16020
16068
|
root: 'gov-form-group',
|
|
16021
16069
|
};
|
|
@@ -16025,15 +16073,29 @@ const govFormGroupCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{
|
|
|
16025
16073
|
class GovFormGroup {
|
|
16026
16074
|
constructor(hostRef) {
|
|
16027
16075
|
registerInstance(this, hostRef);
|
|
16076
|
+
this.gap = undefined;
|
|
16077
|
+
this.h = govHost(this.host);
|
|
16078
|
+
}
|
|
16079
|
+
validateGap(newValue) {
|
|
16080
|
+
validateProp(FormGroupSizes, newValue, FormGroupClass.root);
|
|
16081
|
+
}
|
|
16082
|
+
componentWillLoad() {
|
|
16083
|
+
this.validateGap(this.gap);
|
|
16028
16084
|
}
|
|
16029
16085
|
render() {
|
|
16030
|
-
return (hAsync(Host, { class: FormGroupClass.root }, hAsync("slot", null)));
|
|
16086
|
+
return (hAsync(Host, { gap: this.gap, class: this.h.classes(FormGroupClass.root) }, hAsync("slot", null)));
|
|
16031
16087
|
}
|
|
16088
|
+
get host() { return getElement(this); }
|
|
16089
|
+
static get watchers() { return {
|
|
16090
|
+
"gap": ["validateGap"]
|
|
16091
|
+
}; }
|
|
16032
16092
|
static get style() { return govFormGroupCss; }
|
|
16033
16093
|
static get cmpMeta() { return {
|
|
16034
16094
|
"$flags$": 4,
|
|
16035
16095
|
"$tagName$": "gov-form-group",
|
|
16036
|
-
"$members$":
|
|
16096
|
+
"$members$": {
|
|
16097
|
+
"gap": [1]
|
|
16098
|
+
},
|
|
16037
16099
|
"$listeners$": undefined,
|
|
16038
16100
|
"$lazyBundleId$": "-",
|
|
16039
16101
|
"$attrsToReflect$": []
|
|
@@ -16095,6 +16157,7 @@ class GovFormInput {
|
|
|
16095
16157
|
this.validateVariant(this.variant);
|
|
16096
16158
|
this.validateSize(this.size);
|
|
16097
16159
|
this.f.passAttrToControl('type', this.multiline ? Tags$1.TEXTAREA : Tags$1.INPUT);
|
|
16160
|
+
this.f.passAttrToLabel('required', String(this.required));
|
|
16098
16161
|
}
|
|
16099
16162
|
async componentDidRender() {
|
|
16100
16163
|
if (canValidateWcagOnRender()) {
|
|
@@ -16107,20 +16170,26 @@ class GovFormInput {
|
|
|
16107
16170
|
return (hAsync(Host, { class: FormInputClass.root, size: this.size, variant: this.variant, type: this.type }, this.h.hasSlot('prefix') && hAsync("slot", { name: "prefix" }), hAsync("span", { class: "element" }, this.h.hasSlot('left-icon') && hAsync("slot", { name: "left-icon" }), this.h.hasSlot('right-icon') && !(this.success || this.invalid) && hAsync("slot", { name: "right-icon" }), this.success && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "check-lg" }), this.invalid && !this.multiline && hAsync("gov-icon", { slot: "right-icon", class: "icon-validation", name: "exclamation-lg" }), hAsync(Tag, { type: this.inputType, disabled: this.disabled, id: this.identifier || this.inputId, name: this.name, onFocus: this.onFocusHandler.bind(this), onInput: this.onInputHandler.bind(this), onBlur: this.onBlurHandler.bind(this), onKeyUp: this.onKeyUpHandler.bind(this), ref: el => (this.inputRef = el), placeholder: this.placeholder, value: this.value, readonly: toBoolAttrIfDefined(this.readonly), autocomplete: toOnOffAttrIfDefined(this.autocomplete), autocorrect: toOnOffAttrIfDefined(this.autocorrect), minlength: this.minlength, maxlength: this.maxlength, required: this.required, rows: this.rows, cols: this.cols, role: this.role, "aria-required": toBoolAttrIfDefined(this.required), "aria-invalid": toBoolAttrIfDefined(this.invalid), "aria-disabled": toBoolAttrIfDefined(this.disabled), "aria-describedby": this.wcagDescribedBy, "aria-labelledby": this.wcagLabelledBy, "aria-owns": this.wcagOwns, "aria-expanded": toBoolAttrIfDefined(this.wcagExpanded), "aria-autocomplete": this.wcagAutocomplete })), this.h.hasSlot('sufix') && hAsync("slot", { name: "sufix" })));
|
|
16108
16171
|
}
|
|
16109
16172
|
onFocusHandler(e) {
|
|
16173
|
+
e.stopPropagation();
|
|
16174
|
+
e.preventDefault();
|
|
16110
16175
|
this.focused = true;
|
|
16111
16176
|
this.govFocus.emit(e);
|
|
16112
16177
|
}
|
|
16113
16178
|
onBlurHandler(e) {
|
|
16179
|
+
e.stopPropagation();
|
|
16180
|
+
e.preventDefault();
|
|
16114
16181
|
this.focused = false;
|
|
16115
16182
|
this.govBlur.emit(e);
|
|
16116
16183
|
}
|
|
16117
16184
|
onKeyUpHandler(e) {
|
|
16118
16185
|
e.stopPropagation();
|
|
16186
|
+
e.preventDefault();
|
|
16119
16187
|
this.govKeyUp.emit(e);
|
|
16120
16188
|
}
|
|
16121
16189
|
onInputHandler(e) {
|
|
16122
16190
|
this.value = e.target.value;
|
|
16123
16191
|
e.stopPropagation();
|
|
16192
|
+
e.preventDefault();
|
|
16124
16193
|
this.govInput.emit(e);
|
|
16125
16194
|
}
|
|
16126
16195
|
/**
|
|
@@ -16213,11 +16282,12 @@ class GovFormLabel {
|
|
|
16213
16282
|
registerInstance(this, hostRef);
|
|
16214
16283
|
this.govClick = createEvent(this, "gov-click", 7);
|
|
16215
16284
|
this.identifier = undefined;
|
|
16285
|
+
this.required = false;
|
|
16216
16286
|
this.legend = false;
|
|
16217
16287
|
}
|
|
16218
16288
|
render() {
|
|
16219
16289
|
const Tag = this.legend ? 'legend' : 'label';
|
|
16220
|
-
return (hAsync(Host, { class: FormLabelClass.root }, hAsync(Tag, { class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", null))));
|
|
16290
|
+
return (hAsync(Host, { class: FormLabelClass.root }, hAsync(Tag, { class: FormLabelClass.label, htmlFor: this.identifier, onClick: () => this.govClick.emit() }, hAsync("slot", null), this.required ? (hAsync("span", { class: "gov-color--danger-500" }, "*")) : null)));
|
|
16221
16291
|
}
|
|
16222
16292
|
static get style() { return govFormLabelCss; }
|
|
16223
16293
|
static get cmpMeta() { return {
|
|
@@ -16225,6 +16295,7 @@ class GovFormLabel {
|
|
|
16225
16295
|
"$tagName$": "gov-form-label",
|
|
16226
16296
|
"$members$": {
|
|
16227
16297
|
"identifier": [1],
|
|
16298
|
+
"required": [4],
|
|
16228
16299
|
"legend": [4]
|
|
16229
16300
|
},
|
|
16230
16301
|
"$listeners$": undefined,
|
|
@@ -16388,18 +16459,26 @@ class GovFormMultiSelect {
|
|
|
16388
16459
|
}))));
|
|
16389
16460
|
}
|
|
16390
16461
|
onFocusHandler(e) {
|
|
16462
|
+
e.stopPropagation();
|
|
16463
|
+
e.preventDefault();
|
|
16391
16464
|
this.focused = true;
|
|
16392
16465
|
this.govFocus.emit(e);
|
|
16393
16466
|
}
|
|
16394
16467
|
onBlurHandler(e) {
|
|
16468
|
+
e.stopPropagation();
|
|
16469
|
+
e.stopPropagation();
|
|
16470
|
+
e.preventDefault();
|
|
16395
16471
|
this.focused = false;
|
|
16396
16472
|
this.govBlur.emit(e);
|
|
16397
16473
|
}
|
|
16398
16474
|
onInputHandler(e) {
|
|
16399
16475
|
this.value = e.target.value;
|
|
16400
16476
|
e.stopPropagation();
|
|
16477
|
+
e.preventDefault();
|
|
16401
16478
|
}
|
|
16402
16479
|
onSelectHandler(e) {
|
|
16480
|
+
e.stopPropagation();
|
|
16481
|
+
e.preventDefault();
|
|
16403
16482
|
const value = e.detail;
|
|
16404
16483
|
this.selectOption(value);
|
|
16405
16484
|
this.value = '';
|
|
@@ -16501,7 +16580,7 @@ class GovFormPasswordPower {
|
|
|
16501
16580
|
}; }
|
|
16502
16581
|
}
|
|
16503
16582
|
|
|
16504
|
-
const govFormRadioCss = ".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)}}.gov-form-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block}.gov-form-radio input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-radio,[disabled=true i].gov-form-radio,[disabled=\"1\"].gov-form-radio{pointer-events:none}[disabled=\"\"].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{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);min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{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);min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:\"\";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=\"\"] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid=\"1\"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=\"\"] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled=\"1\"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}";
|
|
16583
|
+
const govFormRadioCss = ".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)}}.gov-form-radio{cursor:pointer}.gov-form-radio input{position:absolute;top:0;left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-radio input+span{position:relative;display:block}.gov-form-radio input+span::before{content:\"\";position:absolute;display:block;top:0;left:0;border:var(--gov-form-checkbox-border-size, 0.125rem solid var(--gov-color-primary));transition:150ms linear border-color, 150ms linear background-color, 150ms linear outline-color}.gov-form-radio .gov-form-label__label{position:relative;z-index:1;width:100%}.gov-form-radio input:focus-visible+span::before{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}[invalid=\"\"].gov-form-radio .gov-form-label__label,[invalid=true i].gov-form-radio .gov-form-label__label,[invalid=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=\"\"].gov-form-radio input+span::before,[invalid=true i].gov-form-radio input+span::before,[invalid=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}[disabled=\"\"].gov-form-radio,[disabled=true i].gov-form-radio,[disabled=\"1\"].gov-form-radio{pointer-events:none}[disabled=\"\"].gov-form-radio .gov-form-label__label,[disabled=true i].gov-form-radio .gov-form-label__label,[disabled=\"1\"].gov-form-radio .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=\"\"].gov-form-radio input+span::before,[disabled=true i].gov-form-radio input+span::before,[disabled=\"1\"].gov-form-radio input+span::before{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}[size=xs].gov-form-radio{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);min-height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=xs].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) + var(--gov-form-checkbox-core-xs-gap, 0.75rem))}[size=xs].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem);height:var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem)}[size=s].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);min-height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=s].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) + var(--gov-form-checkbox-core-s-gap, 0.75rem))}[size=s].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem);height:var(--gov-form-checkbox-core-s-indicator-size, 1.375rem)}[size=m].gov-form-radio{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);display:block;min-width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);min-height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=m].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) + var(--gov-form-checkbox-core-m-gap, 1rem))}[size=m].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem);height:var(--gov-form-checkbox-core-m-indicator-size, 1.5rem)}[size=l].gov-form-radio{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);display:block;min-width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);min-height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}[size=l].gov-form-radio .gov-form-label__label{padding-top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-checkbox-core-l-indicator-size, 2rem) + var(--gov-form-checkbox-core-l-gap, 1rem))}[size=l].gov-form-radio input+span::before{width:var(--gov-form-checkbox-core-l-indicator-size, 2rem);height:var(--gov-form-checkbox-core-l-indicator-size, 2rem)}.gov-form-radio input+span::before{border-radius:50%}.gov-form-radio input+span::after{content:\"\";position:absolute;display:block;border-radius:50%;background:var(--gov-form-radio-indicator-bg, var(--gov-color-primary));opacity:0;transition:150ms linear opacity}.gov-form-radio input:checked+span::after{opacity:1}.gov-form-radio[invalid=\"\"] input+span::after,.gov-form-radio[invalid=true i] input+span::after,.gov-form-radio[invalid=\"1\"] input+span::after{background:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-radio[disabled=\"\"] input:checked+span::after,.gov-form-radio[disabled=true i] input:checked+span::after,.gov-form-radio[disabled=\"1\"] input:checked+span::after{background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-radio[size=xs] input+span::after{top:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);left:calc((var(--gov-form-checkbox-core-xs-indicator-size, 1.25rem) - var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)) / 2);width:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem);height:var(--gov-form-checkbox-core-xs-dot-size, 0.625rem)}.gov-form-radio[size=s] input+span::after{top:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);left:calc((var(--gov-form-checkbox-core-s-indicator-size, 1.375rem) - var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)) / 2);width:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem);height:var(--gov-form-checkbox-core-s-dot-size, 0.6875rem)}.gov-form-radio[size=m] input+span::after{top:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);left:calc((var(--gov-form-checkbox-core-m-indicator-size, 1.5rem) - var(--gov-form-checkbox-core-m-dot-size, 0.75rem)) / 2);width:var(--gov-form-checkbox-core-m-dot-size, 0.75rem);height:var(--gov-form-checkbox-core-m-dot-size, 0.75rem)}.gov-form-radio[size=l] input+span::after{top:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);left:calc((var(--gov-form-checkbox-core-l-indicator-size, 2rem) - var(--gov-form-checkbox-core-l-dot-size, 1rem)) / 2);width:var(--gov-form-checkbox-core-l-dot-size, 1rem);height:var(--gov-form-checkbox-core-l-dot-size, 1rem)}";
|
|
16505
16584
|
|
|
16506
16585
|
class GovFormRadio {
|
|
16507
16586
|
constructor(hostRef) {
|
|
@@ -16510,6 +16589,7 @@ class GovFormRadio {
|
|
|
16510
16589
|
this.govBlur = createEvent(this, "gov-blur", 7);
|
|
16511
16590
|
this.govChange = createEvent(this, "gov-change", 7);
|
|
16512
16591
|
this.value = undefined;
|
|
16592
|
+
this.noLabel = false;
|
|
16513
16593
|
this.checked = false;
|
|
16514
16594
|
this.required = false;
|
|
16515
16595
|
this.disabled = undefined;
|
|
@@ -16537,9 +16617,10 @@ class GovFormRadio {
|
|
|
16537
16617
|
componentWillLoad() {
|
|
16538
16618
|
this.isChecked = this.checked;
|
|
16539
16619
|
this.f.passAttrToControl('type', 'radio');
|
|
16540
|
-
this.h.passChildAttr(FormLabelClass.root, 'identifier', this.identifier || this.radioId);
|
|
16541
16620
|
}
|
|
16542
16621
|
async componentDidRender() {
|
|
16622
|
+
this.f.passAttrToLabel('identifier', this.identifier || this.radioId);
|
|
16623
|
+
this.f.passAttrToLabel('required', String(this.required));
|
|
16543
16624
|
if (canValidateWcagOnRender()) {
|
|
16544
16625
|
await delay(500);
|
|
16545
16626
|
await this.validateWcag();
|
|
@@ -16547,17 +16628,31 @@ class GovFormRadio {
|
|
|
16547
16628
|
}
|
|
16548
16629
|
render() {
|
|
16549
16630
|
const { isChecked } = this;
|
|
16550
|
-
|
|
16631
|
+
const wrapCheckbox = (children) => {
|
|
16632
|
+
if (this.noLabel) {
|
|
16633
|
+
return (hAsync("label", null, children));
|
|
16634
|
+
}
|
|
16635
|
+
return children;
|
|
16636
|
+
};
|
|
16637
|
+
return (hAsync(Host, { class: FormRadioClass.root, "is-checked": isChecked, 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.isChecked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, "aria-checked": this.isChecked, "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" })))))));
|
|
16638
|
+
}
|
|
16639
|
+
onClickHandler(e) {
|
|
16640
|
+
e.stopPropagation();
|
|
16551
16641
|
}
|
|
16552
16642
|
onFocusHandler(e) {
|
|
16643
|
+
e.stopPropagation();
|
|
16644
|
+
e.preventDefault();
|
|
16553
16645
|
this.govFocus.emit(e);
|
|
16554
16646
|
}
|
|
16555
16647
|
onBlurHandler(e) {
|
|
16648
|
+
e.stopPropagation();
|
|
16649
|
+
e.preventDefault();
|
|
16556
16650
|
this.govBlur.emit(e);
|
|
16557
16651
|
}
|
|
16558
16652
|
onChangeHandler(e) {
|
|
16559
16653
|
this.isChecked = e.target.checked;
|
|
16560
16654
|
e.stopPropagation();
|
|
16655
|
+
e.preventDefault();
|
|
16561
16656
|
this.govChange.emit({
|
|
16562
16657
|
checked: this.isChecked,
|
|
16563
16658
|
value: this.value,
|
|
@@ -16582,6 +16677,7 @@ class GovFormRadio {
|
|
|
16582
16677
|
"$tagName$": "gov-form-radio",
|
|
16583
16678
|
"$members$": {
|
|
16584
16679
|
"value": [1],
|
|
16680
|
+
"noLabel": [4, "no-label"],
|
|
16585
16681
|
"checked": [516],
|
|
16586
16682
|
"required": [4],
|
|
16587
16683
|
"disabled": [4],
|
|
@@ -16606,7 +16702,7 @@ const FormSearchClass = {
|
|
|
16606
16702
|
button: 'gov-form-search__button',
|
|
16607
16703
|
};
|
|
16608
16704
|
|
|
16609
|
-
const govFormSearchCss = ".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)}}.gov-form-search{position:relative;display:flex;width:100%;gap:0.5rem;align-items:center;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white))}.gov-form-search:focus{outline:none}.gov-form-search: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}.gov-form-search:focus-within{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search__input{flex:1 1 auto}.gov-form-search__input input{height:auto}.gov-form-search__button{flex:0 0 auto;margin:0.1875rem 0.1875rem 0.1875rem 0}";
|
|
16705
|
+
const govFormSearchCss = ".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)}}.gov-form-search{position:relative;display:flex;width:100%;gap:0.5rem;align-items:center;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white))}.gov-form-search:focus{outline:none}.gov-form-search: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}.gov-form-search:focus-within{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-search__input{flex:1 1 auto}.gov-form-search__input input{height:auto;border-width:0}.gov-form-search__input input:focus{outline:none}.gov-form-search__button{flex:0 0 auto;margin:0.1875rem 0.1875rem 0.1875rem 0}";
|
|
16610
16706
|
|
|
16611
16707
|
class GovFormSearch {
|
|
16612
16708
|
constructor(hostRef) {
|
|
@@ -16668,6 +16764,7 @@ class GovFormSelect {
|
|
|
16668
16764
|
}
|
|
16669
16765
|
});
|
|
16670
16766
|
this.f.passAttrToControl('type', 'select');
|
|
16767
|
+
this.f.passAttrToLabel('required', String(this.required));
|
|
16671
16768
|
}
|
|
16672
16769
|
async componentDidRender() {
|
|
16673
16770
|
if (canValidateWcagOnRender()) {
|
|
@@ -16754,7 +16851,7 @@ class GovFormSelect {
|
|
|
16754
16851
|
}; }
|
|
16755
16852
|
}
|
|
16756
16853
|
|
|
16757
|
-
const govFormSwitchCss = ".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)}}.gov-form-switch{position:relative;display:flex}.gov-form-switch__holder{display:inline-flex}.gov-form-switch__input{position:absolute;top:0;left:0;z-index:1;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-switch .gov-form-label__label{position:relative;z-index:1;margin-bottom:0;color:var(--gov-form-switch-color, var(--gov-color-secondary-800))}.gov-form-switch__indicator{position:relative;flex:0 0 auto;border:var(--gov-form-switch-indicator-border, 0.0625rem solid var(--gov-color-secondary-500));background-color:var(--gov-form-switch-indicator-bg, var(--gov-color-secondary-300));transition:150ms linear background-color}.gov-form-switch__indicator::before{content:\"\";position:absolute;display:block;border-radius:50%;background-color:var(--gov-form-switch-indicator-circle-bg, var(--gov-color-neutral-white));transition:150ms linear left;box-shadow:var(--gov-form-switch-indicator-circle-box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35))}.gov-form-switch__input:focus-visible~.gov-form-switch__indicator{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary))}.gov-form-switch[disabled=\"\"],.gov-form-switch[disabled=true i],.gov-form-switch[disabled=\"1\"]{pointer-events:none}.gov-form-switch[disabled=\"\"] .gov-form-label__label,.gov-form-switch[disabled=true i] .gov-form-label__label,.gov-form-switch[disabled=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}.gov-form-switch[disabled=\"\"] .gov-form-switch__indicator::before,.gov-form-switch[disabled=true i] .gov-form-switch__indicator::before,.gov-form-switch[disabled=\"1\"] .gov-form-switch__indicator::before{background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300))}.gov-form-switch[disabled=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-switch[invalid=\"\"] .gov-form-label__label,.gov-form-switch[invalid=true i] .gov-form-label__label,.gov-form-switch[invalid=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__indicator{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{background-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[size=xs] .gov-form-label__label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:0;margin-left:calc((var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 + var(--gov-form-switch-xs-gap, 0.75rem)) * -1);padding-top:calc((var(--gov-form-switch-xs-indicator-height, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 + var(--gov-form-switch-xs-gap, 0.75rem))}.gov-form-switch[size=xs] .gov-form-switch__holder{gap:var(--gov-form-switch-xs-gap, 0.75rem)}.gov-form-switch[size=xs] .gov-form-switch__indicator{width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 0.5)}.gov-form-switch[size=xs] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);left:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem));height:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem))}.gov-form-switch[size=xs] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 - var(--gov-form-switch-xs-indicator-height, 1.25rem) + var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem)}.gov-form-switch[size=s] .gov-form-label__label{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);margin-bottom:0;margin-left:calc((var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 + var(--gov-form-switch-s-gap, 0.75rem)) * -1);padding-top:calc((var(--gov-form-switch-s-indicator-height, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 + var(--gov-form-switch-s-gap, 0.75rem))}.gov-form-switch[size=s] .gov-form-switch__holder{gap:var(--gov-form-switch-s-gap, 0.75rem)}.gov-form-switch[size=s] .gov-form-switch__indicator{width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 0.5)}.gov-form-switch[size=s] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);left:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem));height:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem))}.gov-form-switch[size=s] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 - var(--gov-form-switch-s-indicator-height, 1.375rem) + var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem)}.gov-form-switch[size=m] .gov-form-label__label{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);margin-bottom:0;margin-left:calc((var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 + var(--gov-form-switch-m-gap, 1rem)) * -1);padding-top:calc((var(--gov-form-switch-m-indicator-height, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 + var(--gov-form-switch-m-gap, 1rem))}.gov-form-switch[size=m] .gov-form-switch__holder{gap:var(--gov-form-switch-m-gap, 1rem)}.gov-form-switch[size=m] .gov-form-switch__indicator{width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 0.5)}.gov-form-switch[size=m] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);left:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem));height:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem))}.gov-form-switch[size=m] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 - var(--gov-form-switch-m-indicator-height, 1.5rem) + var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem)}.gov-form-switch[size=l] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:0;margin-left:calc((var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 + var(--gov-form-switch-l-gap, 1rem)) * -1);padding-top:calc((var(--gov-form-switch-l-indicator-height, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 + var(--gov-form-switch-l-gap, 1rem))}.gov-form-switch[size=l] .gov-form-switch__holder{gap:var(--gov-form-switch-l-gap, 1rem)}.gov-form-switch[size=l] .gov-form-switch__indicator{width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 0.5)}.gov-form-switch[size=l] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);left:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);width:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem));height:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem))}.gov-form-switch[size=l] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 - var(--gov-form-switch-l-indicator-height, 2rem) + var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem)}";
|
|
16854
|
+
const govFormSwitchCss = ".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)}}.gov-form-switch{position:relative;display:flex}.gov-form-switch__holder{display:inline-flex}.gov-form-switch__input{position:absolute;top:0;left:0;z-index:1;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gov-form-switch .gov-form-label__label{position:relative;z-index:1;margin-bottom:0;color:var(--gov-form-switch-color, var(--gov-color-secondary-800))}.gov-form-switch__indicator{position:relative;flex:0 0 auto;border:var(--gov-form-switch-indicator-border, 0.0625rem solid var(--gov-color-secondary-500));background-color:var(--gov-form-switch-indicator-bg, var(--gov-color-secondary-300));transition:150ms linear background-color}.gov-form-switch__indicator::before{content:\"\";position:absolute;display:block;border-radius:50%;background-color:var(--gov-form-switch-indicator-circle-bg, var(--gov-color-neutral-white));transition:150ms linear left;box-shadow:var(--gov-form-switch-indicator-circle-box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.35))}.gov-form-switch__input:focus-visible~.gov-form-switch__indicator{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary));background-color:var(--gov-form-switch-indicator-bg-checked, var(--gov-color-primary))}.gov-form-switch[disabled=\"\"],.gov-form-switch[disabled=true i],.gov-form-switch[disabled=\"1\"]{pointer-events:none}.gov-form-switch[disabled=\"\"] .gov-form-label__label,.gov-form-switch[disabled=true i] .gov-form-label__label,.gov-form-switch[disabled=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}.gov-form-switch[disabled=\"\"] .gov-form-switch__indicator::before,.gov-form-switch[disabled=true i] .gov-form-switch__indicator::before,.gov-form-switch[disabled=\"1\"] .gov-form-switch__indicator::before{background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300))}.gov-form-switch[disabled=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[disabled=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{border-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400));background-color:var(--gov-form-input-disabled-bg, var(--gov-color-primary-400))}.gov-form-switch[invalid=\"\"] .gov-form-label__label,.gov-form-switch[invalid=true i] .gov-form-label__label,.gov-form-switch[invalid=\"1\"] .gov-form-label__label{color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__indicator{border-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[invalid=\"\"] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=true i] .gov-form-switch__input:checked+.gov-form-switch__indicator,.gov-form-switch[invalid=\"1\"] .gov-form-switch__input:checked+.gov-form-switch__indicator{background-color:var(--gov-form-state-color-error, var(--gov-color-error))}.gov-form-switch[size=xs] .gov-form-label__label{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:0;margin-left:calc((var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 + var(--gov-form-switch-xs-gap, 0.75rem)) * -1);padding-top:calc((var(--gov-form-switch-xs-indicator-height, 1.25rem) - var(--gov-text-xs-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 + var(--gov-form-switch-xs-gap, 0.75rem))}.gov-form-switch[size=xs] .gov-form-switch__holder{gap:var(--gov-form-switch-xs-gap, 0.75rem)}.gov-form-switch[size=xs] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667);height:var(--gov-form-switch-xs-indicator-height, 1.25rem);border-radius:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 0.5)}.gov-form-switch[size=xs] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);left:calc(var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem);width:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem));height:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) - 2 * var(--gov-form-switch-xs-toggle-offset, 0.051875rem))}.gov-form-switch[size=xs] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-xs-indicator-height, 1.25rem) * 1.6666666667 - var(--gov-form-switch-xs-indicator-height, 1.25rem) + var(--gov-form-switch-xs-toggle-offset, 0.051875rem) - 0.0625rem)}.gov-form-switch[size=s] .gov-form-label__label{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);margin-bottom:0;margin-left:calc((var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 + var(--gov-form-switch-s-gap, 0.75rem)) * -1);padding-top:calc((var(--gov-form-switch-s-indicator-height, 1.375rem) - var(--gov-text-s-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 + var(--gov-form-switch-s-gap, 0.75rem))}.gov-form-switch[size=s] .gov-form-switch__holder{gap:var(--gov-form-switch-s-gap, 0.75rem)}.gov-form-switch[size=s] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667);height:var(--gov-form-switch-s-indicator-height, 1.375rem);border-radius:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 0.5)}.gov-form-switch[size=s] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);left:calc(var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem);width:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem));height:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) - 2 * var(--gov-form-switch-s-toggle-offset, 0.0575rem))}.gov-form-switch[size=s] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-s-indicator-height, 1.375rem) * 1.6666666667 - var(--gov-form-switch-s-indicator-height, 1.375rem) + var(--gov-form-switch-s-toggle-offset, 0.0575rem) - 0.0625rem)}.gov-form-switch[size=m] .gov-form-label__label{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);margin-bottom:0;margin-left:calc((var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 + var(--gov-form-switch-m-gap, 1rem)) * -1);padding-top:calc((var(--gov-form-switch-m-indicator-height, 1.5rem) - var(--gov-text-m-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 + var(--gov-form-switch-m-gap, 1rem))}.gov-form-switch[size=m] .gov-form-switch__holder{gap:var(--gov-form-switch-m-gap, 1rem)}.gov-form-switch[size=m] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667);height:var(--gov-form-switch-m-indicator-height, 1.5rem);border-radius:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 0.5)}.gov-form-switch[size=m] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);left:calc(var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem);width:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem));height:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) - 2 * var(--gov-form-switch-m-toggle-offset, 0.0625rem))}.gov-form-switch[size=m] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-m-indicator-height, 1.5rem) * 1.6666666667 - var(--gov-form-switch-m-indicator-height, 1.5rem) + var(--gov-form-switch-m-toggle-offset, 0.0625rem) - 0.0625rem)}.gov-form-switch[size=l] .gov-form-label__label{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:0;margin-left:calc((var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 + var(--gov-form-switch-l-gap, 1rem)) * -1);padding-top:calc((var(--gov-form-switch-l-indicator-height, 2rem) - var(--gov-text-l-font-size) * 1.5) / 2);padding-left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 + var(--gov-form-switch-l-gap, 1rem))}.gov-form-switch[size=l] .gov-form-switch__holder{gap:var(--gov-form-switch-l-gap, 1rem)}.gov-form-switch[size=l] .gov-form-switch__indicator{display:block;width:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667);height:var(--gov-form-switch-l-indicator-height, 2rem);border-radius:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 0.5)}.gov-form-switch[size=l] .gov-form-switch__indicator::before{top:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);left:calc(var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem);width:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem));height:calc(var(--gov-form-switch-l-indicator-height, 2rem) - 2 * var(--gov-form-switch-l-toggle-offset, 0.083125rem))}.gov-form-switch[size=l] .gov-form-switch__input[aria-checked]+.gov-form-switch__indicator::before{left:calc(var(--gov-form-switch-l-indicator-height, 2rem) * 1.6666666667 - var(--gov-form-switch-l-indicator-height, 2rem) + var(--gov-form-switch-l-toggle-offset, 0.083125rem) - 0.0625rem)}";
|
|
16758
16855
|
|
|
16759
16856
|
class GovFormSwitch {
|
|
16760
16857
|
constructor(hostRef) {
|
|
@@ -16763,17 +16860,18 @@ class GovFormSwitch {
|
|
|
16763
16860
|
this.govBlur = createEvent(this, "gov-blur", 7);
|
|
16764
16861
|
this.govChange = createEvent(this, "gov-change", 7);
|
|
16765
16862
|
this.value = undefined;
|
|
16863
|
+
this.noLabel = false;
|
|
16766
16864
|
this.checked = false;
|
|
16767
16865
|
this.required = false;
|
|
16768
16866
|
this.disabled = undefined;
|
|
16769
16867
|
this.name = undefined;
|
|
16770
|
-
this.size =
|
|
16868
|
+
this.size = "m";
|
|
16771
16869
|
this.identifier = undefined;
|
|
16772
16870
|
this.invalid = undefined;
|
|
16773
16871
|
this.wcagDescribedBy = undefined;
|
|
16774
16872
|
this.wcagLabelledBy = undefined;
|
|
16775
16873
|
this.isChecked = undefined;
|
|
16776
|
-
this.checkboxId = createID(
|
|
16874
|
+
this.checkboxId = createID("GovCheckbox");
|
|
16777
16875
|
this.h = govHost(this.host);
|
|
16778
16876
|
this.f = govForm(this.h);
|
|
16779
16877
|
}
|
|
@@ -16789,10 +16887,11 @@ class GovFormSwitch {
|
|
|
16789
16887
|
}
|
|
16790
16888
|
componentWillLoad() {
|
|
16791
16889
|
this.isChecked = this.checked;
|
|
16792
|
-
this.f.passAttrToControl(
|
|
16793
|
-
this.h.passChildAttr(FormSwitchClass.root, 'identifier', this.identifier || this.checkboxId);
|
|
16890
|
+
this.f.passAttrToControl("type", "switch");
|
|
16794
16891
|
}
|
|
16795
16892
|
async componentDidRender() {
|
|
16893
|
+
this.f.passAttrToLabel('identifier', this.identifier || this.checkboxId);
|
|
16894
|
+
this.f.passAttrToLabel('required', String(this.required));
|
|
16796
16895
|
if (canValidateWcagOnRender()) {
|
|
16797
16896
|
await delay(500);
|
|
16798
16897
|
await this.validateWcag();
|
|
@@ -16800,12 +16899,25 @@ class GovFormSwitch {
|
|
|
16800
16899
|
}
|
|
16801
16900
|
render() {
|
|
16802
16901
|
const { isChecked } = this;
|
|
16803
|
-
|
|
16902
|
+
const wrapCheckbox = (children) => {
|
|
16903
|
+
if (this.noLabel) {
|
|
16904
|
+
return (hAsync("label", null, children));
|
|
16905
|
+
}
|
|
16906
|
+
return children;
|
|
16907
|
+
};
|
|
16908
|
+
return (hAsync(Host, { class: this.h.classes(FormSwitchClass.root), "is-checked": isChecked, 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.isChecked, onClick: this.onClickHandler.bind(this), onChange: this.onChangeHandler.bind(this), onFocus: this.onFocusHandler.bind(this), onBlur: this.onBlurHandler.bind(this), required: this.required, "aria-checked": this.isChecked, "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" }))))));
|
|
16909
|
+
}
|
|
16910
|
+
onClickHandler(e) {
|
|
16911
|
+
e.stopPropagation();
|
|
16804
16912
|
}
|
|
16805
16913
|
onFocusHandler(e) {
|
|
16914
|
+
e.stopPropagation();
|
|
16915
|
+
e.preventDefault();
|
|
16806
16916
|
this.govFocus.emit(e);
|
|
16807
16917
|
}
|
|
16808
16918
|
onBlurHandler(e) {
|
|
16919
|
+
e.stopPropagation();
|
|
16920
|
+
e.preventDefault();
|
|
16809
16921
|
this.govBlur.emit(e);
|
|
16810
16922
|
}
|
|
16811
16923
|
onChangeHandler(e) {
|
|
@@ -16820,8 +16932,8 @@ class GovFormSwitch {
|
|
|
16820
16932
|
* Validate the WCAG attributes of the component
|
|
16821
16933
|
*/
|
|
16822
16934
|
async validateWcag() {
|
|
16823
|
-
validateWcagRef(this.wcagDescribedBy,
|
|
16824
|
-
validateWcagRef(this.wcagLabelledBy,
|
|
16935
|
+
validateWcagRef(this.wcagDescribedBy, "wcag-described-by", FormSwitchClass.root);
|
|
16936
|
+
validateWcagRef(this.wcagLabelledBy, "wcag-labelled-by", FormSwitchClass.root);
|
|
16825
16937
|
validateWcagLabelFor(this.identifier || this.checkboxId, this.wcagLabelledBy, FormSwitchClass.root);
|
|
16826
16938
|
}
|
|
16827
16939
|
get host() { return getElement(this); }
|
|
@@ -16835,6 +16947,7 @@ class GovFormSwitch {
|
|
|
16835
16947
|
"$tagName$": "gov-form-switch",
|
|
16836
16948
|
"$members$": {
|
|
16837
16949
|
"value": [1],
|
|
16950
|
+
"noLabel": [4, "no-label"],
|
|
16838
16951
|
"checked": [516],
|
|
16839
16952
|
"required": [4],
|
|
16840
16953
|
"disabled": [4],
|
|
@@ -17353,8 +17466,6 @@ class GovNavItem {
|
|
|
17353
17466
|
}; }
|
|
17354
17467
|
}
|
|
17355
17468
|
|
|
17356
|
-
var Fragment = (_, children) => [...children];
|
|
17357
|
-
|
|
17358
17469
|
const PaginationSizes = pick(Sizes, ['_S', '_M']);
|
|
17359
17470
|
const PaginationVariants = pick(Variants, ['PRIMARY', 'SECONDARY']);
|
|
17360
17471
|
var PaginationTypes;
|
|
@@ -17430,7 +17541,7 @@ function paginate(totalItems, currentPage = 1, pageSize = 10, maxPages = 10) {
|
|
|
17430
17541
|
|
|
17431
17542
|
const createArrayRange = (from, to) => [...Array(to + 1).keys()].slice(from);
|
|
17432
17543
|
|
|
17433
|
-
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)}}.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;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)}";
|
|
17544
|
+
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)}}.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)}";
|
|
17434
17545
|
|
|
17435
17546
|
class GovPagination {
|
|
17436
17547
|
constructor(hostRef) {
|
|
@@ -18416,9 +18527,10 @@ const TileClass = {
|
|
|
18416
18527
|
title: 'gov-tile__title',
|
|
18417
18528
|
link: 'gov-tile__link',
|
|
18418
18529
|
content: 'gov-tile__content',
|
|
18530
|
+
heading: 'gov-tile__heading',
|
|
18419
18531
|
};
|
|
18420
18532
|
|
|
18421
|
-
const govTileCss = ".gov-
|
|
18533
|
+
const govTileCss = ".gov-tile__heading::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.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)}}.gov-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:flex;margin:0rem 0rem 0.75rem;color:var(--gov-tile-main-color, var(--gov-color-primary))}.gov-tile__icon .gov-icon{width:2.5rem;height:2.5rem}.gov-tile__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin:0 0 0.5rem}.gov-tile__heading{display:flex;gap:0.5rem;justify-content:space-between;color:var(--gov-tile-main-color, var(--gov-color-primary));text-decoration:none}.gov-tile__arrow{flex:0 0 auto;width:0.75rem;height:2rem;margin:0.5rem;color:inherit}.gov-tile__content{color:var(--gov-tile-text-color, var(--gov-color-secondary-700))}.gov-tile__content>*:last-child{margin-bottom:0}.gov-tile__content a{position:relative;z-index:1}.gov-tile__link{display:block;text-decoration:none}@media not all and (pointer: coarse){.gov-tile[href]:hover{background:var(--gov-tile-hover-bg, var(--gov-color-primary-200))}.gov-tile[href]:hover .gov-tile__heading{color:var(--gov-tile-main-color, var(--gov-color-primary))}}@media (min-width: 30em){.gov-tile[promotion=\"\"],.gov-tile[promotion=true i],.gov-tile[promotion=\"1\"]{display:grid;grid-template-columns:auto 1fr;gap:0 0.875rem}.gov-tile[promotion=\"\"] .gov-tile__icon,.gov-tile[promotion=true i] .gov-tile__icon,.gov-tile[promotion=\"1\"] .gov-tile__icon{grid-area:1/1/3/1;margin:0}.gov-tile[promotion=\"\"] .gov-tile__title,.gov-tile[promotion=true i] .gov-tile__title,.gov-tile[promotion=\"1\"] .gov-tile__title{grid-area:1/2/1/2}.gov-tile[promotion=\"\"] .gov-tile__content,.gov-tile[promotion=true i] .gov-tile__content,.gov-tile[promotion=\"1\"] .gov-tile__content{grid-area:2/2/2/2}}@media (min-width: 48em){.gov-tile{padding:1.5rem}.gov-tile__icon{margin:0rem 0rem 1.5rem}.gov-tile__icon .gov-icon{width:3rem;height:3rem}}@media (min-width: 64em){.gov-tile[promotion=\"\"],.gov-tile[promotion=true i],.gov-tile[promotion=\"1\"]{gap:0 1.625rem}}";
|
|
18422
18534
|
|
|
18423
18535
|
class GovTile {
|
|
18424
18536
|
constructor(hostRef) {
|
|
@@ -18438,7 +18550,7 @@ class GovTile {
|
|
|
18438
18550
|
}
|
|
18439
18551
|
render() {
|
|
18440
18552
|
// tag type
|
|
18441
|
-
return (hAsync(Host, { class: this.h.classes(TileClass.root), promotion: this.promotion }, this.h.hasSlot('icon') && (hAsync("div", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("h3", { class: TileClass.title },
|
|
18553
|
+
return (hAsync(Host, { class: this.h.classes(TileClass.root), promotion: this.promotion }, this.href ? (hAsync("a", { href: this.href, class: TileClass.link }, this.h.hasSlot('icon') && (hAsync("div", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("h3", { class: TileClass.title }, hAsync("span", { class: TileClass.heading }, this.name, hAsync("gov-icon", { class: TileClass.arrow, name: "chevron-right" }))), hAsync("div", { class: TileClass.content }, hAsync("slot", null)))) : (hAsync("span", null, this.h.hasSlot('icon') && (hAsync("div", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("h3", { class: TileClass.title }, hAsync("span", null, this.name)), hAsync("div", { class: TileClass.content }, hAsync("slot", null))))));
|
|
18442
18554
|
}
|
|
18443
18555
|
get host() { return getElement(this); }
|
|
18444
18556
|
static get watchers() { return {
|