@gov-design-system-ce/components 0.0.13 → 0.0.14
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/{constants-245999e7.js → constants-adc8268f.js} +2 -2
- package/dist/cjs/constants-adc8268f.js.map +1 -0
- package/dist/cjs/core.cjs.js +2 -2
- package/dist/cjs/gov-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-accordion.cjs.entry.js +2 -2
- package/dist/cjs/gov-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-alert.cjs.entry.js +2 -2
- package/dist/cjs/gov-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-app.cjs.entry.js +54 -2
- package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +4 -4
- package/dist/cjs/gov-attachments_3.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
- package/dist/cjs/gov-backdrop.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-badge.cjs.entry.js +3 -3
- package/dist/cjs/gov-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-button.cjs.entry.js +3 -3
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-card.cjs.entry.js +2 -2
- package/dist/cjs/gov-card.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-container.cjs.entry.js +2 -2
- package/dist/cjs/gov-container.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-cookiebar.cjs.entry.js +2 -2
- package/dist/cjs/gov-cookiebar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-empty.cjs.entry.js +2 -2
- package/dist/cjs/gov-empty.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-error-code.cjs.entry.js +2 -2
- package/dist/cjs/gov-error-code.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +2 -2
- 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-control.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-password-power.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-password-power.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-search.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-grid-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-grid.cjs.entry.js +2 -2
- package/dist/cjs/gov-grid.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-icon.cjs.entry.js +3 -3
- package/dist/cjs/gov-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-layout-column.cjs.entry.js +2 -2
- package/dist/cjs/gov-layout-column.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-layout.cjs.entry.js +2 -2
- package/dist/cjs/gov-layout.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js +2 -2
- package/dist/cjs/gov-loading.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-message.cjs.entry.js +2 -2
- package/dist/cjs/gov-message.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-modal.cjs.entry.js +2 -2
- package/dist/cjs/gov-modal.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-nav-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-nav.cjs.entry.js +2 -2
- package/dist/cjs/gov-nav.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-prompt.cjs.entry.js +2 -2
- package/dist/cjs/gov-prompt.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-side-nav-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-side-nav-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-side-nav.cjs.entry.js +2 -2
- package/dist/cjs/gov-side-nav.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-skeleton.cjs.entry.js +117 -0
- package/dist/cjs/gov-skeleton.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-spacer.cjs.entry.js +2 -2
- package/dist/cjs/gov-spacer.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-statsbar-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-statsbar-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-statsbar.cjs.entry.js +2 -2
- package/dist/cjs/gov-statsbar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-stepper.cjs.entry.js +2 -2
- package/dist/cjs/gov-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tabs-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-tabs-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tile.cjs.entry.js +2 -2
- package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tiles.cjs.entry.js +2 -2
- package/dist/cjs/gov-tiles.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js +2 -2
- package/dist/cjs/gov-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tooltip-content.cjs.entry.js +2 -2
- package/dist/cjs/gov-tooltip-content.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/gov-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizzard-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizzard.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizzard.cjs.entry.js.map +1 -1
- package/dist/cjs/{index-356717ae.js → index-29ac07f6.js} +64 -2
- package/dist/cjs/index-29ac07f6.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.css +19 -0
- package/dist/collection/components/gov-accordion/gov-accordion.css +19 -0
- package/dist/collection/components/gov-alert/gov-alert.css +19 -0
- package/dist/collection/components/gov-app/gov-app.css +19 -0
- package/dist/collection/components/gov-attachments/gov-attachments-item.css +19 -0
- package/dist/collection/components/gov-attachments/gov-attachments.css +19 -0
- package/dist/collection/components/gov-backdrop/gov-backdrop.css +19 -0
- package/dist/collection/components/gov-badge/gov-badge.css +19 -0
- package/dist/collection/components/gov-badge/gov-badge.js +1 -1
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +19 -0
- package/dist/collection/components/gov-button/constants.js +1 -1
- package/dist/collection/components/gov-button/constants.js.map +1 -1
- package/dist/collection/components/gov-button/gov-button.css +19 -0
- package/dist/collection/components/gov-button/gov-button.js +1 -1
- package/dist/collection/components/gov-card/gov-card.css +19 -0
- package/dist/collection/components/gov-container/gov-container.css +19 -0
- package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +19 -0
- package/dist/collection/components/gov-empty/gov-empty.css +19 -0
- package/dist/collection/components/gov-error-code/gov-error-code.css +19 -0
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +19 -0
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +19 -0
- package/dist/collection/components/gov-form/control/gov-form-control.css +19 -0
- package/dist/collection/components/gov-form/file/gov-form-file.css +19 -0
- package/dist/collection/components/gov-form/group/gov-form-group.css +19 -0
- package/dist/collection/components/gov-form/input/gov-form-input.css +19 -0
- package/dist/collection/components/gov-form/label/gov-form-label.css +19 -0
- package/dist/collection/components/gov-form/message/gov-form-message.css +19 -0
- package/dist/collection/components/gov-form/message/gov-form-message.js +1 -1
- package/dist/collection/components/gov-form/message/gov-form-message.js.map +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +19 -0
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +19 -0
- package/dist/collection/components/gov-form/radio/gov-form-radio.css +19 -0
- package/dist/collection/components/gov-form/search/gov-form-search.css +22 -3
- package/dist/collection/components/gov-form/select/gov-form-select.css +19 -0
- package/dist/collection/components/gov-form/switch/gov-form-switch.css +19 -0
- package/dist/collection/components/gov-grid/gov-grid-item.css +19 -0
- package/dist/collection/components/gov-grid/gov-grid.css +19 -0
- package/dist/collection/components/gov-icon/gov-icon.css +19 -0
- package/dist/collection/components/gov-layout/gov-layout-column.css +19 -0
- package/dist/collection/components/gov-layout/gov-layout.css +19 -0
- package/dist/collection/components/gov-loading/loading/constants.js.map +1 -0
- package/dist/collection/components/gov-loading/{gov-loading.css → loading/gov-loading.css} +19 -0
- package/dist/collection/components/gov-loading/{gov-loading.js → loading/gov-loading.js} +1 -1
- package/dist/collection/components/gov-loading/loading/gov-loading.js.map +1 -0
- package/dist/collection/components/gov-loading/skeleton/constants.js +20 -0
- package/dist/collection/components/gov-loading/skeleton/constants.js.map +1 -0
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +290 -0
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js +267 -0
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js.map +1 -0
- package/dist/collection/components/gov-message/gov-message.css +19 -0
- package/dist/collection/components/gov-modal/gov-modal.css +19 -0
- package/dist/collection/components/gov-nav/gov-nav-item.css +19 -0
- package/dist/collection/components/gov-nav/gov-nav.css +19 -0
- package/dist/collection/components/gov-pagination/gov-pagination.css +19 -0
- package/dist/collection/components/gov-promp/gov-prompt.css +19 -0
- package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +19 -0
- package/dist/collection/components/gov-side-nav/gov-side-nav.css +19 -0
- package/dist/collection/components/gov-spacer/gov-spacer.css +19 -0
- package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +19 -0
- package/dist/collection/components/gov-statsbar/gov-statsbar.css +19 -0
- package/dist/collection/components/gov-stepper/gov-stepper-item.css +19 -0
- package/dist/collection/components/gov-stepper/gov-stepper.css +19 -0
- package/dist/collection/components/gov-tabs/gov-tabs-item.css +19 -0
- package/dist/collection/components/gov-tabs/gov-tabs.css +19 -0
- package/dist/collection/components/gov-tile/container/gov-tiles.css +19 -0
- package/dist/collection/components/gov-tile/gov-tile.css +19 -0
- package/dist/collection/components/gov-toast/gov-toast.css +19 -0
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +19 -0
- package/dist/collection/components/gov-tooltip/gov-tooltip.css +19 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +19 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard.css +19 -0
- package/dist/collection/pages/Loading.js +52 -0
- package/dist/collection/pages/Loading.js.map +1 -1
- package/dist/components/constants3.js +1 -1
- package/dist/components/constants3.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion-item.js.map +1 -1
- package/dist/components/gov-accordion.js +1 -1
- package/dist/components/gov-accordion.js.map +1 -1
- package/dist/components/gov-alert.js +1 -1
- package/dist/components/gov-alert.js.map +1 -1
- package/dist/components/gov-app.js +53 -1
- package/dist/components/gov-app.js.map +1 -1
- package/dist/components/gov-attachments-item2.js +1 -1
- package/dist/components/gov-attachments-item2.js.map +1 -1
- package/dist/components/gov-attachments2.js +1 -1
- package/dist/components/gov-attachments2.js.map +1 -1
- package/dist/components/gov-backdrop2.js +1 -1
- package/dist/components/gov-backdrop2.js.map +1 -1
- package/dist/components/gov-badge2.js +1 -1
- package/dist/components/gov-badge2.js.map +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-breadcrumbs.js.map +1 -1
- package/dist/components/gov-button2.js +1 -1
- package/dist/components/gov-button2.js.map +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-card.js.map +1 -1
- package/dist/components/gov-container.js +1 -1
- package/dist/components/gov-container.js.map +1 -1
- package/dist/components/gov-cookiebar.js +1 -1
- package/dist/components/gov-cookiebar.js.map +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-empty.js.map +1 -1
- package/dist/components/gov-error-code.js +1 -1
- package/dist/components/gov-error-code.js.map +1 -1
- package/dist/components/gov-form-autocomplete2.js +1 -1
- package/dist/components/gov-form-autocomplete2.js.map +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-control.js.map +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-group.js.map +1 -1
- package/dist/components/gov-form-input2.js +1 -1
- package/dist/components/gov-form-input2.js.map +1 -1
- package/dist/components/gov-form-label.js +1 -1
- package/dist/components/gov-form-label.js.map +1 -1
- package/dist/components/gov-form-message2.js +1 -1
- package/dist/components/gov-form-message2.js.map +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-password-power.js.map +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-search.js.map +1 -1
- package/dist/components/gov-form-select2.js +1 -1
- package/dist/components/gov-form-select2.js.map +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-item.js.map +1 -1
- package/dist/components/gov-grid.js +1 -1
- package/dist/components/gov-grid.js.map +1 -1
- package/dist/components/gov-icon2.js +2 -2
- package/dist/components/gov-icon2.js.map +1 -1
- package/dist/components/gov-layout-column.js +1 -1
- package/dist/components/gov-layout-column.js.map +1 -1
- package/dist/components/gov-layout.js +1 -1
- package/dist/components/gov-layout.js.map +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-loading.js.map +1 -1
- package/dist/components/gov-message.js +1 -1
- package/dist/components/gov-message.js.map +1 -1
- package/dist/components/gov-modal.js +1 -1
- package/dist/components/gov-modal.js.map +1 -1
- package/dist/components/gov-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-nav.js.map +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-pagination.js.map +1 -1
- package/dist/components/gov-prompt.js +1 -1
- package/dist/components/gov-prompt.js.map +1 -1
- package/dist/components/gov-side-nav-item.js +1 -1
- package/dist/components/gov-side-nav-item.js.map +1 -1
- package/dist/components/gov-side-nav.js +1 -1
- package/dist/components/gov-side-nav.js.map +1 -1
- package/dist/components/gov-skeleton.d.ts +11 -0
- package/dist/components/gov-skeleton.js +138 -0
- package/dist/components/gov-skeleton.js.map +1 -0
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-spacer.js.map +1 -1
- package/dist/components/gov-statsbar-item.js +1 -1
- package/dist/components/gov-statsbar-item.js.map +1 -1
- package/dist/components/gov-statsbar.js +1 -1
- package/dist/components/gov-statsbar.js.map +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper-item.js.map +1 -1
- package/dist/components/gov-stepper.js +1 -1
- package/dist/components/gov-stepper.js.map +1 -1
- package/dist/components/gov-tabs-item.js +1 -1
- package/dist/components/gov-tabs-item.js.map +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tabs.js.map +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-tile.js.map +1 -1
- package/dist/components/gov-tiles.js +1 -1
- package/dist/components/gov-tiles.js.map +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-toast.js.map +1 -1
- package/dist/components/gov-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip-content.js.map +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizzard-item.js +1 -1
- package/dist/components/gov-wizzard-item.js.map +1 -1
- package/dist/components/gov-wizzard.js +1 -1
- package/dist/components/gov-wizzard.js.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/core/core.css +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0272ffa0.entry.js +2 -0
- package/dist/core/{p-5b4e3bdf.entry.js.map → p-0272ffa0.entry.js.map} +1 -1
- package/dist/core/p-042d5b20.entry.js +2 -0
- package/dist/core/{p-1bb5184f.entry.js.map → p-042d5b20.entry.js.map} +1 -1
- package/dist/core/p-0874a5ec.entry.js +2 -0
- package/dist/core/p-0874a5ec.entry.js.map +1 -0
- package/dist/core/p-0f0564e8.entry.js +2 -0
- package/dist/core/{p-c0d3d3e0.entry.js.map → p-0f0564e8.entry.js.map} +1 -1
- package/dist/core/p-131c50d1.entry.js +2 -0
- package/dist/core/{p-e86bffd0.entry.js.map → p-131c50d1.entry.js.map} +1 -1
- package/dist/core/p-1c877e8e.entry.js +2 -0
- package/dist/core/{p-f48fd266.entry.js.map → p-1c877e8e.entry.js.map} +1 -1
- package/dist/core/p-1def0eb2.entry.js +2 -0
- package/dist/core/{p-733bd593.entry.js.map → p-1def0eb2.entry.js.map} +1 -1
- package/dist/core/p-2426fa82.entry.js +2 -0
- package/dist/core/{p-9d51ea56.entry.js.map → p-2426fa82.entry.js.map} +1 -1
- package/dist/core/p-24877419.entry.js +2 -0
- package/dist/core/{p-9ca0a11c.entry.js.map → p-24877419.entry.js.map} +1 -1
- package/dist/core/p-2f88b6d9.entry.js +2 -0
- package/dist/core/{p-a6c8d474.entry.js.map → p-2f88b6d9.entry.js.map} +1 -1
- package/dist/core/p-30b162df.entry.js +2 -0
- package/dist/core/p-30b162df.entry.js.map +1 -0
- package/dist/core/p-337fb136.entry.js +2 -0
- package/dist/core/{p-4e12d6e3.entry.js.map → p-337fb136.entry.js.map} +1 -1
- package/dist/core/p-3f92f3bf.entry.js +2 -0
- package/dist/core/{p-4b375a4d.entry.js.map → p-3f92f3bf.entry.js.map} +1 -1
- package/dist/core/p-402c2751.entry.js +2 -0
- package/dist/core/{p-9658b6ef.entry.js.map → p-402c2751.entry.js.map} +1 -1
- package/dist/core/p-405fc50f.entry.js +2 -0
- package/dist/core/{p-c9948e57.entry.js.map → p-405fc50f.entry.js.map} +1 -1
- package/dist/core/p-42636ddf.entry.js +2 -0
- package/dist/core/{p-fc9d66ae.entry.js.map → p-42636ddf.entry.js.map} +1 -1
- package/dist/core/p-429850b9.entry.js +2 -0
- package/dist/core/p-429850b9.entry.js.map +1 -0
- package/dist/core/p-471c0863.entry.js +2 -0
- package/dist/core/{p-7684f6d0.entry.js.map → p-471c0863.entry.js.map} +1 -1
- package/dist/core/p-4af5e4f4.js +3 -0
- package/dist/core/p-4af5e4f4.js.map +1 -0
- package/dist/core/p-52dc68aa.entry.js +2 -0
- package/dist/core/{p-f531f5c4.entry.js.map → p-52dc68aa.entry.js.map} +1 -1
- package/dist/core/p-540e79c4.entry.js +2 -0
- package/dist/core/{p-01bdd4a4.entry.js.map → p-540e79c4.entry.js.map} +1 -1
- package/dist/core/p-5a1c8d48.entry.js +2 -0
- package/dist/core/{p-68d968ac.entry.js.map → p-5a1c8d48.entry.js.map} +1 -1
- package/dist/core/p-5d348765.entry.js +2 -0
- package/dist/core/{p-8a8d846c.entry.js.map → p-5d348765.entry.js.map} +1 -1
- package/dist/core/p-5e4cf9a2.entry.js +2 -0
- package/dist/core/{p-8dacc8dc.entry.js.map → p-5e4cf9a2.entry.js.map} +1 -1
- package/dist/core/p-61103476.entry.js +2 -0
- package/dist/core/{p-533bd158.entry.js.map → p-61103476.entry.js.map} +1 -1
- package/dist/core/p-67006730.entry.js +2 -0
- package/dist/core/{p-ac33c5ef.entry.js.map → p-67006730.entry.js.map} +1 -1
- package/dist/core/p-6aa31f02.entry.js +2 -0
- package/dist/core/{p-7be3abb5.entry.js.map → p-6aa31f02.entry.js.map} +1 -1
- package/dist/core/p-732f74fe.entry.js +2 -0
- package/dist/core/{p-49853c5a.entry.js.map → p-732f74fe.entry.js.map} +1 -1
- package/dist/core/p-76e2aa52.entry.js +2 -0
- package/dist/core/{p-e57d250f.entry.js.map → p-76e2aa52.entry.js.map} +1 -1
- package/dist/core/p-7bfa06b1.entry.js +2 -0
- package/dist/core/{p-4d73d70e.entry.js.map → p-7bfa06b1.entry.js.map} +1 -1
- package/dist/core/p-8204070b.entry.js +2 -0
- package/dist/core/{p-b37ca132.entry.js.map → p-8204070b.entry.js.map} +1 -1
- package/dist/core/p-8bebbcc7.entry.js +2 -0
- package/dist/core/{p-63d2e8ec.entry.js.map → p-8bebbcc7.entry.js.map} +1 -1
- package/dist/core/p-93edcce2.entry.js +2 -0
- package/dist/core/{p-b5284ce3.entry.js.map → p-93edcce2.entry.js.map} +1 -1
- package/dist/core/p-9bdce72b.entry.js +2 -0
- package/dist/core/{p-8d5c9030.entry.js.map → p-9bdce72b.entry.js.map} +1 -1
- package/dist/core/p-a4d23e73.entry.js +2 -0
- package/dist/core/{p-25380da6.entry.js.map → p-a4d23e73.entry.js.map} +1 -1
- package/dist/core/p-a89c27c1.entry.js +2 -0
- package/dist/core/{p-3e9ba1c1.entry.js.map → p-a89c27c1.entry.js.map} +1 -1
- package/dist/core/p-aba39622.entry.js +2 -0
- package/dist/core/{p-a5e34e93.entry.js.map → p-aba39622.entry.js.map} +1 -1
- package/dist/core/p-b2275b3d.js +2 -0
- package/dist/core/p-b2275b3d.js.map +1 -0
- package/dist/core/p-b7587525.entry.js +2 -0
- package/dist/core/{p-ae3e2d60.entry.js.map → p-b7587525.entry.js.map} +1 -1
- package/dist/core/{p-7670f834.entry.js → p-bce96aac.entry.js} +2 -2
- package/dist/core/p-bce96aac.entry.js.map +1 -0
- package/dist/core/p-c836f7cd.entry.js +2 -0
- package/dist/core/{p-d2d8998d.entry.js.map → p-c836f7cd.entry.js.map} +1 -1
- package/dist/core/p-c91928ed.entry.js +2 -0
- package/dist/core/{p-5b2e8e04.entry.js.map → p-c91928ed.entry.js.map} +1 -1
- package/dist/core/p-d2f6053f.entry.js +2 -0
- package/dist/core/{p-595a2301.entry.js.map → p-d2f6053f.entry.js.map} +1 -1
- package/dist/core/p-d389c001.entry.js +2 -0
- package/dist/core/{p-f1fe9358.entry.js.map → p-d389c001.entry.js.map} +1 -1
- package/dist/core/p-d5c2db32.entry.js +2 -0
- package/dist/core/{p-9ba104c3.entry.js.map → p-d5c2db32.entry.js.map} +1 -1
- package/dist/core/p-d8def432.entry.js +2 -0
- package/dist/core/{p-72f16a95.entry.js.map → p-d8def432.entry.js.map} +1 -1
- package/dist/core/p-d90a2718.entry.js +2 -0
- package/dist/core/{p-24cde59e.entry.js.map → p-d90a2718.entry.js.map} +1 -1
- package/dist/core/p-d9b4bc20.entry.js +2 -0
- package/dist/core/{p-84fda9dd.entry.js.map → p-d9b4bc20.entry.js.map} +1 -1
- package/dist/core/p-dc94a1da.entry.js +2 -0
- package/dist/core/{p-cf6576fd.entry.js.map → p-dc94a1da.entry.js.map} +1 -1
- package/dist/core/p-e1e4c8f8.entry.js +2 -0
- package/dist/core/{p-99155ec0.entry.js.map → p-e1e4c8f8.entry.js.map} +1 -1
- package/dist/core/p-e3141382.entry.js +2 -0
- package/dist/core/{p-b966062a.entry.js.map → p-e3141382.entry.js.map} +1 -1
- package/dist/core/p-e4bb6100.entry.js +2 -0
- package/dist/core/{p-16608a87.entry.js.map → p-e4bb6100.entry.js.map} +1 -1
- package/dist/core/p-e4bb6114.entry.js +2 -0
- package/dist/core/{p-9d30e79e.entry.js.map → p-e4bb6114.entry.js.map} +1 -1
- package/dist/core/p-e6b8c610.entry.js +2 -0
- package/dist/core/{p-ef095a1f.entry.js.map → p-e6b8c610.entry.js.map} +1 -1
- package/dist/core/p-ef393836.entry.js +2 -0
- package/dist/core/{p-833ab414.entry.js.map → p-ef393836.entry.js.map} +1 -1
- package/dist/core/p-f0a4439e.entry.js +2 -0
- package/dist/core/{p-b308500e.entry.js.map → p-f0a4439e.entry.js.map} +1 -1
- package/dist/core/p-f644cad5.entry.js +2 -0
- package/dist/core/{p-fac1c202.entry.js.map → p-f644cad5.entry.js.map} +1 -1
- package/dist/core/p-f6e2f2f0.entry.js +2 -0
- package/dist/core/{p-00e1e600.entry.js.map → p-f6e2f2f0.entry.js.map} +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +1 -1
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/{constants-45f6db4c.js → constants-089b3fdd.js} +2 -2
- package/dist/esm/constants-089b3fdd.js.map +1 -0
- package/dist/esm/core.js +2 -2
- package/dist/esm/gov-accordion-item.entry.js +2 -2
- package/dist/esm/gov-accordion-item.entry.js.map +1 -1
- package/dist/esm/gov-accordion.entry.js +2 -2
- package/dist/esm/gov-accordion.entry.js.map +1 -1
- package/dist/esm/gov-alert.entry.js +2 -2
- package/dist/esm/gov-alert.entry.js.map +1 -1
- package/dist/esm/gov-app.entry.js +54 -2
- package/dist/esm/gov-app.entry.js.map +1 -1
- package/dist/esm/gov-attachments_3.entry.js +4 -4
- package/dist/esm/gov-attachments_3.entry.js.map +1 -1
- package/dist/esm/gov-backdrop.entry.js +2 -2
- package/dist/esm/gov-backdrop.entry.js.map +1 -1
- package/dist/esm/gov-badge.entry.js +3 -3
- package/dist/esm/gov-badge.entry.js.map +1 -1
- package/dist/esm/gov-breadcrumbs.entry.js +2 -2
- package/dist/esm/gov-breadcrumbs.entry.js.map +1 -1
- package/dist/esm/gov-button.entry.js +3 -3
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-card.entry.js +2 -2
- package/dist/esm/gov-card.entry.js.map +1 -1
- package/dist/esm/gov-container.entry.js +2 -2
- package/dist/esm/gov-container.entry.js.map +1 -1
- package/dist/esm/gov-cookiebar.entry.js +2 -2
- package/dist/esm/gov-cookiebar.entry.js.map +1 -1
- package/dist/esm/gov-empty.entry.js +2 -2
- package/dist/esm/gov-empty.entry.js.map +1 -1
- package/dist/esm/gov-error-code.entry.js +2 -2
- package/dist/esm/gov-error-code.entry.js.map +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +2 -2
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +2 -2
- 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-control.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +2 -2
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +2 -2
- package/dist/esm/gov-form-group.entry.js.map +1 -1
- package/dist/esm/gov-form-input.entry.js +2 -2
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-label.entry.js +2 -2
- package/dist/esm/gov-form-label.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +2 -2
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-password-power.entry.js +2 -2
- package/dist/esm/gov-form-password-power.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +2 -2
- package/dist/esm/gov-form-radio.entry.js.map +1 -1
- package/dist/esm/gov-form-search.entry.js +2 -2
- package/dist/esm/gov-form-search.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +2 -2
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +2 -2
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-grid-item.entry.js +2 -2
- package/dist/esm/gov-grid-item.entry.js.map +1 -1
- package/dist/esm/gov-grid.entry.js +2 -2
- package/dist/esm/gov-grid.entry.js.map +1 -1
- package/dist/esm/gov-icon.entry.js +3 -3
- package/dist/esm/gov-icon.entry.js.map +1 -1
- package/dist/esm/gov-layout-column.entry.js +2 -2
- package/dist/esm/gov-layout-column.entry.js.map +1 -1
- package/dist/esm/gov-layout.entry.js +2 -2
- package/dist/esm/gov-layout.entry.js.map +1 -1
- package/dist/esm/gov-loading.entry.js +2 -2
- package/dist/esm/gov-loading.entry.js.map +1 -1
- package/dist/esm/gov-message.entry.js +2 -2
- package/dist/esm/gov-message.entry.js.map +1 -1
- package/dist/esm/gov-modal.entry.js +2 -2
- package/dist/esm/gov-modal.entry.js.map +1 -1
- package/dist/esm/gov-nav-item.entry.js +2 -2
- package/dist/esm/gov-nav-item.entry.js.map +1 -1
- package/dist/esm/gov-nav.entry.js +2 -2
- package/dist/esm/gov-nav.entry.js.map +1 -1
- package/dist/esm/gov-pagination.entry.js +2 -2
- package/dist/esm/gov-pagination.entry.js.map +1 -1
- package/dist/esm/gov-prompt.entry.js +2 -2
- package/dist/esm/gov-prompt.entry.js.map +1 -1
- package/dist/esm/gov-side-nav-item.entry.js +2 -2
- package/dist/esm/gov-side-nav-item.entry.js.map +1 -1
- package/dist/esm/gov-side-nav.entry.js +2 -2
- package/dist/esm/gov-side-nav.entry.js.map +1 -1
- package/dist/esm/gov-skeleton.entry.js +113 -0
- package/dist/esm/gov-skeleton.entry.js.map +1 -0
- package/dist/esm/gov-spacer.entry.js +2 -2
- package/dist/esm/gov-spacer.entry.js.map +1 -1
- package/dist/esm/gov-statsbar-item.entry.js +2 -2
- package/dist/esm/gov-statsbar-item.entry.js.map +1 -1
- package/dist/esm/gov-statsbar.entry.js +2 -2
- package/dist/esm/gov-statsbar.entry.js.map +1 -1
- package/dist/esm/gov-stepper-item.entry.js +2 -2
- package/dist/esm/gov-stepper-item.entry.js.map +1 -1
- package/dist/esm/gov-stepper.entry.js +2 -2
- package/dist/esm/gov-stepper.entry.js.map +1 -1
- package/dist/esm/gov-tabs-item.entry.js +2 -2
- package/dist/esm/gov-tabs-item.entry.js.map +1 -1
- package/dist/esm/gov-tabs.entry.js +2 -2
- package/dist/esm/gov-tabs.entry.js.map +1 -1
- package/dist/esm/gov-tile.entry.js +2 -2
- package/dist/esm/gov-tile.entry.js.map +1 -1
- package/dist/esm/gov-tiles.entry.js +2 -2
- package/dist/esm/gov-tiles.entry.js.map +1 -1
- package/dist/esm/gov-toast.entry.js +2 -2
- package/dist/esm/gov-toast.entry.js.map +1 -1
- package/dist/esm/gov-tooltip-content.entry.js +2 -2
- package/dist/esm/gov-tooltip-content.entry.js.map +1 -1
- package/dist/esm/gov-tooltip.entry.js +2 -2
- package/dist/esm/gov-tooltip.entry.js.map +1 -1
- package/dist/esm/gov-wizzard-item.entry.js +2 -2
- package/dist/esm/gov-wizzard-item.entry.js.map +1 -1
- package/dist/esm/gov-wizzard.entry.js +2 -2
- package/dist/esm/gov-wizzard.entry.js.map +1 -1
- package/dist/esm/{index-00e9a0d5.js → index-b010bfb4.js} +64 -2
- package/dist/esm/index-b010bfb4.js.map +1 -0
- package/dist/esm/loader.js +2 -2
- package/dist/hydrate/index.js +246 -68
- package/dist/stencil.config.js +9 -0
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/gov-button/constants.d.ts +1 -1
- package/dist/types/components/gov-form/message/gov-form-message.d.ts +1 -1
- package/dist/types/components/gov-loading/skeleton/constants.d.ts +20 -0
- package/dist/types/components/gov-loading/skeleton/gov-skeleton.d.ts +52 -0
- package/dist/types/components.d.ts +76 -2
- package/package.json +1 -1
- package/dist/cjs/constants-245999e7.js.map +0 -1
- package/dist/cjs/index-356717ae.js.map +0 -1
- package/dist/collection/components/gov-loading/constants.js.map +0 -1
- package/dist/collection/components/gov-loading/gov-loading.js.map +0 -1
- package/dist/core/p-00e1e600.entry.js +0 -2
- package/dist/core/p-01bdd4a4.entry.js +0 -2
- package/dist/core/p-16608a87.entry.js +0 -2
- package/dist/core/p-1bb5184f.entry.js +0 -2
- package/dist/core/p-24cde59e.entry.js +0 -2
- package/dist/core/p-25380da6.entry.js +0 -2
- package/dist/core/p-3e9ba1c1.entry.js +0 -2
- package/dist/core/p-49853c5a.entry.js +0 -2
- package/dist/core/p-4b375a4d.entry.js +0 -2
- package/dist/core/p-4d73d70e.entry.js +0 -2
- package/dist/core/p-4e12d6e3.entry.js +0 -2
- package/dist/core/p-533bd158.entry.js +0 -2
- package/dist/core/p-595a2301.entry.js +0 -2
- package/dist/core/p-5b2e8e04.entry.js +0 -2
- package/dist/core/p-5b4e3bdf.entry.js +0 -2
- package/dist/core/p-63d2e8ec.entry.js +0 -2
- package/dist/core/p-682c7cc6.js +0 -3
- package/dist/core/p-682c7cc6.js.map +0 -1
- package/dist/core/p-68d968ac.entry.js +0 -2
- package/dist/core/p-71e57780.entry.js +0 -2
- package/dist/core/p-71e57780.entry.js.map +0 -1
- package/dist/core/p-72f16a95.entry.js +0 -2
- package/dist/core/p-733bd593.entry.js +0 -2
- package/dist/core/p-7670f834.entry.js.map +0 -1
- package/dist/core/p-7684f6d0.entry.js +0 -2
- package/dist/core/p-7be3abb5.entry.js +0 -2
- package/dist/core/p-833ab414.entry.js +0 -2
- package/dist/core/p-84fda9dd.entry.js +0 -2
- package/dist/core/p-8a8d846c.entry.js +0 -2
- package/dist/core/p-8d5c9030.entry.js +0 -2
- package/dist/core/p-8dacc8dc.entry.js +0 -2
- package/dist/core/p-9658b6ef.entry.js +0 -2
- package/dist/core/p-99155ec0.entry.js +0 -2
- package/dist/core/p-9ba104c3.entry.js +0 -2
- package/dist/core/p-9ca0a11c.entry.js +0 -2
- package/dist/core/p-9d30e79e.entry.js +0 -2
- package/dist/core/p-9d51ea56.entry.js +0 -2
- package/dist/core/p-9dd1bbdd.entry.js +0 -2
- package/dist/core/p-9dd1bbdd.entry.js.map +0 -1
- package/dist/core/p-a5e34e93.entry.js +0 -2
- package/dist/core/p-a6c8d474.entry.js +0 -2
- package/dist/core/p-ac33c5ef.entry.js +0 -2
- package/dist/core/p-ae3e2d60.entry.js +0 -2
- package/dist/core/p-b308500e.entry.js +0 -2
- package/dist/core/p-b37ca132.entry.js +0 -2
- package/dist/core/p-b5284ce3.entry.js +0 -2
- package/dist/core/p-b966062a.entry.js +0 -2
- package/dist/core/p-c0d3d3e0.entry.js +0 -2
- package/dist/core/p-c9948e57.entry.js +0 -2
- package/dist/core/p-cd869237.js +0 -2
- package/dist/core/p-cd869237.js.map +0 -1
- package/dist/core/p-cf6576fd.entry.js +0 -2
- package/dist/core/p-d2d8998d.entry.js +0 -2
- package/dist/core/p-e57d250f.entry.js +0 -2
- package/dist/core/p-e86bffd0.entry.js +0 -2
- package/dist/core/p-ef095a1f.entry.js +0 -2
- package/dist/core/p-f1fe9358.entry.js +0 -2
- package/dist/core/p-f48fd266.entry.js +0 -2
- package/dist/core/p-f531f5c4.entry.js +0 -2
- package/dist/core/p-fac1c202.entry.js +0 -2
- package/dist/core/p-fc9d66ae.entry.js +0 -2
- package/dist/esm/constants-45f6db4c.js.map +0 -1
- package/dist/esm/index-00e9a0d5.js.map +0 -1
- /package/dist/collection/components/gov-loading/{constants.js → loading/constants.js} +0 -0
- /package/dist/types/components/gov-loading/{constants.d.ts → loading/constants.d.ts} +0 -0
- /package/dist/types/components/gov-loading/{gov-loading.d.ts → loading/gov-loading.d.ts} +0 -0
package/dist/core/core.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}*{margin:0}h1,.h1{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+h1,*+.h1{margin-top:var(--gov-text-6xl-margin-top)}h2,.h2{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);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+h2,*+.h2{margin-top:var(--gov-text-5xl-margin-top)}h3,.h3{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+h3,*+.h3{margin-top:var(--gov-text-4xl-margin-top)}h4,.h4{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+h4,*+.h4{margin-top:var(--gov-text-3xl-margin-top)}h5,.h5{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+h5,*+.h5{margin-top:var(--gov-text-2xl-margin-top)}h6,.h6{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+h6,*+.h6{margin-top:var(--gov-text-xl-margin-top)}p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+p{margin-top:var(--gov-text-m-margin-top)}.gov-text--xs{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:var(--gov-text-xs-margin-bottom)}*+.gov-text--xs{margin-top:var(--gov-text-xs-margin-top)}.gov-text--s{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:var(--gov-text-s-margin-bottom)}*+.gov-text--s{margin-top:var(--gov-text-s-margin-top)}.gov-text--m{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+.gov-text--m{margin-top:var(--gov-text-m-margin-top)}.gov-text--l{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:var(--gov-text-l-margin-bottom)}*+.gov-text--l{margin-top:var(--gov-text-l-margin-top)}.gov-text--xl{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+.gov-text--xl{margin-top:var(--gov-text-xl-margin-top)}.gov-text--2xl{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+.gov-text--2xl{margin-top:var(--gov-text-2xl-margin-top)}.gov-text--3xl{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+.gov-text--3xl{margin-top:var(--gov-text-3xl-margin-top)}.gov-text--4xl{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+.gov-text--4xl{margin-top:var(--gov-text-4xl-margin-top)}.gov-text--5xl{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);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+.gov-text--5xl{margin-top:var(--gov-text-5xl-margin-top)}.gov-text--6xl{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+.gov-text--6xl{margin-top:var(--gov-text-6xl-margin-top)}a,.gov-link{color:var(--gov-color-primary);text-decoration:underline;transition:color 150ms ease-in-out;cursor:pointer}a:focus,.gov-link:focus{outline:none}a:focus-visible,.gov-link:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}a>*,.gov-link>*{color:var(--gov-color-primary)}a .gov-icon,.gov-link .gov-icon{margin:0 0.125rem}a:visited,a:visited>*,.gov-link:visited,.gov-link:visited>*{color:var(--gov-color-secondary)}a .gov-link--icon-unset .gov-icon,.gov-link .gov-link--icon-unset .gov-icon{display:none !important}a .gov-link--external-unset:after,.gov-link .gov-link--external-unset:after{display:none !important}@media not all and (pointer: coarse){a:hover,.gov-link:hover{text-decoration:none}}a .gov-link--external.gov-text--xs::after,a[target=_blank].gov-text--xs::after,.gov-link .gov-link--external.gov-text--xs::after,.gov-link[target=_blank].gov-text--xs::after{font-size:calc(var(--gov-text-xs-font-size) * 1.4)}a .gov-link--external.gov-text--s::after,a[target=_blank].gov-text--s::after,.gov-link .gov-link--external.gov-text--s::after,.gov-link[target=_blank].gov-text--s::after{font-size:calc(var(--gov-text-s-font-size) * 1.4)}a .gov-link--external.gov-text--m::after,a[target=_blank].gov-text--m::after,.gov-link .gov-link--external.gov-text--m::after,.gov-link[target=_blank].gov-text--m::after{font-size:calc(var(--gov-text-m-font-size) * 1.4)}a .gov-link--external.gov-text--l::after,a[target=_blank].gov-text--l::after,.gov-link .gov-link--external.gov-text--l::after,.gov-link[target=_blank].gov-text--l::after{font-size:calc(var(--gov-text-l-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}ol,.gov-ordered-list{margin:0}ol>li,ol>.gov-ordered-list__item,.gov-ordered-list>li,.gov-ordered-list>.gov-ordered-list__item{margin-bottom:0.25rem}ul,.gov-list{margin:0;list-style:none}ul>*:last-child,.gov-list>*:last-child{margin-bottom:0}ul--plain,.gov-list--plain{padding-left:0}ul--plain>li,ul--plain>.gov-list__item,.gov-list--plain>li,.gov-list--plain>.gov-list__item{margin-bottom:0.25rem}ul--plain>li::before,ul--plain>.gov-list__item::before,.gov-list--plain>li::before,.gov-list--plain>.gov-list__item::before{display:none}ul--inline>li,ul--inline>.gov-list__item,.gov-list--inline>li,.gov-list--inline>.gov-list__item{display:inline-block;margin-right:0.75rem}ul>li,.gov-list>li,.gov-list__item{position:relative;margin-bottom:0.5rem}ul>li::before,.gov-list>li::before,.gov-list__item::before{content:"";position:absolute;display:block;top:0.625rem;left:-0.875rem;width:0.3125rem;height:0.3125rem;border-radius:100%;background-color:var(--gov-color-primary)}.gov-box-shadow--unset{box-shadow:none}.gov-box-shadow--s{box-shadow:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16)}.gov-box-shadow--m{box-shadow:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2)}.gov-box-shadow--l{box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-box-shadow--xl{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-bg--primary-100{background-color:var(--gov-color-primary-100)}.gov-bg--primary-200{background-color:var(--gov-color-primary-200)}.gov-bg--primary-300{background-color:var(--gov-color-primary-300)}.gov-bg--primary-400{background-color:var(--gov-color-primary-400)}.gov-bg--primary-500{background-color:var(--gov-color-primary-500)}.gov-bg--primary-600{background-color:var(--gov-color-primary-600)}.gov-bg--primary-700{background-color:var(--gov-color-primary-700)}.gov-bg--primary-800{background-color:var(--gov-color-primary-800)}.gov-bg--primary-900{background-color:var(--gov-color-primary-900)}.gov-bg--secondary-100{background-color:var(--gov-color-secondary-100)}.gov-bg--secondary-200{background-color:var(--gov-color-secondary-200)}.gov-bg--secondary-300{background-color:var(--gov-color-secondary-300)}.gov-bg--secondary-400{background-color:var(--gov-color-secondary-400)}.gov-bg--secondary-500{background-color:var(--gov-color-secondary-500)}.gov-bg--secondary-600{background-color:var(--gov-color-secondary-600)}.gov-bg--secondary-700{background-color:var(--gov-color-secondary-700)}.gov-bg--secondary-800{background-color:var(--gov-color-secondary-800)}.gov-bg--secondary-900{background-color:var(--gov-color-secondary-900)}.gov-bg--success-100{background-color:var(--gov-color-success-100)}.gov-bg--success-200{background-color:var(--gov-color-success-200)}.gov-bg--success-300{background-color:var(--gov-color-success-300)}.gov-bg--success-400{background-color:var(--gov-color-success-400)}.gov-bg--success-500{background-color:var(--gov-color-success-500)}.gov-bg--success-600{background-color:var(--gov-color-success-600)}.gov-bg--success-700{background-color:var(--gov-color-success-700)}.gov-bg--warning-100{background-color:var(--gov-color-warning-100)}.gov-bg--warning-200{background-color:var(--gov-color-warning-200)}.gov-bg--warning-300{background-color:var(--gov-color-warning-300)}.gov-bg--warning-400{background-color:var(--gov-color-warning-400)}.gov-bg--warning-500{background-color:var(--gov-color-warning-500)}.gov-bg--warning-600{background-color:var(--gov-color-warning-600)}.gov-bg--warning-700{background-color:var(--gov-color-warning-700)}.gov-bg--error-100{background-color:var(--gov-color-error-100)}.gov-bg--error-200{background-color:var(--gov-color-error-200)}.gov-bg--error-300{background-color:var(--gov-color-error-300)}.gov-bg--error-400{background-color:var(--gov-color-error-400)}.gov-bg--error-500{background-color:var(--gov-color-error-500)}.gov-bg--error-600{background-color:var(--gov-color-error-600)}.gov-bg--focus-base{background-color:var(--gov-color-focus-base)}.gov-bg--neutral-black{background-color:var(--gov-color-neutral-black)}.gov-bg--neutral-white{background-color:var(--gov-color-neutral-white)}.gov-color--primary-100{color:var(--gov-color-primary-100)}.gov-color--primary-200{color:var(--gov-color-primary-200)}.gov-color--primary-300{color:var(--gov-color-primary-300)}.gov-color--primary-400{color:var(--gov-color-primary-400)}.gov-color--primary-500{color:var(--gov-color-primary-500)}.gov-color--primary-600{color:var(--gov-color-primary-600)}.gov-color--primary-700{color:var(--gov-color-primary-700)}.gov-color--primary-800{color:var(--gov-color-primary-800)}.gov-color--primary-900{color:var(--gov-color-primary-900)}.gov-color--secondary-100{color:var(--gov-color-secondary-100)}.gov-color--secondary-200{color:var(--gov-color-secondary-200)}.gov-color--secondary-300{color:var(--gov-color-secondary-300)}.gov-color--secondary-400{color:var(--gov-color-secondary-400)}.gov-color--secondary-500{color:var(--gov-color-secondary-500)}.gov-color--secondary-600{color:var(--gov-color-secondary-600)}.gov-color--secondary-700{color:var(--gov-color-secondary-700)}.gov-color--secondary-800{color:var(--gov-color-secondary-800)}.gov-color--secondary-900{color:var(--gov-color-secondary-900)}.gov-color--success-100{color:var(--gov-color-success-100)}.gov-color--success-200{color:var(--gov-color-success-200)}.gov-color--success-300{color:var(--gov-color-success-300)}.gov-color--success-400{color:var(--gov-color-success-400)}.gov-color--success-500{color:var(--gov-color-success-500)}.gov-color--success-600{color:var(--gov-color-success-600)}.gov-color--success-700{color:var(--gov-color-success-700)}.gov-color--warning-100{color:var(--gov-color-warning-100)}.gov-color--warning-200{color:var(--gov-color-warning-200)}.gov-color--warning-300{color:var(--gov-color-warning-300)}.gov-color--warning-400{color:var(--gov-color-warning-400)}.gov-color--warning-500{color:var(--gov-color-warning-500)}.gov-color--warning-600{color:var(--gov-color-warning-600)}.gov-color--warning-700{color:var(--gov-color-warning-700)}.gov-color--error-100{color:var(--gov-color-error-100)}.gov-color--error-200{color:var(--gov-color-error-200)}.gov-color--error-300{color:var(--gov-color-error-300)}.gov-color--error-400{color:var(--gov-color-error-400)}.gov-color--error-500{color:var(--gov-color-error-500)}.gov-color--error-600{color:var(--gov-color-error-600)}.gov-color--focus-base{color:var(--gov-color-focus-base)}.gov-color--neutral-black{color:var(--gov-color-neutral-black)}.gov-color--neutral-white{color:var(--gov-color-neutral-white)}.gov-hide{display:none}@media (max-width: 29.99em){.gov-hide--sm{display:none;visibility:hidden}}@media (max-width: 47.99em){.gov-hide--md{display:none;visibility:hidden}}@media (max-width: 63.99em){.gov-hide--lg{display:none;visibility:hidden}}@media (max-width: 74.99em){.gov-hide--xl{display:none;visibility:hidden}}:root,:host{--gov-color-primary:#2362a2;--gov-color-secondary:#3b3b3b;--gov-color-success:#6fbd2c;--gov-color-warning:#f9c13c;--gov-color-error:#c52a3a;--gov-color-primary-100-rgb:236, 247, 255;--gov-color-primary-100:#ecf7ff;--gov-color-primary-200-rgb:217, 239, 255;--gov-color-primary-200:#d9efff;--gov-color-primary-300-rgb:181, 217, 243;--gov-color-primary-300:#b5d9f3;--gov-color-primary-400-rgb:102, 161, 216;--gov-color-primary-400:#66a1d8;--gov-color-primary-500-rgb:48, 119, 183;--gov-color-primary-500:#3077b7;--gov-color-primary-600-rgb:35, 98, 162;--gov-color-primary-600:#2362a2;--gov-color-primary-700-rgb:37, 78, 128;--gov-color-primary-700:#254e80;--gov-color-primary-800-rgb:21, 53, 94;--gov-color-primary-800:#15355e;--gov-color-primary-900-rgb:13, 33, 58;--gov-color-primary-900:#0d213a;--gov-color-secondary-100-rgb:252, 252, 252;--gov-color-secondary-100:#fcfcfc;--gov-color-secondary-200-rgb:250, 250, 250;--gov-color-secondary-200:#fafafa;--gov-color-secondary-300-rgb:245, 245, 245;--gov-color-secondary-300:#f5f5f5;--gov-color-secondary-400-rgb:234, 234, 234;--gov-color-secondary-400:#eaeaea;--gov-color-secondary-500-rgb:221, 221, 221;--gov-color-secondary-500:#dddddd;--gov-color-secondary-600-rgb:168, 168, 168;--gov-color-secondary-600:#a8a8a8;--gov-color-secondary-700-rgb:104, 104, 104;--gov-color-secondary-700:#686868;--gov-color-secondary-800-rgb:59, 59, 59;--gov-color-secondary-800:#3b3b3b;--gov-color-secondary-900-rgb:35, 35, 35;--gov-color-secondary-900:#232323;--gov-color-success-100-rgb:245, 250, 240;--gov-color-success-100:#f5faf0;--gov-color-success-200-rgb:220, 239, 204;--gov-color-success-200:#dcefcc;--gov-color-success-300-rgb:163, 213, 120;--gov-color-success-300:#a3d578;--gov-color-success-400-rgb:111, 189, 44;--gov-color-success-400:#6fbd2c;--gov-color-success-500-rgb:72, 133, 21;--gov-color-success-500:#488515;--gov-color-success-600-rgb:58, 98, 23;--gov-color-success-600:#3a6217;--gov-color-success-700-rgb:44, 79, 13;--gov-color-success-700:#2c4f0d;--gov-color-warning-100-rgb:254, 249, 239;--gov-color-warning-100:#fef9ef;--gov-color-warning-200-rgb:250, 236, 200;--gov-color-warning-200:#faecc8;--gov-color-warning-300-rgb:250, 212, 123;--gov-color-warning-300:#fad47b;--gov-color-warning-400-rgb:249, 193, 60;--gov-color-warning-400:#f9c13c;--gov-color-warning-500-rgb:199, 131, 0;--gov-color-warning-500:#c78300;--gov-color-warning-600-rgb:153, 98, 15;--gov-color-warning-600:#99620f;--gov-color-warning-700-rgb:134, 81, 2;--gov-color-warning-700:#865102;--gov-color-error-100-rgb:255, 232, 234;--gov-color-error-100:#ffe8ea;--gov-color-error-200-rgb:247, 205, 210;--gov-color-error-200:#f7cdd2;--gov-color-error-300-rgb:217, 102, 113;--gov-color-error-300:#d96671;--gov-color-error-400-rgb:197, 42, 58;--gov-color-error-400:#c52a3a;--gov-color-error-500-rgb:158, 6, 21;--gov-color-error-500:#9e0615;--gov-color-error-600-rgb:131, 7, 19;--gov-color-error-600:#830713;--gov-color-focus-base-rgb:0, 123, 255;--gov-color-focus-base:#007bff;--gov-color-neutral-black-rgb:0, 0, 0;--gov-color-neutral-black:#000000;--gov-color-neutral-white-rgb:255, 255, 255;--gov-color-neutral-white:#ffffff;--gov-box-shadow-unset:none;--gov-box-shadow-s:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16);--gov-box-shadow-m:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2);--gov-box-shadow-l:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24);--gov-box-shadow-xl:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}@media (min-width: 0){:root,:host{--gov-text-xs-font-size:0.75rem;--gov-text-xs-line-height:150%;--gov-text-xs-font-weight:400;--gov-text-xs-letter-spacing:0.0166em;--gov-text-xs-margin-bottom:0.5rem;--gov-text-s-font-size:0.875rem;--gov-text-s-line-height:150%;--gov-text-s-font-weight:400;--gov-text-s-letter-spacing:0.0125em;--gov-text-s-margin-bottom:0.5rem;--gov-text-m-font-size:1rem;--gov-text-m-line-height:150%;--gov-text-m-font-weight:400;--gov-text-m-letter-spacing:0.0125em;--gov-text-m-margin-bottom:0.5rem;--gov-text-l-font-size:1.125rem;--gov-text-l-line-height:150%;--gov-text-l-font-weight:400;--gov-text-l-letter-spacing:0.0125em;--gov-text-l-margin-bottom:0.5rem;--gov-text-xl-font-size:1.25rem;--gov-text-xl-line-height:150%;--gov-text-xl-font-weight:500;--gov-text-xl-letter-spacing:0.0125em;--gov-text-xl-margin-top:0.5rem;--gov-text-xl-margin-bottom:0.5rem;--gov-text-2xl-font-size:1.375rem;--gov-text-2xl-line-height:150%;--gov-text-2xl-font-weight:500;--gov-text-2xl-letter-spacing:0.0312em;--gov-text-2xl-margin-top:0.5rem;--gov-text-2xl-margin-bottom:0.5rem;--gov-text-3xl-font-size:1.625rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-font-weight:400;--gov-text-3xl-margin-top:1rem;--gov-text-3xl-margin-bottom:0.5rem;--gov-text-4xl-font-size:2rem;--gov-text-4xl-line-height:130%;--gov-text-4xl-font-weight:300;--gov-text-4xl-margin-top:1rem;--gov-text-4xl-margin-bottom:1rem;--gov-text-5xl-font-size:2.25rem;--gov-text-5xl-line-height:125%;--gov-text-5xl-font-weight:300;--gov-text-5xl-margin-top:1.5rem;--gov-text-5xl-margin-bottom:1rem;--gov-text-6xl-font-size:3rem;--gov-text-6xl-line-height:125%;--gov-text-6xl-font-weight:300;--gov-text-6xl-margin-top:2rem;--gov-text-6xl-margin-bottom:1.5rem}}@media (min-width: 48em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-xl-margin-top:1rem;--gov-text-2xl-font-size:1.25rem;--gov-text-2xl-margin-top:1rem;--gov-text-3xl-font-size:1.75rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-margin-top:1.5rem;--gov-text-4xl-font-size:2.25rem;--gov-text-4xl-margin-top:1.5rem;--gov-text-5xl-font-size:2.625rem;--gov-text-5xl-margin-top:2rem;--gov-text-6xl-font-size:3.625rem;--gov-text-6xl-margin-top:2.5rem}}@media (min-width: 64em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-2xl-font-size:1.5rem;--gov-text-3xl-font-size:2rem;--gov-text-4xl-font-size:2.5rem;--gov-text-5xl-font-size:3rem;--gov-text-6xl-font-size:4rem}}html{font-size:16px;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,:host{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);min-width:var(--gov-layout-min-width, 20rem);margin:0;padding:0;color:var(--gov-color-secondary);font-family:var(--gov-font-family, "Roboto", sans-serif)}body.body-fixed,:host.body-fixed{overflow:hidden}:first-child{margin-top:0}.container-view{padding:12px}.container-view--inline{display:flex;gap:16px}hr{height:0;border:0 none;border-top:1px solid gainsboro;font-size:0}
|
|
1
|
+
.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@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-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}}*{margin:0}h1,.h1{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+h1,*+.h1{margin-top:var(--gov-text-6xl-margin-top)}h2,.h2{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);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+h2,*+.h2{margin-top:var(--gov-text-5xl-margin-top)}h3,.h3{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+h3,*+.h3{margin-top:var(--gov-text-4xl-margin-top)}h4,.h4{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+h4,*+.h4{margin-top:var(--gov-text-3xl-margin-top)}h5,.h5{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+h5,*+.h5{margin-top:var(--gov-text-2xl-margin-top)}h6,.h6{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+h6,*+.h6{margin-top:var(--gov-text-xl-margin-top)}p{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+p{margin-top:var(--gov-text-m-margin-top)}.gov-text--xs{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);margin-bottom:var(--gov-text-xs-margin-bottom)}*+.gov-text--xs{margin-top:var(--gov-text-xs-margin-top)}.gov-text--s{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);margin-bottom:var(--gov-text-s-margin-bottom)}*+.gov-text--s{margin-top:var(--gov-text-s-margin-top)}.gov-text--m{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);margin-bottom:var(--gov-text-m-margin-bottom)}*+.gov-text--m{margin-top:var(--gov-text-m-margin-top)}.gov-text--l{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing);margin-bottom:var(--gov-text-l-margin-bottom)}*+.gov-text--l{margin-top:var(--gov-text-l-margin-top)}.gov-text--xl{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin-bottom:var(--gov-text-xl-margin-bottom)}*+.gov-text--xl{margin-top:var(--gov-text-xl-margin-top)}.gov-text--2xl{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing);margin-bottom:var(--gov-text-2xl-margin-bottom)}*+.gov-text--2xl{margin-top:var(--gov-text-2xl-margin-top)}.gov-text--3xl{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin-bottom:var(--gov-text-3xl-margin-bottom)}*+.gov-text--3xl{margin-top:var(--gov-text-3xl-margin-top)}.gov-text--4xl{font-weight:var(--gov-text-4xl-font-weight);font-size:var(--gov-text-4xl-font-size);line-height:var(--gov-text-4xl-line-height);letter-spacing:var(--gov-text-4xl-letter-spacing);margin-bottom:var(--gov-text-4xl-margin-bottom)}*+.gov-text--4xl{margin-top:var(--gov-text-4xl-margin-top)}.gov-text--5xl{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);margin-bottom:var(--gov-text-5xl-margin-bottom)}*+.gov-text--5xl{margin-top:var(--gov-text-5xl-margin-top)}.gov-text--6xl{font-weight:var(--gov-text-6xl-font-weight);font-size:var(--gov-text-6xl-font-size);line-height:var(--gov-text-6xl-line-height);letter-spacing:var(--gov-text-6xl-letter-spacing);margin-bottom:var(--gov-text-6xl-margin-bottom)}*+.gov-text--6xl{margin-top:var(--gov-text-6xl-margin-top)}a,.gov-link{color:var(--gov-color-primary);text-decoration:underline;transition:color 150ms ease-in-out;cursor:pointer}a:focus,.gov-link:focus{outline:none}a:focus-visible,.gov-link:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0.0625rem}a>*,.gov-link>*{color:var(--gov-color-primary)}a .gov-icon,.gov-link .gov-icon{margin:0 0.125rem}a:visited,a:visited>*,.gov-link:visited,.gov-link:visited>*{color:var(--gov-color-secondary)}a .gov-link--icon-unset .gov-icon,.gov-link .gov-link--icon-unset .gov-icon{display:none !important}a .gov-link--external-unset:after,.gov-link .gov-link--external-unset:after{display:none !important}@media not all and (pointer: coarse){a:hover,.gov-link:hover{text-decoration:none}}a .gov-link--external.gov-text--xs::after,a[target=_blank].gov-text--xs::after,.gov-link .gov-link--external.gov-text--xs::after,.gov-link[target=_blank].gov-text--xs::after{font-size:calc(var(--gov-text-xs-font-size) * 1.4)}a .gov-link--external.gov-text--s::after,a[target=_blank].gov-text--s::after,.gov-link .gov-link--external.gov-text--s::after,.gov-link[target=_blank].gov-text--s::after{font-size:calc(var(--gov-text-s-font-size) * 1.4)}a .gov-link--external.gov-text--m::after,a[target=_blank].gov-text--m::after,.gov-link .gov-link--external.gov-text--m::after,.gov-link[target=_blank].gov-text--m::after{font-size:calc(var(--gov-text-m-font-size) * 1.4)}a .gov-link--external.gov-text--l::after,a[target=_blank].gov-text--l::after,.gov-link .gov-link--external.gov-text--l::after,.gov-link[target=_blank].gov-text--l::after{font-size:calc(var(--gov-text-l-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}a .gov-link--external.gov-text--xl::after,a[target=_blank].gov-text--xl::after,.gov-link .gov-link--external.gov-text--xl::after,.gov-link[target=_blank].gov-text--xl::after{font-size:calc(var(--gov-text-xl-font-size) * 1.4)}a .gov-link--external.gov-text--2xl::after,a[target=_blank].gov-text--2xl::after,.gov-link .gov-link--external.gov-text--2xl::after,.gov-link[target=_blank].gov-text--2xl::after{font-size:calc(var(--gov-text-2xl-font-size) * 1.4)}a .gov-link--external.gov-text--3xl::after,a[target=_blank].gov-text--3xl::after,.gov-link .gov-link--external.gov-text--3xl::after,.gov-link[target=_blank].gov-text--3xl::after{font-size:calc(var(--gov-text-3xl-font-size) * 1.4)}a .gov-link--external.gov-text--4xl::after,a[target=_blank].gov-text--4xl::after,.gov-link .gov-link--external.gov-text--4xl::after,.gov-link[target=_blank].gov-text--4xl::after{font-size:calc(var(--gov-text-4xl-font-size) * 1.4)}a .gov-link--external.gov-text--5xl::after,a[target=_blank].gov-text--5xl::after,.gov-link .gov-link--external.gov-text--5xl::after,.gov-link[target=_blank].gov-text--5xl::after{font-size:calc(var(--gov-text-5xl-font-size) * 1.4)}a .gov-link--external.gov-text--6xl::after,a[target=_blank].gov-text--6xl::after,.gov-link .gov-link--external.gov-text--6xl::after,.gov-link[target=_blank].gov-text--6xl::after{font-size:calc(var(--gov-text-6xl-font-size) * 1.4)}ol,.gov-ordered-list{margin:0}ol>li,ol>.gov-ordered-list__item,.gov-ordered-list>li,.gov-ordered-list>.gov-ordered-list__item{margin-bottom:0.25rem}ul,.gov-list{margin:0;list-style:none}ul>*:last-child,.gov-list>*:last-child{margin-bottom:0}ul--plain,.gov-list--plain{padding-left:0}ul--plain>li,ul--plain>.gov-list__item,.gov-list--plain>li,.gov-list--plain>.gov-list__item{margin-bottom:0.25rem}ul--plain>li::before,ul--plain>.gov-list__item::before,.gov-list--plain>li::before,.gov-list--plain>.gov-list__item::before{display:none}ul--inline>li,ul--inline>.gov-list__item,.gov-list--inline>li,.gov-list--inline>.gov-list__item{display:inline-block;margin-right:0.75rem}ul>li,.gov-list>li,.gov-list__item{position:relative;margin-bottom:0.5rem}ul>li::before,.gov-list>li::before,.gov-list__item::before{content:"";position:absolute;display:block;top:0.625rem;left:-0.875rem;width:0.3125rem;height:0.3125rem;border-radius:100%;background-color:var(--gov-color-primary)}.gov-box-shadow--unset{box-shadow:none}.gov-box-shadow--s{box-shadow:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16)}.gov-box-shadow--m{box-shadow:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2)}.gov-box-shadow--l{box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-box-shadow--xl{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-bg--primary-100{background-color:var(--gov-color-primary-100)}.gov-bg--primary-200{background-color:var(--gov-color-primary-200)}.gov-bg--primary-300{background-color:var(--gov-color-primary-300)}.gov-bg--primary-400{background-color:var(--gov-color-primary-400)}.gov-bg--primary-500{background-color:var(--gov-color-primary-500)}.gov-bg--primary-600{background-color:var(--gov-color-primary-600)}.gov-bg--primary-700{background-color:var(--gov-color-primary-700)}.gov-bg--primary-800{background-color:var(--gov-color-primary-800)}.gov-bg--primary-900{background-color:var(--gov-color-primary-900)}.gov-bg--secondary-100{background-color:var(--gov-color-secondary-100)}.gov-bg--secondary-200{background-color:var(--gov-color-secondary-200)}.gov-bg--secondary-300{background-color:var(--gov-color-secondary-300)}.gov-bg--secondary-400{background-color:var(--gov-color-secondary-400)}.gov-bg--secondary-500{background-color:var(--gov-color-secondary-500)}.gov-bg--secondary-600{background-color:var(--gov-color-secondary-600)}.gov-bg--secondary-700{background-color:var(--gov-color-secondary-700)}.gov-bg--secondary-800{background-color:var(--gov-color-secondary-800)}.gov-bg--secondary-900{background-color:var(--gov-color-secondary-900)}.gov-bg--success-100{background-color:var(--gov-color-success-100)}.gov-bg--success-200{background-color:var(--gov-color-success-200)}.gov-bg--success-300{background-color:var(--gov-color-success-300)}.gov-bg--success-400{background-color:var(--gov-color-success-400)}.gov-bg--success-500{background-color:var(--gov-color-success-500)}.gov-bg--success-600{background-color:var(--gov-color-success-600)}.gov-bg--success-700{background-color:var(--gov-color-success-700)}.gov-bg--warning-100{background-color:var(--gov-color-warning-100)}.gov-bg--warning-200{background-color:var(--gov-color-warning-200)}.gov-bg--warning-300{background-color:var(--gov-color-warning-300)}.gov-bg--warning-400{background-color:var(--gov-color-warning-400)}.gov-bg--warning-500{background-color:var(--gov-color-warning-500)}.gov-bg--warning-600{background-color:var(--gov-color-warning-600)}.gov-bg--warning-700{background-color:var(--gov-color-warning-700)}.gov-bg--error-100{background-color:var(--gov-color-error-100)}.gov-bg--error-200{background-color:var(--gov-color-error-200)}.gov-bg--error-300{background-color:var(--gov-color-error-300)}.gov-bg--error-400{background-color:var(--gov-color-error-400)}.gov-bg--error-500{background-color:var(--gov-color-error-500)}.gov-bg--error-600{background-color:var(--gov-color-error-600)}.gov-bg--focus-base{background-color:var(--gov-color-focus-base)}.gov-bg--neutral-black{background-color:var(--gov-color-neutral-black)}.gov-bg--neutral-white{background-color:var(--gov-color-neutral-white)}.gov-color--primary-100{color:var(--gov-color-primary-100)}.gov-color--primary-200{color:var(--gov-color-primary-200)}.gov-color--primary-300{color:var(--gov-color-primary-300)}.gov-color--primary-400{color:var(--gov-color-primary-400)}.gov-color--primary-500{color:var(--gov-color-primary-500)}.gov-color--primary-600{color:var(--gov-color-primary-600)}.gov-color--primary-700{color:var(--gov-color-primary-700)}.gov-color--primary-800{color:var(--gov-color-primary-800)}.gov-color--primary-900{color:var(--gov-color-primary-900)}.gov-color--secondary-100{color:var(--gov-color-secondary-100)}.gov-color--secondary-200{color:var(--gov-color-secondary-200)}.gov-color--secondary-300{color:var(--gov-color-secondary-300)}.gov-color--secondary-400{color:var(--gov-color-secondary-400)}.gov-color--secondary-500{color:var(--gov-color-secondary-500)}.gov-color--secondary-600{color:var(--gov-color-secondary-600)}.gov-color--secondary-700{color:var(--gov-color-secondary-700)}.gov-color--secondary-800{color:var(--gov-color-secondary-800)}.gov-color--secondary-900{color:var(--gov-color-secondary-900)}.gov-color--success-100{color:var(--gov-color-success-100)}.gov-color--success-200{color:var(--gov-color-success-200)}.gov-color--success-300{color:var(--gov-color-success-300)}.gov-color--success-400{color:var(--gov-color-success-400)}.gov-color--success-500{color:var(--gov-color-success-500)}.gov-color--success-600{color:var(--gov-color-success-600)}.gov-color--success-700{color:var(--gov-color-success-700)}.gov-color--warning-100{color:var(--gov-color-warning-100)}.gov-color--warning-200{color:var(--gov-color-warning-200)}.gov-color--warning-300{color:var(--gov-color-warning-300)}.gov-color--warning-400{color:var(--gov-color-warning-400)}.gov-color--warning-500{color:var(--gov-color-warning-500)}.gov-color--warning-600{color:var(--gov-color-warning-600)}.gov-color--warning-700{color:var(--gov-color-warning-700)}.gov-color--error-100{color:var(--gov-color-error-100)}.gov-color--error-200{color:var(--gov-color-error-200)}.gov-color--error-300{color:var(--gov-color-error-300)}.gov-color--error-400{color:var(--gov-color-error-400)}.gov-color--error-500{color:var(--gov-color-error-500)}.gov-color--error-600{color:var(--gov-color-error-600)}.gov-color--focus-base{color:var(--gov-color-focus-base)}.gov-color--neutral-black{color:var(--gov-color-neutral-black)}.gov-color--neutral-white{color:var(--gov-color-neutral-white)}.gov-hide{display:none}@media (max-width: 29.99em){.gov-hide--sm{display:none;visibility:hidden}}@media (max-width: 47.99em){.gov-hide--md{display:none;visibility:hidden}}@media (max-width: 63.99em){.gov-hide--lg{display:none;visibility:hidden}}@media (max-width: 74.99em){.gov-hide--xl{display:none;visibility:hidden}}:root,:host{--gov-color-primary:#2362a2;--gov-color-secondary:#3b3b3b;--gov-color-success:#6fbd2c;--gov-color-warning:#f9c13c;--gov-color-error:#c52a3a;--gov-color-primary-100-rgb:236, 247, 255;--gov-color-primary-100:#ecf7ff;--gov-color-primary-200-rgb:217, 239, 255;--gov-color-primary-200:#d9efff;--gov-color-primary-300-rgb:181, 217, 243;--gov-color-primary-300:#b5d9f3;--gov-color-primary-400-rgb:102, 161, 216;--gov-color-primary-400:#66a1d8;--gov-color-primary-500-rgb:48, 119, 183;--gov-color-primary-500:#3077b7;--gov-color-primary-600-rgb:35, 98, 162;--gov-color-primary-600:#2362a2;--gov-color-primary-700-rgb:37, 78, 128;--gov-color-primary-700:#254e80;--gov-color-primary-800-rgb:21, 53, 94;--gov-color-primary-800:#15355e;--gov-color-primary-900-rgb:13, 33, 58;--gov-color-primary-900:#0d213a;--gov-color-secondary-100-rgb:252, 252, 252;--gov-color-secondary-100:#fcfcfc;--gov-color-secondary-200-rgb:250, 250, 250;--gov-color-secondary-200:#fafafa;--gov-color-secondary-300-rgb:245, 245, 245;--gov-color-secondary-300:#f5f5f5;--gov-color-secondary-400-rgb:234, 234, 234;--gov-color-secondary-400:#eaeaea;--gov-color-secondary-500-rgb:221, 221, 221;--gov-color-secondary-500:#dddddd;--gov-color-secondary-600-rgb:168, 168, 168;--gov-color-secondary-600:#a8a8a8;--gov-color-secondary-700-rgb:104, 104, 104;--gov-color-secondary-700:#686868;--gov-color-secondary-800-rgb:59, 59, 59;--gov-color-secondary-800:#3b3b3b;--gov-color-secondary-900-rgb:35, 35, 35;--gov-color-secondary-900:#232323;--gov-color-success-100-rgb:245, 250, 240;--gov-color-success-100:#f5faf0;--gov-color-success-200-rgb:220, 239, 204;--gov-color-success-200:#dcefcc;--gov-color-success-300-rgb:163, 213, 120;--gov-color-success-300:#a3d578;--gov-color-success-400-rgb:111, 189, 44;--gov-color-success-400:#6fbd2c;--gov-color-success-500-rgb:72, 133, 21;--gov-color-success-500:#488515;--gov-color-success-600-rgb:58, 98, 23;--gov-color-success-600:#3a6217;--gov-color-success-700-rgb:44, 79, 13;--gov-color-success-700:#2c4f0d;--gov-color-warning-100-rgb:254, 249, 239;--gov-color-warning-100:#fef9ef;--gov-color-warning-200-rgb:250, 236, 200;--gov-color-warning-200:#faecc8;--gov-color-warning-300-rgb:250, 212, 123;--gov-color-warning-300:#fad47b;--gov-color-warning-400-rgb:249, 193, 60;--gov-color-warning-400:#f9c13c;--gov-color-warning-500-rgb:199, 131, 0;--gov-color-warning-500:#c78300;--gov-color-warning-600-rgb:153, 98, 15;--gov-color-warning-600:#99620f;--gov-color-warning-700-rgb:134, 81, 2;--gov-color-warning-700:#865102;--gov-color-error-100-rgb:255, 232, 234;--gov-color-error-100:#ffe8ea;--gov-color-error-200-rgb:247, 205, 210;--gov-color-error-200:#f7cdd2;--gov-color-error-300-rgb:217, 102, 113;--gov-color-error-300:#d96671;--gov-color-error-400-rgb:197, 42, 58;--gov-color-error-400:#c52a3a;--gov-color-error-500-rgb:158, 6, 21;--gov-color-error-500:#9e0615;--gov-color-error-600-rgb:131, 7, 19;--gov-color-error-600:#830713;--gov-color-focus-base-rgb:0, 123, 255;--gov-color-focus-base:#007bff;--gov-color-neutral-black-rgb:0, 0, 0;--gov-color-neutral-black:#000000;--gov-color-neutral-white-rgb:255, 255, 255;--gov-color-neutral-white:#ffffff;--gov-box-shadow-unset:none;--gov-box-shadow-s:0 0 0.75rem rgba(var(--gov-color-secondary-800-rgb), 0.16);--gov-box-shadow-m:0 0 1.25rem rgba(var(--gov-color-secondary-800-rgb), 0.2);--gov-box-shadow-l:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24);--gov-box-shadow-xl:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}@media (min-width: 0){:root,:host{--gov-text-xs-font-size:0.75rem;--gov-text-xs-line-height:150%;--gov-text-xs-font-weight:400;--gov-text-xs-letter-spacing:0.0166em;--gov-text-xs-margin-bottom:0.5rem;--gov-text-s-font-size:0.875rem;--gov-text-s-line-height:150%;--gov-text-s-font-weight:400;--gov-text-s-letter-spacing:0.0125em;--gov-text-s-margin-bottom:0.5rem;--gov-text-m-font-size:1rem;--gov-text-m-line-height:150%;--gov-text-m-font-weight:400;--gov-text-m-letter-spacing:0.0125em;--gov-text-m-margin-bottom:0.5rem;--gov-text-l-font-size:1.125rem;--gov-text-l-line-height:150%;--gov-text-l-font-weight:400;--gov-text-l-letter-spacing:0.0125em;--gov-text-l-margin-bottom:0.5rem;--gov-text-xl-font-size:1.25rem;--gov-text-xl-line-height:150%;--gov-text-xl-font-weight:500;--gov-text-xl-letter-spacing:0.0125em;--gov-text-xl-margin-top:0.5rem;--gov-text-xl-margin-bottom:0.5rem;--gov-text-2xl-font-size:1.375rem;--gov-text-2xl-line-height:150%;--gov-text-2xl-font-weight:500;--gov-text-2xl-letter-spacing:0.0312em;--gov-text-2xl-margin-top:0.5rem;--gov-text-2xl-margin-bottom:0.5rem;--gov-text-3xl-font-size:1.625rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-font-weight:400;--gov-text-3xl-margin-top:1rem;--gov-text-3xl-margin-bottom:0.5rem;--gov-text-4xl-font-size:2rem;--gov-text-4xl-line-height:130%;--gov-text-4xl-font-weight:300;--gov-text-4xl-margin-top:1rem;--gov-text-4xl-margin-bottom:1rem;--gov-text-5xl-font-size:2.25rem;--gov-text-5xl-line-height:125%;--gov-text-5xl-font-weight:300;--gov-text-5xl-margin-top:1.5rem;--gov-text-5xl-margin-bottom:1rem;--gov-text-6xl-font-size:3rem;--gov-text-6xl-line-height:125%;--gov-text-6xl-font-weight:300;--gov-text-6xl-margin-top:2rem;--gov-text-6xl-margin-bottom:1.5rem}}@media (min-width: 48em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-xl-margin-top:1rem;--gov-text-2xl-font-size:1.25rem;--gov-text-2xl-margin-top:1rem;--gov-text-3xl-font-size:1.75rem;--gov-text-3xl-line-height:150%;--gov-text-3xl-margin-top:1.5rem;--gov-text-4xl-font-size:2.25rem;--gov-text-4xl-margin-top:1.5rem;--gov-text-5xl-font-size:2.625rem;--gov-text-5xl-margin-top:2rem;--gov-text-6xl-font-size:3.625rem;--gov-text-6xl-margin-top:2.5rem}}@media (min-width: 64em){:root,:host{--gov-text-xl-font-size:1.25rem;--gov-text-2xl-font-size:1.5rem;--gov-text-3xl-font-size:2rem;--gov-text-4xl-font-size:2.5rem;--gov-text-5xl-font-size:3rem;--gov-text-6xl-font-size:4rem}}html{font-size:16px;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body,:host{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);min-width:var(--gov-layout-min-width, 20rem);margin:0;padding:0;color:var(--gov-color-secondary);font-family:var(--gov-font-family, "Roboto", sans-serif)}body.body-fixed,:host.body-fixed{overflow:hidden}:first-child{margin-top:0}.container-view{padding:12px}.container-view--inline{display:flex;gap:16px}hr{height:0;border:0 none;border-top:1px solid gainsboro;font-size:0}
|
package/dist/core/core.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-682c7cc6.js";const l=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};l().then((e=>a(JSON.parse('[["p-9658b6ef",[[4,"gov-form-file",{"expanded":[4],"required":[4],"disabled":[4],"displayAttachments":[4,"display-attachments"],"name":[1],"accept":[1],"maxFileSize":[2,"max-file-size"],"identifier":[1],"invalid":[4],"errorSize":[1,"error-size"],"errorAccept":[1,"error-accept"],"attachmentsLabel":[1,"attachments-label"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagAttachmentsLabel":[1,"wcag-attachments-label"],"files":[32],"validateWcag":[64]}]]],["p-e86bffd0",[[4,"gov-form-multi-select",{"identifier":[1],"placeholder":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"value":[32],"selectedOptions":[32],"setFocus":[64],"setValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-5b4e3bdf",[[4,"gov-modal",{"open":[4],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcaglabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"modalVisible":[32],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-4e12d6e3",[[0,"gov-pagination",{"type":[1],"current":[2],"total":[2],"inverse":[4],"size":[1],"variant":[1],"pageSize":[2,"page-size"],"maxPages":[2,"max-pages"],"link":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagPageLabel":[1,"wcag-page-label"],"pagination":[32],"validateWcag":[64]}]]],["p-b966062a",[[4,"gov-prompt",{"open":[4],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcaglabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"modalVisible":[32],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-00e1e600",[[4,"gov-tabs",{"type":[1],"variant":[1],"orientation":[1],"wcagLabel":[1,"wcag-label"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"controller":[32],"focusIndex":[32],"compactControls":[32],"refresh":[64],"currentTab":[64],"setActiveTab":[64],"validateWcag":[64]}]]],["p-4b375a4d",[[4,"gov-alert",{"variant":[1],"inverse":[4],"wcagCloseLabel":[1,"wcag-close-label"],"closable":[4]}]]],["p-9dd1bbdd",[[4,"gov-loading",{"loading":[4]}]]],["p-63d2e8ec",[[4,"gov-side-nav-item",{"inverse":[4],"compact":[4],"identifier":[1],"count":[4],"label":[1],"disabled":[4],"href":[1],"isExpanded":[4,"is-expanded"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-1bb5184f",[[4,"gov-toast",{"variant":[1],"gravity":[1],"position":[1],"type":[1],"time":[2],"closeLabel":[1,"close-label"],"wcagCloseLabel":[1,"wcag-close-label"],"destroy":[64]}]]],["p-5b2e8e04",[[4,"gov-accordion-item",{"variant":[1],"identifier":[1],"size":[1],"label":[1],"annotation":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"triggerTag":[1,"trigger-tag"],"noBorder":[4,"no-border"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-9ca0a11c",[[4,"gov-card",{"promotion":[4],"label":[1],"collapsible":[4],"expanded":[4],"headlineTag":[1,"headline-tag"],"wcagTriggerLabel":[1,"wcag-trigger-label"],"wcagTriggerLabelledBy":[1,"wcag-trigger-labelled-by"],"isExpanded":[32],"open":[64],"close":[64],"validateWcag":[64]}]]],["p-ef095a1f",[[4,"gov-form-checkbox",{"value":[1],"checked":[516],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"noLabel":[4,"no-label"],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"isChecked":[32],"validateWcag":[64]}]]],["p-ac33c5ef",[[4,"gov-tile",{"promotion":[4],"href":[1],"name":[1]}]]],["p-84fda9dd",[[4,"gov-wizzard-item",{"variant":[1],"size":[1],"identifier":[1],"collapsible":[4],"annotation":[1],"label":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"labelTag":[1,"label-tag"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-7684f6d0",[[4,"gov-accordion",{"size":[1],"variant":[1],"noBorder":[4,"no-border"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-7670f834",[[0,"gov-app"]]],["p-b308500e",[[4,"gov-breadcrumbs",{"collapsible":[4],"isExpanded":[4,"is-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelded-by"],"validateWcag":[64]}]]],["p-a6c8d474",[[4,"gov-container",{"slottedChildren":[64]}]]],["p-7be3abb5",[[4,"gov-cookiebar"]]],["p-24cde59e",[[4,"gov-empty"]]],["p-733bd593",[[4,"gov-error-code"]]],["p-533bd158",[[4,"gov-form-control",{"gap":[1],"identifier":[1],"invalid":[4],"disabled":[4],"success":[4],"fieldset":[4],"size":[1]}]]],["p-71e57780",[[4,"gov-form-group",{"gap":[1]}]]],["p-9ba104c3",[[4,"gov-form-label",{"identifier":[1],"size":[1],"required":[4],"legend":[4]}]]],["p-fac1c202",[[4,"gov-form-password-power",{"power":[2]}]]],["p-595a2301",[[4,"gov-form-radio",{"value":[1],"noLabel":[4,"no-label"],"checked":[516],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"isChecked":[32],"validateWcag":[64]}]]],["p-9d30e79e",[[4,"gov-form-search"]]],["p-b5284ce3",[[4,"gov-form-switch",{"value":[1],"noLabel":[4,"no-label"],"checked":[516],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"isChecked":[32],"validateWcag":[64]}]]],["p-8a8d846c",[[4,"gov-grid",{"alignX":[1,"align-x"],"alignY":[1,"align-y"]}]]],["p-25380da6",[[4,"gov-grid-item",{"size":[1],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]],["p-f531f5c4",[[4,"gov-layout",{"type":[1],"variant":[1],"inverse":[4]}]]],["p-4d73d70e",[[4,"gov-layout-column"]]],["p-cf6576fd",[[4,"gov-message",{"variant":[1]}]]],["p-a5e34e93",[[4,"gov-nav",{"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-49853c5a",[[4,"gov-nav-item",{"href":[1],"isExpandedState":[32]}]]],["p-01bdd4a4",[[4,"gov-side-nav",{"inverse":[4],"compact":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-e57d250f",[[0,"gov-spacer",{"size":[1],"breakpoint":[1]}]]],["p-16608a87",[[4,"gov-statsbar",{"iconPosition":[1,"icon-position"],"variant":[1]}]]],["p-72f16a95",[[4,"gov-statsbar-item",{"iconPosition":[1,"icon-position"]}]]],["p-3e9ba1c1",[[4,"gov-stepper",{"size":[1]}]]],["p-f1fe9358",[[4,"gov-stepper-item",{"variant":[1],"size":[1],"identifier":[1],"label":[1],"annotation":[1],"triggerTag":[1,"trigger-tag"],"isExpandedState":[32],"currentState":[64]}]]],["p-c0d3d3e0",[[4,"gov-tabs-item",{"identifier":[1],"triggerIdentifier":[1,"trigger-identifier"],"label":[1],"default":[4],"isActive":[32],"getIdentifier":[64],"getTriggerIdentifier":[64],"setActiveStatus":[64]}]]],["p-99155ec0",[[4,"gov-tiles",{"columns":[2],"noBorder":[4,"no-border"]}]]],["p-b37ca132",[[4,"gov-tooltip",{"variant":[1],"size":[1],"position":[1],"message":[1],"identifier":[1],"icon":[4],"show":[64],"hide":[64]}]]],["p-fc9d66ae",[[4,"gov-tooltip-content",{"isVisible":[4,"is-visible"]}]]],["p-68d968ac",[[4,"gov-wizzard",{"size":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-f48fd266",[[0,"gov-icon",{"name":[1],"type":[1],"iconData":[32],"visible":[32],"error":[32]}]]],["p-8d5c9030",[[4,"gov-form-input",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"name":[1],"multiline":[4],"rows":[2],"cols":[2],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"minlength":[2],"maxlength":[2],"autocomplete":[4],"autocorrect":[4],"type":[1],"inputType":[1,"input-type"],"role":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagAutocomplete":[1,"wcag-autocomplete"],"wcagExpanded":[4,"wcag-expanded"],"focused":[32],"setFocus":[64],"setValue":[64],"clearValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-ae3e2d60",[[4,"gov-form-autocomplete",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"nameKey":[1,"name-key"],"name":[1],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"invalid":[4],"minlength":[2],"maxlength":[2],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"processing":[32],"arrowCounter":[32],"list":[32],"setFocus":[64],"clearValue":[64],"setSearchCallback":[64],"setTemplateResolver":[64]}]]],["p-9d51ea56",[[4,"gov-form-select",{"value":[1537],"identifier":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"setFocus":[64],"setValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-8dacc8dc",[[4,"gov-badge",{"inverse":[4],"disabled":[4],"href":[1],"target":[1],"size":[1],"type":[1],"tag":[1],"variant":[1],"wcagLabel":[1,"wcag-label"]}]]],["p-833ab414",[[4,"gov-attachments-item",{"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagRemoveLabelledBy":[1,"wcag-remove-labelled-by"],"validateWcag":[64]}],[4,"gov-attachments",{"label":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}],[4,"gov-form-message",{"variant":[1],"identifier":[64]}]]],["p-c9948e57",[[0,"gov-backdrop",{"inverse":[4],"visible":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-d2d8998d",[[4,"gov-button",{"variant":[513],"size":[513],"type":[513],"expanded":[4],"inverse":[4],"name":[1],"disabled":[516],"nativeType":[1,"native-type"],"href":[1],"target":[1],"download":[4],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"loading":[1],"focusable":[4],"identifier":[1],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagDescription":[1,"wcag-description"],"wcagDetails":[1,"wcag-details"],"wcagExpanded":[4,"wcag-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagHasPopup":[1,"wcag-has-popup"],"wcagPressed":[1,"wcag-pressed"],"wcagCurrent":[1,"wcag-current"],"isPressed":[32],"setFocus":[64],"validateWcag":[64]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as a}from"./p-4af5e4f4.js";const l=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};l().then((e=>a(JSON.parse('[["p-402c2751",[[4,"gov-form-file",{"expanded":[4],"required":[4],"disabled":[4],"displayAttachments":[4,"display-attachments"],"name":[1],"accept":[1],"maxFileSize":[2,"max-file-size"],"identifier":[1],"invalid":[4],"errorSize":[1,"error-size"],"errorAccept":[1,"error-accept"],"attachmentsLabel":[1,"attachments-label"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagAttachmentsLabel":[1,"wcag-attachments-label"],"files":[32],"validateWcag":[64]}]]],["p-131c50d1",[[4,"gov-form-multi-select",{"identifier":[1],"placeholder":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"value":[32],"selectedOptions":[32],"setFocus":[64],"setValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-0272ffa0",[[4,"gov-modal",{"open":[4],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcaglabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"modalVisible":[32],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-337fb136",[[0,"gov-pagination",{"type":[1],"current":[2],"total":[2],"inverse":[4],"size":[1],"variant":[1],"pageSize":[2,"page-size"],"maxPages":[2,"max-pages"],"link":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagPageLabel":[1,"wcag-page-label"],"pagination":[32],"validateWcag":[64]}]]],["p-e3141382",[[4,"gov-prompt",{"open":[4],"label":[1],"role":[1],"labelTag":[1,"label-tag"],"wcaglabelledBy":[1,"wcag-labelled-by"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagCloseLabel":[1,"wcag-close-label"],"wcagCloseLabelledBy":[1,"wcag-close-labelled-by"],"modalVisible":[32],"show":[64],"hide":[64],"validateWcag":[64]}]]],["p-f6e2f2f0",[[4,"gov-tabs",{"type":[1],"variant":[1],"orientation":[1],"wcagLabel":[1,"wcag-label"],"wcagSelectLabel":[1,"wcag-select-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"controller":[32],"focusIndex":[32],"compactControls":[32],"refresh":[64],"currentTab":[64],"setActiveTab":[64],"validateWcag":[64]}]]],["p-3f92f3bf",[[4,"gov-alert",{"variant":[1],"inverse":[4],"wcagCloseLabel":[1,"wcag-close-label"],"closable":[4]}]]],["p-30b162df",[[4,"gov-loading",{"loading":[4]}]]],["p-8bebbcc7",[[4,"gov-side-nav-item",{"inverse":[4],"compact":[4],"identifier":[1],"count":[4],"label":[1],"disabled":[4],"href":[1],"isExpanded":[4,"is-expanded"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-042d5b20",[[4,"gov-toast",{"variant":[1],"gravity":[1],"position":[1],"type":[1],"time":[2],"closeLabel":[1,"close-label"],"wcagCloseLabel":[1,"wcag-close-label"],"destroy":[64]}]]],["p-c91928ed",[[4,"gov-accordion-item",{"variant":[1],"identifier":[1],"size":[1],"label":[1],"annotation":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"triggerTag":[1,"trigger-tag"],"noBorder":[4,"no-border"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-24877419",[[4,"gov-card",{"promotion":[4],"label":[1],"collapsible":[4],"expanded":[4],"headlineTag":[1,"headline-tag"],"wcagTriggerLabel":[1,"wcag-trigger-label"],"wcagTriggerLabelledBy":[1,"wcag-trigger-labelled-by"],"isExpanded":[32],"open":[64],"close":[64],"validateWcag":[64]}]]],["p-e6b8c610",[[4,"gov-form-checkbox",{"value":[1],"checked":[516],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"noLabel":[4,"no-label"],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"isChecked":[32],"validateWcag":[64]}]]],["p-67006730",[[4,"gov-tile",{"promotion":[4],"href":[1],"name":[1]}]]],["p-d9b4bc20",[[4,"gov-wizzard-item",{"variant":[1],"size":[1],"identifier":[1],"collapsible":[4],"annotation":[1],"label":[1],"disabled":[4],"isExpanded":[4,"is-expanded"],"labelTag":[1,"label-tag"],"isExpandedState":[32],"open":[64],"close":[64],"toggle":[64],"currentState":[64]}]]],["p-471c0863",[[4,"gov-accordion",{"size":[1],"variant":[1],"noBorder":[4,"no-border"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-bce96aac",[[0,"gov-app"]]],["p-f0a4439e",[[4,"gov-breadcrumbs",{"collapsible":[4],"isExpanded":[4,"is-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelded-by"],"validateWcag":[64]}]]],["p-2f88b6d9",[[4,"gov-container",{"slottedChildren":[64]}]]],["p-6aa31f02",[[4,"gov-cookiebar"]]],["p-d90a2718",[[4,"gov-empty"]]],["p-1def0eb2",[[4,"gov-error-code"]]],["p-61103476",[[4,"gov-form-control",{"gap":[1],"identifier":[1],"invalid":[4],"disabled":[4],"success":[4],"fieldset":[4],"size":[1]}]]],["p-0874a5ec",[[4,"gov-form-group",{"gap":[1]}]]],["p-d5c2db32",[[4,"gov-form-label",{"identifier":[1],"size":[1],"required":[4],"legend":[4]}]]],["p-f644cad5",[[4,"gov-form-password-power",{"power":[2]}]]],["p-d2f6053f",[[4,"gov-form-radio",{"value":[1],"noLabel":[4,"no-label"],"checked":[516],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"isChecked":[32],"validateWcag":[64]}]]],["p-e4bb6114",[[4,"gov-form-search"]]],["p-93edcce2",[[4,"gov-form-switch",{"value":[1],"noLabel":[4,"no-label"],"checked":[516],"required":[4],"disabled":[4],"name":[1],"size":[1],"identifier":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"isChecked":[32],"validateWcag":[64]}]]],["p-5d348765",[[4,"gov-grid",{"alignX":[1,"align-x"],"alignY":[1,"align-y"]}]]],["p-a4d23e73",[[4,"gov-grid-item",{"size":[1],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"],"sizeXl":[1,"size-xl"]}]]],["p-52dc68aa",[[4,"gov-layout",{"type":[1],"variant":[1],"inverse":[4]}]]],["p-7bfa06b1",[[4,"gov-layout-column"]]],["p-dc94a1da",[[4,"gov-message",{"variant":[1]}]]],["p-aba39622",[[4,"gov-nav",{"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-732f74fe",[[4,"gov-nav-item",{"href":[1],"isExpandedState":[32]}]]],["p-540e79c4",[[4,"gov-side-nav",{"inverse":[4],"compact":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-429850b9",[[0,"gov-skeleton",{"variant":[1],"count":[2],"shape":[1],"width":[1],"height":[1],"animation":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}]]],["p-76e2aa52",[[0,"gov-spacer",{"size":[1],"breakpoint":[1]}]]],["p-e4bb6100",[[4,"gov-statsbar",{"iconPosition":[1,"icon-position"],"variant":[1]}]]],["p-d8def432",[[4,"gov-statsbar-item",{"iconPosition":[1,"icon-position"]}]]],["p-a89c27c1",[[4,"gov-stepper",{"size":[1]}]]],["p-d389c001",[[4,"gov-stepper-item",{"variant":[1],"size":[1],"identifier":[1],"label":[1],"annotation":[1],"triggerTag":[1,"trigger-tag"],"isExpandedState":[32],"currentState":[64]}]]],["p-0f0564e8",[[4,"gov-tabs-item",{"identifier":[1],"triggerIdentifier":[1,"trigger-identifier"],"label":[1],"default":[4],"isActive":[32],"getIdentifier":[64],"getTriggerIdentifier":[64],"setActiveStatus":[64]}]]],["p-e1e4c8f8",[[4,"gov-tiles",{"columns":[2],"noBorder":[4,"no-border"]}]]],["p-8204070b",[[4,"gov-tooltip",{"variant":[1],"size":[1],"position":[1],"message":[1],"identifier":[1],"icon":[4],"show":[64],"hide":[64]}]]],["p-42636ddf",[[4,"gov-tooltip-content",{"isVisible":[4,"is-visible"]}]]],["p-5a1c8d48",[[4,"gov-wizzard",{"size":[1],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-1c877e8e",[[0,"gov-icon",{"name":[1],"type":[1],"iconData":[32],"visible":[32],"error":[32]}]]],["p-9bdce72b",[[4,"gov-form-input",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"name":[1],"multiline":[4],"rows":[2],"cols":[2],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"minlength":[2],"maxlength":[2],"autocomplete":[4],"autocorrect":[4],"type":[1],"inputType":[1,"input-type"],"role":[1],"invalid":[4],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagAutocomplete":[1,"wcag-autocomplete"],"wcagExpanded":[4,"wcag-expanded"],"focused":[32],"setFocus":[64],"setValue":[64],"clearValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-b7587525",[[4,"gov-form-autocomplete",{"value":[1537],"identifier":[1],"variant":[1],"success":[4],"size":[1],"nameKey":[1,"name-key"],"name":[1],"required":[4],"disabled":[4],"placeholder":[1],"readonly":[4],"invalid":[4],"minlength":[2],"maxlength":[2],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"processing":[32],"arrowCounter":[32],"list":[32],"setFocus":[64],"clearValue":[64],"setSearchCallback":[64],"setTemplateResolver":[64]}]]],["p-2426fa82",[[4,"gov-form-select",{"value":[1537],"identifier":[1],"variant":[1],"size":[1],"name":[1],"required":[4],"disabled":[4],"invalid":[4],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"focused":[32],"setFocus":[64],"setValue":[64],"getInstance":[64],"validateWcag":[64]}]]],["p-5e4cf9a2",[[4,"gov-badge",{"inverse":[4],"disabled":[4],"href":[1],"target":[1],"size":[1],"type":[1],"tag":[1],"variant":[1],"wcagLabel":[1,"wcag-label"]}]]],["p-ef393836",[[4,"gov-attachments-item",{"wcagRemoveLabel":[1,"wcag-remove-label"],"wcagRemoveLabelledBy":[1,"wcag-remove-labelled-by"],"validateWcag":[64]}],[4,"gov-attachments",{"label":[1],"wcagLabel":[1,"wcag-label"],"validateWcag":[64]}],[4,"gov-form-message",{"variant":[1],"identifier":[64]}]]],["p-405fc50f",[[0,"gov-backdrop",{"inverse":[4],"visible":[4],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"validateWcag":[64]}]]],["p-c836f7cd",[[4,"gov-button",{"variant":[513],"size":[513],"type":[513],"expanded":[4],"inverse":[4],"name":[1],"disabled":[516],"nativeType":[1,"native-type"],"href":[1],"target":[1],"download":[4],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"loading":[1],"focusable":[4],"identifier":[1],"wcagActiveDescendant":[1,"wcag-active-descendant"],"wcagControls":[1,"wcag-controls"],"wcagDescribedBy":[1,"wcag-described-by"],"wcagDescription":[1,"wcag-description"],"wcagDetails":[1,"wcag-details"],"wcagExpanded":[4,"wcag-expanded"],"wcagLabel":[1,"wcag-label"],"wcagLabelledBy":[1,"wcag-labelled-by"],"wcagOwns":[1,"wcag-owns"],"wcagHasPopup":[1,"wcag-has-popup"],"wcagPressed":[1,"wcag-pressed"],"wcagCurrent":[1,"wcag-current"],"isPressed":[32],"setFocus":[64],"validateWcag":[64]}]]]]'),e)));
|
|
2
2
|
//# sourceMappingURL=core.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"mappings":"2CAMA,MAAMA,EAAe,KA6BjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,EAAeJ,IC9D1BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"mappings":"2CAMA,MAAMA,EAAe,KA6BjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,EAAeJ,IC9D1BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,kjVAAuCH","sourcesContent":["/*\n Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n if (BUILD.cssVarShim) {\n // shim css vars\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,c as a,h as e,H as t,g as i}from"./p-4af5e4f4.js";import{c as r}from"./p-24636c53.js";import{a as s}from"./p-364b4792.js";import{M as d}from"./p-45485d1c.js";import{c as l}from"./p-c20102ff.js";import{d as n}from"./p-03990da5.js";import{g as m,a as g}from"./p-3f37ddb6.js";import{a as c}from"./p-561fa17b.js";const h='.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-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2)}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end;padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=""],.gov-modal[open=true i],.gov-modal[open="1"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.5rem 2rem 3rem}.gov-modal__close{padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2)}.gov-modal__content{padding:2rem 3rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}';const v=class{constructor(e){o(this,e);this.govClose=a(this,"gov-close",7);this.open=false;this.label=undefined;this.role="dialog";this.labelTag="h2";this.wcaglabelledBy=undefined;this.wcagDescribedBy=undefined;this.wcagCloseLabel=undefined;this.wcagCloseLabelledBy=undefined;this.modalVisible=false;this.h=m(this.host);this.labelId=r("GovModalLabel");this.contentId=r("GovModalContent")}validateLabelTag(o){const a=["h1","h2","h3","h4","h5","h6"];if(o){if(!a.includes(o)){c(`[${d.root}]: Tag ${o} is not allowed.`)}}}watchOpen(o){this.modalVisible=o}showModal(){this.modalVisible=true;document.body.classList.add(d.bodyFix)}hideModal(){this.modalVisible=false;document.body.classList.remove(d.bodyFix)}async componentWillRender(){if(this.modalVisible){this.showModal()}else{this.hideModal()}}async componentDidRender(){this.modalVisible=this.open;if(l()){await n(500);await this.validateWcag()}}render(){const o=this.labelTag;return e(t,{class:this.h.classes(d.root),open:this.modalVisible},e("dialog",{class:d.dialog,hidden:!this.modalVisible,tabindex:"-1",open:this.modalVisible,"aria-modal":"true","aria-hidden":g(!this.modalVisible),"aria-labelledby":this.wcaglabelledBy||this.labelId,"aria-describedby":this.wcagDescribedBy||this.contentId,role:this.role},e("div",{class:d.inner},e("div",{class:d.header},this.h.hasSlot("icon")&&e("div",{class:d.icon},e("slot",{name:"icon"})),this.label&&e(o,{class:d.title,id:this.labelId},this.label),e("gov-button",{class:d.close,variant:"primary",wcagLabel:this.wcagCloseLabel,wcagLabelledBy:this.wcagCloseLabelledBy,type:"base","on-gov-click":this.onCloseHandler.bind(this)},e("gov-icon",{name:"x-lg"}))),e("div",{class:d.content,id:this.contentId},e("slot",null)))),e("gov-backdrop",{visible:this.modalVisible,"wcag-label":this.wcagCloseLabel,"wcag-labelled-by":this.wcagCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}))}onCloseHandler(o){o.stopPropagation();this.hideModal();this.govClose.emit(o)}async show(){this.showModal()}async hide(){this.hideModal()}async validateWcag(){s(this.wcaglabelledBy,"aria-labelledby",d.root);s(this.wcagDescribedBy,"aria-describedby",d.root)}get host(){return i(this)}static get watchers(){return{labelTag:["validateLabelTag"],open:["watchOpen"]}}};v.style=h;export{v as gov_modal};
|
|
2
|
+
//# sourceMappingURL=p-0272ffa0.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/core/src/components/gov-modal/gov-modal.scss?tag=gov-modal","../../../packages/core/src/components/gov-modal/gov-modal.tsx"],"names":["govModalCss","GovModal","[object Object]","hostRef","this","h","govHost","host","labelId","createID","contentId","newValue","validTags","includes","govErrorLog","ModalClass","root","modalVisible","document","body","classList","add","bodyFix","remove","showModal","hideModal","open","canValidateWcagOnRender","delay","validateWcag","LabelTag","labelTag","Host","class","classes","dialog","hidden","tabindex","aria-modal","aria-hidden","toBoolAttr","aria-labelledby","wcaglabelledBy","aria-describedby","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","close","variant","wcagLabel","wcagCloseLabel","wcagLabelledBy","wcagCloseLabelledBy","type","on-gov-click","onCloseHandler","bind","content","visible","wcag-label","wcag-labelled-by","e","stopPropagation","govClose","emit","validateWcagRef"],"mappings":"mUAAA,MAAMA,EAAc,qrFCePC,EAAQ,MAKpBC,YAAAC,2DAWe,qCAQqB,uBAI0B,qJAsBtC,MA5CvBC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,iBACxBL,KAAKM,UAAYD,EAAS,mBA6C3BP,iBAAiBS,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,uBAM5CT,UAAUS,GACTP,KAAKa,aAAeN,EAGbT,YACPE,KAAKa,aAAe,KACpBC,SAASC,KAAKC,UAAUC,IAAIN,EAAWO,SAGhCpB,YACPE,KAAKa,aAAe,MACpBC,SAASC,KAAKC,UAAUG,OAAOR,EAAWO,SAG3CpB,4BACC,GAAIE,KAAKa,aAAc,CACtBb,KAAKoB,gBACC,CACNpB,KAAKqB,aAIPvB,2BACCE,KAAKa,aAAeb,KAAKsB,KACzB,GAAIC,IAA2B,OACxBC,EAAM,WACNxB,KAAKyB,gBAIb3B,SACC,MAAM4B,EAAW1B,KAAK2B,SACtB,OACC1B,EAAC2B,EAAI,CAACC,MAAO7B,KAAKC,EAAE6B,QAAQnB,EAAWC,MAAOU,KAAMtB,KAAKa,cACxDZ,EAAA,SAAA,CACC4B,MAAOlB,EAAWoB,OAClBC,QAAShC,KAAKa,aACdoB,SAAS,KACTX,KAAMtB,KAAKa,aAAYqB,aACZ,OAAMC,cACJC,GAAYpC,KAAKa,cAAawB,kBAC1BrC,KAAKsC,gBAAkBtC,KAAKI,QAAOmC,mBAClCvC,KAAKwC,iBAAmBxC,KAAKM,UAC/CmC,KAAMzC,KAAKyC,MAEXxC,EAAA,MAAA,CAAK4B,MAAOlB,EAAW+B,OACtBzC,EAAA,MAAA,CAAK4B,MAAOlB,EAAWgC,QACrB3C,KAAKC,EAAE2C,QAAQ,SACf3C,EAAA,MAAA,CAAK4B,MAAOlB,EAAWkC,MACtB5C,EAAA,OAAA,CAAM6C,KAAK,UAGZ9C,KAAK+C,OACL9C,EAACyB,EAAQ,CAACG,MAAOlB,EAAWqC,MAAOC,GAAIjD,KAAKI,SAC1CJ,KAAK+C,OAGR9C,EAAA,aAAA,CACC4B,MAAOlB,EAAWuC,MAClBC,QAAQ,UACRC,UAAWpD,KAAKqD,eAChBC,eAAgBtD,KAAKuD,oBACrBC,KAAK,OAAMC,eACGzD,KAAK0D,eAAeC,KAAK3D,OAEvCC,EAAA,WAAA,CAAU6C,KAAK,WAGjB7C,EAAA,MAAA,CAAK4B,MAAOlB,EAAWiD,QAASX,GAAIjD,KAAKM,WACxCL,EAAA,OAAA,SAKHA,EAAA,eAAA,CACC4D,QAAS7D,KAAKa,aAAYiD,aACd9D,KAAKqD,eAAcU,mBACb/D,KAAKuD,oBAAmBE,eAC5BzD,KAAK0D,eAAeC,KAAK3D,SAMnCF,eAAekE,GACtBA,EAAEC,kBACFjE,KAAKqB,YACLrB,KAAKkE,SAASC,KAAKH,GAOpBlE,aACCE,KAAKoB,YAONtB,aACCE,KAAKqB,YAONvB,qBACCsE,EAAgBpE,KAAKsC,eAAgB,kBAAmB3B,EAAWC,MACnEwD,EAAgBpE,KAAKwC,gBAAiB,mBAAoB7B,EAAWC","sourcesContent":["/*\n * Modal\n */\n\n$class: \".gov-modal\";\n\n#{$class} {\n\tdisplay: none;\n\t&__dialog {\n\t\t@include z-index(\"modal\", 1);\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tmax-width: $modal-max-width;\n\t\theight: 100%;\n\t\tpadding: rem-calc(8);\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\ttransform: translate(-50%, -50%);\n\t\tpointer-events: none;\n\t}\n\t&__inner {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tmax-height: 100%;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $modal-bg;\n\t\toverflow: hidden;\n\t\tpointer-events: auto;\n\t\tbox-shadow: get($shadow-l, $shadows);\n\t}\n\t&__header {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\talign-items: flex-start;\n\t\tpadding: rem-calc(24 16);\n\t\tborder-bottom: $modal-border;\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(24)) / 2);\n\t\t& > * {\n\t\t\twidth: rem-calc(24);\n\t\t\theight: rem-calc(24);\n\t\t}\n\t}\n\t&__title {\n\t\t@include typography($font-size-3xl);\n\t\tmargin: 0;\n\t}\n\t&__close {\n\t\tflex: 0 0 auto;\n\t\tmargin-left: auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(32)) / 2);\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t\theight: 100%;\n\t\tpadding: rem-calc(24 16);\n\t\tcolor: $modal-text-color;\n\t\toverflow: auto;\n\t}\n\t&__actions {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8 16);\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-end;\n\t\tpadding: rem-calc(24 16);\n\t\tborder-top: $modal-border;\n\t}\n\n\t// STATES\n\t&__dialog:focus &__inner {\n\t\toutline: $outline;\n\t}\n\t@include parameter(\"open\") {\n\t\tdisplay: block;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__dialog {\n\t\t\tmax-width: calc($modal-max-width + 2 * rem-calc(24));\n\t\t\tpadding: rem-calc(24);\n\t\t\t&:focus {\n\t\t\t\toutline-offset: rem-calc(-24);\n\t\t\t}\n\t\t}\n\t\t&__inner {\n\t\t\tbox-shadow: get($shadow-xl, $shadows);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt &__dialog {\n\t\t\tmax-width: calc($modal-prompt-max-width + 2 * rem-calc(24));\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&__header {\n\t\t\tgap: rem-calc(20);\n\t\t\tpadding: rem-calc(32 40 32 48);\n\t\t}\n\t\t&__close {\n\t\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(40)) / 2);\n\t\t}\n\t\t&__content {\n\t\t\tpadding: rem-calc(32 48);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt {\n\t\t\t#{$class} {\n\t\t\t\t&__header,\n\t\t\t\t&__content,\n\t\t\t\t&__actions {\n\t\t\t\t\tpadding: rem-calc(24);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, Element, EventEmitter, h, Host, Method, Prop, Watch, State } from \"@stencil/core\"\nimport { createID } from \"../../utils/string.utils\"\nimport { validateWcagRef } from \"../../helpers/Validate/wcag\"\nimport { ModalClass } from \"./constants\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\n\n@Component({\n\ttag: \"gov-modal\",\n\tstyleUrl: \"gov-modal.scss\",\n})\nexport class GovModal {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID(\"GovModalLabel\")\n\t\tthis.contentId = createID(\"GovModalContent\")\n\t}\n\n\t@Element() host: HTMLGovModalElement\n\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop() open = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: \"role\" }) role = \"dialog\"\n\t/**\n\t * Used to change the HMTL tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h2\"\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) wcaglabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) wcagCloseLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: \"wcag-close-labelled-by\" }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<PointerEvent>\n\n\t@State() modalVisible = false\n\n\t@Watch(\"labelTag\")\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"open\")\n\twatchOpen(newValue: boolean): void {\n\t\tthis.modalVisible = newValue\n\t}\n\n\tprivate showModal() {\n\t\tthis.modalVisible = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.modalVisible = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.modalVisible) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal()\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.modalVisible = this.open\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ModalClass.root)} open={this.modalVisible}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={ModalClass.dialog}\n\t\t\t\t\thidden={!this.modalVisible}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\topen={this.modalVisible}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.modalVisible)}\n\t\t\t\t\taria-labelledby={this.wcaglabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label && (\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t\t\t</LabelTag>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tclass={ModalClass.close}\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\twcagLabel={this.wcagCloseLabel}\n\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" />\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t<gov-backdrop\n\t\t\t\t\tvisible={this.modalVisible}\n\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\twcag-labelled-by={this.wcagCloseLabelledBy}\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tthis.hideModal()\n\t\tthis.govClose.emit(e)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\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\tvalidateWcagRef(this.wcaglabelledBy, \"aria-labelledby\", ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"aria-describedby\", ModalClass.root)\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../packages/core/src/components/gov-modal/gov-modal.scss?tag=gov-modal","../../../packages/core/src/components/gov-modal/gov-modal.tsx"],"names":["govModalCss","GovModal","[object Object]","hostRef","this","h","govHost","host","labelId","createID","contentId","newValue","validTags","includes","govErrorLog","ModalClass","root","modalVisible","document","body","classList","add","bodyFix","remove","showModal","hideModal","open","canValidateWcagOnRender","delay","validateWcag","LabelTag","labelTag","Host","class","classes","dialog","hidden","tabindex","aria-modal","aria-hidden","toBoolAttr","aria-labelledby","wcaglabelledBy","aria-describedby","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","close","variant","wcagLabel","wcagCloseLabel","wcagLabelledBy","wcagCloseLabelledBy","type","on-gov-click","onCloseHandler","bind","content","visible","wcag-label","wcag-labelled-by","e","stopPropagation","govClose","emit","validateWcagRef"],"mappings":"mUAAA,MAAMA,EAAc,s1FCePC,EAAQ,MAKpBC,YAAAC,2DAWe,qCAQqB,uBAI0B,qJAsBtC,MA5CvBC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,iBACxBL,KAAKM,UAAYD,EAAS,mBA6C3BP,iBAAiBS,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,uBAM5CT,UAAUS,GACTP,KAAKa,aAAeN,EAGbT,YACPE,KAAKa,aAAe,KACpBC,SAASC,KAAKC,UAAUC,IAAIN,EAAWO,SAGhCpB,YACPE,KAAKa,aAAe,MACpBC,SAASC,KAAKC,UAAUG,OAAOR,EAAWO,SAG3CpB,4BACC,GAAIE,KAAKa,aAAc,CACtBb,KAAKoB,gBACC,CACNpB,KAAKqB,aAIPvB,2BACCE,KAAKa,aAAeb,KAAKsB,KACzB,GAAIC,IAA2B,OACxBC,EAAM,WACNxB,KAAKyB,gBAIb3B,SACC,MAAM4B,EAAW1B,KAAK2B,SACtB,OACC1B,EAAC2B,EAAI,CAACC,MAAO7B,KAAKC,EAAE6B,QAAQnB,EAAWC,MAAOU,KAAMtB,KAAKa,cACxDZ,EAAA,SAAA,CACC4B,MAAOlB,EAAWoB,OAClBC,QAAShC,KAAKa,aACdoB,SAAS,KACTX,KAAMtB,KAAKa,aAAYqB,aACZ,OAAMC,cACJC,GAAYpC,KAAKa,cAAawB,kBAC1BrC,KAAKsC,gBAAkBtC,KAAKI,QAAOmC,mBAClCvC,KAAKwC,iBAAmBxC,KAAKM,UAC/CmC,KAAMzC,KAAKyC,MAEXxC,EAAA,MAAA,CAAK4B,MAAOlB,EAAW+B,OACtBzC,EAAA,MAAA,CAAK4B,MAAOlB,EAAWgC,QACrB3C,KAAKC,EAAE2C,QAAQ,SACf3C,EAAA,MAAA,CAAK4B,MAAOlB,EAAWkC,MACtB5C,EAAA,OAAA,CAAM6C,KAAK,UAGZ9C,KAAK+C,OACL9C,EAACyB,EAAQ,CAACG,MAAOlB,EAAWqC,MAAOC,GAAIjD,KAAKI,SAC1CJ,KAAK+C,OAGR9C,EAAA,aAAA,CACC4B,MAAOlB,EAAWuC,MAClBC,QAAQ,UACRC,UAAWpD,KAAKqD,eAChBC,eAAgBtD,KAAKuD,oBACrBC,KAAK,OAAMC,eACGzD,KAAK0D,eAAeC,KAAK3D,OAEvCC,EAAA,WAAA,CAAU6C,KAAK,WAGjB7C,EAAA,MAAA,CAAK4B,MAAOlB,EAAWiD,QAASX,GAAIjD,KAAKM,WACxCL,EAAA,OAAA,SAKHA,EAAA,eAAA,CACC4D,QAAS7D,KAAKa,aAAYiD,aACd9D,KAAKqD,eAAcU,mBACb/D,KAAKuD,oBAAmBE,eAC5BzD,KAAK0D,eAAeC,KAAK3D,SAMnCF,eAAekE,GACtBA,EAAEC,kBACFjE,KAAKqB,YACLrB,KAAKkE,SAASC,KAAKH,GAOpBlE,aACCE,KAAKoB,YAONtB,aACCE,KAAKqB,YAONvB,qBACCsE,EAAgBpE,KAAKsC,eAAgB,kBAAmB3B,EAAWC,MACnEwD,EAAgBpE,KAAKwC,gBAAiB,mBAAoB7B,EAAWC","sourcesContent":["/*\n * Modal\n */\n\n$class: \".gov-modal\";\n\n#{$class} {\n\tdisplay: none;\n\t&__dialog {\n\t\t@include z-index(\"modal\", 1);\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tmax-width: $modal-max-width;\n\t\theight: 100%;\n\t\tpadding: rem-calc(8);\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\ttransform: translate(-50%, -50%);\n\t\tpointer-events: none;\n\t}\n\t&__inner {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tmax-height: 100%;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $modal-bg;\n\t\toverflow: hidden;\n\t\tpointer-events: auto;\n\t\tbox-shadow: get($shadow-l, $shadows);\n\t}\n\t&__header {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\talign-items: flex-start;\n\t\tpadding: rem-calc(24 16);\n\t\tborder-bottom: $modal-border;\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(24)) / 2);\n\t\t& > * {\n\t\t\twidth: rem-calc(24);\n\t\t\theight: rem-calc(24);\n\t\t}\n\t}\n\t&__title {\n\t\t@include typography($font-size-3xl);\n\t\tmargin: 0;\n\t}\n\t&__close {\n\t\tflex: 0 0 auto;\n\t\tmargin-left: auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(32)) / 2);\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t\theight: 100%;\n\t\tpadding: rem-calc(24 16);\n\t\tcolor: $modal-text-color;\n\t\toverflow: auto;\n\t}\n\t&__actions {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8 16);\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-end;\n\t\tpadding: rem-calc(24 16);\n\t\tborder-top: $modal-border;\n\t}\n\n\t// STATES\n\t&__dialog:focus &__inner {\n\t\toutline: $outline;\n\t}\n\t@include parameter(\"open\") {\n\t\tdisplay: block;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__dialog {\n\t\t\tmax-width: calc($modal-max-width + 2 * rem-calc(24));\n\t\t\tpadding: rem-calc(24);\n\t\t\t&:focus {\n\t\t\t\toutline-offset: rem-calc(-24);\n\t\t\t}\n\t\t}\n\t\t&__inner {\n\t\t\tbox-shadow: get($shadow-xl, $shadows);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt &__dialog {\n\t\t\tmax-width: calc($modal-prompt-max-width + 2 * rem-calc(24));\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&__header {\n\t\t\tgap: rem-calc(20);\n\t\t\tpadding: rem-calc(32 40 32 48);\n\t\t}\n\t\t&__close {\n\t\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(40)) / 2);\n\t\t}\n\t\t&__content {\n\t\t\tpadding: rem-calc(32 48);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt {\n\t\t\t#{$class} {\n\t\t\t\t&__header,\n\t\t\t\t&__content,\n\t\t\t\t&__actions {\n\t\t\t\t\tpadding: rem-calc(24);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, Element, EventEmitter, h, Host, Method, Prop, Watch, State } from \"@stencil/core\"\nimport { createID } from \"../../utils/string.utils\"\nimport { validateWcagRef } from \"../../helpers/Validate/wcag\"\nimport { ModalClass } from \"./constants\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\nimport { toBoolAttr } from \"../../helpers/Dom/template\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\n\n@Component({\n\ttag: \"gov-modal\",\n\tstyleUrl: \"gov-modal.scss\",\n})\nexport class GovModal {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID(\"GovModalLabel\")\n\t\tthis.contentId = createID(\"GovModalContent\")\n\t}\n\n\t@Element() host: HTMLGovModalElement\n\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop() open = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: \"role\" }) role = \"dialog\"\n\t/**\n\t * Used to change the HMTL tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h2\"\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) wcaglabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: \"wcag-described-by\" }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-close-label\" }) wcagCloseLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: \"wcag-close-labelled-by\" }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: \"gov-close\" }) govClose: EventEmitter<PointerEvent>\n\n\t@State() modalVisible = false\n\n\t@Watch(\"labelTag\")\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"open\")\n\twatchOpen(newValue: boolean): void {\n\t\tthis.modalVisible = newValue\n\t}\n\n\tprivate showModal() {\n\t\tthis.modalVisible = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.modalVisible = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.modalVisible) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal()\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.modalVisible = this.open\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ModalClass.root)} open={this.modalVisible}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={ModalClass.dialog}\n\t\t\t\t\thidden={!this.modalVisible}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\topen={this.modalVisible}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.modalVisible)}\n\t\t\t\t\taria-labelledby={this.wcaglabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label && (\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t\t\t</LabelTag>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tclass={ModalClass.close}\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\twcagLabel={this.wcagCloseLabel}\n\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\" />\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t<gov-backdrop\n\t\t\t\t\tvisible={this.modalVisible}\n\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\twcag-labelled-by={this.wcagCloseLabelledBy}\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tthis.hideModal()\n\t\tthis.govClose.emit(e)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\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\tvalidateWcagRef(this.wcaglabelledBy, \"aria-labelledby\", ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, \"aria-describedby\", ModalClass.root)\n\t}\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,c as t,h as r,H as a,g as s}from"./p-4af5e4f4.js";import{v as i}from"./p-26acf964.js";import{V as e,T as n}from"./p-ff7365ae.js";import{p as v}from"./p-03990da5.js";import{g as c}from"./p-3f37ddb6.js";import{c as g}from"./p-24636c53.js";import"./p-561fa17b.js";const l=v(e,["SUCCESS","WARNING","ERROR","SECONDARY","PRIMARY"]);v(n,["CLASSIC","SOLID"]);const d={root:"gov-toast",hidden:"gov-toast--hidden",icon:"gov-toast__icon",content:"gov-toast__content",close:"gov-toast__close",timer:"gov-toast__timer"};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-toast{position:relative;display:flex;gap:1rem;flex-direction:column;padding:0.75rem 1rem;border-left:0.25rem solid transparent;background:var(--gov-toast-message-bg, var(--gov-color-neutral-white));z-index:201;position:relative;position:fixed;max-width:23.4375rem;padding-right:3.125rem;opacity:1;transition:opacity 300ms ease-in-out}.gov-toast__icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.gov-toast__content{flex:1 1 auto}.gov-toast__content>*:last-child{margin-bottom:0}.gov-toast__content p{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)}@media (min-width: 30em){.gov-toast{flex-direction:row}}.gov-toast__content{padding-right:0}.gov-toast__close{position:absolute;top:0.5rem;right:0.75rem}.gov-toast__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.gov-toast--hidden{opacity:0}.gov-toast[gravity=top i]{top:1rem}.gov-toast[gravity=bottom i]{bottom:1rem}.gov-toast[position=left i]{left:1rem}.gov-toast[position=center i]{left:50%;transform:translateX(-50%)}.gov-toast[position=right i]{right:1rem}.gov-toast[type=solid i]{border:none;border-radius:0.25rem;overflow:hidden;box-shadow:none}.gov-toast[type=solid i].is-initialized .gov-toast__timer{transform-origin:left;animation:countdown linear forwards var(--toast-duration, 0)}.gov-toast[variant=warning]{border-left-color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning] .gov-toast__icon{color:var(--gov-toast-warning-codecor-lor, var(--gov-color-warning))}.gov-toast[variant=warning][type=solid i]{background-color:var(--gov-toast-warning-background, var(--gov-color-warning));color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__icon{color:var(--gov-toast-warning-color, var(--gov-color-secondary))}.gov-toast[variant=warning][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-warning-timer-background, rgba(var(--gov-color-warning-500-rgb), 0.3))}.gov-toast[variant=error]{border-left-color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error] .gov-toast__icon{color:var(--gov-toast-error-colodecor-r, var(--gov-color-error))}.gov-toast[variant=error][type=solid i]{background-color:var(--gov-toast-error-background, var(--gov-color-error));color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__icon{color:var(--gov-toast-error-color, var(--gov-color-neutral-white))}.gov-toast[variant=error][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-error-timer-background, rgba(var(--gov-color-error-500-rgb), 0.5))}.gov-toast[variant=success]{border-left-color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success] .gov-toast__icon{color:var(--gov-toast-success-codecor-lor, var(--gov-color-success))}.gov-toast[variant=success][type=solid i]{background-color:var(--gov-toast-success-background, var(--gov-color-success-500));color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__icon{color:var(--gov-toast-success-color, var(--gov-color-neutral-white))}.gov-toast[variant=success][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-success-timer-background, rgba(var(--gov-color-success-600-rgb), 0.5))}.gov-toast[variant=primary]{border-left-color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary] .gov-toast__icon{color:var(--gov-toast-primary-codecor-lor, var(--gov-color-primary))}.gov-toast[variant=primary][type=solid i]{background-color:var(--gov-toast-primary-background, var(--gov-color-primary));color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__icon{color:var(--gov-toast-primary-color, var(--gov-color-neutral-white))}.gov-toast[variant=primary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-primary-timer-background, rgba(var(--gov-color-primary-700-rgb), 0.5))}.gov-toast[variant=secondary]{border-left-color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary] .gov-toast__icon{color:var(--gov-toast-secondary-decor-color, var(--gov-color-secondary))}.gov-toast[variant=secondary][type=solid i]{background-color:var(--gov-toast-secondary-background, var(--gov-color-secondary));color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__icon{color:var(--gov-toast-secondary-color, var(--gov-color-neutral-white))}.gov-toast[variant=secondary][type=solid i] .gov-toast__timer{background-color:var(--gov-toast-secondary-timer-background, rgba(var(--gov-color-secondary-900-rgb), 0.5))}@media (min-width: 30em){.gov-toast__content{padding-right:2rem}}";const p=class{constructor(r){o(this,r);this.govClose=t(this,"gov-close",7);this.variant="primary";this.gravity="top";this.position="right";this.type="classic";this.time=0;this.closeLabel=undefined;this.wcagCloseLabel=undefined;this.h=c(this.host);this.toastId=g("GovToast")}validateVariant(o){i(l,o,d.root)}componentWillLoad(){this.validateVariant(this.variant);this.runTimer()}componentDidLoad(){const o=document.querySelectorAll(`gov-toast[gravity="${this.gravity}"][position="${this.position}"]:not([data-toast-id="${this.toastId}"])`);if(o.length>0){Array.from(o).map((o=>o.destroy().then()))}}disconnectedCallback(){clearTimeout(this.timeout)}runTimer(){if(this.isSolid){this.host.classList.add("is-initialized")}if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(d.hidden);setTimeout(this.destroy.bind(this),600)}),this.time)}}render(){return r(a,{class:this.h.classes([d.root,"gov-box-shadow--m"]),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,variant:this.variant,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&r("span",{class:d.icon},r("slot",{name:"icon"})),r("div",{class:d.content,"aria-live":"polite",role:"status"},r("slot",null)),r("div",{class:d.close},r("gov-button",{size:"s","wcag-label":this.wcagCloseLabel,variant:this.isSolid?this.variant:"secondary",inverse:this.isSolid,type:"base","on-gov-click":this.onCloseHandler.bind(this)},this.closeLabel?this.closeLabel:r("gov-icon",{name:"x-lg"}))),r("div",{class:d.timer}))}onCloseHandler(){this.destroy().then((()=>this.govClose.emit(this.toastId))).catch()}get isSolid(){return this.type==="solid"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const o=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(o){o.classList.add(d.hidden);if(typeof o.remove==="function"){o.remove()}}}get host(){return s(this)}static get watchers(){return{variant:["validateVariant"]}}};p.style=m;export{p as gov_toast};
|
|
2
|
+
//# sourceMappingURL=p-042d5b20.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.scss?tag=gov-toast","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"names":["ToastVariants","pick","Variants","Types","ToastClass","root","hidden","icon","content","close","timer","govToastCss","GovToast","[object Object]","hostRef","this","h","govHost","host","toastId","createID","newValue","validateProp","validateVariant","variant","runTimer","existedToasts","document","querySelectorAll","gravity","position","length","Array","from","map","toast","destroy","then","clearTimeout","timeout","isSolid","classList","add","isTimer","setTimeout","bind","time","Host","class","classes","data-toast-id","type","style","--toast-duration","hasSlot","name","aria-live","role","size","wcag-label","wcagCloseLabel","inverse","on-gov-click","onCloseHandler","closeLabel","govClose","emit","catch","Number","isInteger","querySelector","remove"],"mappings":"mRAIO,MAAMA,EAAgBC,EAAKC,EAAU,CAAC,UAAW,UAAW,QAAS,YAAa,YAG/DD,EAAKE,EAAO,CAAC,UAAW,UAG3C,MAAMC,EAAa,CACzBC,KAAM,YACNC,OAAQ,oBACRC,KAAM,kBACNC,QAAS,qBACTC,MAAO,mBACPC,MAAO,oBChBR,MAAMC,EAAc,
|
|
1
|
+
{"version":3,"sources":["../../../packages/core/src/components/gov-toast/constants.ts","../../../packages/core/src/components/gov-toast/gov-toast.scss?tag=gov-toast","../../../packages/core/src/components/gov-toast/gov-toast.tsx"],"names":["ToastVariants","pick","Variants","Types","ToastClass","root","hidden","icon","content","close","timer","govToastCss","GovToast","[object Object]","hostRef","this","h","govHost","host","toastId","createID","newValue","validateProp","validateVariant","variant","runTimer","existedToasts","document","querySelectorAll","gravity","position","length","Array","from","map","toast","destroy","then","clearTimeout","timeout","isSolid","classList","add","isTimer","setTimeout","bind","time","Host","class","classes","data-toast-id","type","style","--toast-duration","hasSlot","name","aria-live","role","size","wcag-label","wcagCloseLabel","inverse","on-gov-click","onCloseHandler","closeLabel","govClose","emit","catch","Number","isInteger","querySelector","remove"],"mappings":"mRAIO,MAAMA,EAAgBC,EAAKC,EAAU,CAAC,UAAW,UAAW,QAAS,YAAa,YAG/DD,EAAKE,EAAO,CAAC,UAAW,UAG3C,MAAMC,EAAa,CACzBC,KAAM,YACNC,OAAQ,oBACRC,KAAM,kBACNC,QAAS,qBACTC,MAAO,mBACPC,MAAO,oBChBR,MAAMC,EAAc,6sKCYPC,EAAQ,MAKpBC,YAAAC,8DAS8C,uBAKD,oBAIY,kBAIhB,oBAIT,0DAzB/BC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,YAuCzBP,gBAAgBQ,GACfC,EAAatB,EAAeqB,EAAUjB,EAAWC,MAGlDQ,oBACCE,KAAKQ,gBAAgBR,KAAKS,SAC1BT,KAAKU,WAGNZ,mBACC,MAAMa,EAAgBC,SAASC,iBAAiB,sBAAsBb,KAAKc,uBAAuBd,KAAKe,kCAAkCf,KAAKI,cAC9I,GAAIO,EAAcK,OAAS,EAAG,CAC7BC,MAAMC,KAAKP,GAAeQ,KAAKC,GAA+BA,EAAMC,UAAUC,UAIhFxB,uBACCyB,aAAavB,KAAKwB,SAGX1B,WACP,GAAIE,KAAKyB,QAAS,CACjBzB,KAAKG,KAAKuB,UAAUC,IAAI,kBAEzB,GAAI3B,KAAK4B,QAAS,CACjB5B,KAAKwB,QAAUK,YAAW,KACzB7B,KAAKG,KAAKuB,UAAUC,IAAItC,EAAWE,QACnCsC,WAAW7B,KAAKqB,QAAQS,KAAK9B,MAAO,OAClCA,KAAK+B,OAIVjC,SACC,OACCG,EAAC+B,EAAI,CACJC,MAAOjC,KAAKC,EAAEiC,QAAQ,CAAC7C,EAAWC,KAAM,sBAAqB6C,gBAC9CnC,KAAKI,QACpBU,QAASd,KAAKc,QACdC,SAAUf,KAAKe,SACfN,QAAST,KAAKS,QACd2B,KAAMpC,KAAKoC,KACXC,MAAO,CAAEC,mBAAoBtC,KAAK+B,KAAO,OAExC/B,KAAKC,EAAEsC,QAAQ,SACftC,EAAA,OAAA,CAAMgC,MAAO5C,EAAWG,MACvBS,EAAA,OAAA,CAAMuC,KAAK,UAIbvC,EAAA,MAAA,CAAKgC,MAAO5C,EAAWI,QAAOgD,YAAY,SAASC,KAAK,UACvDzC,EAAA,OAAA,OAGDA,EAAA,MAAA,CAAKgC,MAAO5C,EAAWK,OACtBO,EAAA,aAAA,CACC0C,KAAK,IAAGC,aACI5C,KAAK6C,eACjBpC,QAAST,KAAKyB,QAAUzB,KAAKS,QAAU,YACvCqC,QAAS9C,KAAKyB,QACdW,KAAK,OAAMW,eACG/C,KAAKgD,eAAelB,KAAK9B,OAEtCA,KAAKiD,WAAajD,KAAKiD,WAAahD,EAAA,WAAA,CAAUuC,KAAK,WAItDvC,EAAA,MAAA,CAAKgC,MAAO5C,EAAWM,SAKlBG,iBACPE,KAAKqB,UACHC,MAAK,IAAMtB,KAAKkD,SAASC,KAAKnD,KAAKI,WACnCgD,QAGH3B,cACC,OAAOzB,KAAKoC,OAAS,QAGtBR,cACC,OAAOyB,OAAOC,UAAUtD,KAAK+B,OAAS/B,KAAK+B,KAAO,EAOnDjC,gBACCyB,aAAavB,KAAKwB,SAClB,MAAMJ,EAAQR,SAAS2C,cAAc,mBAAmBvD,KAAKI,aAC7D,GAAIgB,EAAO,CACVA,EAAMM,UAAUC,IAAItC,EAAWE,QAC/B,UAAW6B,EAAMoC,SAAW,WAAY,CACvCpC,EAAMoC","sourcesContent":["import { Variants, Types } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const ToastVariants = pick(Variants, ['SUCCESS', 'WARNING', 'ERROR', 'SECONDARY', 'PRIMARY'])\nexport type ToastVariantType = `${ValueOf<typeof ToastVariants>}`\n\nexport const ToastTypes = pick(Types, ['CLASSIC', 'SOLID'])\nexport type ToastTypesType = `${ValueOf<typeof ToastTypes>}`\n\nexport const ToastClass = {\n\troot: 'gov-toast',\n\thidden: 'gov-toast--hidden',\n\ticon: 'gov-toast__icon',\n\tcontent: 'gov-toast__content',\n\tclose: 'gov-toast__close',\n\ttimer: 'gov-toast__timer',\n}\n","/*\n * Alert\n */\n\n@import \"./gov-toast-message-core.scss\";\n$class: \".gov-toast\";\n\n#{$class} {\n\t@include toast-message-core;\n\t@include z-index(\"toast\", 1);\n\tposition: relative;\n\tposition: fixed;\n\tmax-width: rem-calc(375);\n\tpadding-right: rem-calc(50);\n\topacity: 1;\n\ttransition: opacity 300ms ease-in-out;\n\t&__content {\n\t\tpadding-right: 0;\n\t}\n\t&__close {\n\t\tposition: absolute;\n\t\ttop: rem-calc(8);\n\t\tright: rem-calc(12);\n\t}\n\t&__timer {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tz-index: -1;\n\t}\n\n\t// VARIANTS\n\t&--hidden {\n\t\topacity: 0;\n\t}\n\t&[gravity=\"top\" i] {\n\t\ttop: rem-calc(16);\n\t}\n\t&[gravity=\"bottom\" i] {\n\t\tbottom: rem-calc(16);\n\t}\n\t&[position=\"left\" i] {\n\t\tleft: rem-calc(16);\n\t}\n\t&[position=\"center\" i] {\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t}\n\t&[position=\"right\" i] {\n\t\tright: rem-calc(16);\n\t}\n\t&[type=\"solid\" i] {\n\t\tborder: none;\n\t\tborder-radius: rem-calc(4);\n\t\toverflow: hidden;\n\t\tbox-shadow: none;\n\t\t&.is-initialized #{$class}__timer {\n\t\t\ttransform-origin: left;\n\t\t\tanimation: countdown linear forwards var(--toast-duration, 0);\n\t\t}\n\t}\n\n\t@each $variant, $definitions in $toast-message-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\tborder-left-color: get(\"decor-color\", $definitions);\n\t\t\t#{$class} {\n\t\t\t\t&__icon {\n\t\t\t\t\tcolor: get(\"decor-color\", $definitions);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[type=\"solid\" i] {\n\t\t\t\tbackground-color: get(\"background\", $definitions);\n\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__icon {\n\t\t\t\t\t\tcolor: get(\"color\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t\t&__timer {\n\t\t\t\t\t\tbackground-color: get(\"timer-background\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__content {\n\t\t\tpadding-right: rem-calc(32);\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch, Method } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { ToastClass, ToastTypesType, ToastVariants } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ToastVariantType } from './constants'\nimport { createID } from '../../utils/string.utils'\n\n@Component({\n\ttag: 'gov-toast',\n\tstyleUrl: 'gov-toast.scss',\n})\nexport class GovToast {\n\tprivate h: GovHost\n\tprivate timeout\n\tprivate readonly toastId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.toastId = createID('GovToast')\n\t}\n\n\t@Element() host: HTMLGovToastElement\n\t/**\n\t * Style variation of the toast message.\n\t */\n\t@Prop() readonly variant?: ToastVariantType = 'primary'\n\n\t/**\n\t * Toast’s gravity\n\t */\n\t@Prop() readonly gravity: 'top' | 'bottom' = 'top'\n\t/**\n\t * Toast’s position\n\t */\n\t@Prop() readonly position: 'left' | 'center' | 'right' = 'right'\n\t/**\n\t * Toast type\n\t */\n\t@Prop() readonly type?: ToastTypesType = 'classic'\n\t/**\n\t * Number of milliseconds to wait before Toast disappear\n\t */\n\t@Prop() readonly time: number = 0\n\t/**\n\t * Closing button texting instead of icons\n\t */\n\t@Prop({ attribute: 'close-label' }) readonly closeLabel: string\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<string>\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ToastVariants, newValue, ToastClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.runTimer()\n\t}\n\n\tcomponentDidLoad() {\n\t\tconst existedToasts = document.querySelectorAll(`gov-toast[gravity=\"${this.gravity}\"][position=\"${this.position}\"]:not([data-toast-id=\"${this.toastId}\"])`)\n\t\tif (existedToasts.length > 0) {\n\t\t\tArray.from(existedToasts).map((toast: HTMLGovToastElement) => toast.destroy().then())\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tclearTimeout(this.timeout)\n\t}\n\n\tprivate runTimer() {\n\t\tif (this.isSolid) {\n\t\t\tthis.host.classList.add('is-initialized')\n\t\t}\n\t\tif (this.isTimer) {\n\t\t\tthis.timeout = setTimeout(() => {\n\t\t\t\tthis.host.classList.add(ToastClass.hidden)\n\t\t\t\tsetTimeout(this.destroy.bind(this), 600)\n\t\t\t}, this.time)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([ToastClass.root, 'gov-box-shadow--m'])}\n\t\t\t\tdata-toast-id={this.toastId}\n\t\t\t\tgravity={this.gravity}\n\t\t\t\tposition={this.position}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.type}\n\t\t\t\tstyle={{ '--toast-duration': this.time + 'ms' }}\n\t\t\t>\n\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t<span class={ToastClass.icon}>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={ToastClass.content} aria-live=\"polite\" role=\"status\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.close}>\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\t\tvariant={this.isSolid ? this.variant : 'secondary'}\n\t\t\t\t\t\tinverse={this.isSolid}\n\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.closeLabel ? this.closeLabel : <gov-icon name=\"x-lg\"></gov-icon>}\n\t\t\t\t\t</gov-button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class={ToastClass.timer}></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(): void {\n\t\tthis.destroy()\n\t\t\t.then(() => this.govClose.emit(this.toastId))\n\t\t\t.catch()\n\t}\n\n\tget isSolid(): boolean {\n\t\treturn this.type === 'solid'\n\t}\n\n\tget isTimer(): boolean {\n\t\treturn Number.isInteger(this.time) && this.time > 0\n\t}\n\n\t/**\n\t * Remove toast from dom\n\t */\n\t@Method()\n\tasync destroy(): Promise<void> {\n\t\tclearTimeout(this.timeout)\n\t\tconst toast = document.querySelector(`[data-toast-id=\"${this.toastId}\"]`)\n\t\tif (toast) {\n\t\t\ttoast.classList.add(ToastClass.hidden)\n\t\t\tif (typeof toast.remove === 'function') {\n\t\t\t\ttoast.remove()\n\t\t\t}\n\t\t}\n\t}\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,h as r,H as a,g as s}from"./p-4af5e4f4.js";import{p as t}from"./p-03990da5.js";import{S as p}from"./p-55500e5a.js";import{g as i}from"./p-3f37ddb6.js";import{v as e}from"./p-26acf964.js";import"./p-561fa17b.js";const g=t(p,["_2XS","_XS","_S","_M","_L"]);const n={root:"gov-form-group"};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-form-group{position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.gov-form-group[gap="2xs"]{gap:0.25rem}.gov-form-group[gap=xs]{gap:0.5rem}.gov-form-group[gap=s]{gap:0.75rem}.gov-form-group[gap=m]{gap:1rem}.gov-form-group[gap=l]{gap:1.25rem}';const f=class{constructor(r){o(this,r);this.gap=undefined;this.h=i(this.host)}validateGap(o){e(g,o,n.root)}componentWillLoad(){this.validateGap(this.gap)}render(){return r(a,{gap:this.gap,class:this.h.classes(n.root)},r("slot",null))}get host(){return s(this)}static get watchers(){return{gap:["validateGap"]}}};f.style=m;export{f as gov_form_group};
|
|
2
|
+
//# sourceMappingURL=p-0874a5ec.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../packages/core/src/components/gov-form/group/constants.ts","../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-group","../../../packages/core/src/components/gov-form/group/gov-form-group.tsx"],"names":["FormGroupSizes","pick","Sizes","FormGroupClass","root","govFormGroupCss","GovFormGroup","[object Object]","hostRef","undefined","this","h","govHost","host","newValue","validateProp","validateGap","gap","Host","class","classes"],"mappings":"iOAIO,MAAMA,EAAiBC,EAAKC,EAAO,CAAC,OAAQ,MAAO,KAAM,KAAM,OAG/D,MAAMC,EAAiB,CAC7BC,KAAM,kBCRP,MAAMC,EAAkB,snBCUXC,EAAY,MAGxBC,YAAAC,sBAQ4CC,UAP3CC,KAAKC,EAAIC,EAAQF,KAAKG,MAUvBN,YAAYO,GACXC,EAAaf,EAAgBc,EAAUX,EAAeC,MAGvDG,oBACCG,KAAKM,YAAYN,KAAKO,KAGvBV,SACC,OACCI,EAACO,EAAI,CAACD,IAAKP,KAAKO,IAAKE,MAAOT,KAAKC,EAAES,QAAQjB,EAAeC,OACzDO,EAAA,OAAA","sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const FormGroupSizes = pick(Sizes, ['_2XS', '_XS', '_S', '_M', '_L'])\nexport type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`\n\nexport const FormGroupClass = {\n\troot: 'gov-form-group',\n}\n","$class: \".gov-form-group\";\n\n#{$class} {\n\t@include base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\n\t// VARIANTS\n\t@each $gap, $definitions in $form-group-gaps {\n\t\t&[gap=\"#{$gap}\"] {\n\t\t\tgap: get($gap, $sizes);\n\t\t}\n\t}\n}\n// :host([inline]) {\n// \tdisplay: flex;\n\n// \t::slotted(gov-checkbox),\n// \t::slotted(gov-radio) {\n// \t\tdisplay: inline-flex;\n// \t\tmargin-right: rem-calc(30);\n// \t}\n// }\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { FormGroupClass, FormGroupSizes, FormGroupSizesType } from \"./constants\"\nimport { GovHost } from \"../../../helpers/Dom/template.types\"\nimport { govHost } from \"../../../helpers/Dom/template\"\nimport { validateProp } from \"../../../helpers/Validate/props\"\n\n@Component({\n\ttag: \"gov-form-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as s,H as i,g as e}from"./p-4af5e4f4.js";import{c as a}from"./p-24636c53.js";import{g as o,t as r}from"./p-3f37ddb6.js";import{T as n}from"./p-80e30702.js";import"./p-ff7365ae.js";import"./p-03990da5.js";const h=".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 p=class{constructor(s){t(this,s);this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.default=false;this.isActive=false;this.h=o(this.host);this.contentId=a("GovTabContent");this.triggeId=a("GovTabTrigger")}render(){return s(i,{class:this.h.classes(n.root),default:this.default},s("div",{class:n.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggeId,"aria-hidden":r(!this.isActive)},s("slot",null)))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggeId}async setActiveStatus(t){this.isActive=t}get host(){return e(this)}};p.style=h;export{p as gov_tabs_item};
|
|
2
|
+
//# sourceMappingURL=p-0f0564e8.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.scss?tag=gov-tabs-item","../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"names":["govTabsItemCss","GovTabsItem","[object Object]","hostRef","this","h","govHost","host","contentId","createID","triggeId","Host","class","classes","TabsItemClass","root","default","inner","role","id","identifier","hidden","isActive","aria-labelledby","triggerIdentifier","aria-hidden","toBoolAttrIfDefined","status"],"mappings":"4NAAA,MAAMA,EAAiB,
|
|
1
|
+
{"version":3,"sources":["../../../packages/core/src/components/gov-tabs/gov-tabs-item.scss?tag=gov-tabs-item","../../../packages/core/src/components/gov-tabs/gov-tabs-item.tsx"],"names":["govTabsItemCss","GovTabsItem","[object Object]","hostRef","this","h","govHost","host","contentId","createID","triggeId","Host","class","classes","TabsItemClass","root","default","inner","role","id","identifier","hidden","isActive","aria-labelledby","triggerIdentifier","aria-hidden","toBoolAttrIfDefined","status"],"mappings":"4NAAA,MAAMA,EAAiB,keCUVC,EAAW,MAKvBC,YAAAC,0GAsBoC,oBAChB,MAtBnBC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,UAAYC,EAAS,iBAC1BL,KAAKM,SAAWD,EAAS,iBAsB1BP,SACC,OACCG,EAACM,EAAI,CAACC,MAAOR,KAAKC,EAAEQ,QAAQC,EAAcC,MAAOC,QAASZ,KAAKY,SAC9DX,EAAA,MAAA,CACCO,MAAOE,EAAcG,MACrBC,KAAK,WACLC,GAAIf,KAAKgB,YAAchB,KAAKI,UAC5Ba,QAASjB,KAAKkB,SAAQC,kBACLnB,KAAKoB,mBAAqBpB,KAAKM,SAAQe,cAC3CC,GAAqBtB,KAAKkB,WAEvCjB,EAAA,OAAA,QAUJH,sBACC,OAAOE,KAAKgB,YAAchB,KAAKI,UAOhCN,6BACC,OAAOE,KAAKoB,mBAAqBpB,KAAKM,SAOvCR,sBAAsByB,GACrBvB,KAAKkB,SAAWK","sourcesContent":["/*\n * Tabs - Item\n */\n\n$class: \".gov-tabs-item\";\n\n#{$class} {\n\tcolor: $tabs-text-color;\n\t&__inner {\n\t\t@include reset-last-margin();\n\t}\n}\n","import { Component, Element, h, Prop, Method, State, Host } from '@stencil/core'\nimport { createID } from '../../utils/string.utils'\nimport { govHost, toBoolAttrIfDefined } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { TabsItemClass } from './constants'\n\n@Component({\n\ttag: 'gov-tabs-item',\n\tstyleUrl: 'gov-tabs-item.scss',\n})\nexport class GovTabsItem {\n\tprivate h: GovHost\n\tprivate readonly contentId: string\n\tprivate readonly triggeId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.contentId = createID('GovTabContent')\n\t\tthis.triggeId = createID('GovTabTrigger')\n\t}\n\n\t@Element() host: HTMLGovTabsItemElement\n\t/**\n\t * Custom tab item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Custom tab trigger item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly triggerIdentifier: string\n\t/**\n\t * Item name of the tab\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Default selected tab\n\t */\n\t@Prop() readonly default: boolean = false\n\t@State() isActive = false\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TabsItemClass.root)} default={this.default}>\n\t\t\t\t<div\n\t\t\t\t\tclass={TabsItemClass.inner}\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\tid={this.identifier || this.contentId}\n\t\t\t\t\thidden={!this.isActive}\n\t\t\t\t\taria-labelledby={this.triggerIdentifier || this.triggeId}\n\t\t\t\t\taria-hidden={toBoolAttrIfDefined(!this.isActive)}\n\t\t\t\t>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns a unique tab content identifier\n\t */\n\t@Method()\n\tasync getIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.contentId\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.triggerIdentifier || this.triggeId\n\t}\n\n\t/**\n\t * Set status of tab-item\n\t */\n\t@Method()\n\tasync setActiveStatus(status: boolean): Promise<void> {\n\t\tthis.isActive = status\n\t}\n}\n"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,h as o,H as i,g as r}from"./p-4af5e4f4.js";import{t as l}from"./p-3f37ddb6.js";import{F as s,a,b as m}from"./p-ef79904e.js";import{v as c}from"./p-26acf964.js";import{a as n,b as v}from"./p-364b4792.js";import{c as g}from"./p-c20102ff.js";import{c as f,r as u}from"./p-24636c53.js";import{d}from"./p-03990da5.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-561fa17b.js";const h='.gov-form-multi-select__list{margin:0;padding:0}.gov-form-multi-select__list>.gov-form-multi-select__item{margin:0;padding:0;background:none}.gov-form-multi-select__list>.gov-form-multi-select__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-form-multi-select{position:relative;display:flex;width:100%;align-items:center}.gov-form-multi-select .element{position:relative;flex:1 1 auto}.gov-form-multi-select input,.gov-form-multi-select select,.gov-form-multi-select textarea{width:100%;border:var(--gov-form-input-border-width, 0.0625rem solid var(--gov-color-secondary-700));border-radius:var(--gov-border-radius, 0.1875rem);background-color:var(--gov-form-bg-color, var(--gov-color-neutral-white));color:var(--gov-form-input-color, var(--gov-color-secondary-700));font-family:var(--gov-font-family, "Roboto", sans-serif)}.gov-form-multi-select input:focus,.gov-form-multi-select select:focus,.gov-form-multi-select textarea:focus{outline:none}.gov-form-multi-select input:focus-visible,.gov-form-multi-select select:focus-visible,.gov-form-multi-select textarea:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-form-multi-select input::-moz-placeholder,.gov-form-multi-select select::-moz-placeholder,.gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select input::placeholder,.gov-form-multi-select select::placeholder,.gov-form-multi-select textarea::placeholder{color:var(--gov-form-placeholder-color, var(--gov-color-secondary-600))}.gov-form-multi-select textarea{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);padding:0.5rem 0.75rem;resize:none}.gov-form-multi-select *[slot=left-icon],.gov-form-multi-select *[slot=right-icon]{position:absolute;top:50%;display:flex;justify-content:center;color:var(--gov-form-input-icon-color, var(--gov-color-primary));transform:translateY(-50%);pointer-events:none}.gov-form-multi-select *[slot=left-icon]{left:0}.gov-form-multi-select *[slot=right-icon]{right:0}[disabled=""].gov-form-multi-select,[disabled=true i].gov-form-multi-select,[disabled="1"].gov-form-multi-select{pointer-events:none}[disabled=""].gov-form-multi-select input,[disabled=""].gov-form-multi-select select,[disabled=""].gov-form-multi-select textarea,[disabled=true i].gov-form-multi-select input,[disabled=true i].gov-form-multi-select select,[disabled=true i].gov-form-multi-select textarea,[disabled="1"].gov-form-multi-select input,[disabled="1"].gov-form-multi-select select,[disabled="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600));background:var(--gov-form-input-disabled-bg, var(--gov-color-secondary-300));color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[disabled=""].gov-form-multi-select *[slot=left-icon],[disabled=""].gov-form-multi-select *[slot=right-icon],[disabled=true i].gov-form-multi-select *[slot=left-icon],[disabled=true i].gov-form-multi-select *[slot=right-icon],[disabled="1"].gov-form-multi-select *[slot=left-icon],[disabled="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-disabled, var(--gov-color-secondary-600))}[invalid=""].gov-form-multi-select input,[invalid=""].gov-form-multi-select select,[invalid=""].gov-form-multi-select textarea,[invalid=true i].gov-form-multi-select input,[invalid=true i].gov-form-multi-select select,[invalid=true i].gov-form-multi-select textarea,[invalid="1"].gov-form-multi-select input,[invalid="1"].gov-form-multi-select select,[invalid="1"].gov-form-multi-select textarea{border-color:var(--gov-form-state-color-error, var(--gov-color-error));color:var(--gov-form-state-color-error, var(--gov-color-error))}[invalid=""].gov-form-multi-select input::-moz-placeholder,[invalid=""].gov-form-multi-select select::-moz-placeholder,[invalid=""].gov-form-multi-select textarea::-moz-placeholder,[invalid=true i].gov-form-multi-select input::-moz-placeholder,[invalid=true i].gov-form-multi-select select::-moz-placeholder,[invalid=true i].gov-form-multi-select textarea::-moz-placeholder,[invalid="1"].gov-form-multi-select input::-moz-placeholder,[invalid="1"].gov-form-multi-select select::-moz-placeholder,[invalid="1"].gov-form-multi-select textarea::-moz-placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select input::placeholder,[invalid=""].gov-form-multi-select select::placeholder,[invalid=""].gov-form-multi-select textarea::placeholder,[invalid=true i].gov-form-multi-select input::placeholder,[invalid=true i].gov-form-multi-select select::placeholder,[invalid=true i].gov-form-multi-select textarea::placeholder,[invalid="1"].gov-form-multi-select input::placeholder,[invalid="1"].gov-form-multi-select select::placeholder,[invalid="1"].gov-form-multi-select textarea::placeholder{color:var(--gov-form-state-color-error, var(--gov-color-error-300))}[invalid=""].gov-form-multi-select *[slot=left-icon],[invalid=""].gov-form-multi-select *[slot=right-icon],[invalid=true i].gov-form-multi-select *[slot=left-icon],[invalid=true i].gov-form-multi-select *[slot=right-icon],[invalid="1"].gov-form-multi-select *[slot=left-icon],[invalid="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-error, var(--gov-color-error))}[success=""].gov-form-multi-select *[slot=right-icon],[success=true i].gov-form-multi-select *[slot=right-icon],[success="1"].gov-form-multi-select *[slot=right-icon]{color:var(--gov-form-state-color-success, var(--gov-color-success))}[success=""].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success=true i].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow),[success="1"].gov-form-multi-select *[slot=right-icon]:not(.icon-validation):not(.icon-arrow){display:none}[size=m].gov-form-multi-select{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);gap:0.5rem var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select input,[size=m].gov-form-multi-select select{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);height:var(--gov-form-input-core-m-height, 2.5rem);padding:var(--gov-form-input-core-m-padding, 0.4375rem 0.75rem)}[size=m].gov-form-multi-select *[slot=left-icon],[size=m].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-m-icon-size, 1rem);height:var(--gov-form-input-core-m-icon-size, 1rem)}[size=m].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=m].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-m-icon-padding, 2.5rem) - var(--gov-form-input-core-m-icon-size, 1rem)) / 2)}[size=m].gov-form-multi-select *[slot=right-icon]~input,[size=m].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-m-icon-padding, 2.5rem)}[size=l].gov-form-multi-select{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);gap:0.5rem var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select input,[size=l].gov-form-multi-select select{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);height:var(--gov-form-input-core-l-height, 3rem);padding:var(--gov-form-input-core-l-padding, 0.6875rem 0.75rem)}[size=l].gov-form-multi-select *[slot=left-icon],[size=l].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-l-icon-size, 1rem);height:var(--gov-form-input-core-l-icon-size, 1rem)}[size=l].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-l-icon-padding, 2.5rem) - var(--gov-form-input-core-l-icon-size, 1rem)) / 2)}[size=l].gov-form-multi-select *[slot=right-icon]~input,[size=l].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-l-icon-padding, 2.5rem)}[size=xl].gov-form-multi-select{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);gap:0.5rem var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select input,[size=xl].gov-form-multi-select select{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);height:var(--gov-form-input-core-xl-height, 3.5rem);padding:var(--gov-form-input-core-xl-padding, 0.9375rem 1rem 0.875rem)}[size=xl].gov-form-multi-select *[slot=left-icon],[size=xl].gov-form-multi-select *[slot=right-icon]{width:var(--gov-form-input-core-xl-icon-size, 1.25rem);height:var(--gov-form-input-core-xl-icon-size, 1.25rem)}[size=xl].gov-form-multi-select *[slot=left-icon]{left:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=left-icon]~input{padding-left:var(--gov-form-input-core-xl-icon-padding, 3rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:calc((var(--gov-form-input-core-xl-icon-padding, 3rem) - var(--gov-form-input-core-xl-icon-size, 1.25rem)) / 2)}[size=xl].gov-form-multi-select *[slot=right-icon]~input,[size=xl].gov-form-multi-select *[slot=right-icon]~select{padding-right:var(--gov-form-input-core-xl-icon-padding, 3rem)}.gov-form-multi-select{background:none}.gov-form-multi-select select{-webkit-appearance:none;-moz-appearance:none}.gov-form-multi-select select::-ms-expand{display:none}[size=m].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-m-arrow-right-position, 1rem);width:var(--gov-form-select-m-arrow-size, 0.5rem);height:var(--gov-form-select-m-arrow-size, 0.5rem)}[size=l].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-l-arrow-right-position, 1rem);width:var(--gov-form-select-l-arrow-size, 0.5rem);height:var(--gov-form-select-l-arrow-size, 0.5rem)}[size=xl].gov-form-multi-select *[slot=right-icon]{right:var(--gov-form-select-xl-arrow-right-position, 1.3125rem);width:var(--gov-form-select-xl-arrow-size, 0.625rem);height:var(--gov-form-select-xl-arrow-size, 0.625rem)}.gov-form-multi-select{flex-wrap:wrap}.gov-form-multi-select__wrap{display:flex;gap:0.5rem;width:100%}.gov-form-multi-select__list{font-weight:var(--gov-text-xs-font-weight);font-size:var(--gov-text-xs-font-size);line-height:var(--gov-text-xs-line-height);letter-spacing:var(--gov-text-xs-letter-spacing);display:flex;gap:0.5rem;flex-wrap:wrap}.gov-form-multi-select__list>.gov-form-multi-select__item{position:relative;display:flex;flex:0 0 auto;align-items:center;padding:0rem 0rem 0rem 0.5rem;background:var(--gov-form-multiselect-bg, var(--gov-color-primary-200));transition:150ms linear background-color}';const p=class{constructor(o){e(this,o);this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govChange=t(this,"gov-change",7);this.identifier=undefined;this.placeholder=undefined;this.variant=undefined;this.size="m";this.name=undefined;this.required=false;this.disabled=undefined;this.invalid=undefined;this.wcagDescribedBy=undefined;this.wcagLabelledBy=undefined;this.wcagOwns=undefined;this.focused=undefined;this.value=undefined;this.selectedOptions=[];this.selectId=f("GovSelect");this.listId=f("GovMultiList")}validateVariant(e){c(a,e,s.root)}validateSize(e){c(m,e,s.root)}emitChange(e){this.govChange.emit(e)}componentWillLoad(){this.validateVariant(this.variant);this.validateSize(this.size)}getAvailableOptions(){return Array.from(this.selectRef.querySelectorAll("option")).filter((e=>!(e.disabled||e.selected))).map((e=>({name:e.textContent,value:e.value})))}initAutocomplete(){this.autocompleteRef.addEventListener("gov-select",this.onSelectHandler.bind(this));this.autocompleteRef.addEventListener("gov-input",this.onInputHandler.bind(this));this.autocompleteRef.addEventListener("gov-focus",this.onFocusHandler.bind(this));this.autocompleteRef.addEventListener("gov-blur",this.onBlurHandler.bind(this));this.autocompleteRef.setSearchCallback((e=>new Promise((t=>{const o=this.getAvailableOptions();if(String(e).length===0){return t(o)}t(o.filter((({name:t})=>{if(!t)return false;return u(t).toLowerCase().indexOf(u(e).toLowerCase())>-1})))})))).then()}getOptionIndex(e){return this.selectedOptions.findIndex((t=>t.value===e.value&&t.name===e.name))}getOptionElement(e){return this.selectRef.querySelector('option[value="'+e.value+'"]')}selectOption(e){const t=this.getOptionIndex(e);if(t===-1){this.selectedOptions=[...this.selectedOptions,e];const t=this.getOptionElement(e);if(t){t.selected=true}}}removeOption(e){const t=this.getOptionIndex(e);if(t!==-1){this.selectedOptions.splice(t,1);this.selectedOptions=[...this.selectedOptions];const o=this.getOptionElement(e);if(o){o.selected=false}}}async componentDidRender(){this.initAutocomplete();await d(0);this.selectRef.querySelectorAll("option").forEach((e=>{if(e.selected){this.selectOption({name:e.textContent,value:e.value})}}));if(g()){await d(500);await this.validateWcag()}}render(){return o(i,{class:s.root,size:this.size,variant:this.variant},o("div",{class:s.wrap},o("div",{class:"element"},o("gov-form-autocomplete",{value:this.value,disabled:this.disabled,identifier:this.identifier||this.selectId,required:false,size:this.size,variant:this.variant,invalid:this.invalid,placeholder:this.placeholder,ref:e=>this.autocompleteRef=e,minlength:0,wcagDescribedBy:this.wcagDescribedBy,wcagLabelledBy:this.wcagLabelledBy,wcagOwns:this.listId}),o("gov-icon",{slot:"right-icon",class:"icon-arrow",name:"chevron-down"}),o("select",{hidden:true,"aria-hidden":true,multiple:true,required:this.required,name:this.name,disabled:this.disabled,ref:e=>this.selectRef=e,"aria-disabled":l(this.disabled),"aria-required":l(this.required),"aria-invalid":l(this.invalid),"aria-describedby":this.wcagDescribedBy,"aria-labelledby":this.wcagLabelledBy,"aria-owns":this.wcagOwns},o("slot",null)))),o("ul",{role:"listbox",id:this.listId,class:s.list},this.selectedOptions.map((e=>o("li",{class:s.item,role:"option"},e.name,o("gov-button",{wcagLabel:"Odebrat vybranou položku "+e.name,variant:"primary",type:"base",size:"s","on-gov-click":()=>this.onTagRemove(e)},o("gov-icon",{name:"x-lg"})))))))}onFocusHandler(e){e.stopPropagation();this.focused=true;this.govFocus.emit(e)}onBlurHandler(e){e.stopPropagation();e.stopPropagation();this.focused=false;this.govBlur.emit(e)}onInputHandler(e){this.value=e.target.value;e.stopPropagation()}onSelectHandler(e){e.stopPropagation();const t=e.detail;this.selectOption(t);this.value="";this.autocompleteRef.clearValue();this.autocompleteRef.focus()}onTagRemove(e){this.removeOption(e)}async setFocus(e){return this.selectRef.focus(e)}async setValue(e){this.value=e}async getInstance(){return this.selectRef}async validateWcag(){n(this.wcagDescribedBy,"wcag-described-by",s.root);n(this.wcagLabelledBy,"wcag-labelled-by",s.root);n(this.wcagOwns,"wcag-owns",s.root);v(this.identifier||this.selectId,this.wcagLabelledBy,s.root)}get host(){return r(this)}static get watchers(){return{variant:["validateVariant"],size:["validateSize"],selectedOptions:["emitChange"]}}};p.style=h;export{p as gov_form_multi_select};
|
|
2
|
+
//# sourceMappingURL=p-131c50d1.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.scss?tag=gov-form-multi-select","../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"names":["govFormMultiSelectCss","GovFormMultiSelect","[object Object]","hostRef","this","selectId","createID","listId","newValue","validateProp","FormMultiselectVariants","FormMultiSelectClass","root","FormMultiselectSizes","govChange","emit","validateVariant","variant","validateSize","size","Array","from","selectRef","querySelectorAll","filter","option","disabled","selected","map","name","textContent","value","autocompleteRef","addEventListener","onSelectHandler","bind","onInputHandler","onFocusHandler","onBlurHandler","setSearchCallback","Promise","resolve","data","getAvailableOptions","String","length","removeDiacritics","toLowerCase","indexOf","then","selectedOptions","findIndex","querySelector","newOption","index","getOptionIndex","getOptionElement","removeOption","splice","initAutocomplete","delay","forEach","selectOption","canValidateWcagOnRender","validateWcag","h","Host","class","wrap","identifier","required","invalid","placeholder","ref","el","minlength","wcagDescribedBy","wcagLabelledBy","wcagOwns","slot","hidden","aria-hidden","multiple","aria-disabled","toBoolAttrIfDefined","aria-required","aria-invalid","aria-describedby","aria-labelledby","aria-owns","role","id","list","item","wcagLabel","type","on-gov-click","onTagRemove","e","stopPropagation","focused","govFocus","govBlur","target","detail","clearValue","focus","options","validateWcagRef","validateWcagLabelFor"],"mappings":"sZAAA,MAAMA,EAAwB,gwXCejBC,EAAkB,MAO9BC,YAAAC,+MAqBmD,sCASd,2MAoCgB,GAjEpDC,KAAKC,SAAWC,EAAS,aACzBF,KAAKG,OAASD,EAAS,gBAmExBJ,gBAAgBM,GACfC,EAAaC,EAAyBF,EAAUG,EAAqBC,MAItEV,aAAaM,GACZC,EAAaI,EAAsBL,EAAUG,EAAqBC,MAInEV,WAAWM,GACVJ,KAAKU,UAAUC,KAAKP,GAGrBN,oBACCE,KAAKY,gBAAgBZ,KAAKa,SAC1Bb,KAAKc,aAAad,KAAKe,MAGhBjB,sBACP,OAAOkB,MAAMC,KAAKjB,KAAKkB,UAAUC,iBAAiB,WAChDC,QAAQC,KAAgCA,EAAOC,UAAYD,EAAOE,YAClEC,KAAKH,IAAyB,CAAQI,KAAMJ,EAAOK,YAAaC,MAAON,EAAOM,UAGzE7B,mBACPE,KAAK4B,gBAAgBC,iBAAiB,aAAc7B,KAAK8B,gBAAgBC,KAAK/B,OAC9EA,KAAK4B,gBAAgBC,iBAAiB,YAAa7B,KAAKgC,eAAeD,KAAK/B,OAC5EA,KAAK4B,gBAAgBC,iBAAiB,YAAa7B,KAAKiC,eAAeF,KAAK/B,OAC5EA,KAAK4B,gBAAgBC,iBAAiB,WAAY7B,KAAKkC,cAAcH,KAAK/B,OAC1EA,KAAK4B,gBACHO,mBAAkBR,GACX,IAAIS,SAAQC,IAClB,MAAMC,EAAOtC,KAAKuC,sBAClB,GAAIC,OAAOb,GAAOc,SAAW,EAAG,CAC/B,OAAOJ,EAAQC,GAEhBD,EACCC,EAAKlB,QAAO,EAAGK,KAAAA,MACd,IAAKA,EAAM,OAAO,MAClB,OAAOiB,EAAiBjB,GAAMkB,cAAcC,QAAQF,EAAiBf,GAAOgB,gBAAkB,WAKjGE,OAGK/C,eAAe6B,GACtB,OAAO3B,KAAK8C,gBAAgBC,WAAU1B,GAAUA,EAAOM,QAAUA,EAAMA,OAASN,EAAOI,OAASE,EAAMF,OAG/F3B,iBAAiB6B,GACxB,OAAO3B,KAAKkB,UAAU8B,cAAc,iBAAmBrB,EAAMA,MAAQ,MAG9D7B,aAAamD,GACpB,MAAMC,EAAQlD,KAAKmD,eAAeF,GAClC,GAAIC,KAAW,EAAG,CACjBlD,KAAK8C,gBAAkB,IAAI9C,KAAK8C,gBAAiBG,GACjD,MAAM5B,EAASrB,KAAKoD,iBAAiBH,GACrC,GAAI5B,EAAQ,CACXA,EAAOE,SAAW,OAKbzB,aAAauD,GACpB,MAAMH,EAAQlD,KAAKmD,eAAeE,GAClC,GAAIH,KAAW,EAAG,CACjBlD,KAAK8C,gBAAgBQ,OAAOJ,EAAO,GACnClD,KAAK8C,gBAAkB,IAAI9C,KAAK8C,iBAChC,MAAMzB,EAASrB,KAAKoD,iBAAiBC,GACrC,GAAIhC,EAAQ,CACXA,EAAOE,SAAW,QAKrBzB,2BACCE,KAAKuD,yBACCC,EAAM,GACZxD,KAAKkB,UAAUC,iBAAiB,UAAUsC,SAASpC,IAClD,GAAIA,EAAOE,SAAU,CACpBvB,KAAK0D,aAAa,CACjBjC,KAAMJ,EAAOK,YACbC,MAAON,EAAOM,YAIjB,GAAIgC,IAA2B,OACxBH,EAAM,WACNxD,KAAK4D,gBAIb9D,SACC,OACC+D,EAACC,EAAI,CAACC,MAAOxD,EAAqBC,KAAMO,KAAMf,KAAKe,KAAMF,QAASb,KAAKa,SACtEgD,EAAA,MAAA,CAAKE,MAAOxD,EAAqByD,MAChCH,EAAA,MAAA,CAAKE,MAAM,WACVF,EAAA,wBAAA,CACClC,MAAO3B,KAAK2B,MACZL,SAAUtB,KAAKsB,SACf2C,WAAYjE,KAAKiE,YAAcjE,KAAKC,SACpCiE,SAAU,MACVnD,KAAMf,KAAKe,KACXF,QAASb,KAAKa,QACdsD,QAASnE,KAAKmE,QACdC,YAAapE,KAAKoE,YAClBC,IAAKC,GAAOtE,KAAK4B,gBAAkB0C,EACnCC,UAAW,EACXC,gBAAiBxE,KAAKwE,gBACtBC,eAAgBzE,KAAKyE,eACrBC,SAAU1E,KAAKG,SAEhB0D,EAAA,WAAA,CAAUc,KAAK,aAAaZ,MAAM,aAAatC,KAAK,iBACpDoC,EAAA,SAAA,CACCe,OAAM,KAAAC,cACO,KACbC,SAAQ,KACRZ,SAAUlE,KAAKkE,SACfzC,KAAMzB,KAAKyB,KACXH,SAAUtB,KAAKsB,SACf+C,IAAKC,GAAOtE,KAAKkB,UAAYoD,EAAwBS,gBACtCC,EAAoBhF,KAAKsB,UAAS2D,gBAClCD,EAAoBhF,KAAKkE,UAASgB,eACnCF,EAAoBhF,KAAKmE,SAAQgB,mBAC7BnF,KAAKwE,gBAAeY,kBACrBpF,KAAKyE,eAAcY,YACzBrF,KAAK0E,UAEhBb,EAAA,OAAA,SAIHA,EAAA,KAAA,CAAIyB,KAAK,UAAUC,GAAIvF,KAAKG,OAAQ4D,MAAOxD,EAAqBiF,MAC9DxF,KAAK8C,gBAAgBtB,KAAIH,GAExBwC,EAAA,KAAA,CAAIE,MAAOxD,EAAqBkF,KAAMH,KAAK,UACzCjE,EAAOI,KACRoC,EAAA,aAAA,CACC6B,UAAW,4BAA8BrE,EAAOI,KAChDZ,QAAQ,UACR8E,KAAK,OACL5E,KAAK,IAAG6E,eACM,IAAM5F,KAAK6F,YAAYxE,IAErCwC,EAAA,WAAA,CAAUpC,KAAK,eAUf3B,eAAegG,GACtBA,EAAEC,kBACF/F,KAAKgG,QAAU,KACfhG,KAAKiG,SAAStF,KAAKmF,GAGZhG,cAAcgG,GAAgBA,EAAEC,kBACvCD,EAAEC,kBACF/F,KAAKgG,QAAU,MACfhG,KAAKkG,QAAQvF,KAAKmF,GAGXhG,eAAegG,GACtB9F,KAAK2B,MAASmE,EAAEK,OAA6BxE,MAC7CmE,EAAEC,kBAGKjG,gBAAgBgG,GACvBA,EAAEC,kBACF,MAAMpE,EAAQmE,EAAEM,OAChBpG,KAAK0D,aAAa/B,GAClB3B,KAAK2B,MAAQ,GACb3B,KAAK4B,gBAAgByE,aACrBrG,KAAK4B,gBAAgB0E,QAGdxG,YAAYuD,GACnBrD,KAAKqD,aAAaA,GAOnBvD,eAAeyG,GACd,OAAOvG,KAAKkB,UAAUoF,MAAMC,GAO7BzG,eAAe6B,GACd3B,KAAK2B,MAAQA,EAOd7B,oBACC,OAAOE,KAAKkB,UAObpB,qBACC0G,EAAgBxG,KAAKwE,gBAAiB,oBAAqBjE,EAAqBC,MAChFgG,EAAgBxG,KAAKyE,eAAgB,mBAAoBlE,EAAqBC,MAC9EgG,EAAgBxG,KAAK0E,SAAU,YAAanE,EAAqBC,MACjEiG,EAAqBzG,KAAKiE,YAAcjE,KAAKC,SAAUD,KAAKyE,eAAgBlE,EAAqBC","sourcesContent":["/*\n * Multiselect\n */\n\n@import \"../select/gov-form-select-core.scss\";\n$class: \".gov-form-multi-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n\tflex-wrap: wrap;\n\t&__wrap {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\twidth: 100%;\n\t}\n\t&__list {\n\t\t@extend %reset-ul;\n\t\t@include typography($font-size-xs);\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tflex-wrap: wrap;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\talign-items: center;\n\t\tpadding: rem-calc(0 0 0 8);\n\t\tbackground: $form-multiselect-bg;\n\t\ttransition: $t linear background-color;\n\t}\n}\n","import { Component, Element, h, State, Prop, Event, EventEmitter, Watch, Host, Method } from '@stencil/core'\nimport { toBoolAttrIfDefined } from '../../../helpers/Dom/template'\nimport { FormMultiselectSizesType, FormMultiselectVariants, FormMultiselectVariantType, FormMultiSelectClass, FormMultiselectSizes } from './constants'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { validateWcagLabelFor, validateWcagRef } from '../../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../../helpers/Dom/win'\nimport { createID, removeDiacritics } from '../../../utils/string.utils'\nimport { delay } from '../../../utils/utils'\nimport { Nullable } from '../../../types/interfaces'\nimport { GovFormMultiSelectItem } from './interfaces'\n\n@Component({\n\ttag: 'gov-form-multi-select',\n\tstyleUrl: 'gov-form-multi-select.scss',\n})\nexport class GovFormMultiSelect {\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID('GovSelect')\n\t\tthis.listId = createID('GovMultiList')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({ attribute: 'placeholder' }) readonly placeholder: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormMultiselectVariantType\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-owns' }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: 'gov-focus' }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: 'gov-blur' }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovFormMultiSelectItem[]>\n\t@State() focused: boolean\n\t@State() value: string\n\t@State() selectedOptions: GovFormMultiSelectItem[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('selectedOptions')\n\temitChange(newValue: GovFormMultiSelectItem[]) {\n\t\tthis.govChange.emit(newValue)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate getAvailableOptions(): GovFormMultiSelectItem[] {\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => !(option.disabled || option.selected))\n\t\t\t.map((option: HTMLOptionElement) => ({ name: option.textContent, value: option.value }))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t.setSearchCallback(value => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(value).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({ name }) => {\n\t\t\t\t\t\t\tif (!name) return false\n\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(value).toLowerCase()) > -1\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.then()\n\t}\n\n\tprivate getOptionIndex(value: GovFormMultiSelectItem): number {\n\t\treturn this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector('option[value=\"' + value.value + '\"]') as HTMLOptionElement\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptions = [...this.selectedOptions, newOption]\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptions.splice(index, 1)\n\t\t\tthis.selectedOptions = [...this.selectedOptions]\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.initAutocomplete()\n\t\tawait delay(0)\n\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectOption({\n\t\t\t\t\tname: option.textContent,\n\t\t\t\t\tvalue: option.value,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t<div class=\"element\">\n\t\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\twcagOwns={this.listId}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\taria-hidden={true}\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t{this.selectedOptions.map(option => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\twcagLabel={'Odebrat vybranou položku ' + option.name}\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(option)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {e.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onInputHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail as GovFormMultiSelectItem\n\t\tthis.selectOption(value)\n\t\tthis.value = ''\n\t\tthis.autocompleteRef.clearValue()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getInstance(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\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\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, 'wcag-owns', FormMultiSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormMultiSelectClass.root)\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.scss?tag=gov-form-multi-select","../../../packages/core/src/components/gov-form/multiselect/gov-form-multi-select.tsx"],"names":["govFormMultiSelectCss","GovFormMultiSelect","[object Object]","hostRef","this","selectId","createID","listId","newValue","validateProp","FormMultiselectVariants","FormMultiSelectClass","root","FormMultiselectSizes","govChange","emit","validateVariant","variant","validateSize","size","Array","from","selectRef","querySelectorAll","filter","option","disabled","selected","map","name","textContent","value","autocompleteRef","addEventListener","onSelectHandler","bind","onInputHandler","onFocusHandler","onBlurHandler","setSearchCallback","Promise","resolve","data","getAvailableOptions","String","length","removeDiacritics","toLowerCase","indexOf","then","selectedOptions","findIndex","querySelector","newOption","index","getOptionIndex","getOptionElement","removeOption","splice","initAutocomplete","delay","forEach","selectOption","canValidateWcagOnRender","validateWcag","h","Host","class","wrap","identifier","required","invalid","placeholder","ref","el","minlength","wcagDescribedBy","wcagLabelledBy","wcagOwns","slot","hidden","aria-hidden","multiple","aria-disabled","toBoolAttrIfDefined","aria-required","aria-invalid","aria-describedby","aria-labelledby","aria-owns","role","id","list","item","wcagLabel","type","on-gov-click","onTagRemove","e","stopPropagation","focused","govFocus","govBlur","target","detail","clearValue","focus","options","validateWcagRef","validateWcagLabelFor"],"mappings":"sZAAA,MAAMA,EAAwB,i6XCejBC,EAAkB,MAO9BC,YAAAC,+MAqBmD,sCASd,2MAoCgB,GAjEpDC,KAAKC,SAAWC,EAAS,aACzBF,KAAKG,OAASD,EAAS,gBAmExBJ,gBAAgBM,GACfC,EAAaC,EAAyBF,EAAUG,EAAqBC,MAItEV,aAAaM,GACZC,EAAaI,EAAsBL,EAAUG,EAAqBC,MAInEV,WAAWM,GACVJ,KAAKU,UAAUC,KAAKP,GAGrBN,oBACCE,KAAKY,gBAAgBZ,KAAKa,SAC1Bb,KAAKc,aAAad,KAAKe,MAGhBjB,sBACP,OAAOkB,MAAMC,KAAKjB,KAAKkB,UAAUC,iBAAiB,WAChDC,QAAQC,KAAgCA,EAAOC,UAAYD,EAAOE,YAClEC,KAAKH,IAAyB,CAAQI,KAAMJ,EAAOK,YAAaC,MAAON,EAAOM,UAGzE7B,mBACPE,KAAK4B,gBAAgBC,iBAAiB,aAAc7B,KAAK8B,gBAAgBC,KAAK/B,OAC9EA,KAAK4B,gBAAgBC,iBAAiB,YAAa7B,KAAKgC,eAAeD,KAAK/B,OAC5EA,KAAK4B,gBAAgBC,iBAAiB,YAAa7B,KAAKiC,eAAeF,KAAK/B,OAC5EA,KAAK4B,gBAAgBC,iBAAiB,WAAY7B,KAAKkC,cAAcH,KAAK/B,OAC1EA,KAAK4B,gBACHO,mBAAkBR,GACX,IAAIS,SAAQC,IAClB,MAAMC,EAAOtC,KAAKuC,sBAClB,GAAIC,OAAOb,GAAOc,SAAW,EAAG,CAC/B,OAAOJ,EAAQC,GAEhBD,EACCC,EAAKlB,QAAO,EAAGK,KAAAA,MACd,IAAKA,EAAM,OAAO,MAClB,OAAOiB,EAAiBjB,GAAMkB,cAAcC,QAAQF,EAAiBf,GAAOgB,gBAAkB,WAKjGE,OAGK/C,eAAe6B,GACtB,OAAO3B,KAAK8C,gBAAgBC,WAAU1B,GAAUA,EAAOM,QAAUA,EAAMA,OAASN,EAAOI,OAASE,EAAMF,OAG/F3B,iBAAiB6B,GACxB,OAAO3B,KAAKkB,UAAU8B,cAAc,iBAAmBrB,EAAMA,MAAQ,MAG9D7B,aAAamD,GACpB,MAAMC,EAAQlD,KAAKmD,eAAeF,GAClC,GAAIC,KAAW,EAAG,CACjBlD,KAAK8C,gBAAkB,IAAI9C,KAAK8C,gBAAiBG,GACjD,MAAM5B,EAASrB,KAAKoD,iBAAiBH,GACrC,GAAI5B,EAAQ,CACXA,EAAOE,SAAW,OAKbzB,aAAauD,GACpB,MAAMH,EAAQlD,KAAKmD,eAAeE,GAClC,GAAIH,KAAW,EAAG,CACjBlD,KAAK8C,gBAAgBQ,OAAOJ,EAAO,GACnClD,KAAK8C,gBAAkB,IAAI9C,KAAK8C,iBAChC,MAAMzB,EAASrB,KAAKoD,iBAAiBC,GACrC,GAAIhC,EAAQ,CACXA,EAAOE,SAAW,QAKrBzB,2BACCE,KAAKuD,yBACCC,EAAM,GACZxD,KAAKkB,UAAUC,iBAAiB,UAAUsC,SAASpC,IAClD,GAAIA,EAAOE,SAAU,CACpBvB,KAAK0D,aAAa,CACjBjC,KAAMJ,EAAOK,YACbC,MAAON,EAAOM,YAIjB,GAAIgC,IAA2B,OACxBH,EAAM,WACNxD,KAAK4D,gBAIb9D,SACC,OACC+D,EAACC,EAAI,CAACC,MAAOxD,EAAqBC,KAAMO,KAAMf,KAAKe,KAAMF,QAASb,KAAKa,SACtEgD,EAAA,MAAA,CAAKE,MAAOxD,EAAqByD,MAChCH,EAAA,MAAA,CAAKE,MAAM,WACVF,EAAA,wBAAA,CACClC,MAAO3B,KAAK2B,MACZL,SAAUtB,KAAKsB,SACf2C,WAAYjE,KAAKiE,YAAcjE,KAAKC,SACpCiE,SAAU,MACVnD,KAAMf,KAAKe,KACXF,QAASb,KAAKa,QACdsD,QAASnE,KAAKmE,QACdC,YAAapE,KAAKoE,YAClBC,IAAKC,GAAOtE,KAAK4B,gBAAkB0C,EACnCC,UAAW,EACXC,gBAAiBxE,KAAKwE,gBACtBC,eAAgBzE,KAAKyE,eACrBC,SAAU1E,KAAKG,SAEhB0D,EAAA,WAAA,CAAUc,KAAK,aAAaZ,MAAM,aAAatC,KAAK,iBACpDoC,EAAA,SAAA,CACCe,OAAM,KAAAC,cACO,KACbC,SAAQ,KACRZ,SAAUlE,KAAKkE,SACfzC,KAAMzB,KAAKyB,KACXH,SAAUtB,KAAKsB,SACf+C,IAAKC,GAAOtE,KAAKkB,UAAYoD,EAAwBS,gBACtCC,EAAoBhF,KAAKsB,UAAS2D,gBAClCD,EAAoBhF,KAAKkE,UAASgB,eACnCF,EAAoBhF,KAAKmE,SAAQgB,mBAC7BnF,KAAKwE,gBAAeY,kBACrBpF,KAAKyE,eAAcY,YACzBrF,KAAK0E,UAEhBb,EAAA,OAAA,SAIHA,EAAA,KAAA,CAAIyB,KAAK,UAAUC,GAAIvF,KAAKG,OAAQ4D,MAAOxD,EAAqBiF,MAC9DxF,KAAK8C,gBAAgBtB,KAAIH,GAExBwC,EAAA,KAAA,CAAIE,MAAOxD,EAAqBkF,KAAMH,KAAK,UACzCjE,EAAOI,KACRoC,EAAA,aAAA,CACC6B,UAAW,4BAA8BrE,EAAOI,KAChDZ,QAAQ,UACR8E,KAAK,OACL5E,KAAK,IAAG6E,eACM,IAAM5F,KAAK6F,YAAYxE,IAErCwC,EAAA,WAAA,CAAUpC,KAAK,eAUf3B,eAAegG,GACtBA,EAAEC,kBACF/F,KAAKgG,QAAU,KACfhG,KAAKiG,SAAStF,KAAKmF,GAGZhG,cAAcgG,GAAgBA,EAAEC,kBACvCD,EAAEC,kBACF/F,KAAKgG,QAAU,MACfhG,KAAKkG,QAAQvF,KAAKmF,GAGXhG,eAAegG,GACtB9F,KAAK2B,MAASmE,EAAEK,OAA6BxE,MAC7CmE,EAAEC,kBAGKjG,gBAAgBgG,GACvBA,EAAEC,kBACF,MAAMpE,EAAQmE,EAAEM,OAChBpG,KAAK0D,aAAa/B,GAClB3B,KAAK2B,MAAQ,GACb3B,KAAK4B,gBAAgByE,aACrBrG,KAAK4B,gBAAgB0E,QAGdxG,YAAYuD,GACnBrD,KAAKqD,aAAaA,GAOnBvD,eAAeyG,GACd,OAAOvG,KAAKkB,UAAUoF,MAAMC,GAO7BzG,eAAe6B,GACd3B,KAAK2B,MAAQA,EAOd7B,oBACC,OAAOE,KAAKkB,UAObpB,qBACC0G,EAAgBxG,KAAKwE,gBAAiB,oBAAqBjE,EAAqBC,MAChFgG,EAAgBxG,KAAKyE,eAAgB,mBAAoBlE,EAAqBC,MAC9EgG,EAAgBxG,KAAK0E,SAAU,YAAanE,EAAqBC,MACjEiG,EAAqBzG,KAAKiE,YAAcjE,KAAKC,SAAUD,KAAKyE,eAAgBlE,EAAqBC","sourcesContent":["/*\n * Multiselect\n */\n\n@import \"../select/gov-form-select-core.scss\";\n$class: \".gov-form-multi-select\";\n\n#{$class} {\n\t@extend %form-select-core;\n\tflex-wrap: wrap;\n\t&__wrap {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\twidth: 100%;\n\t}\n\t&__list {\n\t\t@extend %reset-ul;\n\t\t@include typography($font-size-xs);\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8);\n\t\tflex-wrap: wrap;\n\t}\n\t&__list > &__item {\n\t\t@extend %reset-ul-li;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex: 0 0 auto;\n\t\talign-items: center;\n\t\tpadding: rem-calc(0 0 0 8);\n\t\tbackground: $form-multiselect-bg;\n\t\ttransition: $t linear background-color;\n\t}\n}\n","import { Component, Element, h, State, Prop, Event, EventEmitter, Watch, Host, Method } from '@stencil/core'\nimport { toBoolAttrIfDefined } from '../../../helpers/Dom/template'\nimport { FormMultiselectSizesType, FormMultiselectVariants, FormMultiselectVariantType, FormMultiSelectClass, FormMultiselectSizes } from './constants'\nimport { validateProp } from '../../../helpers/Validate/props'\nimport { validateWcagLabelFor, validateWcagRef } from '../../../helpers/Validate/wcag'\nimport { canValidateWcagOnRender } from '../../../helpers/Dom/win'\nimport { createID, removeDiacritics } from '../../../utils/string.utils'\nimport { delay } from '../../../utils/utils'\nimport { Nullable } from '../../../types/interfaces'\nimport { GovFormMultiSelectItem } from './interfaces'\n\n@Component({\n\ttag: 'gov-form-multi-select',\n\tstyleUrl: 'gov-form-multi-select.scss',\n})\nexport class GovFormMultiSelect {\n\tprivate selectRef?: HTMLSelectElement\n\tprivate autocompleteRef?: HTMLGovFormAutocompleteElement\n\n\tprivate readonly selectId: string\n\tprivate readonly listId: string\n\n\tconstructor() {\n\t\tthis.selectId = createID('GovSelect')\n\t\tthis.listId = createID('GovMultiList')\n\t}\n\n\t@Element() host: HTMLGovFormSelectElement\n\t/**\n\t * Custom select identifier.\n\t */\n\t@Prop({ attribute: 'identifier' }) readonly identifier: string\n\t/**\n\t * Custom select placeholder.\n\t */\n\t@Prop({ attribute: 'placeholder' }) readonly placeholder: string\n\t/**\n\t * Style variation of the form select.\n\t */\n\t@Prop() readonly variant?: FormMultiselectVariantType\n\t/**\n\t * Select’s size.\n\t */\n\t@Prop() readonly size?: FormMultiselectSizesType = 'm'\n\t/**\n\t * Name of the select.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the select component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) readonly wcagDescribedBy: string\n\t/**\n\t * Indicates the id of a component that labels the input.\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) readonly wcagLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the input.\n\t */\n\t@Prop({ attribute: 'wcag-owns' }) readonly wcagOwns: string\n\t/**\n\t * Emitted when the select has focus.\n\t */\n\t@Event({ eventName: 'gov-focus' }) govFocus: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select loses focus.\n\t */\n\t@Event({ eventName: 'gov-blur' }) govBlur: EventEmitter<FocusEvent>\n\t/**\n\t * Emitted when the select change value.\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovFormMultiSelectItem[]>\n\t@State() focused: boolean\n\t@State() value: string\n\t@State() selectedOptions: GovFormMultiSelectItem[] = []\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(FormMultiselectVariants, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormMultiselectSizes, newValue, FormMultiSelectClass.root)\n\t}\n\n\t@Watch('selectedOptions')\n\temitChange(newValue: GovFormMultiSelectItem[]) {\n\t\tthis.govChange.emit(newValue)\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate getAvailableOptions(): GovFormMultiSelectItem[] {\n\t\treturn Array.from(this.selectRef.querySelectorAll('option'))\n\t\t\t.filter((option: HTMLOptionElement) => !(option.disabled || option.selected))\n\t\t\t.map((option: HTMLOptionElement) => ({ name: option.textContent, value: option.value }))\n\t}\n\n\tprivate initAutocomplete() {\n\t\tthis.autocompleteRef.addEventListener('gov-select', this.onSelectHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-input', this.onInputHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-focus', this.onFocusHandler.bind(this))\n\t\tthis.autocompleteRef.addEventListener('gov-blur', this.onBlurHandler.bind(this))\n\t\tthis.autocompleteRef\n\t\t\t.setSearchCallback(value => {\n\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\tconst data = this.getAvailableOptions()\n\t\t\t\t\tif (String(value).length === 0) {\n\t\t\t\t\t\treturn resolve(data)\n\t\t\t\t\t}\n\t\t\t\t\tresolve(\n\t\t\t\t\t\tdata.filter(({ name }) => {\n\t\t\t\t\t\t\tif (!name) return false\n\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(value).toLowerCase()) > -1\n\t\t\t\t\t\t})\n\t\t\t\t\t)\n\t\t\t\t})\n\t\t\t})\n\t\t\t.then()\n\t}\n\n\tprivate getOptionIndex(value: GovFormMultiSelectItem): number {\n\t\treturn this.selectedOptions.findIndex(option => option.value === value.value && option.name === value.name)\n\t}\n\n\tprivate getOptionElement(value: GovFormMultiSelectItem): Nullable<HTMLOptionElement> {\n\t\treturn this.selectRef.querySelector('option[value=\"' + value.value + '\"]') as HTMLOptionElement\n\t}\n\n\tprivate selectOption(newOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(newOption)\n\t\tif (index === -1) {\n\t\t\tthis.selectedOptions = [...this.selectedOptions, newOption]\n\t\t\tconst option = this.getOptionElement(newOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = true\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate removeOption(removeOption: GovFormMultiSelectItem) {\n\t\tconst index = this.getOptionIndex(removeOption)\n\t\tif (index !== -1) {\n\t\t\tthis.selectedOptions.splice(index, 1)\n\t\t\tthis.selectedOptions = [...this.selectedOptions]\n\t\t\tconst option = this.getOptionElement(removeOption)\n\t\t\tif (option) {\n\t\t\t\toption.selected = false\n\t\t\t}\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.initAutocomplete()\n\t\tawait delay(0)\n\t\tthis.selectRef.querySelectorAll('option').forEach((option: HTMLOptionElement) => {\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectOption({\n\t\t\t\t\tname: option.textContent,\n\t\t\t\t\tvalue: option.value,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormMultiSelectClass.root} size={this.size} variant={this.variant}>\n\t\t\t\t<div class={FormMultiSelectClass.wrap}>\n\t\t\t\t\t<div class=\"element\">\n\t\t\t\t\t\t<gov-form-autocomplete\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tidentifier={this.identifier || this.selectId}\n\t\t\t\t\t\t\trequired={false}\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\tref={el => (this.autocompleteRef = el as HTMLGovFormAutocompleteElement)}\n\t\t\t\t\t\t\tminlength={0}\n\t\t\t\t\t\t\twcagDescribedBy={this.wcagDescribedBy}\n\t\t\t\t\t\t\twcagLabelledBy={this.wcagLabelledBy}\n\t\t\t\t\t\t\twcagOwns={this.listId}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" class=\"icon-arrow\" name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\taria-hidden={true}\n\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tref={el => (this.selectRef = el as HTMLSelectElement)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-describedby={this.wcagDescribedBy}\n\t\t\t\t\t\t\taria-labelledby={this.wcagLabelledBy}\n\t\t\t\t\t\t\taria-owns={this.wcagOwns}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<ul role=\"listbox\" id={this.listId} class={FormMultiSelectClass.list}>\n\t\t\t\t\t{this.selectedOptions.map(option => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li class={FormMultiSelectClass.item} role=\"option\">\n\t\t\t\t\t\t\t\t{option.name}\n\t\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\t\twcagLabel={'Odebrat vybranou položku ' + option.name}\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\t\tsize=\"s\"\n\t\t\t\t\t\t\t\t\ton-gov-click={() => this.onTagRemove(option)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"x-lg\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.focused = true\n\t\tthis.govFocus.emit(e)\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {e.stopPropagation()\n\t\te.stopPropagation()\n\t\tthis.focused = false\n\t\tthis.govBlur.emit(e)\n\t}\n\n\tprivate onInputHandler(e: Event) {\n\t\tthis.value = (e.target as HTMLSelectElement).value\n\t\te.stopPropagation()\n\t}\n\n\tprivate onSelectHandler(e: CustomEvent) {\n\t\te.stopPropagation()\n\t\tconst value = e.detail as GovFormMultiSelectItem\n\t\tthis.selectOption(value)\n\t\tthis.value = ''\n\t\tthis.autocompleteRef.clearValue()\n\t\tthis.autocompleteRef.focus()\n\t}\n\n\tprivate onTagRemove(removeOption: GovFormMultiSelectItem) {\n\t\tthis.removeOption(removeOption)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.selectRef.focus(options)\n\t}\n\n\t/**\n\t * Sets the ordered value of the element\n\t */\n\t@Method()\n\tasync setValue(value: string): Promise<void> {\n\t\tthis.value = value\n\t}\n\n\t/**\n\t * Returns an instance of the native html select element\n\t */\n\t@Method()\n\tasync getInstance(): Promise<HTMLSelectElement> {\n\t\treturn this.selectRef\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\tvalidateWcagRef(this.wcagDescribedBy, 'wcag-described-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', FormMultiSelectClass.root)\n\t\tvalidateWcagRef(this.wcagOwns, 'wcag-owns', FormMultiSelectClass.root)\n\t\tvalidateWcagLabelFor(this.identifier || this.selectId, this.wcagLabelledBy, FormMultiSelectClass.root)\n\t}\n}\n"]}
|