@gov-design-system-ce/components 4.0.8-rc21 → 4.0.8-rc23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +2 -2
- package/dist/cjs/gov-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-accordion.cjs.entry.js +3 -3
- package/dist/cjs/gov-attachments_3.cjs.entry.js +3 -3
- package/dist/cjs/gov-backdrop.cjs.entry.js +3 -3
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js +3 -3
- package/dist/cjs/gov-button.cjs.entry.js +3 -3
- package/dist/cjs/gov-card.cjs.entry.js +3 -3
- package/dist/cjs/gov-chip.cjs.entry.js +2 -2
- package/dist/cjs/gov-container.cjs.entry.js +1 -1
- package/dist/cjs/gov-control-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/gov-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/gov-empty.cjs.entry.js +1 -1
- package/dist/cjs/gov-error-code.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +4 -6
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-control.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-file.cjs.entry.js +6 -8
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +9 -10
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +6 -6
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-password-power.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +4 -6
- 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-select.cjs.entry.js +8 -8
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +5 -7
- package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-grid.cjs.entry.js +1 -1
- package/dist/cjs/gov-icon.cjs.entry.js +2 -2
- package/dist/cjs/gov-infobar.cjs.entry.js +3 -3
- package/dist/cjs/gov-layout-column.cjs.entry.js +1 -1
- package/dist/cjs/gov-layout.cjs.entry.js +1 -1
- package/dist/cjs/gov-lifecycle.cjs.entry.js +47 -0
- package/dist/cjs/gov-lifecycle.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-loading.cjs.entry.js +2 -2
- package/dist/cjs/gov-message.cjs.entry.js +2 -2
- package/dist/cjs/gov-modal.cjs.entry.js +4 -4
- package/dist/cjs/gov-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-nav.cjs.entry.js +4 -4
- package/dist/cjs/gov-pagination.cjs.entry.js +3 -3
- package/dist/cjs/gov-prompt.cjs.entry.js +4 -4
- package/dist/cjs/gov-side-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-side-nav.cjs.entry.js +4 -4
- package/dist/cjs/gov-skeleton.cjs.entry.js +4 -4
- package/dist/cjs/gov-spacer.cjs.entry.js +2 -2
- package/dist/cjs/gov-statsbar-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-statsbar.cjs.entry.js +2 -2
- package/dist/cjs/gov-stepper-item.cjs.entry.js +3 -3
- package/dist/cjs/gov-stepper.cjs.entry.js +2 -2
- package/dist/cjs/gov-tabs-item.cjs.entry.js +3 -3
- package/dist/cjs/gov-tabs.cjs.entry.js +4 -4
- package/dist/cjs/gov-tag.cjs.entry.js +2 -2
- package/dist/cjs/gov-tile.cjs.entry.js +2 -2
- package/dist/cjs/gov-tiles.cjs.entry.js +2 -2
- package/dist/cjs/gov-toast.cjs.entry.js +3 -3
- package/dist/cjs/gov-tooltip-content.cjs.entry.js +2 -2
- package/dist/cjs/gov-tooltip.cjs.entry.js +4 -4
- package/dist/cjs/gov-wizard-item.cjs.entry.js +5 -5
- package/dist/cjs/gov-wizard.cjs.entry.js +4 -4
- package/dist/cjs/{index-cfb57f19.js → index-f53beed1.js} +11 -2
- package/dist/cjs/index-f53beed1.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{string.utils-2335838f.js → string.utils-b84c81cf.js} +2 -1
- package/dist/cjs/string.utils-b84c81cf.js.map +1 -0
- package/dist/cjs/{wcag-53ebeed1.js → wcag-0dfd29b6.js} +2 -2
- package/dist/cjs/{wcag-53ebeed1.js.map → wcag-0dfd29b6.js.map} +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +1 -3
- 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 +3 -5
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.js +6 -7
- package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +3 -3
- 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.js +1 -3
- package/dist/collection/components/gov-form/radio/gov-form-radio.js.map +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.js +5 -5
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.js +2 -4
- package/dist/collection/components/gov-form/switch/gov-form-switch.js.map +1 -1
- package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js +39 -0
- package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js.map +1 -0
- package/dist/collection/components/gov-loading/loading/gov-loading.js +1 -1
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js +1 -1
- package/dist/collection/components/gov-message/gov-message.js +1 -1
- package/dist/collection/components/gov-modal/gov-modal.js +1 -1
- package/dist/collection/components/gov-nav/gov-nav-item.js +1 -1
- package/dist/collection/components/gov-nav/gov-nav.js +1 -1
- package/dist/collection/components/gov-promp/gov-prompt.js +1 -1
- package/dist/collection/components/gov-side-nav/gov-side-nav-item.js +1 -1
- package/dist/collection/components/gov-side-nav/gov-side-nav.js +1 -1
- package/dist/collection/components/gov-spacer/gov-spacer.js +1 -1
- package/dist/collection/components/gov-statsbar/gov-statsbar-item.js +1 -1
- package/dist/collection/components/gov-statsbar/gov-statsbar.js +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper-item.js +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper.js +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs-item.js +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs.js +1 -1
- package/dist/collection/components/gov-tag/gov-tag.js +1 -1
- package/dist/collection/components/gov-tile/container/gov-tiles.js +1 -1
- package/dist/collection/components/gov-tile/gov-tile.js +1 -1
- package/dist/collection/components/gov-toast/gov-toast.js +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.js +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip.js +2 -2
- package/dist/collection/components/gov-wizard/gov-wizard-item.js +3 -3
- package/dist/collection/components/gov-wizard/gov-wizard.js +1 -1
- package/dist/collection/utils/string.utils.js +1 -1
- package/dist/collection/utils/string.utils.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion.js +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-container.js +1 -1
- package/dist/components/gov-control-group.js +1 -1
- package/dist/components/gov-cookiebar.js +1 -1
- package/dist/components/gov-dropdown.js +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-error-code.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox-group.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-control.js +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-label.js +1 -1
- package/dist/components/gov-form-message.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-password-power.js +1 -1
- package/dist/components/gov-form-radio-group.js +1 -1
- package/dist/components/gov-form-radio.js +1 -1
- package/dist/components/gov-form-radio.js.map +1 -1
- package/dist/components/gov-form-search.js +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-form-switch.js.map +1 -1
- package/dist/components/gov-grid-item.js +1 -1
- package/dist/components/gov-grid.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-layout-column.js +1 -1
- package/dist/components/gov-layout.js +1 -1
- package/dist/components/gov-lifecycle.d.ts +11 -0
- package/dist/components/gov-lifecycle.js +2 -0
- package/dist/components/gov-lifecycle.js.map +1 -0
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-message.js +1 -1
- package/dist/components/gov-modal.js +1 -1
- package/dist/components/gov-nav-item.js +1 -1
- package/dist/components/gov-nav-item.js.map +1 -1
- package/dist/components/gov-nav.js +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-prompt.js +1 -1
- package/dist/components/gov-side-nav-item.js +1 -1
- package/dist/components/gov-side-nav.js +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-skeleton.js.map +1 -1
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-statsbar-item.js +1 -1
- package/dist/components/gov-statsbar.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper.js +1 -1
- package/dist/components/gov-tabs-item.js +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tag.js +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-tiles.js +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-bcc76ddd.js → p-11418445.js} +2 -2
- package/dist/components/{p-4489a1da.js → p-145d1fa3.js} +2 -2
- package/dist/components/{p-2dce8f2c.js → p-2594e525.js} +2 -2
- package/dist/components/{p-708dca47.js → p-2f537b87.js} +2 -2
- package/dist/components/{p-708dca47.js.map → p-2f537b87.js.map} +1 -1
- package/dist/components/{p-d6759ac3.js → p-5262b9ce.js} +3 -3
- package/dist/components/p-5262b9ce.js.map +1 -0
- package/dist/components/p-71cec4ef.js +2 -0
- package/dist/components/{p-f0eb08d6.js → p-74915621.js} +2 -2
- package/dist/components/{p-92c6c6aa.js → p-77cdc056.js} +2 -2
- package/dist/components/{p-c2e5e893.js → p-8cf6d23c.js} +2 -2
- package/dist/components/p-8cf6d23c.js.map +1 -0
- package/dist/components/{p-8977b759.js → p-9d5a8ed9.js} +2 -2
- package/dist/components/{p-aa4122bd.js → p-b6dd95ba.js} +2 -2
- package/dist/components/{p-95d41a3b.js → p-cd6c2938.js} +2 -2
- package/dist/components/p-cd6c2938.js.map +1 -0
- package/dist/components/{p-8df7c635.js → p-d0fe3cd8.js} +2 -2
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-6c745c3e.entry.js → p-06e9e93b.entry.js} +2 -2
- package/dist/core/{p-5d33cb6e.entry.js → p-092b0437.entry.js} +2 -2
- package/dist/core/{p-290773da.entry.js → p-1011ca26.entry.js} +2 -2
- package/dist/core/{p-212e297e.entry.js → p-107a6a5c.entry.js} +2 -2
- package/dist/core/{p-389edb54.entry.js → p-114a4d0b.entry.js} +2 -2
- package/dist/core/{p-3483a6e8.entry.js → p-13520b30.entry.js} +2 -2
- package/dist/core/{p-4dbaff99.entry.js → p-13ced376.entry.js} +2 -2
- package/dist/core/{p-753e4861.entry.js → p-1b3143a8.entry.js} +2 -3
- package/dist/core/p-1b3143a8.entry.js.map +1 -0
- package/dist/core/{p-ab2f6b4d.entry.js → p-1bdc04bb.entry.js} +2 -2
- package/dist/core/{p-92f752e1.entry.js → p-208c99c8.entry.js} +2 -3
- package/dist/core/p-208c99c8.entry.js.map +1 -0
- package/dist/core/p-20ae3168.entry.js +2 -0
- package/dist/core/p-20ae3168.entry.js.map +1 -0
- package/dist/core/{p-8ab827a1.entry.js → p-2186fcd5.entry.js} +2 -2
- package/dist/core/p-240659bb.js +3 -0
- package/dist/core/p-240659bb.js.map +1 -0
- package/dist/core/{p-0790a27c.entry.js → p-2c3697cf.entry.js} +2 -2
- package/dist/core/{p-2e07619e.entry.js → p-2e881577.entry.js} +2 -2
- package/dist/core/p-2e881577.entry.js.map +1 -0
- package/dist/core/{p-02745628.entry.js → p-3309aed9.entry.js} +2 -2
- package/dist/core/{p-34cf509a.entry.js → p-348165e2.entry.js} +2 -2
- package/dist/core/{p-2cdb5670.entry.js → p-34d7c203.entry.js} +2 -3
- package/dist/core/p-34d7c203.entry.js.map +1 -0
- package/dist/core/{p-2db35d0f.entry.js → p-3832de64.entry.js} +2 -2
- package/dist/core/{p-3c0058a4.entry.js → p-3b8fb675.entry.js} +2 -2
- package/dist/core/p-3b8fb675.entry.js.map +1 -0
- package/dist/core/{p-761c33c7.entry.js → p-3ccab2ba.entry.js} +2 -2
- package/dist/core/{p-396ae350.entry.js → p-3e041d63.entry.js} +2 -2
- package/dist/core/p-3e041d63.entry.js.map +1 -0
- package/dist/core/{p-04e48d5d.entry.js → p-4694b4b6.entry.js} +2 -2
- package/dist/core/{p-a50b306f.entry.js → p-4700508c.entry.js} +2 -2
- package/dist/core/p-489f5c82.entry.js +2 -0
- package/dist/core/{p-2e647c00.entry.js.map → p-489f5c82.entry.js.map} +1 -1
- package/dist/core/{p-33b1f5d8.entry.js → p-4ed064db.entry.js} +2 -2
- package/dist/core/{p-aa91f33f.entry.js → p-4f77a766.entry.js} +2 -2
- package/dist/core/p-4f77a766.entry.js.map +1 -0
- package/dist/core/{p-cc3c6319.entry.js → p-551c9f44.entry.js} +2 -2
- package/dist/core/{p-650ac6c6.entry.js → p-55abc7bc.entry.js} +2 -2
- package/dist/core/p-55cd3fee.entry.js +2 -0
- package/dist/core/{p-ab9d9655.entry.js.map → p-55cd3fee.entry.js.map} +1 -1
- package/dist/core/{p-5facceb9.entry.js → p-5c3a0b02.entry.js} +2 -2
- package/dist/core/{p-5e7e7cb1.entry.js → p-64353313.entry.js} +2 -2
- package/dist/core/{p-aba11ab4.entry.js → p-6789b9d0.entry.js} +2 -2
- package/dist/core/{p-f11f707f.entry.js → p-6a82c6a1.entry.js} +2 -2
- package/dist/core/{p-afd40857.entry.js → p-6c33492a.entry.js} +2 -2
- package/dist/core/{p-afd40857.entry.js.map → p-6c33492a.entry.js.map} +1 -1
- package/dist/core/{p-3f62cf30.entry.js → p-6d894ec7.entry.js} +2 -2
- package/dist/core/{p-6977b168.entry.js → p-6dfde487.entry.js} +2 -2
- package/dist/core/{p-d2fc217d.entry.js → p-74233183.entry.js} +2 -2
- package/dist/core/{p-eb403270.entry.js → p-77892071.entry.js} +2 -2
- package/dist/core/{p-1046221c.entry.js → p-7a896683.entry.js} +2 -2
- package/dist/core/{p-185a46b9.entry.js → p-7ba4ae8d.entry.js} +2 -2
- package/dist/core/{p-7695610a.entry.js → p-7d011c4b.entry.js} +2 -2
- package/dist/core/p-7e43f440.entry.js +2 -0
- package/dist/core/p-7e43f440.entry.js.map +1 -0
- package/dist/core/{p-b58ed9ce.entry.js → p-802909c5.entry.js} +2 -2
- package/dist/core/{p-dbde347f.entry.js → p-810f0d0c.entry.js} +2 -2
- package/dist/core/{p-718d0198.entry.js → p-828e8bce.entry.js} +2 -2
- package/dist/core/{p-6be9b50d.entry.js → p-87b7b469.entry.js} +2 -3
- package/dist/core/p-87b7b469.entry.js.map +1 -0
- package/dist/core/{p-cce125de.entry.js → p-8fb45e7c.entry.js} +2 -2
- package/dist/core/{p-7c2fa6df.entry.js → p-a3cff495.entry.js} +2 -2
- package/dist/core/p-ab9aff3c.js +2 -0
- package/dist/core/{p-f9fee460.entry.js → p-ae4321ea.entry.js} +2 -2
- package/dist/core/{p-1b212799.entry.js → p-b2b254b6.entry.js} +2 -2
- package/dist/core/p-bcdf6cfc.entry.js +2 -0
- package/dist/core/{p-3e3a1607.entry.js.map → p-bcdf6cfc.entry.js.map} +1 -1
- package/dist/core/p-cc83b8cb.entry.js +2 -0
- package/dist/core/p-cc83b8cb.entry.js.map +1 -0
- package/dist/core/{p-95d41a3b.js → p-cd6c2938.js} +2 -2
- package/dist/core/p-cd6c2938.js.map +1 -0
- package/dist/core/{p-fc3d4a73.entry.js → p-cdaeb7d8.entry.js} +2 -3
- package/dist/core/p-cdaeb7d8.entry.js.map +1 -0
- package/dist/core/{p-7d1dd58a.entry.js → p-d4b50bcd.entry.js} +2 -2
- package/dist/core/{p-74627eb2.entry.js → p-d4f2d6f9.entry.js} +2 -2
- package/dist/core/p-d4f2d6f9.entry.js.map +1 -0
- package/dist/core/{p-2fb0e1cf.entry.js → p-e9bcadf1.entry.js} +2 -2
- package/dist/core/{p-13a80dc5.entry.js → p-f16f9116.entry.js} +2 -2
- package/dist/core/{p-f54fe20e.entry.js → p-f2edcca7.entry.js} +2 -2
- package/dist/core/p-f6a98765.entry.js +2 -0
- package/dist/core/{p-31a7316b.entry.js.map → p-f6a98765.entry.js.map} +1 -1
- package/dist/core/{p-5462e282.entry.js → p-f9de3c09.entry.js} +2 -2
- package/dist/core/{p-5f3721be.entry.js → p-fe8bd4cf.entry.js} +2 -2
- package/dist/core/p-fe8bd4cf.entry.js.map +1 -0
- package/dist/esm/core.js +3 -3
- package/dist/esm/gov-accordion-item.entry.js +2 -2
- package/dist/esm/gov-accordion.entry.js +3 -3
- package/dist/esm/gov-attachments_3.entry.js +3 -3
- package/dist/esm/gov-backdrop.entry.js +3 -3
- package/dist/esm/gov-breadcrumbs.entry.js +3 -3
- package/dist/esm/gov-button.entry.js +3 -3
- package/dist/esm/gov-card.entry.js +3 -3
- package/dist/esm/gov-chip.entry.js +2 -2
- package/dist/esm/gov-container.entry.js +1 -1
- package/dist/esm/gov-control-group.entry.js +1 -1
- package/dist/esm/gov-cookiebar.entry.js +1 -1
- package/dist/esm/gov-dropdown.entry.js +2 -2
- package/dist/esm/gov-empty.entry.js +1 -1
- package/dist/esm/gov-error-code.entry.js +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +2 -2
- package/dist/esm/gov-form-checkbox-group.entry.js +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +4 -6
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-control.entry.js +2 -2
- package/dist/esm/gov-form-file.entry.js +6 -8
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +1 -1
- package/dist/esm/gov-form-input.entry.js +9 -10
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-label.entry.js +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +6 -6
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-password-power.entry.js +1 -1
- package/dist/esm/gov-form-radio-group.entry.js +1 -1
- package/dist/esm/gov-form-radio.entry.js +4 -6
- 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-select.entry.js +8 -8
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +5 -7
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-grid-item.entry.js +1 -1
- package/dist/esm/gov-grid.entry.js +1 -1
- package/dist/esm/gov-icon.entry.js +2 -2
- package/dist/esm/gov-infobar.entry.js +3 -3
- package/dist/esm/gov-layout-column.entry.js +1 -1
- package/dist/esm/gov-layout.entry.js +1 -1
- package/dist/esm/gov-lifecycle.entry.js +43 -0
- package/dist/esm/gov-lifecycle.entry.js.map +1 -0
- package/dist/esm/gov-loading.entry.js +2 -2
- package/dist/esm/gov-message.entry.js +2 -2
- package/dist/esm/gov-modal.entry.js +4 -4
- package/dist/esm/gov-nav-item.entry.js +2 -2
- package/dist/esm/gov-nav.entry.js +4 -4
- package/dist/esm/gov-pagination.entry.js +3 -3
- package/dist/esm/gov-prompt.entry.js +4 -4
- package/dist/esm/gov-side-nav-item.entry.js +2 -2
- package/dist/esm/gov-side-nav.entry.js +4 -4
- package/dist/esm/gov-skeleton.entry.js +4 -4
- package/dist/esm/gov-spacer.entry.js +2 -2
- package/dist/esm/gov-statsbar-item.entry.js +2 -2
- package/dist/esm/gov-statsbar.entry.js +2 -2
- package/dist/esm/gov-stepper-item.entry.js +3 -3
- package/dist/esm/gov-stepper.entry.js +2 -2
- package/dist/esm/gov-tabs-item.entry.js +3 -3
- package/dist/esm/gov-tabs.entry.js +4 -4
- package/dist/esm/gov-tag.entry.js +2 -2
- package/dist/esm/gov-tile.entry.js +2 -2
- package/dist/esm/gov-tiles.entry.js +2 -2
- package/dist/esm/gov-toast.entry.js +3 -3
- package/dist/esm/gov-tooltip-content.entry.js +2 -2
- package/dist/esm/gov-tooltip.entry.js +4 -4
- package/dist/esm/gov-wizard-item.entry.js +5 -5
- package/dist/esm/gov-wizard.entry.js +4 -4
- package/dist/esm/{index-b44c6c92.js → index-c5251f2b.js} +11 -2
- package/dist/esm/index-c5251f2b.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{string.utils-5ce3f551.js → string.utils-1da8f8fb.js} +2 -2
- package/dist/esm/string.utils-1da8f8fb.js.map +1 -0
- package/dist/esm/{wcag-6ad92279.js → wcag-169f758a.js} +2 -2
- package/dist/esm/{wcag-6ad92279.js.map → wcag-169f758a.js.map} +1 -1
- package/dist/hydrate/index.js +100 -58
- package/dist/hydrate/index.mjs +100 -58
- package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts +0 -1
- package/dist/types/components/gov-form/file/gov-form-file.d.ts +0 -1
- package/dist/types/components/gov-form/radio/gov-form-radio.d.ts +0 -1
- package/dist/types/components/gov-form/switch/gov-form-switch.d.ts +0 -1
- package/dist/types/components/gov-lifecycle-tester/gov-lifecycle-tester.d.ts +14 -0
- package/dist/types/components.d.ts +13 -0
- package/dist/types/utils/string.utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/index-cfb57f19.js.map +0 -1
- package/dist/cjs/string.utils-2335838f.js.map +0 -1
- package/dist/components/p-6b0471a8.js +0 -2
- package/dist/components/p-95d41a3b.js.map +0 -1
- package/dist/components/p-c2e5e893.js.map +0 -1
- package/dist/components/p-d6759ac3.js.map +0 -1
- package/dist/core/p-0a5b0f7d.js +0 -3
- package/dist/core/p-0a5b0f7d.js.map +0 -1
- package/dist/core/p-2cdb5670.entry.js.map +0 -1
- package/dist/core/p-2e07619e.entry.js.map +0 -1
- package/dist/core/p-2e647c00.entry.js +0 -2
- package/dist/core/p-31a7316b.entry.js +0 -2
- package/dist/core/p-396ae350.entry.js.map +0 -1
- package/dist/core/p-3c0058a4.entry.js.map +0 -1
- package/dist/core/p-3e3a1607.entry.js +0 -2
- package/dist/core/p-5f3721be.entry.js.map +0 -1
- package/dist/core/p-6be9b50d.entry.js.map +0 -1
- package/dist/core/p-74627eb2.entry.js.map +0 -1
- package/dist/core/p-753e4861.entry.js.map +0 -1
- package/dist/core/p-92b7481f.js +0 -2
- package/dist/core/p-92f752e1.entry.js.map +0 -1
- package/dist/core/p-95d41a3b.js.map +0 -1
- package/dist/core/p-aa91f33f.entry.js.map +0 -1
- package/dist/core/p-ab9d9655.entry.js +0 -2
- package/dist/core/p-e21b402c.entry.js +0 -3
- package/dist/core/p-e21b402c.entry.js.map +0 -1
- package/dist/core/p-f9e6f776.entry.js +0 -3
- package/dist/core/p-f9e6f776.entry.js.map +0 -1
- package/dist/core/p-fc3d4a73.entry.js.map +0 -1
- package/dist/esm/index-b44c6c92.js.map +0 -1
- package/dist/esm/string.utils-5ce3f551.js.map +0 -1
- /package/dist/components/{p-bcc76ddd.js.map → p-11418445.js.map} +0 -0
- /package/dist/components/{p-4489a1da.js.map → p-145d1fa3.js.map} +0 -0
- /package/dist/components/{p-2dce8f2c.js.map → p-2594e525.js.map} +0 -0
- /package/dist/components/{p-6b0471a8.js.map → p-71cec4ef.js.map} +0 -0
- /package/dist/components/{p-f0eb08d6.js.map → p-74915621.js.map} +0 -0
- /package/dist/components/{p-92c6c6aa.js.map → p-77cdc056.js.map} +0 -0
- /package/dist/components/{p-8977b759.js.map → p-9d5a8ed9.js.map} +0 -0
- /package/dist/components/{p-aa4122bd.js.map → p-b6dd95ba.js.map} +0 -0
- /package/dist/components/{p-8df7c635.js.map → p-d0fe3cd8.js.map} +0 -0
- /package/dist/core/{p-6c745c3e.entry.js.map → p-06e9e93b.entry.js.map} +0 -0
- /package/dist/core/{p-5d33cb6e.entry.js.map → p-092b0437.entry.js.map} +0 -0
- /package/dist/core/{p-290773da.entry.js.map → p-1011ca26.entry.js.map} +0 -0
- /package/dist/core/{p-212e297e.entry.js.map → p-107a6a5c.entry.js.map} +0 -0
- /package/dist/core/{p-389edb54.entry.js.map → p-114a4d0b.entry.js.map} +0 -0
- /package/dist/core/{p-3483a6e8.entry.js.map → p-13520b30.entry.js.map} +0 -0
- /package/dist/core/{p-4dbaff99.entry.js.map → p-13ced376.entry.js.map} +0 -0
- /package/dist/core/{p-ab2f6b4d.entry.js.map → p-1bdc04bb.entry.js.map} +0 -0
- /package/dist/core/{p-8ab827a1.entry.js.map → p-2186fcd5.entry.js.map} +0 -0
- /package/dist/core/{p-0790a27c.entry.js.map → p-2c3697cf.entry.js.map} +0 -0
- /package/dist/core/{p-02745628.entry.js.map → p-3309aed9.entry.js.map} +0 -0
- /package/dist/core/{p-34cf509a.entry.js.map → p-348165e2.entry.js.map} +0 -0
- /package/dist/core/{p-2db35d0f.entry.js.map → p-3832de64.entry.js.map} +0 -0
- /package/dist/core/{p-761c33c7.entry.js.map → p-3ccab2ba.entry.js.map} +0 -0
- /package/dist/core/{p-04e48d5d.entry.js.map → p-4694b4b6.entry.js.map} +0 -0
- /package/dist/core/{p-a50b306f.entry.js.map → p-4700508c.entry.js.map} +0 -0
- /package/dist/core/{p-33b1f5d8.entry.js.map → p-4ed064db.entry.js.map} +0 -0
- /package/dist/core/{p-cc3c6319.entry.js.map → p-551c9f44.entry.js.map} +0 -0
- /package/dist/core/{p-650ac6c6.entry.js.map → p-55abc7bc.entry.js.map} +0 -0
- /package/dist/core/{p-5facceb9.entry.js.map → p-5c3a0b02.entry.js.map} +0 -0
- /package/dist/core/{p-5e7e7cb1.entry.js.map → p-64353313.entry.js.map} +0 -0
- /package/dist/core/{p-aba11ab4.entry.js.map → p-6789b9d0.entry.js.map} +0 -0
- /package/dist/core/{p-f11f707f.entry.js.map → p-6a82c6a1.entry.js.map} +0 -0
- /package/dist/core/{p-3f62cf30.entry.js.map → p-6d894ec7.entry.js.map} +0 -0
- /package/dist/core/{p-6977b168.entry.js.map → p-6dfde487.entry.js.map} +0 -0
- /package/dist/core/{p-d2fc217d.entry.js.map → p-74233183.entry.js.map} +0 -0
- /package/dist/core/{p-eb403270.entry.js.map → p-77892071.entry.js.map} +0 -0
- /package/dist/core/{p-1046221c.entry.js.map → p-7a896683.entry.js.map} +0 -0
- /package/dist/core/{p-185a46b9.entry.js.map → p-7ba4ae8d.entry.js.map} +0 -0
- /package/dist/core/{p-7695610a.entry.js.map → p-7d011c4b.entry.js.map} +0 -0
- /package/dist/core/{p-b58ed9ce.entry.js.map → p-802909c5.entry.js.map} +0 -0
- /package/dist/core/{p-dbde347f.entry.js.map → p-810f0d0c.entry.js.map} +0 -0
- /package/dist/core/{p-718d0198.entry.js.map → p-828e8bce.entry.js.map} +0 -0
- /package/dist/core/{p-cce125de.entry.js.map → p-8fb45e7c.entry.js.map} +0 -0
- /package/dist/core/{p-7c2fa6df.entry.js.map → p-a3cff495.entry.js.map} +0 -0
- /package/dist/core/{p-92b7481f.js.map → p-ab9aff3c.js.map} +0 -0
- /package/dist/core/{p-f9fee460.entry.js.map → p-ae4321ea.entry.js.map} +0 -0
- /package/dist/core/{p-1b212799.entry.js.map → p-b2b254b6.entry.js.map} +0 -0
- /package/dist/core/{p-7d1dd58a.entry.js.map → p-d4b50bcd.entry.js.map} +0 -0
- /package/dist/core/{p-2fb0e1cf.entry.js.map → p-e9bcadf1.entry.js.map} +0 -0
- /package/dist/core/{p-13a80dc5.entry.js.map → p-f16f9116.entry.js.map} +0 -0
- /package/dist/core/{p-f54fe20e.entry.js.map → p-f2edcca7.entry.js.map} +0 -0
- /package/dist/core/{p-5462e282.entry.js.map → p-f9de3c09.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as e,H as o,h as r,d as a}from"./p-5262b9ce.js";import{p as n,d as s}from"./p-e0e2e9c1.js";import{V as t}from"./p-03dbb8b1.js";import{g as i}from"./p-d687df8f.js";import{v as g}from"./p-344c72d7.js";import{c as l}from"./p-e618f1cb.js";import{v as c}from"./p-71cec4ef.js";const v=n(t,["PRIMARY","SECONDARY","SUCCESS","ERROR","WARNING"]);var d;(function(e){e["CIRCLE"]="circle";e["REACT"]="rect";e["TEXT"]="text"})(d||(d={}));var k;(function(e){e["PULSE"]="pulse";e["PROGRESS"]="progress";e["FALSE"]="false"})(k||(k={}));const u={root:"gov-skeleton",loader:"gov-skeleton__loader"};const p=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-skeleton__loader{position:relative;display:inline-block;width:var(--gov-skeleton-width, 100%);height:var(--gov-skeleton-height, 20px);border-radius:var(--gov-skeleton-border-radius, var(--gov-border-radius, 0.1875rem));outline:none;overflow:hidden;box-sizing:border-box;will-change:transform}.gov-skeleton__loader+.gov-skeleton__loader{margin-top:var(--gov-skeleton-margin-top, 8px)}.gov-skeleton__loader.circle{width:var(--gov-skeleton-circle-size, 60px);height:var(--gov-skeleton-circle-size, 60px);border-radius:var(--gov-skeleton-circle-radius, 50%)}.gov-skeleton__loader.rect{border-radius:var(--gov-skeleton-rect-radius, 0)}.gov-skeleton__loader.progress{background-size:200px 100%;animation:progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.gov-skeleton__loader.pulse{animation:pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;animation-delay:0.5s}@media (prefers-reduced-motion: reduce){.gov-skeleton__loader.pulse,.gov-skeleton__loader.progress{background-image:none;animation:none}}.gov-skeleton[variant=warning] .gov-skeleton__loader{background-color:var(--gov-skeleton-warning-background, var(--gov-color-warning-100));background-repeat:no-repeat}.gov-skeleton[variant=warning] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-warning-background, var(--gov-color-warning-100)), var(--gov-skeleton-warning-foreground, var(--gov-color-warning-200)), var(--gov-skeleton-warning-background, var(--gov-color-warning-100)))}.gov-skeleton[variant=error] .gov-skeleton__loader{background-color:var(--gov-skeleton-error-background, var(--gov-color-error-100));background-repeat:no-repeat}.gov-skeleton[variant=error] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-error-background, var(--gov-color-error-100)), var(--gov-skeleton-error-foreground, var(--gov-color-error-200)), var(--gov-skeleton-error-background, var(--gov-color-error-100)))}.gov-skeleton[variant=secondary] .gov-skeleton__loader{background-color:var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300));background-repeat:no-repeat}.gov-skeleton[variant=secondary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)), var(--gov-skeleton-secondary-foreground, var(--gov-color-secondary-100)), var(--gov-skeleton-secondary-background, var(--gov-color-secondary-300)))}.gov-skeleton[variant=success] .gov-skeleton__loader{background-color:var(--gov-skeleton-success-background, var(--gov-color-success-100));background-repeat:no-repeat}.gov-skeleton[variant=success] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-success-background, var(--gov-color-success-100)), var(--gov-skeleton-success-foreground, var(--gov-color-success-200)), var(--gov-skeleton-success-background, var(--gov-color-success-100)))}.gov-skeleton[variant=primary] .gov-skeleton__loader{background-color:var(--gov-skeleton-primary-background, var(--gov-color-primary-100));background-repeat:no-repeat}.gov-skeleton[variant=primary] .gov-skeleton__loader.progress{background-image:linear-gradient(90deg, var(--gov-skeleton-primary-background, var(--gov-color-primary-100)), var(--gov-skeleton-primary-foreground, var(--gov-color-primary-200)), var(--gov-skeleton-primary-background, var(--gov-color-primary-100)))}";const m=p;const h=e(class e extends o{constructor(){super();this.__registerHost();this.items=[];this.variant="secondary";this.count=1;this.shape="text";this.width=null;this.height=null;this.animation="progress";this.wcagLabel=undefined;this.h=i(this.host)}validateVariant(e){g(v,e,u.root)}validateShape(e){g(d,e,u.root)}validateAnimation(e){g(k,e,u.root)}componentWillLoad(){this.validateVariant(this.variant);this.validateShape(this.shape);this.validateAnimation(this.animation);this.init()}componentWillUpdate(){this.init()}async componentDidRender(){if(l()){await s(500);await this.validateWcag()}}init(){this.items.length=this.count;this.items.fill(1)}get style(){const e={width:null,height:null};if(this.width){e.width=this.width}if(this.height){e.height=this.height}return Object.assign({},e)}render(){return r(a,{key:"0027773f3ae104fe11a353487b8cc4e264cfe5ff",class:this.h.classes(u.root),variant:this.variant},this.items.map(((e,o)=>r("span",{key:o,class:{circle:this.shape==="circle",rect:this.shape==="rect",progress:this.animation==="progress",pulse:this.animation==="pulse",[u.loader]:true},"aria-busy":"true","aria-valuemin":"0","aria-valuemax":"100","aria-valuetext":this.wcagLabel,role:"progressbar",tabindex:"0",style:this.style}))))}async validateWcag(){c(this.wcagLabel,undefined,u.root)}get host(){return this}static get watchers(){return{variant:["validateVariant"],shape:["validateShape"],animation:["validateAnimation"]}}static get style(){return m}},[0,"gov-skeleton",{variant:[1],count:[2],shape:[1],width:[1],height:[1],animation:[1],wcagLabel:[1,"wcag-label"],validateWcag:[64]},undefined,{variant:["validateVariant"],shape:["validateShape"],animation:["validateAnimation"]}]);function b(){if(typeof customElements==="undefined"){return}const e=["gov-skeleton"];e.forEach((e=>{switch(e){case"gov-skeleton":if(!customElements.get(e)){customElements.define(e,h)}break}}))}b();const f=h;const _=b;export{f as GovSkeleton,_ as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SkeletonVariants","pick","Variants","SkeletonShapes","SkeletonAnimation","SkeletonClass","root","loader","govSkeletonCss","GovSkeletonStyle0","GovSkeleton","proxyCustomElement","H","constructor","this","items","h","govHost","host","validateVariant","newValue","validateProp","validateShape","validateAnimation","componentWillLoad","variant","shape","animation","init","componentWillUpdate","componentDidRender","canValidateWcagOnRender","delay","validateWcag","length","count","fill","style","dimenssionsStyles","width","height","Object","assign","render","Host","key","class","classes","map","_","index","circle","rect","progress","pulse","wcagLabel","role","tabindex","validateWcagLabel","undefined"],"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.scss?tag=gov-skeleton","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Variants } from \"../../../core/constants/variants\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const SkeletonVariants = pick(Variants, [\"PRIMARY\", \"SECONDARY\", \"SUCCESS\", \"ERROR\", \"WARNING\"])\nexport type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tREACT = 'rect',\n\tTEXT = 'text'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n\tloader: 'gov-skeleton__loader',\n}\n","$class: \".gov-skeleton\";\n\n#{$class} {\n\t&__loader {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: $skeleton-width;\n\t\theight: $skeleton-height;\n\t\tborder-radius: $skeleton-border-radius;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box;\n\t\twill-change: transform;\n\n\t\t+ #{$class}__loader {\n\t\t\tmargin-top: $skeleton-margin-top;\n\t\t}\n\n\t\t&.circle {\n\t\t\twidth: $skeleton-circle-size;\n\t\t\theight: $skeleton-circle-size;\n\t\t\tborder-radius: $skeleton-circle-radius;\n\t\t}\n\n\t\t&.rect {\n\t\t\tborder-radius: $skeleton-rect-radius;\n\t\t}\n\n\t\t&.progress {\n\t\t\tbackground-size: 200px 100%;\n\t\t\tanimation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t}\n\n\t\t&.pulse {\n\t\t\tanimation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t\tanimation-delay: 0.5s;\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t&.pulse,\n\t\t\t&.progress {\n\t\t\t\tbackground-image: none;\n\t\t\t\tanimation: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $skeleton-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class}__loader {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tbackground-repeat: no-repeat;\n\n\t\t\t\t&.progress {\n\t\t\t\t\tbackground-image: linear-gradient(90deg, get(\"background\", $definitions), get(\"foreground\", $definitions), get(\"background\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass, SkeletonShapes,\n\tSkeletonShapesType, SkeletonVariants,\n\tSkeletonVariantsType,\n} from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabel } from \"../../../helpers/Validate/wcag\"\n\n@Component({\n\ttag: \"gov-skeleton\",\n\tstyleUrl: \"gov-skeleton.scss\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly variant?: SkeletonVariantsType = \"secondary\"\n\t/**\n\t * Number of rows of current skeleton type\n\t */\n\t@Prop() count = 1\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"text\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\t/**\n\t * Adds accessible label for the skeleton that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\titems: number[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(SkeletonVariants, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tinit() {\n\t\tthis.items.length = this.count\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn { ...dimenssionsStyles }\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(SkeletonClass.root)} variant={this.variant}>\n\t\t\t\t{this.items.map((_, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\tcircle: this.shape === \"circle\",\n\t\t\t\t\t\t\t\trect: this.shape === \"rect\",\n\t\t\t\t\t\t\t\tprogress: this.animation === \"progress\",\n\t\t\t\t\t\t\t\tpulse: this.animation === \"pulse\",\n\t\t\t\t\t\t\t\t[SkeletonClass.loader]: true,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\t\t\taria-valuetext={this.wcagLabel}\n\t\t\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tstyle={this.style}\n\t\t\t\t\t\t></span>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, undefined, SkeletonClass.root)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["SkeletonVariants","pick","Variants","SkeletonShapes","SkeletonAnimation","SkeletonClass","root","loader","govSkeletonCss","GovSkeletonStyle0","GovSkeleton","proxyCustomElement","H","constructor","this","items","h","govHost","host","validateVariant","newValue","validateProp","validateShape","validateAnimation","componentWillLoad","variant","shape","animation","init","componentWillUpdate","componentDidRender","canValidateWcagOnRender","delay","validateWcag","length","count","fill","style","dimenssionsStyles","width","height","Object","assign","render","Host","key","class","classes","map","_","index","circle","rect","progress","pulse","wcagLabel","role","tabindex","validateWcagLabel","undefined"],"sources":["../../../packages/core/src/components/gov-loading/skeleton/constants.ts","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.scss?tag=gov-skeleton","../../../packages/core/src/components/gov-loading/skeleton/gov-skeleton.tsx"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Variants } from \"../../../core/constants/variants\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const SkeletonVariants = pick(Variants, [\"PRIMARY\", \"SECONDARY\", \"SUCCESS\", \"ERROR\", \"WARNING\"])\nexport type SkeletonVariantsType = `${ValueOf<typeof SkeletonVariants>}`\n\nexport enum SkeletonShapes {\n\tCIRCLE = 'circle',\n\tREACT = 'rect',\n\tTEXT = 'text'\n}\nexport type SkeletonShapesType = `${ValueOf<typeof SkeletonShapes>}`\n\nexport enum SkeletonAnimation {\n\tPULSE = 'pulse',\n\tPROGRESS = 'progress',\n\tFALSE = 'false'\n}\nexport type SkeletonAnimationType = `${ValueOf<typeof SkeletonAnimation>}`\n\nexport const SkeletonClass = {\n\troot: 'gov-skeleton',\n\tloader: 'gov-skeleton__loader',\n}\n","$class: \".gov-skeleton\";\n\n#{$class} {\n\t&__loader {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: $skeleton-width;\n\t\theight: $skeleton-height;\n\t\tborder-radius: $skeleton-border-radius;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box;\n\t\twill-change: transform;\n\n\t\t+ #{$class}__loader {\n\t\t\tmargin-top: $skeleton-margin-top;\n\t\t}\n\n\t\t&.circle {\n\t\t\twidth: $skeleton-circle-size;\n\t\t\theight: $skeleton-circle-size;\n\t\t\tborder-radius: $skeleton-circle-radius;\n\t\t}\n\n\t\t&.rect {\n\t\t\tborder-radius: $skeleton-rect-radius;\n\t\t}\n\n\t\t&.progress {\n\t\t\tbackground-size: 200px 100%;\n\t\t\tanimation: progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t}\n\n\t\t&.pulse {\n\t\t\tanimation: pulse 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n\t\t\tanimation-delay: 0.5s;\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t&.pulse,\n\t\t\t&.progress {\n\t\t\t\tbackground-image: none;\n\t\t\t\tanimation: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $skeleton-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t#{$class}__loader {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tbackground-repeat: no-repeat;\n\n\t\t\t\t&.progress {\n\t\t\t\t\tbackground-image: linear-gradient(90deg, get(\"background\", $definitions), get(\"foreground\", $definitions), get(\"background\", $definitions));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport {\n\tSkeletonAnimation,\n\tSkeletonAnimationType,\n\tSkeletonClass, SkeletonShapes,\n\tSkeletonShapesType, SkeletonVariants,\n\tSkeletonVariantsType,\n} from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\nimport { canValidateWcagOnRender } from \"../../../helpers/Dom/win\"\nimport { delay } from \"../../../utils/utils\"\nimport { validateWcagLabel } from \"../../../helpers/Validate/wcag\"\n\n@Component({\n\ttag: \"gov-skeleton\",\n\tstyleUrl: \"gov-skeleton.scss\",\n})\nexport class GovSkeleton {\n\th: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovSkeletonElement\n\t/**\n\t * Style variation of the skeleton.\n\t */\n\t@Prop() readonly variant?: SkeletonVariantsType = \"secondary\"\n\t/**\n\t * Number of rows of current skeleton type\n\t */\n\t@Prop() count = 1\n\t/**\n\t * Shape of the skeleton\n\t */\n\t@Prop() shape?: SkeletonShapesType = \"text\"\n\t/**\n\t * Width of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() width: string = null\n\t/**\n\t * Height of the skeleton ex. 100px, 100%, auto etc.\n\t */\n\t@Prop() height: string = null\n\t/**\n\t * Animation type\n\t */\n\t@Prop() animation?: SkeletonAnimationType = \"progress\"\n\t/**\n\t * Adds accessible label for the skeleton that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-label' }) readonly wcagLabel: string\n\n\titems: number[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(SkeletonVariants, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('shape')\n\tvalidateShape(newValue: string): void {\n\t\tvalidateProp(SkeletonShapes, newValue, SkeletonClass.root)\n\t}\n\n\t@Watch('animation')\n\tvalidateAnimation(newValue: string): void {\n\t\tvalidateProp(SkeletonAnimation, newValue, SkeletonClass.root)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateShape(this.shape)\n\t\tthis.validateAnimation(this.animation)\n\t\tthis.init()\n\t}\n\n\tcomponentWillUpdate() {\n\t\tthis.init()\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\tinit() {\n\t\tthis.items.length = this.count\n\t\tthis.items.fill(1)\n\t}\n\n\tget style() {\n\t\tconst dimenssionsStyles: {\n\t\t\twidth?: string,\n\t\t\theight?: string,\n\t\t} = {\n\t\t\twidth: null,\n\t\t\theight: null,\n\t\t}\n\t\tif (this.width) {\n\t\t\tdimenssionsStyles.width = this.width\n\t\t}\n\n\t\tif (this.height) {\n\t\t\tdimenssionsStyles.height = this.height\n\t\t}\n\n\t\treturn { ...dimenssionsStyles }\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(SkeletonClass.root)} variant={this.variant}>\n\t\t\t\t{this.items.map((_, index) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tclass={{\n\t\t\t\t\t\t\t\tcircle: this.shape === \"circle\",\n\t\t\t\t\t\t\t\trect: this.shape === \"rect\",\n\t\t\t\t\t\t\t\tprogress: this.animation === \"progress\",\n\t\t\t\t\t\t\t\tpulse: this.animation === \"pulse\",\n\t\t\t\t\t\t\t\t[SkeletonClass.loader]: true,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-busy=\"true\"\n\t\t\t\t\t\t\taria-valuemin=\"0\"\n\t\t\t\t\t\t\taria-valuemax=\"100\"\n\t\t\t\t\t\t\taria-valuetext={this.wcagLabel}\n\t\t\t\t\t\t\trole=\"progressbar\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\tstyle={this.style}\n\t\t\t\t\t\t></span>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, undefined, SkeletonClass.root)\n\t}\n}\n"],"mappings":"wRAIO,MAAMA,EAAmBC,EAAKC,EAAU,CAAC,UAAW,YAAa,UAAW,QAAS,YAG5F,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,gBACAA,EAAA,cACA,EAJD,CAAYA,MAAc,KAO1B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,uBACAA,EAAA,gBACA,EAJD,CAAYA,MAAiB,KAOtB,MAAMC,EAAgB,CAC5BC,KAAM,eACNC,OAAQ,wBCvBT,MAAMC,EAAiB,0pHACvB,MAAAC,EAAeD,E,MCkBFE,EAAWC,EAAA,MAAAD,UAAAE,EAGvB,WAAAC,G,8BAkCAC,KAAAC,MAAkB,G,aA1BgC,Y,WAIlC,E,WAIqB,O,WAIb,K,YAIC,K,eAImB,W,yBA3B3CD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAoCvB,eAAAC,CAAgBC,GACfC,EAAarB,EAAkBoB,EAAUf,EAAcC,K,CAIxD,aAAAgB,CAAcF,GACbC,EAAalB,EAAgBiB,EAAUf,EAAcC,K,CAItD,iBAAAiB,CAAkBH,GACjBC,EAAajB,EAAmBgB,EAAUf,EAAcC,K,CAGzD,iBAAAkB,GACCV,KAAKK,gBAAgBL,KAAKW,SAC1BX,KAAKQ,cAAcR,KAAKY,OACxBZ,KAAKS,kBAAkBT,KAAKa,WAC5Bb,KAAKc,M,CAGN,mBAAAC,GACCf,KAAKc,M,CAGN,wBAAME,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNlB,KAAKmB,c,EAIb,IAAAL,GACCd,KAAKC,MAAMmB,OAASpB,KAAKqB,MACzBrB,KAAKC,MAAMqB,KAAK,E,CAGjB,SAAIC,GACH,MAAMC,EAGF,CACHC,MAAO,KACPC,OAAQ,MAET,GAAI1B,KAAKyB,MAAO,CACfD,EAAkBC,MAAQzB,KAAKyB,K,CAGhC,GAAIzB,KAAK0B,OAAQ,CAChBF,EAAkBE,OAAS1B,KAAK0B,M,CAGjC,OAAAC,OAAAC,OAAA,GAAYJ,E,CAGb,MAAAK,GACC,OACC3B,EAAC4B,EAAI,CAAAC,IAAA,2CAACC,MAAOhC,KAAKE,EAAE+B,QAAQ1C,EAAcC,MAAOmB,QAASX,KAAKW,SAC7DX,KAAKC,MAAMiC,KAAI,CAACC,EAAGC,IAElBlC,EAAA,QACC6B,IAAKK,EACLJ,MAAO,CACNK,OAAQrC,KAAKY,QAAU,SACvB0B,KAAMtC,KAAKY,QAAU,OACrB2B,SAAUvC,KAAKa,YAAc,WAC7B2B,MAAOxC,KAAKa,YAAc,QAC1B,CAACtB,EAAcE,QAAS,MACxB,YAES,OAAM,gBACF,IAAG,gBACH,MAAK,iBACHO,KAAKyC,UACrBC,KAAK,cACLC,SAAS,IACTpB,MAAOvB,KAAKuB,U,CAYlB,kBAAMJ,GACLyB,EAAkB5C,KAAKyC,UAAWI,UAAWtD,EAAcC,K","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as i,h as s,d as t}from"./p-
|
|
1
|
+
import{p as e,H as i,h as s,d as t}from"./p-5262b9ce.js";import{v as o}from"./p-344c72d7.js";import{S as a}from"./p-92f420cb.js";import{p as r}from"./p-e0e2e9c1.js";import{g as n}from"./p-d687df8f.js";const p=r(a,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var c;(function(e){e["NONE"]="none";e["SM"]="sm";e["MD"]="md";e["LG"]="lg";e["XL"]="xl"})(c||(c={}));const m={root:"gov-spacer"};const d='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-spacer{position:relative;display:block;width:100%}.gov-spacer[size=unset]{height:0}.gov-spacer[size="2xs"]{height:0.25rem}.gov-spacer[size=xs]{height:0.5rem}.gov-spacer[size=s]{height:0.75rem}.gov-spacer[size=m]{height:1rem}.gov-spacer[size=l]{height:1.25rem}.gov-spacer[size=xl]{height:1.75rem}.gov-spacer[size="2xl"]{height:2rem}.gov-spacer[size="3xl"]{height:3rem}.gov-spacer[size="4xl"]{height:4.5rem}.gov-spacer[breakpoint=none]{display:none}.gov-spacer[breakpoint=sm]{display:none}@media (min-width: 30em){.gov-spacer[breakpoint=sm]{display:block}}.gov-spacer[breakpoint=md]{display:none}@media (min-width: 48em){.gov-spacer[breakpoint=md]{display:block}}.gov-spacer[breakpoint=lg]{display:none}@media (min-width: 64em){.gov-spacer[breakpoint=lg]{display:block}}.gov-spacer[breakpoint=xl]{display:none}@media (min-width: 75em){.gov-spacer[breakpoint=xl]{display:block}}';const g=d;const l=e(class e extends i{constructor(){super();this.__registerHost();this.size=undefined;this.breakpoint=undefined;this.h=n(this.host)}validateSize(e){o(p,e,m.root)}validateBreakpoint(e){o(c,e,m.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return s(t,{key:"3a6213a2137b5ae7d9bad9ebd2d314b413b826f7",class:this.h.classes(m.root),size:this.size,breakpoint:this.breakpoint})}get host(){return this}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}static get style(){return g}},[0,"gov-spacer",{size:[1],breakpoint:[1]},undefined,{size:["validateSize"],breakpoint:["validateBreakpoint"]}]);function h(){if(typeof customElements==="undefined"){return}const e=["gov-spacer"];e.forEach((e=>{switch(e){case"gov-spacer":if(!customElements.get(e)){customElements.define(e,l)}break}}))}h();const v=l;const b=h;export{v as GovSpacer,b as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-spacer.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as e,h as i,d as
|
|
1
|
+
import{p as t,H as e,h as i,d as a}from"./p-5262b9ce.js";import{g as o}from"./p-d687df8f.js";import{v as s}from"./p-344c72d7.js";import{a as n,c as r}from"./p-94dd1649.js";const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-statsbar-item{position:relative;display:block;padding:1.25rem}.gov-statsbar-item__icon,.gov-statsbar-item__number{margin-bottom:1rem}.gov-statsbar-item__icon,.gov-statsbar-item__icon .gov-icon{display:block;width:2rem;height:2rem}.gov-statsbar-item__number{font-weight:var(--gov-text-5xl-font-weight);font-size:var(--gov-text-5xl-font-size);line-height:var(--gov-text-5xl-line-height);letter-spacing:var(--gov-text-5xl-letter-spacing)}.gov-statsbar-item__text{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);letter-spacing:0.0125em}.gov-statsbar-item__text>*:last-child{margin-bottom:0}.gov-statsbar-item[icon-position=left]{padding-left:3rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{position:absolute;top:1.5rem;left:0}@media (min-width: 30em){.gov-statsbar-item{flex:1 0 50%;max-width:50%}}@media (min-width: 48em){.gov-statsbar-item{padding:2.5rem}.gov-statsbar-item__icon,.gov-statsbar-item__icon .gov-icon{width:3rem;height:3rem}.gov-statsbar-item[icon-position=left]{padding-left:4rem}.gov-statsbar-item[icon-position=left] .gov-statsbar-item__icon{top:2.75rem}}@media (min-width: 64em){.gov-statsbar-item{flex-basis:auto;max-width:25%}}";const m=c;const d=t(class t extends e{constructor(){super();this.__registerHost();this.iconPosition=undefined;this.h=o(this.host)}validateIconPosition(t){s(r,t,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition)}render(){return i(a,{key:"a1418fb5cf6108201ae83cc56f765fad5b78f8ca",class:this.h.classes(n.root)},i("article",{key:"312d5fd27e6be569c9fe6373ed25b9d3492bd6a4"},this.h.hasSlot("icon")&&i("span",{key:"4e4a99a7eea1286aa34e10e23aa016038277c8d3",class:n.icon},i("slot",{key:"be1313025a1cd88466f77ea74a690a1e137536cb",name:"icon"})),i("p",{key:"79de80d15a8e122ea83213d11643b3cf1e125255",class:n.number},i("slot",{key:"1c3a34ae86a174f02406862334b7e651c3373dd6"})),this.h.hasSlot("text")&&i("div",{key:"03bf3e3cdc1759ac55680c947d0484bea4eb17c4",class:n.text},i("slot",{key:"a0c45fb63b384b949ca5f5eabc3f6d23a5936dd0",name:"text"}))))}get host(){return this}static get watchers(){return{iconPosition:["validateIconPosition"]}}static get style(){return m}},[4,"gov-statsbar-item",{iconPosition:[1,"icon-position"]},undefined,{iconPosition:["validateIconPosition"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["gov-statsbar-item"];t.forEach((t=>{switch(t){case"gov-statsbar-item":if(!customElements.get(t)){customElements.define(t,d)}break}}))}g();const l=d;const f=g;export{l as GovStatsbarItem,f as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-statsbar-item.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as a,H as t,h as r,d as o}from"./p-
|
|
1
|
+
import{p as a,H as t,h as r,d as o}from"./p-5262b9ce.js";import{v as i}from"./p-344c72d7.js";import{S as s,a as e,b as n,c}from"./p-94dd1649.js";import{g as v}from"./p-d687df8f.js";const d='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-statsbar{position:relative;display:block;width:100%;padding:1.25rem 0}.gov-statsbar__section{display:block;width:100%;max-width:calc(var(--gov-container-width, 73.75rem) + 2 * var(--gov-container-padding, 2.5rem));margin-right:auto;margin-left:auto;padding-right:var(--gov-container-padding-mobile, 1.25rem);padding-left:var(--gov-container-padding-mobile, 1.25rem)}@media (min-width: 48em){.gov-statsbar__section{padding-right:var(--gov-container-padding, 2.5rem);padding-left:var(--gov-container-padding, 2.5rem)}}.gov-statsbar[variant=primary]{background-color:var(--gov-statsbar-primary-bg-color, var(--gov-color-primary-200));color:var(--gov-statsbar-primary-text-color, var(--gov-color-primary))}.gov-statsbar[variant=primary][inverse=""],.gov-statsbar[variant=primary][inverse=true i],.gov-statsbar[variant=primary][inverse="1"]{background:var(--gov-color-neutral-white);color:var(--gov-statsbar-primary-text-color-inverse, var(--gov-color-primary))}.gov-statsbar[variant=secondary]{background-color:var(--gov-statsbar-secondary-bg-color, var(--gov-color-secondary));color:var(--gov-statsbar-secondary-text-color, var(--gov-color-neutral-white))}.gov-statsbar[variant=secondary][inverse=""],.gov-statsbar[variant=secondary][inverse=true i],.gov-statsbar[variant=secondary][inverse="1"]{background:var(--gov-color-neutral-white);color:var(--gov-statsbar-secondary-text-color-inverse, var(--gov-color-secondary))}@media (min-width: 30em){.gov-statsbar__section{display:flex;flex-wrap:wrap;justify-content:center}}@media (min-width: 48em){.gov-statsbar{padding:0}}';const g=d;const l=a(class a extends t{constructor(){super();this.__registerHost();this.iconPosition=undefined;this.variant=s.PRIMARY;this.h=v(this.host)}validateIconPosition(a){i(c,a,n.root)}validateVariant(a){i(s,a,n.root)}componentWillLoad(){this.validateIconPosition(this.iconPosition);this.validateVariant(this.variant)}componentDidLoad(){this.host.querySelectorAll(e.root).forEach((a=>{if(this.iconPosition==="left"){a.setAttribute("icon-position","left")}}))}render(){return r(o,{key:"7bb47326c4f514853eb3ce3f8838a271dcbe49c7",class:this.h.classes(n.root),variant:this.variant},r("section",{key:"99321c0f4ea2d4efec9f05e8340633e82ca699e8",class:n.section},r("slot",{key:"b6708be40da2fc0ee0062c3efa29fe857b476e21"})))}get host(){return this}static get watchers(){return{iconPosition:["validateIconPosition"],variant:["validateVariant"]}}static get style(){return g}},[4,"gov-statsbar",{iconPosition:[1,"icon-position"],variant:[1]},undefined,{iconPosition:["validateIconPosition"],variant:["validateVariant"]}]);function p(){if(typeof customElements==="undefined"){return}const a=["gov-statsbar"];a.forEach((a=>{switch(a){case"gov-statsbar":if(!customElements.get(a)){customElements.define(a,l)}break}}))}p();const m=l;const b=p;export{m as GovStatsbar,b as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-statsbar.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as t,c as r,h as i,d as o}from"./p-d6759ac3.js";import{a}from"./p-e296ca83.js";import{v as s}from"./p-344c72d7.js";import{S as n,c as g}from"./p-8dfac7d7.js";import{c as v}from"./p-95d41a3b.js";import{g as p,p as c}from"./p-d687df8f.js";const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper-item{position:relative;display:block;width:100%}.gov-stepper-item__header{position:relative;width:100%}.gov-stepper-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-stepper-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-stepper-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-stepper-item__prefix .gov-icon{width:45%;height:45%}.gov-stepper-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-stepper-item__name{display:flex;flex-direction:column}.gov-stepper-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizard-title-font-weight, 700)}.gov-stepper-item__annot{color:var(--gov-color-secondary)}.gov-stepper-item__content>*:last-child{margin-bottom:0}.gov-stepper-item[variant=primary] .gov-stepper-item__header{color:var(--gov-wizard-primary-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=primary] .gov-stepper-item__prefix{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizard-primary-indicator-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=secondary] .gov-stepper-item__header{color:var(--gov-wizard-secondary-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=secondary] .gov-stepper-item__prefix{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=success] .gov-stepper-item__header{color:var(--gov-wizard-success-color, var(--gov-color-success-500))}.gov-stepper-item[variant=success] .gov-stepper-item__prefix{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizard-success-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=error] .gov-stepper-item__header{color:var(--gov-wizard-error-color, var(--gov-color-error-500))}.gov-stepper-item[variant=error] .gov-stepper-item__prefix{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizard-error-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=warning] .gov-stepper-item__header{color:var(--gov-wizard-warning-color, var(--gov-color-warning-500))}.gov-stepper-item[variant=warning] .gov-stepper-item__prefix{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item::before{content:"";position:absolute;display:block;width:0.125rem}.gov-stepper-item:last-child::before{content:none}.gov-stepper-item[variant=primary]::before{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300))}.gov-stepper-item[variant=secondary]::before{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400))}.gov-stepper-item[variant=success]::before{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success))}.gov-stepper-item[variant=error]::before{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error))}.gov-stepper-item[variant=warning]::before{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning))}.gov-stepper-item[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=xs]::before{top:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + var(--gov-stepper-xs-connect-gap, 0.5rem));bottom:var(--gov-stepper-xs-connect-gap, 0.5rem);left:calc((var(--gov-stepper-xs-indicator-size, 1.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=xs]:last-child{min-height:0}.gov-stepper-item[size=xs] .gov-stepper-item__title{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)}.gov-stepper-item[size=xs] .gov-stepper-item__annot{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)}.gov-stepper-item[size=xs] .gov-stepper-item__prefix{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);width:var(--gov-stepper-xs-indicator-size, 1.5rem);height:var(--gov-stepper-xs-indicator-size, 1.5rem);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap, 0.5rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=xs] .gov-stepper-item__content{padding:var(--gov-stepper-xs-content-padding, 1rem 1rem 2rem 2.5rem)}.gov-stepper-item--w-annot[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) * 1.5 + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=s]::before{top:calc(var(--gov-stepper-s-indicator-size, 2rem) + var(--gov-stepper-s-connect-gap, 1rem));bottom:var(--gov-stepper-s-connect-gap, 1rem);left:calc((var(--gov-stepper-s-indicator-size, 2rem) - 0.125rem) / 2)}.gov-stepper-item[size=s]:last-child{min-height:0}.gov-stepper-item[size=s] .gov-stepper-item__title{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)}.gov-stepper-item[size=s] .gov-stepper-item__annot{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)}.gov-stepper-item[size=s] .gov-stepper-item__prefix{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);width:var(--gov-stepper-s-indicator-size, 2rem);height:var(--gov-stepper-s-indicator-size, 2rem);box-shadow:0 0 0 var(--gov-stepper-s-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=s] .gov-stepper-item__content{padding:var(--gov-stepper-s-content-padding, 1rem 1rem 2rem 3rem)}.gov-stepper-item--w-annot[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) * 1.5 + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + 3 * var(--gov-stepper-m-connect-gap, 1rem))}.gov-stepper-item[size=m]::before{top:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + var(--gov-stepper-m-connect-gap, 1rem));bottom:var(--gov-stepper-m-connect-gap, 1rem);left:calc((var(--gov-stepper-m-indicator-size, 2.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=m]:last-child{min-height:0}.gov-stepper-item[size=m] .gov-stepper-item__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)}.gov-stepper-item[size=m] .gov-stepper-item__annot{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)}.gov-stepper-item[size=m] .gov-stepper-item__prefix{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);width:var(--gov-stepper-m-indicator-size, 2.5rem);height:var(--gov-stepper-m-indicator-size, 2.5rem);box-shadow:0 0 0 var(--gov-stepper-m-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=m] .gov-stepper-item__content{padding:var(--gov-stepper-m-content-padding, 1rem 1rem 2rem 3.5rem)}.gov-stepper-item--w-annot[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) * 1.5 + 3 * var(--gov-stepper-m-connect-gap, 1rem))}';const l=m;const d=e(class e extends t{constructor(){super();this.__registerHost();this.govChange=r(this,"gov-change",7);this.isExpandedState=undefined;this.variant="primary";this.size="m";this.identifier=undefined;this.label=undefined;this.annotation=undefined;this.triggerTag="h3";this.h=p(this.host);this.triggerId=v("GovStepperItem");this.contentId=v("GovStepperContent")}validateLabel(e){if(!e){a(`[${n.root}]: Parameter label is required.`)}}validateTriggerTag(e){const t=["h1","h2","h3","h4","h5","h6","span"];if(e){if(!t.includes(e)){a(`[${n.root}]: Tag ${e} is not allowed.`)}}}validateVariant(e){s(g,e,n.root)}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.triggerTag)}render(){const e=this.identifier||this.triggerId;const t=this.contentId;const{label:r}=this;const a=this.triggerTag;return i(o,{key:"23d79b1dd92ae9f0ab7452a07a8e85380cefff0e",class:c([n.root,this.annotation&&n.rootWithAnnot]),variant:this.variant},i("div",{key:"945a190cfcf519f09a89a77b27bcd90ae4f7c05b",id:e,class:n.header,role:"listitem"},i(a,{key:"9806afdbcc5929c7d2ee2a0b31fb898a3d138996",class:n.title},this.h.hasSlot("prefix")&&i("span",{key:"689480217dbd2db27d5069ebeb2ee4d266a397a8",class:n.prefix},i("slot",{key:"a63e14fd09e872bee67cb3bd2b2a5fd94a015a30",name:"prefix"})),i("span",{key:"af957100e33572449a76ff4dcd7ef9898a7ded5e",class:n.name},i("span",{key:"2212aaba29debc180617fffff58338f237b47c4e",class:n.label},r),this.annotation&&i("span",{key:"ba654d89d874548b5d7a91544329a6a931de1302",class:n.annot},this.annotation)))),this.h.hasSlot("content")&&i("div",{key:"9fcfd57f2c09df66a983643c451e6ce7d4edf66c",class:n.content,id:t,"aria-labelledby":e,role:"tabpanel"},i("slot",{key:"b60ff8bc25e39b4ca5d4c97b6bd13ef30e7ce8c7",name:"content"})))}async currentState(){return this.isExpandedState}get host(){return this}static get watchers(){return{label:["validateLabel"],triggerTag:["validateTriggerTag"],variant:["validateVariant"]}}static get style(){return l}},[4,"gov-stepper-item",{variant:[1],size:[1],identifier:[1],label:[1],annotation:[1],triggerTag:[1,"trigger-tag"],isExpandedState:[32],currentState:[64]},undefined,{label:["validateLabel"],triggerTag:["validateTriggerTag"],variant:["validateVariant"]}]);function h(){if(typeof customElements==="undefined"){return}const e=["gov-stepper-item"];e.forEach((e=>{switch(e){case"gov-stepper-item":if(!customElements.get(e)){customElements.define(e,d)}break}}))}h();const f=d;const x=h;export{f as GovStepperItem,x as defineCustomElement};
|
|
1
|
+
import{p as e,H as t,c as r,h as i,d as o}from"./p-5262b9ce.js";import{a}from"./p-e296ca83.js";import{v as s}from"./p-344c72d7.js";import{S as n,c as g}from"./p-8dfac7d7.js";import{c as v}from"./p-cd6c2938.js";import{g as p,p as c}from"./p-d687df8f.js";const m='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper-item{position:relative;display:block;width:100%}.gov-stepper-item__header{position:relative;width:100%}.gov-stepper-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-stepper-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-stepper-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-stepper-item__prefix .gov-icon{width:45%;height:45%}.gov-stepper-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-stepper-item__name{display:flex;flex-direction:column}.gov-stepper-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizard-title-font-weight, 700)}.gov-stepper-item__annot{color:var(--gov-color-secondary)}.gov-stepper-item__content>*:last-child{margin-bottom:0}.gov-stepper-item[variant=primary] .gov-stepper-item__header{color:var(--gov-wizard-primary-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=primary] .gov-stepper-item__prefix{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizard-primary-indicator-color, var(--gov-color-primary-800))}.gov-stepper-item[variant=secondary] .gov-stepper-item__header{color:var(--gov-wizard-secondary-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=secondary] .gov-stepper-item__prefix{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-stepper-item[variant=success] .gov-stepper-item__header{color:var(--gov-wizard-success-color, var(--gov-color-success-500))}.gov-stepper-item[variant=success] .gov-stepper-item__prefix{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizard-success-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=error] .gov-stepper-item__header{color:var(--gov-wizard-error-color, var(--gov-color-error-500))}.gov-stepper-item[variant=error] .gov-stepper-item__prefix{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizard-error-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item[variant=warning] .gov-stepper-item__header{color:var(--gov-wizard-warning-color, var(--gov-color-warning-500))}.gov-stepper-item[variant=warning] .gov-stepper-item__prefix{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-stepper-item::before{content:"";position:absolute;display:block;width:0.125rem}.gov-stepper-item:last-child::before{content:none}.gov-stepper-item[variant=primary]::before{background:var(--gov-wizard-primary-indicator-bg, var(--gov-color-primary-300))}.gov-stepper-item[variant=secondary]::before{background:var(--gov-wizard-secondary-indicator-bg, var(--gov-color-secondary-400))}.gov-stepper-item[variant=success]::before{background:var(--gov-wizard-success-indicator-bg, var(--gov-color-success))}.gov-stepper-item[variant=error]::before{background:var(--gov-wizard-error-indicator-bg, var(--gov-color-error))}.gov-stepper-item[variant=warning]::before{background:var(--gov-wizard-warning-indicator-bg, var(--gov-color-warning))}.gov-stepper-item[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=xs]::before{top:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + var(--gov-stepper-xs-connect-gap, 0.5rem));bottom:var(--gov-stepper-xs-connect-gap, 0.5rem);left:calc((var(--gov-stepper-xs-indicator-size, 1.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=xs]:last-child{min-height:0}.gov-stepper-item[size=xs] .gov-stepper-item__title{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)}.gov-stepper-item[size=xs] .gov-stepper-item__annot{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)}.gov-stepper-item[size=xs] .gov-stepper-item__prefix{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);width:var(--gov-stepper-xs-indicator-size, 1.5rem);height:var(--gov-stepper-xs-indicator-size, 1.5rem);box-shadow:0 0 0 var(--gov-stepper-xs-connect-gap, 0.5rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=xs] .gov-stepper-item__content{padding:var(--gov-stepper-xs-content-padding, 1rem 1rem 2rem 2.5rem)}.gov-stepper-item--w-annot[size=xs]{min-height:calc(var(--gov-stepper-xs-indicator-size, 1.5rem) * 1.5 + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem))}.gov-stepper-item[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=s]::before{top:calc(var(--gov-stepper-s-indicator-size, 2rem) + var(--gov-stepper-s-connect-gap, 1rem));bottom:var(--gov-stepper-s-connect-gap, 1rem);left:calc((var(--gov-stepper-s-indicator-size, 2rem) - 0.125rem) / 2)}.gov-stepper-item[size=s]:last-child{min-height:0}.gov-stepper-item[size=s] .gov-stepper-item__title{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)}.gov-stepper-item[size=s] .gov-stepper-item__annot{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)}.gov-stepper-item[size=s] .gov-stepper-item__prefix{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);width:var(--gov-stepper-s-indicator-size, 2rem);height:var(--gov-stepper-s-indicator-size, 2rem);box-shadow:0 0 0 var(--gov-stepper-s-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=s] .gov-stepper-item__content{padding:var(--gov-stepper-s-content-padding, 1rem 1rem 2rem 3rem)}.gov-stepper-item--w-annot[size=s]{min-height:calc(var(--gov-stepper-s-indicator-size, 2rem) * 1.5 + 3 * var(--gov-stepper-s-connect-gap, 1rem))}.gov-stepper-item[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + 3 * var(--gov-stepper-m-connect-gap, 1rem))}.gov-stepper-item[size=m]::before{top:calc(var(--gov-stepper-m-indicator-size, 2.5rem) + var(--gov-stepper-m-connect-gap, 1rem));bottom:var(--gov-stepper-m-connect-gap, 1rem);left:calc((var(--gov-stepper-m-indicator-size, 2.5rem) - 0.125rem) / 2)}.gov-stepper-item[size=m]:last-child{min-height:0}.gov-stepper-item[size=m] .gov-stepper-item__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)}.gov-stepper-item[size=m] .gov-stepper-item__annot{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)}.gov-stepper-item[size=m] .gov-stepper-item__prefix{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);width:var(--gov-stepper-m-indicator-size, 2.5rem);height:var(--gov-stepper-m-indicator-size, 2.5rem);box-shadow:0 0 0 var(--gov-stepper-m-connect-gap, 1rem) var(--gov-color-neutral-white)}.gov-stepper-item[size=m] .gov-stepper-item__content{padding:var(--gov-stepper-m-content-padding, 1rem 1rem 2rem 3.5rem)}.gov-stepper-item--w-annot[size=m]{min-height:calc(var(--gov-stepper-m-indicator-size, 2.5rem) * 1.5 + 3 * var(--gov-stepper-m-connect-gap, 1rem))}';const l=m;const d=e(class e extends t{constructor(){super();this.__registerHost();this.govChange=r(this,"gov-change",7);this.isExpandedState=undefined;this.variant="primary";this.size="m";this.identifier=undefined;this.label=undefined;this.annotation=undefined;this.triggerTag="h3";this.h=p(this.host);this.triggerId=v("GovStepperItem");this.contentId=v("GovStepperContent")}validateLabel(e){if(!e){a(`[${n.root}]: Parameter label is required.`)}}validateTriggerTag(e){const t=["h1","h2","h3","h4","h5","h6","span"];if(e){if(!t.includes(e)){a(`[${n.root}]: Tag ${e} is not allowed.`)}}}validateVariant(e){s(g,e,n.root)}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.triggerTag)}render(){const e=this.identifier||this.triggerId;const t=this.contentId;const{label:r}=this;const a=this.triggerTag;return i(o,{key:"8d08f11d6d41fdbfda841fc6a8b92e662525c3ac",class:c([n.root,this.annotation&&n.rootWithAnnot]),variant:this.variant},i("div",{key:"31b2dccdd333d1d6b57d608f463ef098ca7e0890",id:e,class:n.header,role:"listitem"},i(a,{key:"619dad78d74f8c86d18f9d1515245860865eb986",class:n.title},this.h.hasSlot("prefix")&&i("span",{key:"4a9d79cdce2a5356542d7656bfa19dcff67d7a6b",class:n.prefix},i("slot",{key:"84081ec60a3e3005332779704a39cdf03cb76144",name:"prefix"})),i("span",{key:"e3f05158f2a7a622c6e6935a41927c19936ba614",class:n.name},i("span",{key:"73b7180844026d13d4b3fb4ba736eb28f2d1c8a9",class:n.label},r),this.annotation&&i("span",{key:"608525047a0cc430c5209950fdff683a91795f58",class:n.annot},this.annotation)))),this.h.hasSlot("content")&&i("div",{key:"f6766d3f245c2a7bdd5773c8b8a01c275f1276cf",class:n.content,id:t,"aria-labelledby":e,role:"tabpanel"},i("slot",{key:"1d2d8afbc5320e3bb67ff94a6837e2e27446a6eb",name:"content"})))}async currentState(){return this.isExpandedState}get host(){return this}static get watchers(){return{label:["validateLabel"],triggerTag:["validateTriggerTag"],variant:["validateVariant"]}}static get style(){return l}},[4,"gov-stepper-item",{variant:[1],size:[1],identifier:[1],label:[1],annotation:[1],triggerTag:[1,"trigger-tag"],isExpandedState:[32],currentState:[64]},undefined,{label:["validateLabel"],triggerTag:["validateTriggerTag"],variant:["validateVariant"]}]);function h(){if(typeof customElements==="undefined"){return}const e=["gov-stepper-item"];e.forEach((e=>{switch(e){case"gov-stepper-item":if(!customElements.get(e)){customElements.define(e,d)}break}}))}h();const f=d;const x=h;export{f as GovStepperItem,x as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-stepper-item.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as i,d as o}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as i,d as o}from"./p-5262b9ce.js";import{v as a}from"./p-344c72d7.js";import{S as n,a as r,b as c}from"./p-8dfac7d7.js";import{g as p}from"./p-d687df8f.js";const d=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-stepper{position:relative;display:block;width:100%}";const m=d;const f=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.size="m";this.h=p(this.host)}validateSize(e){a(c,e,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(n.root).forEach((e=>{e.setAttribute("size",this.size);e.addEventListener("gov-change",(e=>{e.stopPropagation();this.govChange.emit(e.detail)}))}))}render(){return i(o,{key:"8e167455a54b2e2b3d5d86171959c3b7be205efe",class:this.h.classes(r.root),role:"list",size:this.size},i("slot",{key:"b066d15519504115cae8e05cb08060ac91251229"}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}static get style(){return m}},[4,"gov-stepper",{size:[1]},undefined,{size:["validateSize"]}]);function l(){if(typeof customElements==="undefined"){return}const e=["gov-stepper"];e.forEach((e=>{switch(e){case"gov-stepper":if(!customElements.get(e)){customElements.define(e,f)}break}}))}l();const h=f;const g=l;export{h as GovStepper,g as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-stepper.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as t,h as s,d as i}from"./p-
|
|
1
|
+
import{p as e,H as t,h as s,d as i}from"./p-5262b9ce.js";import{g as r,t as a}from"./p-d687df8f.js";import{c as n}from"./p-cd6c2938.js";import{a as o,T as d}from"./p-4faa3ba6.js";const c=".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs-item{color:var(--gov-tabs-text-color, var(--gov-color-secondary-700))}.gov-tabs-item__inner>*:last-child{margin-bottom:0}";const f=c;const l=e(class e extends t{constructor(){super();this.__registerHost();this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.disabled=false;this.default=false;this.isActive=false;this.h=r(this.host);this.contentId=n("GovTabContent");this.triggerId=n("GovTabTrigger")}rerenderParent(){const e=this.h.getParent(o.root);if(e){e.rerender().catch()}}render(){return s(i,{key:"809574167ff891e4e32992269e5db2edf9fc0c35",class:this.h.classes(d.root),default:this.default},s("div",{key:"08c5226f36dd2ec4bea3f1e67592ca44500a8d5c",class:d.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggerId,"aria-hidden":a(!this.isActive)},s("slot",{key:"4347d9f334f5b06a6aae9a2d98352cb921c67890"})))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggerId}async getDisableState(){return this.disabled}async setActiveStatus(e){this.isActive=e}get host(){return this}static get watchers(){return{label:["rerenderParent"],disabled:["rerenderParent"]}}static get style(){return f}},[4,"gov-tabs-item",{identifier:[1],triggerIdentifier:[1,"trigger-identifier"],label:[513],disabled:[516],default:[4],isActive:[32],getIdentifier:[64],getTriggerIdentifier:[64],getDisableState:[64],setActiveStatus:[64]},undefined,{label:["rerenderParent"],disabled:["rerenderParent"]}]);function g(){if(typeof customElements==="undefined"){return}const e=["gov-tabs-item"];e.forEach((e=>{switch(e){case"gov-tabs-item":if(!customElements.get(e)){customElements.define(e,l)}break}}))}g();const h=l;const b=g;export{h as GovTabsItem,b as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-tabs-item.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as o,c as a,h as e,d as r}from"./p-d6759ac3.js";import{g as s,a as i}from"./p-d687df8f.js";import{c as n}from"./p-e618f1cb.js";import{v as c}from"./p-344c72d7.js";import{a as l,v}from"./p-6b0471a8.js";import{c as b}from"./p-95d41a3b.js";import{d as g}from"./p-e0e2e9c1.js";import{T as d,a as h,b as p,c as m}from"./p-4faa3ba6.js";import{h as f}from"./p-3f704a40.js";import{d as y}from"./p-aa4122bd.js";import{d as u}from"./p-c2e5e893.js";import{d as _}from"./p-2dce8f2c.js";const w=".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{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:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn: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-tabs__btn[disabled]{cursor:not-allowed}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=chip] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-success-color-active, var(--gov-color-success-700));color:var(--gov-tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-error-color-active, var(--gov-color-error-600));color:var(--gov-tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";const x=w;const k=t(class t extends o{constructor(){super();this.__registerHost();this.govChange=a(this,"gov-change",7);this.triggerRefs={};this.controllers=[];this.focusIndex=0;this.compactControls=false;this.type="text";this.variant="primary";this.orientation="horizontal";this.wcagLabel=undefined;this.wcagSelectLabel=undefined;this.wcagLabelledBy=undefined;this.h=s(this.host);this.formSelectId=b("GovFormSelect")}validateType(t){c(p,t,h.root)}validateVariant(t){c(m,t,h.root)}componentWillLoad(){this.prepareControllers()}async componentDidRender(){if(n()){await g(500);await this.validateWcag()}}prepareControllers(t=false){this.controllers=[];const o=[];this.host.querySelectorAll(d.root).forEach((t=>{const a=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([o,a,e])=>{const r=typeof t.getAttribute("default")==="string";return{label:t.getAttribute("label"),contentIdentifier:o,disabled:e,triggerIdentifier:a,element:t,active:false,default:r}}));o.push(a)}));Promise.all(o).then((o=>{if(t===false){let t=o.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;o[t].active=true}else if(this.focusIndex>-1&&f(o,this.focusIndex)){o[this.focusIndex].active=true}const a=o.findIndex((t=>t.active&&t.disabled));if(a>-1){o[a].active=false;const t=o.findIndex((t=>!t.disabled));if(t>-1){o[t].active=true;this.focusIndex=t}}this.controllers=[...o];this.reRender()}))}setActiveByIdentifier(t){const o=[];this.controllers.map((a=>{a.active=t===a.triggerIdentifier||t===a.contentIdentifier;o.push(a)}));this.controllers=[...o]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return e(r,{key:"c9268edb140ab2f89a200e24fb82489ac643bb5b",class:this.h.classes(h.root),variant:this.variant,type:this.type,role:"tablist","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onKeyDown:this.onKeydownHandler.bind(this)},e("div",{key:"41848142996bf01dc71ec80d396feb28d1d361d3",class:h.tabs,"aria-hidden":i(this.compactControls)},e("ul",{key:"dcbc258c22c0200a96b74aba9b50088484cc9d36",class:h.list},this.controllers.map((t=>e("li",{class:h.item},this.type=="text"?e("button",{class:h.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":i(t.disabled),"aria-selected":i(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:o=>this.triggerRefs[t.triggerIdentifier]=o},t.label):e("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"wcag-selected":t.active,"wcag-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,variant:this.variant,inverse:!t.active,ref:o=>this.triggerRefs[t.triggerIdentifier]=o,"on-gov-click":()=>this.onSelectHandler(t)},t.label)))))),e("span",{key:"a7d9ec6aa331b24ba759f25cbfaefab3ffb3aa22",id:this.formSelectId,hidden:true},this.wcagSelectLabel),this.compactControls?e("gov-form-select",{"wcag-labelled-by":this.formSelectId,"onGov-change":this.onChangeHandler.bind(this)},this.controllers.map((t=>e("option",{value:t.triggerIdentifier,selected:t.active},t.label)))):null,e("slot",{key:"0b67266e6e5ef507c45202e92575d82be6946278"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const o=this.controllers.findIndex((o=>o.triggerIdentifier===t.triggerIdentifier));this.focusIndex=o;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onChangeHandler(t){const o=t.target.value;t.stopPropagation();this.setActiveByIdentifier(o);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const o=t.keyCode;t.stopPropagation();this.goToPrevNext(o)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const o=this.triggerRefs[t.triggerIdentifier];if(o.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}async validateWcag(){l(this.wcagSelectLabel,"wcag-select-label",h.root);v(this.wcagLabel,this.wcagLabelledBy,h.root)}get host(){return this}static get watchers(){return{type:["validateType"],variant:["validateVariant"]}}static get style(){return x}},[4,"gov-tabs",{type:[1],variant:[1],orientation:[1],wcagLabel:[1,"wcag-label"],wcagSelectLabel:[1,"wcag-select-label"],wcagLabelledBy:[1,"wcag-labelled-by"],controllers:[32],focusIndex:[32],compactControls:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64],validateWcag:[64]},undefined,{type:["validateType"],variant:["validateVariant"]}]);function j(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-form-select","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,k)}break;case"gov-chip":if(!customElements.get(t)){y()}break;case"gov-form-select":if(!customElements.get(t)){u()}break;case"gov-icon":if(!customElements.get(t)){_()}break}}))}j();const T=k;const E=j;export{T as GovTabs,E as defineCustomElement};
|
|
1
|
+
import{p as t,H as o,c as e,h as a,d as r}from"./p-5262b9ce.js";import{g as s,a as i}from"./p-d687df8f.js";import{c as n}from"./p-e618f1cb.js";import{v as c}from"./p-344c72d7.js";import{a as l,v}from"./p-71cec4ef.js";import{c as b}from"./p-cd6c2938.js";import{d as g}from"./p-e0e2e9c1.js";import{T as d,a as h,b as p,c as m}from"./p-4faa3ba6.js";import{h as f}from"./p-3f704a40.js";import{d as y}from"./p-b6dd95ba.js";import{d as u}from"./p-8cf6d23c.js";import{d as _}from"./p-2594e525.js";const w=".gov-tabs__list{margin:0;padding:0}.gov-tabs__list>.gov-tabs__item{margin:0;padding:0;background:none}.gov-tabs__list>.gov-tabs__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tabs{position:relative;display:block;width:100%}.gov-tabs__list{display:flex;flex-wrap:wrap;margin:0rem 0rem 1.25rem}.gov-tabs__list>.gov-tabs__item{display:flex;margin:0}.gov-tabs__btn{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:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0.75rem 0rem 0.625rem;border-bottom:0.125rem solid transparent;font-weight:700;text-align:center;transition:150ms linear color, 150ms linear border-color}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn:focus{outline:none}.gov-tabs__btn: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-tabs__btn[disabled]{cursor:not-allowed}.gov-tabs[type=text] .gov-tabs__list{gap:0.5rem 2rem;border-bottom:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[type=chip] .gov-tabs__list{gap:0.5rem 1rem}.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-tabs[variant=primary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-primary-color-hover, var(--gov-color-primary-800))}}.gov-tabs[variant=primary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800));color:var(--gov-tabs-primary-color-active, var(--gov-color-primary-800))}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-secondary-color, var(--gov-color-secondary-700))}@media not all and (pointer: coarse){.gov-tabs[variant=secondary][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-secondary-color-hover, var(--gov-color-secondary-900))}}.gov-tabs[variant=secondary][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900));color:var(--gov-tabs-secondary-color-active, var(--gov-color-secondary-900))}.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-success-color, var(--gov-color-success-500))}@media not all and (pointer: coarse){.gov-tabs[variant=success][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-success-color-hover, var(--gov-color-success-700))}}.gov-tabs[variant=success][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-success-color-active, var(--gov-color-success-700));color:var(--gov-tabs-success-color-active, var(--gov-color-success-700))}.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-warning-color, var(--gov-color-warning-500))}@media not all and (pointer: coarse){.gov-tabs[variant=warning][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-warning-color-hover, var(--gov-color-warning-700))}}.gov-tabs[variant=warning][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700));color:var(--gov-tabs-warning-color-active, var(--gov-color-warning-700))}.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]){color:var(--gov-tabs-error-color, var(--gov-color-error-400))}@media not all and (pointer: coarse){.gov-tabs[variant=error][type=text] .gov-tabs__btn:not([disabled]):hover{color:var(--gov-tabs-error-color-hover, var(--gov-color-error-600))}}.gov-tabs[variant=error][type=text] .gov-tabs__btn[aria-selected=true]{border-bottom-color:var(--gov-tabs-error-color-active, var(--gov-color-error-600));color:var(--gov-tabs-error-color-active, var(--gov-color-error-600))}.gov-tabs[orientation=vertical] .gov-tabs__btn{text-align:left}@media (min-width: 75em){.gov-tabs[orientation=vertical]{display:flex;flex-direction:row}.gov-tabs[orientation=vertical] .gov-tabs__list{flex-wrap:nowrap;flex-direction:column;width:-moz-max-content;width:max-content;max-width:30vw;margin-right:1.25rem;padding:0rem 0.5rem;border-bottom:none;border-right:var(--gov-tabs-list-border-width, 0.0625rem solid var(--gov-color-secondary-500))}.gov-tabs[orientation=vertical] .gov-tabs__item{justify-content:flex-end}.gov-tabs[orientation=vertical] .gov-tabs__btn{padding:0.5rem 0.75rem;text-align:right}}";const x=w;const k=t(class t extends o{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change",7);this.triggerRefs={};this.controllers=[];this.focusIndex=0;this.compactControls=false;this.type="text";this.variant="primary";this.orientation="horizontal";this.wcagLabel=undefined;this.wcagSelectLabel=undefined;this.wcagLabelledBy=undefined;this.h=s(this.host);this.formSelectId=b("GovFormSelect")}validateType(t){c(p,t,h.root)}validateVariant(t){c(m,t,h.root)}componentWillLoad(){this.prepareControllers()}async componentDidRender(){if(n()){await g(500);await this.validateWcag()}}prepareControllers(t=false){this.controllers=[];const o=[];this.host.querySelectorAll(d.root).forEach((t=>{const e=Promise.all([t.getIdentifier(),t.getTriggerIdentifier(),t.getDisableState()]).then((([o,e,a])=>{const r=typeof t.getAttribute("default")==="string";return{label:t.getAttribute("label"),contentIdentifier:o,disabled:a,triggerIdentifier:e,element:t,active:false,default:r}}));o.push(e)}));Promise.all(o).then((o=>{if(t===false){let t=o.findIndex((t=>t.default));if(t===-1)t=0;this.focusIndex=t;o[t].active=true}else if(this.focusIndex>-1&&f(o,this.focusIndex)){o[this.focusIndex].active=true}const e=o.findIndex((t=>t.active&&t.disabled));if(e>-1){o[e].active=false;const t=o.findIndex((t=>!t.disabled));if(t>-1){o[t].active=true;this.focusIndex=t}}this.controllers=[...o];this.reRender()}))}setActiveByIdentifier(t){const o=[];this.controllers.map((e=>{e.active=t===e.triggerIdentifier||t===e.contentIdentifier;o.push(e)}));this.controllers=[...o]}reRender(){this.controllers.map((t=>{t.element.setActiveStatus(t.active).catch()}))}render(){return a(r,{key:"186410a9d3740c212548d0d5f3466c8d9454cc98",class:this.h.classes(h.root),variant:this.variant,type:this.type,role:"tablist","aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy,onKeyDown:this.onKeydownHandler.bind(this)},a("div",{key:"fd1d0b99fb95e70a95b650820d6c978013bc5d32",class:h.tabs,"aria-hidden":i(this.compactControls)},a("ul",{key:"e91a89a4e2ba202edaf03f6f87f723554ff800cf",class:h.list},this.controllers.map((t=>a("li",{class:h.item},this.type=="text"?a("button",{class:h.btn,id:t.triggerIdentifier,role:"tab",onClick:()=>this.onSelectHandler(t),disabled:t.disabled,"aria-disabled":i(t.disabled),"aria-selected":i(t.active),"aria-controls":t.contentIdentifier,tabindex:t.active&&!t.disabled?0:-1,ref:o=>this.triggerRefs[t.triggerIdentifier]=o},t.label):a("gov-chip",{role:"tab",tag:"button",identifier:t.triggerIdentifier,"wcag-selected":t.active,"wcag-controls":t.contentIdentifier,focusable:t.active,disabled:t.disabled,variant:this.variant,inverse:!t.active,ref:o=>this.triggerRefs[t.triggerIdentifier]=o,"on-gov-click":()=>this.onSelectHandler(t)},t.label)))))),a("span",{key:"6b8810b0481484456442072c2eb7655e64da1cb8",id:this.formSelectId,hidden:true},this.wcagSelectLabel),this.compactControls?a("gov-form-select",{"wcag-labelled-by":this.formSelectId,"onGov-change":this.onChangeHandler.bind(this)},this.controllers.map((t=>a("option",{value:t.triggerIdentifier,selected:t.active},t.label)))):null,a("slot",{key:"f24fff9da81ce5b0ac18e7bfc4c1b560ba391ce6"}))}getCurrentTab(){return this.controllers.find((t=>t.active))||null}onSelectHandler(t){const o=this.controllers.findIndex((o=>o.triggerIdentifier===t.triggerIdentifier));this.focusIndex=o;this.setActiveByIdentifier(t.triggerIdentifier);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onChangeHandler(t){const o=t.target.value;t.stopPropagation();this.setActiveByIdentifier(o);this.reRender();this.govChange.emit(this.getCurrentTab().element)}onKeydownHandler(t){const o=t.keyCode;t.stopPropagation();this.goToPrevNext(o)}goToPrevNext(t){if([37,38,39,40].includes(t)){if(false===(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1)){return}this.controllers[this.focusIndex].active=false;if(t===39||t===40){this.focusIndex++;if(this.focusIndex>=this.controllers.length){this.focusIndex=0}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(40)}}else if(t===37||t===38){this.focusIndex--;if(this.focusIndex<0){this.focusIndex=this.controllers.length-1}if(this.controllers[this.focusIndex].disabled){this.goToPrevNext(38)}}if(this.focusIndex>=0&&this.focusIndex<=this.controllers.length-1){const t=this.controllers[this.focusIndex];t.active=true;const o=this.triggerRefs[t.triggerIdentifier];if(o.nodeName.toLowerCase()==="gov-chip"){this.triggerRefs[t.triggerIdentifier].setFocus()}else{this.triggerRefs[t.triggerIdentifier].focus()}this.controllers=[...this.controllers];this.reRender();this.govChange.emit(this.getCurrentTab().element)}}}async refresh(){this.prepareControllers()}async currentTab(){return this.getCurrentTab().element||null}async setActiveTab(t){this.setActiveByIdentifier(t);this.reRender()}async rerender(){this.prepareControllers(true)}async validateWcag(){l(this.wcagSelectLabel,"wcag-select-label",h.root);v(this.wcagLabel,this.wcagLabelledBy,h.root)}get host(){return this}static get watchers(){return{type:["validateType"],variant:["validateVariant"]}}static get style(){return x}},[4,"gov-tabs",{type:[1],variant:[1],orientation:[1],wcagLabel:[1,"wcag-label"],wcagSelectLabel:[1,"wcag-select-label"],wcagLabelledBy:[1,"wcag-labelled-by"],controllers:[32],focusIndex:[32],compactControls:[32],refresh:[64],currentTab:[64],setActiveTab:[64],rerender:[64],validateWcag:[64]},undefined,{type:["validateType"],variant:["validateVariant"]}]);function j(){if(typeof customElements==="undefined"){return}const t=["gov-tabs","gov-chip","gov-form-select","gov-icon"];t.forEach((t=>{switch(t){case"gov-tabs":if(!customElements.get(t)){customElements.define(t,k)}break;case"gov-chip":if(!customElements.get(t)){y()}break;case"gov-form-select":if(!customElements.get(t)){u()}break;case"gov-icon":if(!customElements.get(t)){_()}break}}))}j();const T=k;const E=j;export{T as GovTabs,E as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=gov-tabs.js.map
|