@gov-design-system-ce/components 0.0.53 → 0.0.55
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-440cd5c8.js +29 -0
- package/dist/cjs/constants-440cd5c8.js.map +1 -0
- package/dist/cjs/{constants-393e915a.js → constants-dde21dcf.js} +4 -4
- package/dist/cjs/{constants-393e915a.js.map → constants-dde21dcf.js.map} +1 -1
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/gov-accordion-item.cjs.entry.js +3 -3
- package/dist/cjs/gov-accordion-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-accordion.cjs.entry.js +4 -4
- 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-app.cjs.entry.js +120 -60
- package/dist/cjs/gov-app.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +2 -2
- package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
- package/dist/cjs/gov-badge.cjs.entry.js +1 -1
- 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-button.cjs.entry.js +2 -2
- package/dist/cjs/gov-card.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-file.cjs.entry.js +8 -2
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-radio.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-select.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-switch.cjs.entry.js +2 -2
- package/dist/cjs/gov-icon.cjs.entry.js +22 -15
- package/dist/cjs/gov-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-message.cjs.entry.js +1 -1
- 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-nav.cjs.entry.js +2 -2
- package/dist/cjs/gov-pagination.cjs.entry.js +2 -2
- package/dist/cjs/gov-prompt.cjs.entry.js +2 -2
- package/dist/cjs/gov-side-nav.cjs.entry.js +2 -2
- package/dist/cjs/gov-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/gov-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gov-tile.cjs.entry.js +2 -15
- package/dist/cjs/gov-tile.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizard-item.cjs.entry.js +114 -0
- package/dist/cjs/gov-wizard-item.cjs.entry.js.map +1 -0
- package/dist/cjs/{gov-wizzard.cjs.entry.js → gov-wizard.cjs.entry.js} +13 -13
- package/dist/cjs/gov-wizard.cjs.entry.js.map +1 -0
- package/dist/cjs/index-83edd4fe.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{wcag-b0321f09.js → wcag-d7912060.js} +2 -2
- package/dist/cjs/{wcag-b0321f09.js.map → wcag-d7912060.js.map} +1 -1
- package/dist/cjs/{win-53f637d4.js → win-0427c131.js} +4 -1
- package/dist/cjs/win-0427c131.js.map +1 -0
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/gov-accordion/constants.js +3 -3
- package/dist/collection/components/gov-accordion/constants.js.map +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.css +102 -71
- package/dist/collection/components/gov-accordion/gov-accordion-item.js +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.js.map +1 -1
- package/dist/collection/components/gov-accordion/gov-accordion.css +2 -2
- package/dist/collection/components/gov-alert/gov-alert.css +1 -1
- package/dist/collection/components/gov-app/gov-app.css +1 -1
- package/dist/collection/components/gov-app/gov-app.js +2 -2
- package/dist/collection/components/gov-app/gov-app.js.map +1 -1
- package/dist/collection/components/gov-attachments/gov-attachments-item.css +1 -1
- package/dist/collection/components/gov-attachments/gov-attachments.css +1 -1
- package/dist/collection/components/gov-backdrop/gov-backdrop.css +1 -1
- package/dist/collection/components/gov-badge/gov-badge.css +1 -1
- package/dist/collection/components/gov-badge/gov-badge.js +2 -2
- package/dist/collection/components/gov-badge/gov-badge.js.map +1 -1
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +1 -1
- package/dist/collection/components/gov-button/default/gov-button.css +1 -1
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.css +1 -1
- package/dist/collection/components/gov-card/gov-card.css +1 -1
- package/dist/collection/components/gov-container/gov-container.css +1 -1
- package/dist/collection/components/gov-control-group/gov-control-group.css +1 -1
- package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +1 -1
- package/dist/collection/components/gov-empty/gov-empty.css +1 -1
- package/dist/collection/components/gov-error-code/gov-error-code.css +1 -1
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +1 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +1 -1
- package/dist/collection/components/gov-form/control/gov-form-control.css +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.css +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js +23 -0
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/group/gov-form-group.css +8 -8
- package/dist/collection/components/gov-form/input/gov-form-input.css +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.css +1 -1
- package/dist/collection/components/gov-form/message/gov-form-message.css +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +1 -1
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +1 -1
- package/dist/collection/components/gov-form/radio/gov-form-radio.css +1 -1
- package/dist/collection/components/gov-form/search/gov-form-search.css +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.css +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.css +1 -1
- package/dist/collection/components/gov-grid/gov-grid-item.css +1 -1
- package/dist/collection/components/gov-grid/gov-grid.css +1 -1
- package/dist/collection/components/gov-icon/gov-icon.css +1 -1
- package/dist/collection/components/gov-icon/gov-icon.js +14 -7
- package/dist/collection/components/gov-icon/gov-icon.js.map +1 -1
- package/dist/collection/components/gov-layout/gov-layout-column.css +1 -1
- package/dist/collection/components/gov-layout/gov-layout.css +1 -1
- package/dist/collection/components/gov-loading/loading/gov-loading.css +1 -1
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +1 -1
- package/dist/collection/components/gov-message/gov-message.css +1 -1
- package/dist/collection/components/gov-message/gov-message.js +1 -1
- package/dist/collection/components/gov-message/gov-message.js.map +1 -1
- package/dist/collection/components/gov-modal/gov-modal.css +1 -1
- package/dist/collection/components/gov-nav/gov-nav-item.css +1 -1
- package/dist/collection/components/gov-nav/gov-nav.css +1 -1
- package/dist/collection/components/gov-pagination/gov-pagination.css +1 -1
- package/dist/collection/components/gov-promp/gov-prompt.css +1 -1
- package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +1 -1
- package/dist/collection/components/gov-side-nav/gov-side-nav.css +1 -1
- package/dist/collection/components/gov-spacer/gov-spacer.css +1 -1
- package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +1 -1
- package/dist/collection/components/gov-statsbar/gov-statsbar.css +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper-item.css +23 -23
- package/dist/collection/components/gov-stepper/gov-stepper.css +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs-item.css +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs.css +1 -1
- package/dist/collection/components/gov-tile/container/gov-tiles.css +1 -1
- package/dist/collection/components/gov-tile/gov-tile.css +1 -1
- package/dist/collection/components/gov-tile/gov-tile.js +19 -26
- package/dist/collection/components/gov-tile/gov-tile.js.map +1 -1
- package/dist/collection/components/gov-toast/gov-toast.css +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip.css +1 -1
- package/dist/collection/components/gov-wizard/constants.js +20 -0
- package/dist/collection/components/gov-wizard/constants.js.map +1 -0
- package/dist/collection/components/gov-wizard/gov-wizard-item.css +471 -0
- package/dist/collection/components/gov-wizard/gov-wizard-item.d.js +2 -0
- package/dist/collection/components/gov-wizard/gov-wizard-item.d.js.map +1 -0
- package/dist/collection/components/{gov-wizzard/gov-wizzard-item.js → gov-wizard/gov-wizard-item.js} +35 -35
- package/dist/collection/components/gov-wizard/gov-wizard-item.js.map +1 -0
- package/dist/collection/components/gov-wizard/gov-wizard-item.types.js +2 -0
- package/dist/collection/components/gov-wizard/gov-wizard-item.types.js.map +1 -0
- package/dist/collection/components/{gov-wizzard/gov-wizzard.css → gov-wizard/gov-wizard.css} +4 -4
- package/dist/collection/components/{gov-wizzard/gov-wizzard.js → gov-wizard/gov-wizard.js} +20 -20
- package/dist/collection/components/gov-wizard/gov-wizard.js.map +1 -0
- package/dist/collection/helpers/Dom/win.js +2 -0
- package/dist/collection/helpers/Dom/win.js.map +1 -1
- package/dist/collection/pages/Accordion.js +43 -4
- package/dist/collection/pages/Accordion.js.map +1 -1
- package/dist/collection/pages/Badge.js +6 -0
- package/dist/collection/pages/Badge.js.map +1 -1
- package/dist/collection/pages/Tiles.js +30 -15
- package/dist/collection/pages/Tiles.js.map +1 -1
- package/dist/collection/pages/{Wizzard.js → Wizard.js} +41 -41
- package/dist/collection/pages/Wizard.js.map +1 -0
- package/dist/collection/utils/icon.utils.js +8 -7
- package/dist/collection/utils/icon.utils.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-app.js +1 -1
- package/dist/components/gov-app.js.map +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/gov-badge.js +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +1 -1
- package/dist/components/gov-form-group.js.map +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-radio.js +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-message.js.map +1 -1
- package/dist/components/gov-modal.js +1 -1
- package/dist/components/gov-nav.js +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-prompt.js +1 -1
- package/dist/components/gov-side-nav-item.js +1 -1
- package/dist/components/gov-side-nav.js +1 -1
- package/dist/components/gov-side-nav.js.map +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-skeleton.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-tabs.js +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-tile.js.map +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/{gov-wizzard-item.d.ts → gov-wizard-item.d.ts} +4 -4
- package/dist/components/gov-wizard-item.js +2 -0
- package/dist/components/gov-wizard-item.js.map +1 -0
- package/dist/components/{gov-wizzard.d.ts → gov-wizard.d.ts} +4 -4
- package/dist/components/gov-wizard.js +2 -0
- package/dist/components/gov-wizard.js.map +1 -0
- package/dist/components/{p-db22f9ce.js → p-04086571.js} +2 -2
- package/dist/components/{p-7bea2390.js → p-3b1801e4.js} +2 -2
- package/dist/components/{p-386409dc.js → p-3e8a9e92.js} +2 -2
- package/dist/components/{p-103c7bd5.js → p-49620025.js} +2 -2
- package/dist/components/p-6834d779.js +2 -0
- package/dist/components/p-6834d779.js.map +1 -0
- package/dist/components/p-74b2311a.js +2 -0
- package/dist/components/p-74b2311a.js.map +1 -0
- package/dist/components/{p-a20f1683.js → p-8d128f59.js} +2 -2
- package/dist/components/{p-ccc44ac1.js → p-8da17139.js} +2 -2
- package/dist/components/{p-cf493ba0.js → p-a2e601c5.js} +2 -2
- package/dist/components/p-a2e601c5.js.map +1 -0
- package/dist/components/p-ae894a40.js +2 -0
- package/dist/components/p-bacc5e05.js +2 -0
- package/dist/components/p-bacc5e05.js.map +1 -0
- package/dist/components/p-cac3881f.js +2 -0
- package/dist/components/p-cac3881f.js.map +1 -0
- package/dist/components/{p-c0e49b09.js → p-f33b16d3.js} +2 -2
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-e39cd83c.entry.js → p-06699657.entry.js} +2 -2
- package/dist/core/{p-e39cd83c.entry.js.map → p-06699657.entry.js.map} +1 -1
- package/dist/core/{p-41f72892.entry.js → p-0c1697ce.entry.js} +2 -2
- package/dist/core/{p-9a3e3ace.entry.js → p-18ef9623.entry.js} +2 -2
- package/dist/core/{p-eda868dc.entry.js → p-22a86871.entry.js} +2 -2
- package/dist/core/{p-722218fd.entry.js → p-23385300.entry.js} +2 -2
- package/dist/core/{p-48349167.entry.js → p-33bf5974.entry.js} +2 -2
- package/dist/core/{p-9f541022.entry.js → p-3d0ab343.entry.js} +2 -2
- package/dist/core/{p-e0c04c5f.entry.js → p-41e88980.entry.js} +2 -2
- package/dist/core/{p-5a855a15.entry.js → p-42c1935f.entry.js} +2 -2
- package/dist/core/{p-de3dc437.entry.js → p-48cfc1c6.entry.js} +2 -2
- package/dist/core/p-4e3d3563.entry.js +2 -0
- package/dist/core/p-4e3d3563.entry.js.map +1 -0
- package/dist/core/p-5316e768.entry.js.map +1 -1
- package/dist/core/p-63839c58.entry.js +2 -0
- package/dist/core/p-63839c58.entry.js.map +1 -0
- package/dist/core/p-64f7e661.entry.js +2 -0
- package/dist/core/p-64f7e661.entry.js.map +1 -0
- package/dist/core/p-6834d779.js +2 -0
- package/dist/core/p-6834d779.js.map +1 -0
- package/dist/core/{p-9ad54c30.entry.js → p-70140f70.entry.js} +2 -2
- package/dist/core/p-74b2311a.js +2 -0
- package/dist/core/p-74b2311a.js.map +1 -0
- package/dist/core/p-74f0be51.entry.js +2 -0
- package/dist/core/p-74f0be51.entry.js.map +1 -0
- package/dist/core/{p-3d720d54.entry.js → p-7d61b13e.entry.js} +2 -2
- package/dist/core/p-7d61b13e.entry.js.map +1 -0
- package/dist/core/{p-a68547b1.entry.js → p-81643870.entry.js} +2 -2
- package/dist/core/{p-11be550d.entry.js → p-82f64673.entry.js} +2 -2
- package/dist/core/p-87aca157.entry.js +2 -0
- package/dist/core/p-87aca157.entry.js.map +1 -0
- package/dist/core/{p-fa71fb92.entry.js → p-9d72d80b.entry.js} +2 -2
- package/dist/core/{p-1ae47d62.entry.js → p-a5d00433.entry.js} +2 -2
- package/dist/core/{p-3bc977e2.entry.js → p-accf8575.entry.js} +2 -2
- package/dist/core/p-accf8575.entry.js.map +1 -0
- package/dist/core/p-ae894a40.js +2 -0
- package/dist/core/p-bd1cb5bd.entry.js +2 -0
- package/dist/core/p-bd1cb5bd.entry.js.map +1 -0
- package/dist/core/{p-7d680665.entry.js → p-bfb4d904.entry.js} +2 -2
- package/dist/core/p-cac3881f.js +2 -0
- package/dist/core/p-cac3881f.js.map +1 -0
- package/dist/core/{p-b5a560d2.entry.js → p-dfc080f2.entry.js} +2 -2
- package/dist/core/{p-e1b3c361.entry.js → p-e769f3ee.entry.js} +2 -2
- package/dist/core/p-ea4459ae.entry.js +2 -0
- package/dist/core/p-ea4459ae.entry.js.map +1 -0
- package/dist/core/p-ed724948.entry.js +2 -0
- package/dist/core/p-ed724948.entry.js.map +1 -0
- package/dist/core/{p-d921bd4b.entry.js → p-f0a5847a.entry.js} +2 -2
- package/dist/core/{p-5150efee.entry.js → p-fc853777.entry.js} +2 -2
- package/dist/esm/{constants-858966b9.js → constants-09bda759.js} +4 -4
- package/dist/esm/{constants-858966b9.js.map → constants-09bda759.js.map} +1 -1
- package/dist/esm/constants-2499979c.js +24 -0
- package/dist/esm/constants-2499979c.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/gov-accordion-item.entry.js +3 -3
- package/dist/esm/gov-accordion-item.entry.js.map +1 -1
- package/dist/esm/gov-accordion.entry.js +4 -4
- package/dist/esm/gov-accordion.entry.js.map +1 -1
- package/dist/esm/gov-alert.entry.js +2 -2
- package/dist/esm/gov-app.entry.js +120 -60
- package/dist/esm/gov-app.entry.js.map +1 -1
- package/dist/esm/gov-attachments_3.entry.js +2 -2
- package/dist/esm/gov-backdrop.entry.js +2 -2
- package/dist/esm/gov-badge.entry.js +1 -1
- package/dist/esm/gov-badge.entry.js.map +1 -1
- package/dist/esm/gov-breadcrumbs.entry.js +2 -2
- package/dist/esm/gov-button.entry.js +2 -2
- package/dist/esm/gov-card.entry.js +2 -2
- package/dist/esm/gov-form-checkbox.entry.js +2 -2
- package/dist/esm/gov-form-file.entry.js +8 -2
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +1 -1
- package/dist/esm/gov-form-group.entry.js.map +1 -1
- package/dist/esm/gov-form-input.entry.js +2 -2
- package/dist/esm/gov-form-multi-select.entry.js +2 -2
- package/dist/esm/gov-form-radio.entry.js +2 -2
- package/dist/esm/gov-form-select.entry.js +2 -2
- package/dist/esm/gov-form-switch.entry.js +2 -2
- package/dist/esm/gov-icon.entry.js +22 -15
- package/dist/esm/gov-icon.entry.js.map +1 -1
- package/dist/esm/gov-message.entry.js +1 -1
- package/dist/esm/gov-message.entry.js.map +1 -1
- package/dist/esm/gov-modal.entry.js +2 -2
- package/dist/esm/gov-nav.entry.js +2 -2
- package/dist/esm/gov-pagination.entry.js +2 -2
- package/dist/esm/gov-prompt.entry.js +2 -2
- package/dist/esm/gov-side-nav.entry.js +2 -2
- package/dist/esm/gov-skeleton.entry.js +2 -2
- package/dist/esm/gov-stepper-item.entry.js +1 -1
- package/dist/esm/gov-stepper-item.entry.js.map +1 -1
- package/dist/esm/gov-tabs.entry.js +2 -2
- package/dist/esm/gov-tile.entry.js +2 -15
- package/dist/esm/gov-tile.entry.js.map +1 -1
- package/dist/esm/gov-wizard-item.entry.js +110 -0
- package/dist/esm/gov-wizard-item.entry.js.map +1 -0
- package/dist/esm/{gov-wizzard.entry.js → gov-wizard.entry.js} +13 -13
- package/dist/esm/gov-wizard.entry.js.map +1 -0
- package/dist/esm/index-ae3c50f1.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{wcag-afdfdddb.js → wcag-062e7ca9.js} +2 -2
- package/dist/esm/{wcag-afdfdddb.js.map → wcag-062e7ca9.js.map} +1 -1
- package/dist/esm/{win-7a1a8ac8.js → win-0a50f66e.js} +4 -2
- package/dist/esm/win-0a50f66e.js.map +1 -0
- package/dist/hydrate/index.js +192 -129
- package/dist/stencil.config.js +3 -3
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/gov-accordion/constants.d.ts +3 -3
- package/dist/types/components/gov-app/gov-app.d.ts +1 -1
- package/dist/types/components/gov-form/file/gov-form-file.d.ts +4 -0
- package/dist/types/components/gov-icon/gov-icon.d.ts +1 -1
- package/dist/types/components/gov-message/gov-message.d.ts +1 -1
- package/dist/types/components/gov-tile/gov-tile.d.ts +4 -4
- package/dist/types/components/{gov-wizzard → gov-wizard}/constants.d.ts +2 -2
- package/dist/types/components/gov-wizard/gov-wizard-item.d.d.ts +4 -0
- package/dist/types/components/{gov-wizzard/gov-wizzard-item.d.ts → gov-wizard/gov-wizard-item.d.ts} +13 -13
- package/dist/types/components/{gov-wizzard/gov-wizzard-item.types.d.ts → gov-wizard/gov-wizard-item.types.d.ts} +1 -1
- package/dist/types/components/{gov-wizzard/gov-wizzard.d.ts → gov-wizard/gov-wizard.d.ts} +7 -7
- package/dist/types/components.d.ts +64 -58
- package/dist/types/helpers/Dom/win.d.ts +2 -0
- package/dist/types/pages/Wizard.d.ts +3 -0
- package/package.json +1 -1
- package/dist/cjs/constants-21559414.js +0 -29
- package/dist/cjs/constants-21559414.js.map +0 -1
- package/dist/cjs/gov-wizzard-item.cjs.entry.js +0 -114
- package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +0 -1
- package/dist/cjs/gov-wizzard.cjs.entry.js.map +0 -1
- package/dist/cjs/win-53f637d4.js.map +0 -1
- package/dist/collection/components/gov-wizzard/constants.js +0 -20
- package/dist/collection/components/gov-wizzard/constants.js.map +0 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +0 -471
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.d.js +0 -2
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.d.js.map +0 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map +0 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js +0 -2
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js.map +0 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard.js.map +0 -1
- package/dist/collection/pages/Wizzard.js.map +0 -1
- package/dist/components/gov-wizzard-item.js +0 -2
- package/dist/components/gov-wizzard-item.js.map +0 -1
- package/dist/components/gov-wizzard.js +0 -2
- package/dist/components/gov-wizzard.js.map +0 -1
- package/dist/components/p-0f5e2b0a.js +0 -2
- package/dist/components/p-34152b51.js +0 -2
- package/dist/components/p-34152b51.js.map +0 -1
- package/dist/components/p-37a7409e.js +0 -2
- package/dist/components/p-37a7409e.js.map +0 -1
- package/dist/components/p-64ced668.js +0 -2
- package/dist/components/p-64ced668.js.map +0 -1
- package/dist/components/p-c3f560b9.js +0 -2
- package/dist/components/p-c3f560b9.js.map +0 -1
- package/dist/components/p-cf493ba0.js.map +0 -1
- package/dist/core/p-05dc3d89.entry.js +0 -2
- package/dist/core/p-05dc3d89.entry.js.map +0 -1
- package/dist/core/p-0f5e2b0a.js +0 -2
- package/dist/core/p-16c3a489.entry.js +0 -2
- package/dist/core/p-16c3a489.entry.js.map +0 -1
- package/dist/core/p-2c7af892.entry.js +0 -2
- package/dist/core/p-2c7af892.entry.js.map +0 -1
- package/dist/core/p-34152b51.js +0 -2
- package/dist/core/p-34152b51.js.map +0 -1
- package/dist/core/p-37a7409e.js +0 -2
- package/dist/core/p-37a7409e.js.map +0 -1
- package/dist/core/p-3bc977e2.entry.js.map +0 -1
- package/dist/core/p-3d720d54.entry.js.map +0 -1
- package/dist/core/p-5195fd36.entry.js +0 -2
- package/dist/core/p-5195fd36.entry.js.map +0 -1
- package/dist/core/p-64ced668.js +0 -2
- package/dist/core/p-64ced668.js.map +0 -1
- package/dist/core/p-9751af2e.entry.js +0 -2
- package/dist/core/p-9751af2e.entry.js.map +0 -1
- package/dist/core/p-ac94d242.entry.js +0 -2
- package/dist/core/p-ac94d242.entry.js.map +0 -1
- package/dist/core/p-af7a89bc.entry.js +0 -2
- package/dist/core/p-af7a89bc.entry.js.map +0 -1
- package/dist/core/p-d2729599.entry.js +0 -2
- package/dist/core/p-d2729599.entry.js.map +0 -1
- package/dist/esm/constants-bf5a583f.js +0 -24
- package/dist/esm/constants-bf5a583f.js.map +0 -1
- package/dist/esm/gov-wizzard-item.entry.js +0 -110
- package/dist/esm/gov-wizzard-item.entry.js.map +0 -1
- package/dist/esm/gov-wizzard.entry.js.map +0 -1
- package/dist/esm/win-7a1a8ac8.js.map +0 -1
- package/dist/types/components/gov-wizzard/gov-wizzard-item.d.d.ts +0 -4
- package/dist/types/pages/Wizzard.d.ts +0 -3
- /package/dist/components/{p-db22f9ce.js.map → p-04086571.js.map} +0 -0
- /package/dist/components/{p-7bea2390.js.map → p-3b1801e4.js.map} +0 -0
- /package/dist/components/{p-386409dc.js.map → p-3e8a9e92.js.map} +0 -0
- /package/dist/components/{p-103c7bd5.js.map → p-49620025.js.map} +0 -0
- /package/dist/components/{p-a20f1683.js.map → p-8d128f59.js.map} +0 -0
- /package/dist/components/{p-ccc44ac1.js.map → p-8da17139.js.map} +0 -0
- /package/dist/components/{p-0f5e2b0a.js.map → p-ae894a40.js.map} +0 -0
- /package/dist/components/{p-c0e49b09.js.map → p-f33b16d3.js.map} +0 -0
- /package/dist/core/{p-41f72892.entry.js.map → p-0c1697ce.entry.js.map} +0 -0
- /package/dist/core/{p-9a3e3ace.entry.js.map → p-18ef9623.entry.js.map} +0 -0
- /package/dist/core/{p-eda868dc.entry.js.map → p-22a86871.entry.js.map} +0 -0
- /package/dist/core/{p-722218fd.entry.js.map → p-23385300.entry.js.map} +0 -0
- /package/dist/core/{p-48349167.entry.js.map → p-33bf5974.entry.js.map} +0 -0
- /package/dist/core/{p-9f541022.entry.js.map → p-3d0ab343.entry.js.map} +0 -0
- /package/dist/core/{p-e0c04c5f.entry.js.map → p-41e88980.entry.js.map} +0 -0
- /package/dist/core/{p-5a855a15.entry.js.map → p-42c1935f.entry.js.map} +0 -0
- /package/dist/core/{p-de3dc437.entry.js.map → p-48cfc1c6.entry.js.map} +0 -0
- /package/dist/core/{p-9ad54c30.entry.js.map → p-70140f70.entry.js.map} +0 -0
- /package/dist/core/{p-a68547b1.entry.js.map → p-81643870.entry.js.map} +0 -0
- /package/dist/core/{p-11be550d.entry.js.map → p-82f64673.entry.js.map} +0 -0
- /package/dist/core/{p-fa71fb92.entry.js.map → p-9d72d80b.entry.js.map} +0 -0
- /package/dist/core/{p-1ae47d62.entry.js.map → p-a5d00433.entry.js.map} +0 -0
- /package/dist/core/{p-0f5e2b0a.js.map → p-ae894a40.js.map} +0 -0
- /package/dist/core/{p-7d680665.entry.js.map → p-bfb4d904.entry.js.map} +0 -0
- /package/dist/core/{p-b5a560d2.entry.js.map → p-dfc080f2.entry.js.map} +0 -0
- /package/dist/core/{p-e1b3c361.entry.js.map → p-e769f3ee.entry.js.map} +0 -0
- /package/dist/core/{p-d921bd4b.entry.js.map → p-f0a5847a.entry.js.map} +0 -0
- /package/dist/core/{p-5150efee.entry.js.map → p-fc853777.entry.js.map} +0 -0
|
@@ -1,471 +0,0 @@
|
|
|
1
|
-
/* stylelint-disable */
|
|
2
|
-
/* stylelint-enable */
|
|
3
|
-
/* stylelint-disable */
|
|
4
|
-
/* stylelint-enable */
|
|
5
|
-
/* stylelint-disable */
|
|
6
|
-
/* stylelint-enable */
|
|
7
|
-
/* stylelint-disable */
|
|
8
|
-
/* stylelint-enable */
|
|
9
|
-
/* [Core] - Buttons
|
|
10
|
-
------------------------------------------------------------------ */
|
|
11
|
-
/*
|
|
12
|
-
* Gets color from theme-colors or from palette-colors
|
|
13
|
-
*/
|
|
14
|
-
/*
|
|
15
|
-
* Converts hex value to rgb colors value
|
|
16
|
-
*/
|
|
17
|
-
/* stylelint-disable order/order */
|
|
18
|
-
/* stylelint-enable order/order */
|
|
19
|
-
/*
|
|
20
|
-
* Generates list of utility classes for margin, padding
|
|
21
|
-
*
|
|
22
|
-
* Make sure $list of definitions is sorted so that last item is defined last
|
|
23
|
-
* So largest views are mentioned last.
|
|
24
|
-
*/
|
|
25
|
-
/*
|
|
26
|
-
- Variables - Sizes
|
|
27
|
-
*/
|
|
28
|
-
/* "Constants" for general usage */
|
|
29
|
-
/*
|
|
30
|
-
- Variables - Layout
|
|
31
|
-
*/
|
|
32
|
-
/**
|
|
33
|
-
* Utilities - Offset
|
|
34
|
-
*/
|
|
35
|
-
/* stylelint-disable order/order */
|
|
36
|
-
/* stylelint-enable order/order */
|
|
37
|
-
/* stylelint-disable order/order */
|
|
38
|
-
/* stylelint-enable order/order */
|
|
39
|
-
/* stylelint-disable order/order */
|
|
40
|
-
/* stylelint-enable order/order */
|
|
41
|
-
/**
|
|
42
|
-
* Generates CSS3 var with default value
|
|
43
|
-
*/
|
|
44
|
-
/*
|
|
45
|
-
- Variables - General
|
|
46
|
-
*/
|
|
47
|
-
/*
|
|
48
|
-
- Variables - Typography
|
|
49
|
-
*/
|
|
50
|
-
/*
|
|
51
|
-
- Variables - Variants
|
|
52
|
-
*/
|
|
53
|
-
/*
|
|
54
|
-
- Variables - Container
|
|
55
|
-
*/
|
|
56
|
-
/*
|
|
57
|
-
- Variables - Sizes
|
|
58
|
-
*/
|
|
59
|
-
/* "Constants" for general usage */
|
|
60
|
-
/*
|
|
61
|
-
- Variables - Accordion
|
|
62
|
-
*/
|
|
63
|
-
/*
|
|
64
|
-
- Variables - Attachments
|
|
65
|
-
*/
|
|
66
|
-
/*
|
|
67
|
-
- Variables - Alert
|
|
68
|
-
*/
|
|
69
|
-
/*
|
|
70
|
-
- Variables - Backdrop
|
|
71
|
-
*/
|
|
72
|
-
/*
|
|
73
|
-
- Variables - Buttons (&& Badges)
|
|
74
|
-
*/
|
|
75
|
-
/*
|
|
76
|
-
- Variables - Breadcrumbs
|
|
77
|
-
*/
|
|
78
|
-
/*
|
|
79
|
-
- Variables - Classes
|
|
80
|
-
*/
|
|
81
|
-
/*
|
|
82
|
-
- Variables - Colors
|
|
83
|
-
*/
|
|
84
|
-
/*
|
|
85
|
-
- Variables - Control Group
|
|
86
|
-
*/
|
|
87
|
-
/*
|
|
88
|
-
- Variables - Cookiebar
|
|
89
|
-
*/
|
|
90
|
-
/*
|
|
91
|
-
- Variables - Dropdown
|
|
92
|
-
*/
|
|
93
|
-
/*
|
|
94
|
-
- Variables - Card
|
|
95
|
-
*/
|
|
96
|
-
/*
|
|
97
|
-
- Variables - Message
|
|
98
|
-
*/
|
|
99
|
-
/*
|
|
100
|
-
- Variables - Empty
|
|
101
|
-
*/
|
|
102
|
-
/*
|
|
103
|
-
- Variables - Error code
|
|
104
|
-
*/
|
|
105
|
-
/*
|
|
106
|
-
- Variables - Grid
|
|
107
|
-
*/
|
|
108
|
-
/*
|
|
109
|
-
- Variables - Tiles
|
|
110
|
-
*/
|
|
111
|
-
/*
|
|
112
|
-
- Variables - Modal & Prompt
|
|
113
|
-
*/
|
|
114
|
-
/**
|
|
115
|
-
* Utilities - Offset
|
|
116
|
-
*/
|
|
117
|
-
/*
|
|
118
|
-
- Variables - shadows
|
|
119
|
-
*/
|
|
120
|
-
/* "Constants" for general usage */
|
|
121
|
-
/*
|
|
122
|
-
- Variables - Statsbar
|
|
123
|
-
*/
|
|
124
|
-
/*
|
|
125
|
-
- Variables - Tabs
|
|
126
|
-
*/
|
|
127
|
-
/*
|
|
128
|
-
- Variables - Tooltip
|
|
129
|
-
*/
|
|
130
|
-
/*
|
|
131
|
-
- Variables - Loading
|
|
132
|
-
*/
|
|
133
|
-
/*
|
|
134
|
-
- Variables - Forms
|
|
135
|
-
*/
|
|
136
|
-
/*
|
|
137
|
-
- Variables - Form Autocomplete
|
|
138
|
-
*/
|
|
139
|
-
/*
|
|
140
|
-
- Variables - Form Message
|
|
141
|
-
*/
|
|
142
|
-
/*
|
|
143
|
-
- Variables - Form label
|
|
144
|
-
*/
|
|
145
|
-
/*
|
|
146
|
-
- Variables - Form switch
|
|
147
|
-
*/
|
|
148
|
-
/*
|
|
149
|
-
- Variables - Form select
|
|
150
|
-
*/
|
|
151
|
-
/*
|
|
152
|
-
- Variables - Form input
|
|
153
|
-
*/
|
|
154
|
-
/*
|
|
155
|
-
- Variables - Form multiselect
|
|
156
|
-
*/
|
|
157
|
-
/*
|
|
158
|
-
- Variables - Form password power
|
|
159
|
-
*/
|
|
160
|
-
/*
|
|
161
|
-
- Variables - Form checkbox & radio
|
|
162
|
-
*/
|
|
163
|
-
/*
|
|
164
|
-
- Variables - Form group
|
|
165
|
-
*/
|
|
166
|
-
/*
|
|
167
|
-
- Variables - Form file
|
|
168
|
-
*/
|
|
169
|
-
/*
|
|
170
|
-
- Variables - Toast Message
|
|
171
|
-
*/
|
|
172
|
-
/*
|
|
173
|
-
- Variables - Wizzard
|
|
174
|
-
*/
|
|
175
|
-
/*
|
|
176
|
-
- Variables - Stepper
|
|
177
|
-
*/
|
|
178
|
-
/*
|
|
179
|
-
- Variables - Side nav
|
|
180
|
-
*/
|
|
181
|
-
/*
|
|
182
|
-
- Variables - Grid & Tile
|
|
183
|
-
*/
|
|
184
|
-
/*
|
|
185
|
-
- Variables - Pagination
|
|
186
|
-
*/
|
|
187
|
-
/*
|
|
188
|
-
- Variables - Nav
|
|
189
|
-
*/
|
|
190
|
-
/*
|
|
191
|
-
- Variables - Layout
|
|
192
|
-
*/
|
|
193
|
-
.gov-spin-animation,
|
|
194
|
-
.gov-pseudo-spin-animation::before {
|
|
195
|
-
animation: spin 4s linear infinite;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
@keyframes spin {
|
|
199
|
-
100% {
|
|
200
|
-
transform: rotate(360deg);
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
@keyframes countdown {
|
|
204
|
-
to {
|
|
205
|
-
transform: scaleX(0);
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
@keyframes progress {
|
|
209
|
-
0% {
|
|
210
|
-
background-position: -200px 0;
|
|
211
|
-
}
|
|
212
|
-
100% {
|
|
213
|
-
background-position: calc(200px + 100%) 0;
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
@keyframes pulse {
|
|
217
|
-
0% {
|
|
218
|
-
opacity: 1;
|
|
219
|
-
}
|
|
220
|
-
50% {
|
|
221
|
-
opacity: 0.4;
|
|
222
|
-
}
|
|
223
|
-
100% {
|
|
224
|
-
opacity: 1;
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
/*
|
|
228
|
-
* Wizzard - Item
|
|
229
|
-
*/
|
|
230
|
-
/*
|
|
231
|
-
* Wizzard & Stepper Shared Definitions
|
|
232
|
-
*/
|
|
233
|
-
.gov-wizzard-item {
|
|
234
|
-
position: relative;
|
|
235
|
-
display: block;
|
|
236
|
-
width: 100%;
|
|
237
|
-
margin-bottom: 1rem;
|
|
238
|
-
background: var(--gov-wizzard-bg-color, var(--gov-color-neutral-white));
|
|
239
|
-
}
|
|
240
|
-
.gov-wizzard-item__header {
|
|
241
|
-
position: relative;
|
|
242
|
-
width: 100%;
|
|
243
|
-
}
|
|
244
|
-
.gov-wizzard-item__arrow {
|
|
245
|
-
flex: 0 0 auto;
|
|
246
|
-
width: 0.75rem;
|
|
247
|
-
height: 0.75rem;
|
|
248
|
-
}
|
|
249
|
-
.gov-wizzard-item__title {
|
|
250
|
-
margin: 0;
|
|
251
|
-
padding: 0;
|
|
252
|
-
font-family: var(--gov-font-family, "Roboto", sans-serif);
|
|
253
|
-
font-weight: 400;
|
|
254
|
-
box-sizing: border-box;
|
|
255
|
-
display: flex;
|
|
256
|
-
gap: 1rem;
|
|
257
|
-
align-items: baseline;
|
|
258
|
-
}
|
|
259
|
-
.gov-wizzard-item__prefix {
|
|
260
|
-
display: flex;
|
|
261
|
-
flex: 0 0 auto;
|
|
262
|
-
justify-content: center;
|
|
263
|
-
align-items: center;
|
|
264
|
-
border-radius: 50%;
|
|
265
|
-
text-align: center;
|
|
266
|
-
}
|
|
267
|
-
.gov-wizzard-item__prefix .gov-icon {
|
|
268
|
-
width: 45%;
|
|
269
|
-
height: 45%;
|
|
270
|
-
}
|
|
271
|
-
.gov-wizzard-item__prefix span[slot=prefix] {
|
|
272
|
-
display: flex;
|
|
273
|
-
justify-content: center;
|
|
274
|
-
align-items: center;
|
|
275
|
-
width: 100%;
|
|
276
|
-
height: 100%;
|
|
277
|
-
}
|
|
278
|
-
.gov-wizzard-item__name {
|
|
279
|
-
display: flex;
|
|
280
|
-
flex-direction: column;
|
|
281
|
-
}
|
|
282
|
-
.gov-wizzard-item__label {
|
|
283
|
-
display: flex;
|
|
284
|
-
gap: 0.5rem;
|
|
285
|
-
align-items: center;
|
|
286
|
-
font-weight: var(--gov-wizzard-title-font-weight, 400);
|
|
287
|
-
}
|
|
288
|
-
.gov-wizzard-item__annot {
|
|
289
|
-
color: var(--gov-color-secondary);
|
|
290
|
-
}
|
|
291
|
-
.gov-wizzard-item__content > *:last-child {
|
|
292
|
-
margin-bottom: 0;
|
|
293
|
-
}
|
|
294
|
-
.gov-wizzard-item[variant=primary] .gov-wizzard-item__header {
|
|
295
|
-
color: var(--gov-wizzard-primary-color, var(--gov-color-primary-800));
|
|
296
|
-
}
|
|
297
|
-
.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix {
|
|
298
|
-
background: var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));
|
|
299
|
-
color: var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800));
|
|
300
|
-
}
|
|
301
|
-
.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header {
|
|
302
|
-
color: var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700));
|
|
303
|
-
}
|
|
304
|
-
.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix {
|
|
305
|
-
background: var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));
|
|
306
|
-
color: var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700));
|
|
307
|
-
}
|
|
308
|
-
.gov-wizzard-item[variant=success] .gov-wizzard-item__header {
|
|
309
|
-
color: var(--gov-wizzard-success-color, var(--gov-color-success-500));
|
|
310
|
-
}
|
|
311
|
-
.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix {
|
|
312
|
-
background: var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));
|
|
313
|
-
color: var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white));
|
|
314
|
-
}
|
|
315
|
-
.gov-wizzard-item[variant=error] .gov-wizzard-item__header {
|
|
316
|
-
color: var(--gov-wizzard-error-color, var(--gov-color-error-500));
|
|
317
|
-
}
|
|
318
|
-
.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix {
|
|
319
|
-
background: var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));
|
|
320
|
-
color: var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white));
|
|
321
|
-
}
|
|
322
|
-
.gov-wizzard-item[variant=warning] .gov-wizzard-item__header {
|
|
323
|
-
color: var(--gov-wizzard-warning-color, var(--gov-color-warning-500));
|
|
324
|
-
}
|
|
325
|
-
.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix {
|
|
326
|
-
background: var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));
|
|
327
|
-
color: var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white));
|
|
328
|
-
}
|
|
329
|
-
.gov-wizzard-item__header {
|
|
330
|
-
gap: 1rem;
|
|
331
|
-
padding: 1rem;
|
|
332
|
-
border-radius: 0;
|
|
333
|
-
text-align: left;
|
|
334
|
-
transition: 150ms linear color;
|
|
335
|
-
}
|
|
336
|
-
.gov-wizzard-item__header:focus {
|
|
337
|
-
outline: none;
|
|
338
|
-
}
|
|
339
|
-
.gov-wizzard-item__header:focus-visible {
|
|
340
|
-
border-radius: var(--gov-border-radius, 0.1875rem);
|
|
341
|
-
outline: var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);
|
|
342
|
-
outline-offset: 0;
|
|
343
|
-
}
|
|
344
|
-
.gov-wizzard-item__prefix {
|
|
345
|
-
position: absolute;
|
|
346
|
-
left: 1rem;
|
|
347
|
-
}
|
|
348
|
-
.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon {
|
|
349
|
-
transform: scale(-1);
|
|
350
|
-
}
|
|
351
|
-
.gov-wizzard-item[size=xs] .gov-wizzard-item__title, .gov-wizzard-item[size=s] .gov-wizzard-item__title, .gov-wizzard-item[size=m] .gov-wizzard-item__title {
|
|
352
|
-
font-weight: var(--gov-text-m-font-weight);
|
|
353
|
-
font-size: var(--gov-text-m-font-size);
|
|
354
|
-
line-height: var(--gov-text-m-line-height);
|
|
355
|
-
letter-spacing: var(--gov-text-m-letter-spacing);
|
|
356
|
-
}
|
|
357
|
-
.gov-wizzard-item[size=xs] .gov-wizzard-item__annot, .gov-wizzard-item[size=s] .gov-wizzard-item__annot, .gov-wizzard-item[size=m] .gov-wizzard-item__annot {
|
|
358
|
-
font-weight: var(--gov-text-s-font-weight);
|
|
359
|
-
font-size: var(--gov-text-s-font-size);
|
|
360
|
-
line-height: var(--gov-text-s-line-height);
|
|
361
|
-
letter-spacing: var(--gov-text-s-letter-spacing);
|
|
362
|
-
}
|
|
363
|
-
.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix, .gov-wizzard-item[size=s] .gov-wizzard-item__prefix, .gov-wizzard-item[size=m] .gov-wizzard-item__prefix {
|
|
364
|
-
font-weight: var(--gov-text-m-font-weight);
|
|
365
|
-
font-size: var(--gov-text-m-font-size);
|
|
366
|
-
line-height: var(--gov-text-m-line-height);
|
|
367
|
-
letter-spacing: var(--gov-text-m-letter-spacing);
|
|
368
|
-
width: var(--gov-wizzard-xs-indicator-size, 1.5rem);
|
|
369
|
-
height: var(--gov-wizzard-xs-indicator-size, 1.5rem);
|
|
370
|
-
top: var(--gov-wizzard-xs-top, 1rem);
|
|
371
|
-
}
|
|
372
|
-
.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix + .gov-wizzard-item__header, .gov-wizzard-item[size=s] .gov-wizzard-item__prefix + .gov-wizzard-item__header, .gov-wizzard-item[size=m] .gov-wizzard-item__prefix + .gov-wizzard-item__header {
|
|
373
|
-
padding: var(--gov-wizzard-xs-header-padding, 1rem 1rem 1rem 3.5rem);
|
|
374
|
-
}
|
|
375
|
-
.gov-wizzard-item[size=xs] .gov-wizzard-item__content, .gov-wizzard-item[size=s] .gov-wizzard-item__content, .gov-wizzard-item[size=m] .gov-wizzard-item__content {
|
|
376
|
-
padding: var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem);
|
|
377
|
-
}
|
|
378
|
-
@media not all and (pointer: coarse) {
|
|
379
|
-
.gov-wizzard-item[variant=primary][collapsible=""] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=primary][collapsible="1"] .gov-wizzard-item__header:hover {
|
|
380
|
-
color: var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900));
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
@media not all and (pointer: coarse) {
|
|
384
|
-
.gov-wizzard-item[variant=secondary][collapsible=""] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=secondary][collapsible="1"] .gov-wizzard-item__header:hover {
|
|
385
|
-
color: var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800));
|
|
386
|
-
}
|
|
387
|
-
}
|
|
388
|
-
@media not all and (pointer: coarse) {
|
|
389
|
-
.gov-wizzard-item[variant=success][collapsible=""] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=success][collapsible="1"] .gov-wizzard-item__header:hover {
|
|
390
|
-
color: var(--gov-wizzard-success-hover-color, var(--gov-color-success-600));
|
|
391
|
-
}
|
|
392
|
-
}
|
|
393
|
-
@media not all and (pointer: coarse) {
|
|
394
|
-
.gov-wizzard-item[variant=error][collapsible=""] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=error][collapsible="1"] .gov-wizzard-item__header:hover {
|
|
395
|
-
color: var(--gov-wizzard-error-hover-color, var(--gov-color-error-600));
|
|
396
|
-
}
|
|
397
|
-
}
|
|
398
|
-
@media not all and (pointer: coarse) {
|
|
399
|
-
.gov-wizzard-item[variant=warning][collapsible=""] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover, .gov-wizzard-item[variant=warning][collapsible="1"] .gov-wizzard-item__header:hover {
|
|
400
|
-
color: var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600));
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
button.gov-wizzard-item__header {
|
|
404
|
-
display: inline-flex;
|
|
405
|
-
vertical-align: middle;
|
|
406
|
-
justify-content: center;
|
|
407
|
-
align-items: center;
|
|
408
|
-
border: 0;
|
|
409
|
-
background-color: transparent;
|
|
410
|
-
text-align: center;
|
|
411
|
-
text-decoration: none;
|
|
412
|
-
cursor: pointer;
|
|
413
|
-
-webkit-appearance: none;
|
|
414
|
-
-moz-appearance: none;
|
|
415
|
-
appearance: none;
|
|
416
|
-
justify-content: flex-start;
|
|
417
|
-
text-align: left;
|
|
418
|
-
}
|
|
419
|
-
button.gov-wizzard-item__header:focus {
|
|
420
|
-
outline: none;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
@media (min-width: 30em) {
|
|
424
|
-
.gov-wizzard-item[size=s] .gov-wizzard-item__title, .gov-wizzard-item[size=m] .gov-wizzard-item__title {
|
|
425
|
-
font-weight: var(--gov-text-l-font-weight);
|
|
426
|
-
font-size: var(--gov-text-l-font-size);
|
|
427
|
-
line-height: var(--gov-text-l-line-height);
|
|
428
|
-
letter-spacing: var(--gov-text-l-letter-spacing);
|
|
429
|
-
}
|
|
430
|
-
.gov-wizzard-item[size=s] .gov-wizzard-item__prefix, .gov-wizzard-item[size=m] .gov-wizzard-item__prefix {
|
|
431
|
-
font-weight: var(--gov-text-xl-font-weight);
|
|
432
|
-
font-size: var(--gov-text-xl-font-size);
|
|
433
|
-
line-height: var(--gov-text-xl-line-height);
|
|
434
|
-
letter-spacing: var(--gov-text-xl-letter-spacing);
|
|
435
|
-
width: var(--gov-wizzard-s-indicator-size, 2rem);
|
|
436
|
-
height: var(--gov-wizzard-s-indicator-size, 2rem);
|
|
437
|
-
top: var(--gov-wizzard-s-top, 0.8125rem);
|
|
438
|
-
}
|
|
439
|
-
.gov-wizzard-item[size=s] .gov-wizzard-item__prefix + .gov-wizzard-item__header, .gov-wizzard-item[size=m] .gov-wizzard-item__prefix + .gov-wizzard-item__header {
|
|
440
|
-
padding: var(--gov-wizzard-s-header-padding, 1rem 1rem 1rem 4rem);
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
@media (min-width: 48em) {
|
|
444
|
-
.gov-wizzard-item[size=m] .gov-wizzard-item__title {
|
|
445
|
-
font-weight: var(--gov-text-l-font-weight);
|
|
446
|
-
font-size: var(--gov-text-l-font-size);
|
|
447
|
-
line-height: var(--gov-text-l-line-height);
|
|
448
|
-
letter-spacing: var(--gov-text-l-letter-spacing);
|
|
449
|
-
}
|
|
450
|
-
.gov-wizzard-item[size=m] .gov-wizzard-item__prefix {
|
|
451
|
-
font-weight: var(--gov-text-xl-font-weight);
|
|
452
|
-
font-size: var(--gov-text-xl-font-size);
|
|
453
|
-
line-height: var(--gov-text-xl-line-height);
|
|
454
|
-
letter-spacing: var(--gov-text-xl-letter-spacing);
|
|
455
|
-
width: var(--gov-wizzard-m-indicator-size, 2.5rem);
|
|
456
|
-
height: var(--gov-wizzard-m-indicator-size, 2.5rem);
|
|
457
|
-
top: var(--gov-wizzard-m-top, 0.5625rem);
|
|
458
|
-
}
|
|
459
|
-
.gov-wizzard-item[size=m] .gov-wizzard-item__prefix + .gov-wizzard-item__header {
|
|
460
|
-
padding: var(--gov-wizzard-m-header-padding, 1rem 1rem 1rem 4.5rem);
|
|
461
|
-
}
|
|
462
|
-
.gov-wizzard-item[size=xs] .gov-wizzard-item__content {
|
|
463
|
-
padding: var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem);
|
|
464
|
-
}
|
|
465
|
-
.gov-wizzard-item[size=s] .gov-wizzard-item__content {
|
|
466
|
-
padding: var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem);
|
|
467
|
-
}
|
|
468
|
-
.gov-wizzard-item[size=m] .gov-wizzard-item__content {
|
|
469
|
-
padding: var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem);
|
|
470
|
-
}
|
|
471
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gov-wizzard-item.d.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard-item.d.tsx"],"names":[],"mappings":"","sourcesContent":["export interface GovWizzardItemChangeEvent {\n\topen: boolean\n\telement: HTMLGovWizzardItemElement\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gov-wizzard-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizzardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizzardItemEvent } from \"./gov-wizzard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizzard-item\",\n\tstyleUrl: \"gov-wizzard-item.scss\",\n})\nexport class GovWizzardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizzardItem\")\n\t\tthis.contentId = createID(\"GovWizzardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizzardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizzard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizzard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizzard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizzard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizzard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizzardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizzardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizzardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizzardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t<span class={WizzardItemClass.name}>\n\t\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizzardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizzardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.collapsible ? this.toggle() : false\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizzardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizzard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizzard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizzard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gov-wizzard-item.types.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard-item.types.ts"],"names":[],"mappings":"","sourcesContent":["import { GovBaseEvent } from \"../../types/event.types\"\n\nexport interface WizzardItemEvent extends GovBaseEvent {\n\texpanded: boolean\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"gov-wizzard.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAmB,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAE1F,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMzC,MAAM,OAAO,UAAU;EAKtB;gBAO0C,GAAG;;;IAN5C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EAoBO,YAAY,CAAC,QAAgB;IACpC,YAAY,CAAC,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;EACvD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EAED,gBAAgB;IACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,KAAgC,EAAE,EAAE;MAC9F,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;MACrC;;;;;QAKE;IACH,CAAC,CAAC,CAAA;EACH,CAAC;EAED,KAAK,CAAC,kBAAkB;IACvB,IAAI,uBAAuB,EAAE,EAAE;MAC9B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;MAChB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KACzB;EACF,CAAC;EAED,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI;MAC1E,eAAQ,CACF,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,YAAY;IACxB,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,CAAA;EAC1E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizzardClass, WizzardItemClass } from \"./constants\"\nimport { GovWizzardItemChangeEvent } from \"./gov-wizzard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizzard\",\n\tstyleUrl: \"gov-wizzard.scss\",\n})\nexport class GovWizzard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizzardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizzard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizzard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizzardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizzardItemClass.root).forEach((child: HTMLGovWizzardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Wizzard.js","sourceRoot":"","sources":["../../../../../src/pages/Wizzard.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;EACpC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE;EACrD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;CAClD","sourcesContent":["class WizzardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n <h2>Wizzard</h2>\n\t\t\t<div class=\"gov-bg--secondary-300\" style=\"padding: 48px\">\n\t\t\t\t<gov-wizzard>\n\t\t\t\t\t<gov-wizzard-item label-tag=\"h1\" label=\"Font Awesome Icon\" variant=\"success\" collapsible>\n\t\t\t\t\t\t<span slot=\"prefix\"><gov-icon name=\"check-lg\"></gov-icon></span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Kontaktní osoby\" variant=\"primary\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Působnost v agendách\" variant=\"secondary\" collapsible=\"false\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Zřizované organizace\" variant=\"error\" collapsible annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Zřizované organizace\" variant=\"warning\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t</gov-wizzard>\n\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizzard size=\"s\">\n\t\t\t\t\t<gov-wizzard-item label-tag=\"h1\" label=\"Font Awesome Icon\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Kontaktní osoby\" variant=\"primary\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Působnost v agendách\" variant=\"secondary\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Zřizované organizace\" variant=\"error\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Zřizované organizace\" variant=\"warning\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t</gov-wizzard>\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizzard size=\"xs\">\n\t\t\t\t\t<gov-wizzard-item label-tag=\"h1\" label=\"Font Awesome Icon\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Kontaktní osoby\" variant=\"primary\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Působnost v agendách\" variant=\"secondary\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Zřizované organizace\" variant=\"error\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t\t<gov-wizzard-item label=\"Zřizované organizace\" variant=\"warning\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizzard-item>\n\t\t\t\t</gov-wizzard>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('wizzard-page') === undefined) {\n\tcustomElements.define('wizzard-page', WizzardPage)\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as i,H as e,c as r,h as a,d as t}from"./p-80c0109d.js";import{a as o}from"./p-561fa17b.js";import{v as n}from"./p-26acf964.js";import{W as z,c as s}from"./p-64ced668.js";import{c as v}from"./p-24636c53.js";import{g as d,b as g,t as l}from"./p-3f37ddb6.js";import{F as m}from"./p-1c1d0bbe.js";import{d as c}from"./p-c3f560b9.js";const w='.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-wizzard-item{position:relative;display:block;width:100%;margin-bottom:1rem;background:var(--gov-wizzard-bg-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{position:relative;width:100%}.gov-wizzard-item__arrow{flex:0 0 auto;width:0.75rem;height:0.75rem}.gov-wizzard-item__title{margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;display:flex;gap:1rem;align-items:baseline}.gov-wizzard-item__prefix{display:flex;flex:0 0 auto;justify-content:center;align-items:center;border-radius:50%;text-align:center}.gov-wizzard-item__prefix .gov-icon{width:45%;height:45%}.gov-wizzard-item__prefix span[slot=prefix]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.gov-wizzard-item__name{display:flex;flex-direction:column}.gov-wizzard-item__label{display:flex;gap:0.5rem;align-items:center;font-weight:var(--gov-wizzard-title-font-weight, 400)}.gov-wizzard-item__annot{color:var(--gov-color-secondary)}.gov-wizzard-item__content>*:last-child{margin-bottom:0}.gov-wizzard-item[variant=primary] .gov-wizzard-item__header{color:var(--gov-wizzard-primary-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=primary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));color:var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__header{color:var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=secondary] .gov-wizzard-item__prefix{background:var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));color:var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700))}.gov-wizzard-item[variant=success] .gov-wizzard-item__header{color:var(--gov-wizzard-success-color, var(--gov-color-success-500))}.gov-wizzard-item[variant=success] .gov-wizzard-item__prefix{background:var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));color:var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=error] .gov-wizzard-item__header{color:var(--gov-wizzard-error-color, var(--gov-color-error-500))}.gov-wizzard-item[variant=error] .gov-wizzard-item__prefix{background:var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));color:var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__header{color:var(--gov-wizzard-warning-color, var(--gov-color-warning-500))}.gov-wizzard-item[variant=warning] .gov-wizzard-item__prefix{background:var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));color:var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white))}.gov-wizzard-item__header{gap:1rem;padding:1rem;border-radius:0;text-align:left;transition:150ms linear color}.gov-wizzard-item__header:focus{outline:none}.gov-wizzard-item__header: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-wizzard-item__prefix{position:absolute;left:1rem}.gov-wizzard-item__header[aria-expanded=true] .gov-wizzard-item__label .gov-icon{transform:scale(-1)}.gov-wizzard-item[size=xs] .gov-wizzard-item__title,.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__annot,.gov-wizzard-item[size=s] .gov-wizzard-item__annot,.gov-wizzard-item[size=m] .gov-wizzard-item__annot{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);width:var(--gov-wizzard-xs-indicator-size, 1.5rem);height:var(--gov-wizzard-xs-indicator-size, 1.5rem);top:var(--gov-wizzard-xs-top, 1rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-xs-header-padding, 1rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content,.gov-wizzard-item[size=s] .gov-wizzard-item__content,.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-content-padding, 0rem 1rem 1rem 1rem)}@media not all and (pointer: coarse){.gov-wizzard-item[variant=primary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=primary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-primary-hover-color, var(--gov-color-primary-900))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=secondary][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=secondary][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-secondary-hover-color, var(--gov-color-secondary-800))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=success][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=success][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-success-hover-color, var(--gov-color-success-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=error][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=error][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-error-hover-color, var(--gov-color-error-600))}}@media not all and (pointer: coarse){.gov-wizzard-item[variant=warning][collapsible=""] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible=true i] .gov-wizzard-item__header:hover,.gov-wizzard-item[variant=warning][collapsible="1"] .gov-wizzard-item__header:hover{color:var(--gov-wizzard-warning-hover-color, var(--gov-color-warning-600))}}button.gov-wizzard-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-content:flex-start;text-align:left}button.gov-wizzard-item__header:focus{outline:none}@media (min-width: 30em){.gov-wizzard-item[size=s] .gov-wizzard-item__title,.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-s-indicator-size, 2rem);height:var(--gov-wizzard-s-indicator-size, 2rem);top:var(--gov-wizzard-s-top, 0.8125rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__prefix+.gov-wizzard-item__header,.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-s-header-padding, 1rem 1rem 1rem 4rem)}}@media (min-width: 48em){.gov-wizzard-item[size=m] .gov-wizzard-item__title{font-weight:var(--gov-text-l-font-weight);font-size:var(--gov-text-l-font-size);line-height:var(--gov-text-l-line-height);letter-spacing:var(--gov-text-l-letter-spacing)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);width:var(--gov-wizzard-m-indicator-size, 2.5rem);height:var(--gov-wizzard-m-indicator-size, 2.5rem);top:var(--gov-wizzard-m-top, 0.5625rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__prefix+.gov-wizzard-item__header{padding:var(--gov-wizzard-m-header-padding, 1rem 1rem 1rem 4.5rem)}.gov-wizzard-item[size=xs] .gov-wizzard-item__content{padding:var(--gov-wizzard-xs-content-padding, 0rem 1rem 1rem 3.5rem)}.gov-wizzard-item[size=s] .gov-wizzard-item__content{padding:var(--gov-wizzard-s-content-padding, 0rem 1rem 1rem 4rem)}.gov-wizzard-item[size=m] .gov-wizzard-item__content{padding:var(--gov-wizzard-m-content-padding, 0rem 1rem 1rem 4.5rem)}}';var h;(function(i){i["DIV"]="div";i["BUTTON"]="button"})(h||(h={}));const p=i(class i extends e{constructor(){super();this.__registerHost();this.govChange=r(this,"gov-change",7);this.variant="primary";this.size="m";this.identifier=undefined;this.collapsible=false;this.annotation=undefined;this.label=undefined;this.disabled=false;this.isExpanded=false;this.labelTag="h3";this.h=d(this.host);this.triggerId=v("GovWizzardItem");this.contentId=v("GovWizzardContent")}validateLabel(i){if(!i){o(`[${z.root}]: Parameter label is required.`)}}validateTriggerTag(i){const e=["h1","h2","h3","h4","h5","h6","span"];if(i){if(!e.includes(i)){o(`[${z.root}]: Tag ${i} is not allowed.`)}}}validateVariant(i){n(s,i,z.root)}emmitChange(){this.govChange.emit({expanded:this.isExpanded,component:z.root})}componentWillLoad(){this.validateLabel(this.label);this.validateVariant(this.variant);this.validateTriggerTag(this.labelTag)}render(){const i=this.identifier||this.triggerId;const e=this.labelTag;const r=this.collapsible?h.BUTTON:h.DIV;const o=this.h.hasSlot("prefix")&&a("span",{class:z.prefix},a("slot",{name:"prefix"}));const n=a(e,{class:z.title},a("span",{class:z.name},a("span",{class:z.label},a("span",null,this.label),this.collapsible&&a("gov-icon",{class:z.arrow,name:"chevron-down"})),this.annotation&&a("span",{class:z.annot},this.annotation)));return a(t,{class:this.h.classes(z.root),"is-expanded":this.isExpanded,variant:this.variant,size:this.size,role:"listitem",collapsible:this.collapsible},this.collapsible?a(m,null,o,a(r,{id:i,class:z.header,"aria-expanded":g(this.isExpanded),"aria-controls":this.contentId,disabled:this.disabled,"aria-disabled":l(this.disabled),onClick:i=>{i.preventDefault();i.stopPropagation();this.collapsible?this.toggle():false}},n)):a(m,null,o,a("div",{class:z.header},n)),this.collapsible?a("div",{class:z.content,id:this.contentId,"aria-hidden":g(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":i},a("slot",null)):a("div",{class:z.content,"aria-hidden":g(!this.isExpanded),hidden:!this.isExpanded},a("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return this}static get watchers(){return{label:["validateLabel"],labelTag:["validateTriggerTag"],variant:["validateVariant"]}}static get style(){return w}},[4,"gov-wizzard-item",{variant:[1],size:[1],identifier:[1],collapsible:[4],annotation:[1],label:[1],disabled:[4],isExpanded:[1028,"is-expanded"],labelTag:[1,"label-tag"],open:[64],close:[64],toggle:[64],currentState:[64]}]);function _(){if(typeof customElements==="undefined"){return}const i=["gov-wizzard-item","gov-icon"];i.forEach((i=>{switch(i){case"gov-wizzard-item":if(!customElements.get(i)){customElements.define(i,p)}break;case"gov-icon":if(!customElements.get(i)){c()}break}}))}_();const f=p;const x=_;export{f as GovWizzardItem,x as defineCustomElement};
|
|
2
|
-
//# sourceMappingURL=gov-wizzard-item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["govWizzardItemCss","Tags","GovWizzardItem","proxyCustomElement","H","constructor","this","h","govHost","host","triggerId","createID","contentId","validateLabel","newValue","govErrorLog","WizzardItemClass","root","validateTriggerTag","validTags","includes","validateVariant","validateProp","WizardVariants","emmitChange","govChange","emit","expanded","isExpanded","component","componentWillLoad","label","variant","labelTag","render","identifier","LabelTag","Tag","collapsible","BUTTON","DIV","prefixSlot","hasSlot","class","prefix","name","title","arrow","annotation","annot","Host","classes","size","role","Fragment","id","header","booleanString","disabled","toBoolAttrIfDefined","onClick","e","preventDefault","stopPropagation","toggle","content","hidden","open","close","currentState"],"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.scss?tag=gov-wizzard-item","../../../packages/core/src/components/gov-wizzard/gov-wizzard-item.tsx"],"sourcesContent":["/*\n * Wizzard - Item\n */\n\n@import \"../gov-wizzard/gov-wizzard-item-core.scss\";\n$class: \".gov-wizzard-item\";\n\n#{$class} {\n\t@include wizzard-item-core;\n\tmargin-bottom: rem-calc(16);\n\tbackground: $wizzard-bg-color;\n\t&__header {\n\t\t@include focus-outline();\n\t\tgap: rem-calc(16);\n\t\tpadding: rem-calc(16);\n\t\tborder-radius: 0;\n\t\ttext-align: left;\n\t\ttransition: $t linear color;\n\t}\n\t&__prefix {\n\t\tposition: absolute;\n\t\tleft: rem-calc(16);\n\t}\n\n\t// STATES\n\t&__header[aria-expanded=\"true\"] {\n\t\t#{$class}__label {\n\t\t\t.gov-icon {\n\t\t\t\ttransform: scale(-1);\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIANTS\n\t&[size=\"#{$size-xs}\"],\n\t&[size=\"#{$size-s}\"],\n\t&[size=\"#{$size-m}\"] {\n\t\t#{$class} {\n\t\t\t&__title {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size\"));\n\t\t\t}\n\t\t\t&__annot {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-annot\"));\n\t\t\t}\n\t\t\t&__prefix {\n\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-xs, \"font-size-indicator\"));\n\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\theight: deep-map-get($wizzard-sizes, $size-xs, \"indicator-size\");\n\t\t\t\ttop: deep-map-get($wizzard-sizes, $size-xs, \"top\");\n\t\t\t\t+ #{$class}__header {\n\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-xs, \"header-padding\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: $wizzard-content-padding;\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $definitions in $wizzard-core-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"collapsible\") {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__header {\n\t\t\t\t\t\t@include hover() {\n\t\t\t\t\t\t\tcolor: get(\"hover-color\", $definitions);\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}\n\t}\n\n\t// HOVERS\n\t@at-root button#{&}__header {\n\t\t@include button-core();\n\t\tjustify-content: flex-start;\n\t\ttext-align: left;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&[size=\"#{$size-s}\"],\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-s, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-s, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizzard-sizes, $size-s, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-s, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&[size=\"#{$size-m}\"] {\n\t\t\t#{$class} {\n\t\t\t\t&__title {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size\"));\n\t\t\t\t}\n\t\t\t\t&__prefix {\n\t\t\t\t\t@include typography(deep-map-get($wizzard-sizes, $size-m, \"font-size-indicator\"));\n\t\t\t\t\twidth: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\theight: deep-map-get($wizzard-sizes, $size-m, \"indicator-size\");\n\t\t\t\t\ttop: deep-map-get($wizzard-sizes, $size-m, \"top\");\n\t\t\t\t\t+ #{$class}__header {\n\t\t\t\t\t\tpadding: deep-map-get($wizzard-sizes, $size-m, \"header-padding\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t@each $size, $definitions in $wizzard-sizes {\n\t\t\t&[size=\"#{$size}\"] {\n\t\t\t\t#{$class} {\n\t\t\t\t\t&__content {\n\t\t\t\t\t\tpadding: get(\"content-padding\", $definitions);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { govErrorLog } from \"../../helpers/Log/gov.log\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizesType, WizardVariants, WizardVariantsType, WizzardItemClass } from \"./constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport { booleanString, govHost, toBoolAttrIfDefined } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { WizzardItemEvent } from \"./gov-wizzard-item.types\"\nimport Fragment from \"../../helpers/Fragment\"\n\nenum Tags {\n\tDIV = \"div\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-wizzard-item\",\n\tstyleUrl: \"gov-wizzard-item.scss\",\n})\nexport class GovWizzardItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID(\"GovWizzardItem\")\n\t\tthis.contentId = createID(\"GovWizzardContent\")\n\t}\n\n\t@Element() readonly host: HTMLGovWizzardItemElement\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: WizardVariantsType = \"primary\"\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Custom wizzard item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Defines weather the wizzard item can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Item annotation of the wizzard\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Item label of the wizzard\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Makes the wizzard component disabled.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Defines whether the accordion is open or closed by default\n\t */\n\t@Prop({ attribute: \"is-expanded\", mutable: true }) isExpanded = false\n\t/**\n\t * Used to change the HTML tag in the accordion trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: \"label-tag\" }) readonly labelTag: string = \"h3\"\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<WizzardItemEvent>\n\n\t@Watch(\"label\")\n\tprivate validateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch(\"labelTag\")\n\tprivate validateTriggerTag(newValue: string): void {\n\t\tconst validTags = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"span\"]\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch(\"variant\")\n\tprivate validateVariant(newValue: string): void {\n\t\tvalidateProp(WizardVariants, newValue, WizzardItemClass.root)\n\t}\n\n\tprivate emmitChange(): void {\n\t\tthis.govChange.emit({ expanded: this.isExpanded, component: WizzardItemClass.root })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.labelTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst LabelTag = this.labelTag\n\t\tconst Tag = this.collapsible ? Tags.BUTTON : Tags.DIV\n\t\tconst prefixSlot = this.h.hasSlot(\"prefix\") && (<span class={WizzardItemClass.prefix}><slot name=\"prefix\" /></span>)\n\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t<span class={WizzardItemClass.name}>\n\t\t\t\t\t<span class={WizzardItemClass.label}>\n\t\t\t\t\t\t<span>{this.label}</span>\n\t\t\t\t\t\t{this.collapsible && <gov-icon class={WizzardItemClass.arrow} name=\"chevron-down\"></gov-icon>}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.annotation && <span class={WizzardItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t</span>\n\t\t\t</LabelTag>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardItemClass.root)} is-expanded={this.isExpanded} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\tthis.collapsible ? this.toggle() : false\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t</Fragment>\n\t\t\t\t) : (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{prefixSlot}\n\t\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={WizzardItemClass.content}\n\t\t\t\t\t\tid={this.contentId}\n\t\t\t\t\t\taria-hidden={booleanString(!this.isExpanded)}\n\t\t\t\t\t\thidden={!this.isExpanded}\n\t\t\t\t\t\taria-labelledby={triggerId}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.content} aria-hidden={booleanString(!this.isExpanded)} hidden={!this.isExpanded}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Opening the Wizzard\n\t */\n\t@Method()\n\tasync open(): Promise<void> {\n\t\tthis.isExpanded = true\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Closing the Wizzard\n\t */\n\t@Method()\n\tpublic async close(): Promise<void> {\n\t\tthis.isExpanded = false\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Wizzard switch\n\t */\n\t@Method()\n\tpublic async toggle(): Promise<void> {\n\t\tthis.isExpanded = !this.isExpanded\n\t\tthis.emmitChange()\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tpublic async currentState(): Promise<boolean> {\n\t\treturn this.isExpanded\n\t}\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{p as s,H as t,c as i,h as a,d as e}from"./p-80c0109d.js";import{v as o}from"./p-26acf964.js";import{W as n,a as r,b as c}from"./p-64ced668.js";import{g as d}from"./p-3f37ddb6.js";import{v as p}from"./p-0f5e2b0a.js";import{c as m}from"./p-34152b51.js";import{d as l}from"./p-03990da5.js";const f=".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-wizzard{position:relative;display:block;width:100%}.gov-wizzard>*:last-child{margin-bottom:0}";const g=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=i(this,"gov-change",7);this.size="m";this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.h=d(this.host)}validateSize(s){o(c,s,r.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(n.root).forEach((s=>{s.setAttribute("size",this.size)}))}async componentDidRender(){if(m()){await l(500);await this.validateWcag()}}render(){return a(e,{class:this.h.classes(r.root),role:"list",size:this.size},a("slot",null))}async validateWcag(){p(this.wcagLabel,this.wcagLabelledBy,r.root)}get host(){return this}static get watchers(){return{size:["validateSize"]}}static get style(){return f}},[4,"gov-wizzard",{size:[1],wcagLabel:[1,"wcag-label"],wcagLabelledBy:[1,"wcag-labelled-by"],validateWcag:[64]}]);function h(){if(typeof customElements==="undefined"){return}const s=["gov-wizzard"];s.forEach((s=>{switch(s){case"gov-wizzard":if(!customElements.get(s)){customElements.define(s,g)}break}}))}h();const u=g;const z=h;export{u as GovWizzard,z as defineCustomElement};
|
|
2
|
-
//# sourceMappingURL=gov-wizzard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["govWizzardCss","GovWizzard","proxyCustomElement","H","constructor","this","h","govHost","host","validateSize","newValue","validateProp","WizardSizes","WizzardClass","root","componentWillLoad","size","componentDidLoad","querySelectorAll","WizzardItemClass","forEach","child","setAttribute","componentDidRender","canValidateWcagOnRender","delay","validateWcag","render","Host","class","classes","role","validateWcagLabel","wcagLabel","wcagLabelledBy"],"sources":["../../../packages/core/src/components/gov-wizzard/gov-wizzard.scss?tag=gov-wizzard","../../../packages/core/src/components/gov-wizzard/gov-wizzard.tsx"],"sourcesContent":["/*\n * Wizzard\n */\n\n$class: \".gov-wizzard\";\n\n#{$class} {\n\t@include base();\n\t@include reset-last-margin();\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { WizardSizes, WizardSizesType, WizzardClass, WizzardItemClass } from \"./constants\"\nimport { GovWizzardItemChangeEvent } from \"./gov-wizzard-item.d\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateWcagLabel } from \"../../helpers/Validate/wcag\"\nimport { canValidateWcagOnRender } from \"../../helpers/Dom/win\"\nimport { delay } from \"../../utils/utils\"\n\n@Component({\n\ttag: \"gov-wizzard\",\n\tstyleUrl: \"gov-wizzard.scss\",\n})\nexport class GovWizzard {\n\tprivate h: GovHost\n\n\t@Element() readonly host: HTMLGovWizzardElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t/**\n\t * Size of wizzard\n\t */\n\t@Prop() readonly size?: WizardSizesType = \"m\"\n\t/**\n\t * Adds accessible label for the wizzard that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: \"wcag-labelled-by\" }) readonly wcagLabelledBy: string\n\t/**\n\t * Called when the wizzard children state changes\n\t */\n\t@Event({ eventName: \"gov-change\" }) govChange: EventEmitter<GovWizzardItemChangeEvent>\n\n\t@Watch(\"size\")\n\tprivate validateSize(newValue: string): void {\n\t\tvalidateProp(WizardSizes, newValue, WizzardClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(WizzardItemClass.root).forEach((child: HTMLGovWizzardItemElement) => {\n\t\t\tchild.setAttribute(\"size\", this.size)\n\t\t\t/*\n\t\t\tchild.addEventListener('gov-change', (e: GovWizzardItemCustomEvent<GovWizzardItemChangeEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit(e.detail)\n\t\t\t})\n\t\t\t*/\n\t\t})\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(WizzardClass.root)} role=\"list\" size={this.size}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tpublic async validateWcag(): Promise<void> {\n\t\tvalidateWcagLabel(this.wcagLabel, this.wcagLabelledBy, WizzardClass.root)\n\t}\n}\n"],"mappings":"sSAAA,MAAMA,EAAgB,2b,MCcTC,EAAUC,EAAA,MAAAD,UAAAE,EAKtB,WAAAC,G,8EAO0C,I,uDANzCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAqBf,YAAAC,CAAaC,GACpBC,EAAaC,EAAaF,EAAUG,EAAaC,K,CAGlD,iBAAAC,GACCV,KAAKI,aAAaJ,KAAKW,K,CAGxB,gBAAAC,GACCZ,KAAKG,KAAKU,iBAAiBC,EAAiBL,MAAMM,SAASC,IAC1DA,EAAMC,aAAa,OAAQjB,KAAKW,KAAK,G,CAUvC,wBAAMO,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNpB,KAAKqB,c,EAIb,MAAAC,GACC,OACCrB,EAACsB,EAAI,CAACC,MAAOxB,KAAKC,EAAEwB,QAAQjB,EAAaC,MAAOiB,KAAK,OAAOf,KAAMX,KAAKW,MACtEV,EAAA,a,CASI,kBAAMoB,GACZM,EAAkB3B,KAAK4B,UAAW5B,KAAK6B,eAAgBrB,EAAaC,K"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{g as e}from"./p-561fa17b.js";import{s as t}from"./p-24636c53.js";import{d as r}from"./p-34152b51.js";const n=(t,r,n)=>{if(t===undefined||String(t).length===0){e(`[${n}]: The (${r}) attribute is important for correct accessibility.`)}};const i=(n,i,s)=>{if(typeof n==="undefined"||n===undefined){return true}if(String(n).length===0){e(`[${s}]: Attribute (${i}) is defined with an empty value.`);return false}let a=[];const f=t(n);if(Array.isArray(f)){a=f.filter((function(e){return e.trim().length>0}))}return!!a.filter((e=>{if(r().getElementById(e)===null){return false}else{return true}})).length};const s=(t,n,i)=>{const s=r().querySelector(`[for=${t}]`);if(s===null){const t=r().getElementById(n);if(t===null){e(`[${i}]: The form element has no defined wcag-label or wcag-labelled-by attribute.`);return false}}return true};const a=(t,n,i)=>{if(typeof t==="string"&&t.length>0){return true}if(typeof n==="string"&&n.length>0){const e=r().getElementById(n);if(e){return true}}e(`[${i}]: The element has no defined wcag-label or wcag-labelled-by attribute.`);return false};export{n as a,i as b,s as c,a as v};
|
|
2
|
-
//# sourceMappingURL=p-0f5e2b0a.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as n}from"./p-03990da5.js";const o=typeof window!=="undefined";const t=t=>o&&window&&n(t,window);const s=()=>{const n={canValidateWcagOnRender:false,iconsPath:"./assets/icons",documentNode:document?document:null};const o=t("GOV_DS_CONFIG");if(o){return Object.assign(Object.assign({},n),o)}return n};const c=()=>s().canValidateWcagOnRender;const e=()=>s().iconsPath;const a=()=>s().documentNode;export{c,a as d,e as i};
|
|
2
|
-
//# sourceMappingURL=p-34152b51.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["isWindow","window","getWindowProperty","name","property","config","defaultConfig","canValidateWcagOnRender","iconsPath","documentNode","document","windowProperty","Object","assign"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"mappings":"oCAQO,MAAMA,SAAkBC,SAAW,YAE1C,MAAMC,EAAwBC,GAAyCH,GAAYC,QAAUG,EAASD,EAA6BF,QAEnI,MAAMI,EAAS,KACd,MAAMC,EAAyB,CAC9BC,wBAAyB,MACzBC,UAAW,iBACXC,aAAcC,SAAWA,SAAW,MAGrC,MAAMC,EAAiBT,EAA2B,iBAClD,GAAIS,EAAgB,CACnB,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GAAYP,GAAkBK,E,CAG/B,OAAOL,CAAa,E,MAGRC,EAA0B,IAA0CF,IAASE,wB,MAC7EC,EAAY,IAA4BH,IAASG,U,MACjDC,EAAe,IAA+BJ,IAASI,oB"}
|