@gov-design-system-ce/components 0.0.36 → 0.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{constants-245999e7.js → constants-ff12205f.js} +1 -1
- package/dist/cjs/constants-ff12205f.js.map +1 -0
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{form-62c6a8c6.js → form-f68d13c6.js} +2 -2
- package/dist/cjs/form-f68d13c6.js.map +1 -0
- package/dist/cjs/gov-accordion.cjs.entry.js +2 -2
- package/dist/cjs/gov-alert.cjs.entry.js +2 -2
- package/dist/cjs/gov-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-app.cjs.entry.js +1122 -663
- 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 +2 -2
- 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 +4 -4
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-card.cjs.entry.js +2 -2
- package/dist/cjs/gov-control-group.cjs.entry.js +42 -0
- package/dist/cjs/gov-control-group.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-dropdown.cjs.entry.js +129 -0
- package/dist/cjs/gov-dropdown.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-control.cjs.entry.js +35 -7
- package/dist/cjs/gov-form-control.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +4 -4
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-input.cjs.entry.js +6 -6
- package/dist/cjs/gov-form-input.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +4 -4
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-search.cjs.entry.js +5 -1
- package/dist/cjs/gov-form-search.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +20 -10
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +3 -3
- package/dist/cjs/gov-icon.cjs.entry.js +2 -2
- 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-tabs.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizzard-item.cjs.entry.js +13 -15
- package/dist/cjs/gov-wizzard-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-wizzard.cjs.entry.js +2 -2
- package/dist/cjs/index-29ac07f6.js +8 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{wcag-6efc0ab7.js → wcag-b0321f09.js} +2 -2
- package/dist/cjs/{wcag-6efc0ab7.js.map → wcag-b0321f09.js.map} +1 -1
- package/dist/cjs/{win-84bda0aa.js → win-53f637d4.js} +3 -2
- package/dist/cjs/win-53f637d4.js.map +1 -0
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/gov-accordion/gov-accordion-item.css +6 -0
- package/dist/collection/components/gov-accordion/gov-accordion.css +6 -0
- package/dist/collection/components/gov-alert/gov-alert.css +6 -0
- package/dist/collection/components/gov-alert/gov-alert.js.map +1 -1
- package/dist/collection/components/gov-app/gov-app.css +6 -0
- package/dist/collection/components/gov-app/gov-app.js +10 -8
- package/dist/collection/components/gov-app/gov-app.js.map +1 -1
- package/dist/collection/components/gov-attachments/gov-attachments-item.css +6 -0
- package/dist/collection/components/gov-attachments/gov-attachments.css +6 -0
- package/dist/collection/components/gov-backdrop/gov-backdrop.css +6 -0
- package/dist/collection/components/gov-badge/gov-badge.css +9 -3
- package/dist/collection/components/gov-badge/gov-badge.js +4 -4
- package/dist/collection/components/gov-badge/gov-badge.js.map +1 -1
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.css +6 -0
- package/dist/collection/components/gov-button/{constants.js → default/constants.js} +3 -3
- package/dist/collection/components/gov-button/default/constants.js.map +1 -0
- package/dist/collection/components/gov-button/{gov-button.css → default/gov-button.css} +6 -3
- package/dist/collection/components/gov-button/{gov-button.js → default/gov-button.js} +7 -7
- package/dist/collection/components/gov-button/default/gov-button.js.map +1 -0
- package/dist/collection/components/gov-button/default/gov-button.types.js.map +1 -0
- package/dist/collection/components/gov-button/dropdown/constants.js +10 -0
- package/dist/collection/components/gov-button/dropdown/constants.js.map +1 -0
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.css +263 -0
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +148 -0
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.js.map +1 -0
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js +2 -0
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.types.js.map +1 -0
- package/dist/collection/components/gov-card/gov-card.css +6 -0
- package/dist/collection/components/gov-container/gov-container.css +6 -0
- package/dist/collection/components/gov-control-group/constants.js +7 -0
- package/dist/collection/components/gov-control-group/constants.js.map +1 -0
- package/dist/collection/components/gov-control-group/gov-control-group.css +259 -0
- package/dist/collection/components/gov-control-group/gov-control-group.js +83 -0
- package/dist/collection/components/gov-control-group/gov-control-group.js.map +1 -0
- package/dist/collection/components/gov-cookiebar/gov-cookiebar.css +6 -0
- package/dist/collection/components/gov-empty/gov-empty.css +6 -0
- package/dist/collection/components/gov-error-code/gov-error-code.css +6 -0
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.css +6 -0
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.css +6 -0
- package/dist/collection/components/gov-form/control/gov-form-control.css +6 -0
- package/dist/collection/components/gov-form/control/gov-form-control.js +35 -10
- package/dist/collection/components/gov-form/control/gov-form-control.js.map +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.css +13 -0
- package/dist/collection/components/gov-form/group/gov-form-group.css +6 -0
- package/dist/collection/components/gov-form/input/constants.js +1 -1
- package/dist/collection/components/gov-form/input/constants.js.map +1 -1
- package/dist/collection/components/gov-form/input/gov-form-input.css +106 -50
- package/dist/collection/components/gov-form/input/gov-form-input.js +9 -9
- package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.css +6 -0
- package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.js.map +1 -1
- package/dist/collection/components/gov-form/message/gov-form-message.css +6 -0
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.css +106 -50
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.css +6 -0
- package/dist/collection/components/gov-form/radio/gov-form-radio.css +6 -0
- package/dist/collection/components/gov-form/search/constants.js +3 -0
- package/dist/collection/components/gov-form/search/constants.js.map +1 -1
- package/dist/collection/components/gov-form/search/gov-form-search.css +12 -1
- package/dist/collection/components/gov-form/search/gov-form-search.js +30 -0
- package/dist/collection/components/gov-form/search/gov-form-search.js.map +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.css +106 -50
- package/dist/collection/components/gov-form/select/gov-form-select.js +17 -5
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.css +6 -0
- package/dist/collection/components/gov-grid/gov-grid-item.css +6 -0
- package/dist/collection/components/gov-grid/gov-grid.css +6 -0
- package/dist/collection/components/gov-icon/gov-icon.css +6 -0
- package/dist/collection/components/gov-icon/list.js +10 -0
- package/dist/collection/components/gov-icon/list.js.map +1 -1
- package/dist/collection/components/gov-layout/gov-layout-column.css +6 -0
- package/dist/collection/components/gov-layout/gov-layout.css +6 -0
- package/dist/collection/components/gov-loading/loading/gov-loading.css +6 -0
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.css +6 -0
- package/dist/collection/components/gov-message/gov-message.css +6 -0
- package/dist/collection/components/gov-modal/gov-modal.css +6 -0
- package/dist/collection/components/gov-nav/gov-nav-item.css +6 -0
- package/dist/collection/components/gov-nav/gov-nav.css +6 -0
- package/dist/collection/components/gov-pagination/gov-pagination.css +6 -0
- package/dist/collection/components/gov-promp/gov-prompt.css +6 -0
- package/dist/collection/components/gov-side-nav/gov-side-nav-item.css +6 -0
- package/dist/collection/components/gov-side-nav/gov-side-nav.css +6 -0
- package/dist/collection/components/gov-spacer/gov-spacer.css +6 -0
- package/dist/collection/components/gov-statsbar/gov-statsbar-item.css +6 -0
- package/dist/collection/components/gov-statsbar/gov-statsbar.css +6 -0
- package/dist/collection/components/gov-stepper/gov-stepper-item.css +6 -0
- package/dist/collection/components/gov-stepper/gov-stepper.css +6 -0
- package/dist/collection/components/gov-tabs/gov-tabs-item.css +6 -0
- package/dist/collection/components/gov-tabs/gov-tabs.css +6 -0
- package/dist/collection/components/gov-tile/container/gov-tiles.css +6 -0
- package/dist/collection/components/gov-tile/gov-tile.css +6 -0
- package/dist/collection/components/gov-toast/gov-toast.css +6 -0
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.css +6 -0
- package/dist/collection/components/gov-tooltip/gov-tooltip.css +6 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.css +6 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.js +29 -36
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.js.map +1 -1
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js +2 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard-item.types.js.map +1 -0
- package/dist/collection/components/gov-wizzard/gov-wizzard.css +6 -0
- package/dist/collection/helpers/Dom/win.js +2 -1
- package/dist/collection/helpers/Dom/win.js.map +1 -1
- package/dist/collection/pages/Alert.js +1 -1
- package/dist/collection/pages/Alert.js.map +1 -1
- package/dist/collection/pages/Button.js +65 -0
- package/dist/collection/pages/Button.js.map +1 -1
- package/dist/collection/pages/ControlGroup.js +206 -0
- package/dist/collection/pages/ControlGroup.js.map +1 -0
- package/dist/collection/pages/Forms.js +369 -206
- package/dist/collection/pages/Forms.js.map +1 -1
- package/dist/collection/pages/Tooltip.js +24 -0
- package/dist/collection/pages/Tooltip.js.map +1 -1
- package/dist/components/constants3.js +1 -1
- package/dist/components/constants3.js.map +1 -1
- package/dist/components/form.js +8 -8
- package/dist/components/form.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -0
- package/dist/components/gov-accordion-item.js.map +1 -1
- package/dist/components/gov-accordion.js +1 -0
- package/dist/components/gov-accordion.js.map +1 -1
- package/dist/components/gov-alert.js +1 -0
- package/dist/components/gov-alert.js.map +1 -1
- package/dist/components/gov-app.js +1123 -663
- package/dist/components/gov-app.js.map +1 -1
- package/dist/components/gov-attachments-item2.js +1 -0
- package/dist/components/gov-attachments-item2.js.map +1 -1
- package/dist/components/gov-attachments2.js +1 -0
- package/dist/components/gov-attachments2.js.map +1 -1
- package/dist/components/gov-backdrop2.js +1 -0
- package/dist/components/gov-backdrop2.js.map +1 -1
- package/dist/components/gov-badge2.js +3 -2
- package/dist/components/gov-badge2.js.map +1 -1
- package/dist/components/gov-breadcrumbs.js +1 -0
- package/dist/components/gov-breadcrumbs.js.map +1 -1
- package/dist/components/gov-button2.js +3 -2
- package/dist/components/gov-button2.js.map +1 -1
- package/dist/components/gov-card.js +1 -0
- package/dist/components/gov-card.js.map +1 -1
- package/dist/components/gov-container.js +1 -0
- package/dist/components/gov-container.js.map +1 -1
- package/dist/components/gov-control-group.d.ts +11 -0
- package/dist/components/gov-control-group.js +58 -0
- package/dist/components/gov-control-group.js.map +1 -0
- package/dist/components/gov-cookiebar.js +1 -0
- package/dist/components/gov-cookiebar.js.map +1 -1
- package/dist/components/gov-dropdown.d.ts +11 -0
- package/dist/components/gov-dropdown.js +144 -0
- package/dist/components/gov-dropdown.js.map +1 -0
- package/dist/components/gov-empty.js +1 -0
- package/dist/components/gov-empty.js.map +1 -1
- package/dist/components/gov-error-code.js +1 -0
- package/dist/components/gov-error-code.js.map +1 -1
- package/dist/components/gov-form-autocomplete2.js +1 -0
- package/dist/components/gov-form-autocomplete2.js.map +1 -1
- package/dist/components/gov-form-checkbox.js +1 -0
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-control.js +36 -7
- package/dist/components/gov-form-control.js.map +1 -1
- package/dist/components/gov-form-file.js +2 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +1 -0
- package/dist/components/gov-form-group.js.map +1 -1
- package/dist/components/gov-form-input2.js +6 -5
- package/dist/components/gov-form-input2.js.map +1 -1
- package/dist/components/gov-form-label.js +2 -1
- package/dist/components/gov-form-label.js.map +1 -1
- package/dist/components/gov-form-message2.js +1 -0
- package/dist/components/gov-form-message2.js.map +1 -1
- package/dist/components/gov-form-multi-select.js +2 -1
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-password-power.js +1 -0
- package/dist/components/gov-form-password-power.js.map +1 -1
- package/dist/components/gov-form-radio.js +1 -0
- package/dist/components/gov-form-radio.js.map +1 -1
- package/dist/components/gov-form-search.js +9 -2
- package/dist/components/gov-form-search.js.map +1 -1
- package/dist/components/gov-form-select2.js +18 -7
- package/dist/components/gov-form-select2.js.map +1 -1
- package/dist/components/gov-form-switch.js +1 -0
- package/dist/components/gov-form-switch.js.map +1 -1
- package/dist/components/gov-grid-item.js +1 -0
- package/dist/components/gov-grid-item.js.map +1 -1
- package/dist/components/gov-grid.js +1 -0
- package/dist/components/gov-grid.js.map +1 -1
- package/dist/components/gov-icon2.js +2 -1
- package/dist/components/gov-icon2.js.map +1 -1
- package/dist/components/gov-layout-column.js +1 -0
- package/dist/components/gov-layout-column.js.map +1 -1
- package/dist/components/gov-layout.js +1 -0
- package/dist/components/gov-layout.js.map +1 -1
- package/dist/components/gov-loading.js +1 -0
- package/dist/components/gov-loading.js.map +1 -1
- package/dist/components/gov-message.js +1 -0
- package/dist/components/gov-message.js.map +1 -1
- package/dist/components/gov-modal.js +1 -0
- package/dist/components/gov-modal.js.map +1 -1
- package/dist/components/gov-nav-item.js +1 -0
- package/dist/components/gov-nav-item.js.map +1 -1
- package/dist/components/gov-nav.js +1 -0
- package/dist/components/gov-nav.js.map +1 -1
- package/dist/components/gov-pagination.js +1 -0
- package/dist/components/gov-pagination.js.map +1 -1
- package/dist/components/gov-prompt.js +1 -0
- package/dist/components/gov-prompt.js.map +1 -1
- package/dist/components/gov-side-nav-item.js +1 -0
- package/dist/components/gov-side-nav-item.js.map +1 -1
- package/dist/components/gov-side-nav.js +1 -0
- package/dist/components/gov-side-nav.js.map +1 -1
- package/dist/components/gov-skeleton.js +1 -0
- package/dist/components/gov-skeleton.js.map +1 -1
- package/dist/components/gov-spacer.js +1 -0
- package/dist/components/gov-spacer.js.map +1 -1
- package/dist/components/gov-statsbar-item.js +1 -0
- package/dist/components/gov-statsbar-item.js.map +1 -1
- package/dist/components/gov-statsbar.js +1 -0
- package/dist/components/gov-statsbar.js.map +1 -1
- package/dist/components/gov-stepper-item.js +1 -0
- package/dist/components/gov-stepper-item.js.map +1 -1
- package/dist/components/gov-stepper.js +1 -0
- package/dist/components/gov-stepper.js.map +1 -1
- package/dist/components/gov-tabs-item.js +1 -0
- package/dist/components/gov-tabs-item.js.map +1 -1
- package/dist/components/gov-tabs.js +1 -0
- package/dist/components/gov-tabs.js.map +1 -1
- package/dist/components/gov-tile.js +1 -0
- package/dist/components/gov-tile.js.map +1 -1
- package/dist/components/gov-tiles.js +1 -0
- package/dist/components/gov-tiles.js.map +1 -1
- package/dist/components/gov-toast.js +1 -0
- package/dist/components/gov-toast.js.map +1 -1
- package/dist/components/gov-tooltip-content.js +1 -0
- package/dist/components/gov-tooltip-content.js.map +1 -1
- package/dist/components/gov-tooltip.js +1 -0
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizzard-item.js +15 -17
- package/dist/components/gov-wizzard-item.js.map +1 -1
- package/dist/components/gov-wizzard.js +1 -0
- package/dist/components/gov-wizzard.js.map +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/win.js +2 -1
- package/dist/components/win.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-00c4dc0d.entry.js +2 -0
- package/dist/core/p-00c4dc0d.entry.js.map +1 -0
- package/dist/core/{p-6044a1e7.entry.js → p-02fb27e8.entry.js} +2 -2
- package/dist/core/p-0574a26a.entry.js +2 -0
- package/dist/core/{p-a423b62a.entry.js.map → p-0574a26a.entry.js.map} +1 -1
- package/dist/core/{p-a9c57f72.entry.js → p-070f9684.entry.js} +2 -2
- package/dist/core/p-0f5e2b0a.js +2 -0
- package/dist/core/{p-d14130ac.entry.js → p-14a475a8.entry.js} +2 -2
- package/dist/core/p-1c4ad772.entry.js +2 -0
- package/dist/core/p-1c4ad772.entry.js.map +1 -0
- package/dist/core/{p-3e1a1bd4.entry.js → p-22222994.entry.js} +2 -2
- package/dist/core/{p-54b17f4d.entry.js → p-2e2be66b.entry.js} +2 -2
- package/dist/core/p-2e94d2d3.entry.js +2 -0
- package/dist/core/p-2e94d2d3.entry.js.map +1 -0
- package/dist/core/p-2f0f56fc.entry.js +2 -0
- package/dist/core/p-2f0f56fc.entry.js.map +1 -0
- package/dist/core/p-304f2d62.entry.js +2 -0
- package/dist/core/p-304f2d62.entry.js.map +1 -0
- package/dist/core/p-34152b51.js +2 -0
- package/dist/core/p-34152b51.js.map +1 -0
- package/dist/core/p-34ed07f6.js +2 -0
- package/dist/core/p-34ed07f6.js.map +1 -0
- package/dist/core/{p-005bfb42.entry.js → p-3d7ea15c.entry.js} +2 -2
- package/dist/core/{p-cd869237.js → p-3dbf7f49.js} +2 -2
- package/dist/core/p-3dbf7f49.js.map +1 -0
- package/dist/core/{p-5e865538.entry.js → p-4c6d7b65.entry.js} +2 -2
- package/dist/core/{p-d37f03e0.entry.js → p-529363af.entry.js} +2 -2
- package/dist/core/p-58047fab.entry.js +2 -0
- package/dist/core/p-58047fab.entry.js.map +1 -0
- package/dist/core/p-60ff8457.entry.js +2 -0
- package/dist/core/{p-acfd00a2.entry.js.map → p-60ff8457.entry.js.map} +1 -1
- package/dist/core/{p-fe1ee53b.entry.js → p-63ef7826.entry.js} +2 -2
- package/dist/core/p-63ef7826.entry.js.map +1 -0
- package/dist/core/{p-42db4603.entry.js → p-65aa3b0c.entry.js} +2 -2
- package/dist/core/{p-75a4c838.entry.js → p-683fc65e.entry.js} +2 -2
- package/dist/core/{p-75a4c838.entry.js.map → p-683fc65e.entry.js.map} +1 -1
- package/dist/core/{p-5a2a9cde.entry.js → p-70a7e7f6.entry.js} +2 -2
- package/dist/core/{p-1025c6ac.entry.js → p-78f8ffb0.entry.js} +2 -2
- package/dist/core/{p-3da88ddb.entry.js → p-7cde4bc8.entry.js} +2 -2
- package/dist/core/{p-d1275fa8.entry.js → p-90330543.entry.js} +2 -2
- package/dist/core/p-90330543.entry.js.map +1 -0
- package/dist/core/{p-d9b4bc20.entry.js → p-9fbee429.entry.js} +2 -2
- package/dist/core/p-9fbee429.entry.js.map +1 -0
- package/dist/core/p-bfc5e0f7.entry.js +2 -0
- package/dist/core/p-bfc5e0f7.entry.js.map +1 -0
- package/dist/core/p-cdd12494.entry.js +2 -0
- package/dist/core/p-cdd12494.entry.js.map +1 -0
- package/dist/core/{p-41f07da7.entry.js → p-ce59c2ee.entry.js} +2 -2
- package/dist/core/{p-207ba616.entry.js → p-d9e28400.entry.js} +2 -2
- package/dist/core/{p-f7275b59.entry.js → p-ec63daab.entry.js} +2 -2
- package/dist/core/{p-c289af04.entry.js → p-ed1e9d01.entry.js} +2 -2
- package/dist/core/p-f5d42069.entry.js +2 -0
- package/dist/core/p-f5d42069.entry.js.map +1 -0
- package/dist/custom-elements/index.d.ts +12 -0
- package/dist/custom-elements/index.js +1 -1
- package/dist/custom-elements/index.js.map +1 -1
- package/dist/esm/{constants-45f6db4c.js → constants-5708696f.js} +2 -2
- package/dist/esm/constants-5708696f.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{form-613741a5.js → form-2d9f68d9.js} +2 -2
- package/dist/esm/form-2d9f68d9.js.map +1 -0
- package/dist/esm/gov-accordion.entry.js +2 -2
- package/dist/esm/gov-alert.entry.js +2 -2
- package/dist/esm/gov-alert.entry.js.map +1 -1
- package/dist/esm/gov-app.entry.js +1122 -663
- 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 +2 -2
- 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 +4 -4
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-card.entry.js +2 -2
- package/dist/esm/gov-control-group.entry.js +38 -0
- package/dist/esm/gov-control-group.entry.js.map +1 -0
- package/dist/esm/gov-dropdown.entry.js +125 -0
- package/dist/esm/gov-dropdown.entry.js.map +1 -0
- package/dist/esm/gov-form-checkbox.entry.js +3 -3
- package/dist/esm/gov-form-control.entry.js +35 -7
- package/dist/esm/gov-form-control.entry.js.map +1 -1
- package/dist/esm/gov-form-file.entry.js +4 -4
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-input.entry.js +6 -6
- package/dist/esm/gov-form-input.entry.js.map +1 -1
- package/dist/esm/gov-form-label.entry.js +1 -1
- package/dist/esm/gov-form-label.entry.js.map +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +4 -4
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +3 -3
- package/dist/esm/gov-form-search.entry.js +5 -1
- package/dist/esm/gov-form-search.entry.js.map +1 -1
- package/dist/esm/gov-form-select.entry.js +20 -10
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +3 -3
- package/dist/esm/gov-icon.entry.js +2 -2
- 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-tabs.entry.js +2 -2
- package/dist/esm/gov-wizzard-item.entry.js +13 -15
- package/dist/esm/gov-wizzard-item.entry.js.map +1 -1
- package/dist/esm/gov-wizzard.entry.js +2 -2
- package/dist/esm/index-b010bfb4.js +8 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{wcag-d588d144.js → wcag-afdfdddb.js} +2 -2
- package/dist/esm/{wcag-d588d144.js.map → wcag-afdfdddb.js.map} +1 -1
- package/dist/esm/{win-9c8460bb.js → win-7a1a8ac8.js} +3 -2
- package/dist/esm/win-7a1a8ac8.js.map +1 -0
- package/dist/hydrate/index.js +1316 -650
- package/dist/types/components/gov-alert/gov-alert.d.ts +1 -1
- package/dist/types/components/gov-app/gov-app.d.ts +9 -8
- package/dist/types/components/gov-badge/gov-badge.d.ts +1 -1
- package/dist/types/components/gov-button/{constants.d.ts → default/constants.d.ts} +3 -3
- package/dist/types/components/gov-button/{gov-button.d.ts → default/gov-button.d.ts} +1 -1
- package/dist/types/components/gov-button/{gov-button.types.d.ts → default/gov-button.types.d.ts} +1 -1
- package/dist/types/components/gov-button/dropdown/constants.d.ts +10 -0
- package/dist/types/components/gov-button/dropdown/gov-dropdown.d.ts +30 -0
- package/dist/types/components/gov-button/dropdown/gov-dropdown.types.d.ts +4 -0
- package/dist/types/components/gov-control-group/constants.d.ts +7 -0
- package/dist/types/components/gov-control-group/gov-control-group.d.ts +16 -0
- package/dist/types/components/gov-form/control/gov-form-control.d.ts +2 -1
- package/dist/types/components/gov-form/input/constants.d.ts +1 -1
- package/dist/types/components/gov-form/input/gov-form-input.d.ts +1 -2
- package/dist/types/components/gov-form/search/constants.d.ts +4 -0
- package/dist/types/components/gov-form/search/gov-form-search.d.ts +5 -0
- package/dist/types/components/gov-form/select/gov-form-select.d.ts +2 -0
- package/dist/types/components/gov-wizzard/gov-wizzard-item.d.ts +7 -8
- package/dist/types/components/gov-wizzard/gov-wizzard-item.types.d.ts +4 -0
- package/dist/types/components.d.ts +90 -7
- package/dist/types/helpers/Dom/win.d.ts +1 -0
- package/dist/types/pages/ControlGroup.d.ts +3 -0
- package/package.json +1 -1
- package/dist/cjs/constants-245999e7.js.map +0 -1
- package/dist/cjs/form-62c6a8c6.js.map +0 -1
- package/dist/cjs/win-84bda0aa.js.map +0 -1
- package/dist/collection/components/gov-button/constants.js.map +0 -1
- package/dist/collection/components/gov-button/gov-button.js.map +0 -1
- package/dist/collection/components/gov-button/gov-button.types.js.map +0 -1
- package/dist/core/p-0a300d3e.entry.js +0 -2
- package/dist/core/p-0a300d3e.entry.js.map +0 -1
- package/dist/core/p-35aadeeb.entry.js +0 -2
- package/dist/core/p-35aadeeb.entry.js.map +0 -1
- package/dist/core/p-670b4f93.js +0 -2
- package/dist/core/p-67982c3a.entry.js +0 -2
- package/dist/core/p-67982c3a.entry.js.map +0 -1
- package/dist/core/p-7e524b49.js +0 -2
- package/dist/core/p-7e524b49.js.map +0 -1
- package/dist/core/p-a423b62a.entry.js +0 -2
- package/dist/core/p-a825183a.entry.js +0 -2
- package/dist/core/p-a825183a.entry.js.map +0 -1
- package/dist/core/p-acfd00a2.entry.js +0 -2
- package/dist/core/p-bbc765ca.entry.js +0 -2
- package/dist/core/p-bbc765ca.entry.js.map +0 -1
- package/dist/core/p-c20102ff.js +0 -2
- package/dist/core/p-c20102ff.js.map +0 -1
- package/dist/core/p-cd869237.js.map +0 -1
- package/dist/core/p-d1275fa8.entry.js.map +0 -1
- package/dist/core/p-d9b4bc20.entry.js.map +0 -1
- package/dist/core/p-e4bb6114.entry.js +0 -2
- package/dist/core/p-e4bb6114.entry.js.map +0 -1
- package/dist/core/p-e6904513.entry.js +0 -2
- package/dist/core/p-e6904513.entry.js.map +0 -1
- package/dist/core/p-fe1ee53b.entry.js.map +0 -1
- package/dist/esm/constants-45f6db4c.js.map +0 -1
- package/dist/esm/form-613741a5.js.map +0 -1
- package/dist/esm/win-9c8460bb.js.map +0 -1
- /package/dist/collection/components/gov-button/{gov-button.types.js → default/gov-button.types.js} +0 -0
- /package/dist/core/{p-6044a1e7.entry.js.map → p-02fb27e8.entry.js.map} +0 -0
- /package/dist/core/{p-a9c57f72.entry.js.map → p-070f9684.entry.js.map} +0 -0
- /package/dist/core/{p-670b4f93.js.map → p-0f5e2b0a.js.map} +0 -0
- /package/dist/core/{p-d14130ac.entry.js.map → p-14a475a8.entry.js.map} +0 -0
- /package/dist/core/{p-3e1a1bd4.entry.js.map → p-22222994.entry.js.map} +0 -0
- /package/dist/core/{p-54b17f4d.entry.js.map → p-2e2be66b.entry.js.map} +0 -0
- /package/dist/core/{p-005bfb42.entry.js.map → p-3d7ea15c.entry.js.map} +0 -0
- /package/dist/core/{p-5e865538.entry.js.map → p-4c6d7b65.entry.js.map} +0 -0
- /package/dist/core/{p-d37f03e0.entry.js.map → p-529363af.entry.js.map} +0 -0
- /package/dist/core/{p-42db4603.entry.js.map → p-65aa3b0c.entry.js.map} +0 -0
- /package/dist/core/{p-5a2a9cde.entry.js.map → p-70a7e7f6.entry.js.map} +0 -0
- /package/dist/core/{p-1025c6ac.entry.js.map → p-78f8ffb0.entry.js.map} +0 -0
- /package/dist/core/{p-3da88ddb.entry.js.map → p-7cde4bc8.entry.js.map} +0 -0
- /package/dist/core/{p-41f07da7.entry.js.map → p-ce59c2ee.entry.js.map} +0 -0
- /package/dist/core/{p-207ba616.entry.js.map → p-d9e28400.entry.js.map} +0 -0
- /package/dist/core/{p-f7275b59.entry.js.map → p-ec63daab.entry.js.map} +0 -0
- /package/dist/core/{p-c289af04.entry.js.map → p-ed1e9d01.entry.js.map} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { h, Host } from
|
|
2
|
-
import { govErrorLog } from
|
|
3
|
-
import { validateProp } from
|
|
4
|
-
import {
|
|
5
|
-
import { createID } from
|
|
6
|
-
import { booleanString,
|
|
1
|
+
import { h, Host } from "@stencil/core";
|
|
2
|
+
import { govErrorLog } from "../../helpers/Log/gov.log";
|
|
3
|
+
import { validateProp } from "../../helpers/Validate/props";
|
|
4
|
+
import { WizardVariants, WizzardItemClass } from "./constants";
|
|
5
|
+
import { createID } from "../../utils/string.utils";
|
|
6
|
+
import { booleanString, govHost, toBoolAttrIfDefined } from "../../helpers/Dom/template";
|
|
7
7
|
var Tags;
|
|
8
8
|
(function (Tags) {
|
|
9
9
|
Tags["DIV"] = "div";
|
|
@@ -11,19 +11,18 @@ var Tags;
|
|
|
11
11
|
})(Tags || (Tags = {}));
|
|
12
12
|
export class GovWizzardItem {
|
|
13
13
|
constructor() {
|
|
14
|
-
this.variant =
|
|
15
|
-
this.size =
|
|
14
|
+
this.variant = "primary";
|
|
15
|
+
this.size = "m";
|
|
16
16
|
this.identifier = undefined;
|
|
17
17
|
this.collapsible = false;
|
|
18
18
|
this.annotation = undefined;
|
|
19
19
|
this.label = undefined;
|
|
20
20
|
this.disabled = false;
|
|
21
21
|
this.isExpanded = false;
|
|
22
|
-
this.labelTag =
|
|
23
|
-
this.isExpandedState = undefined;
|
|
22
|
+
this.labelTag = "h3";
|
|
24
23
|
this.h = govHost(this.host);
|
|
25
|
-
this.triggerId = createID(
|
|
26
|
-
this.contentId = createID(
|
|
24
|
+
this.triggerId = createID("GovWizzardItem");
|
|
25
|
+
this.contentId = createID("GovWizzardContent");
|
|
27
26
|
}
|
|
28
27
|
validateLabel(newValue) {
|
|
29
28
|
if (!newValue) {
|
|
@@ -31,7 +30,7 @@ export class GovWizzardItem {
|
|
|
31
30
|
}
|
|
32
31
|
}
|
|
33
32
|
validateTriggerTag(newValue) {
|
|
34
|
-
const validTags = [
|
|
33
|
+
const validTags = ["h1", "h2", "h3", "h4", "h5", "h6", "span"];
|
|
35
34
|
if (newValue) {
|
|
36
35
|
if (!validTags.includes(newValue)) {
|
|
37
36
|
govErrorLog(`[${WizzardItemClass.root}]: Tag ${newValue} is not allowed.`);
|
|
@@ -42,10 +41,9 @@ export class GovWizzardItem {
|
|
|
42
41
|
validateProp(WizardVariants, newValue, WizzardItemClass.root);
|
|
43
42
|
}
|
|
44
43
|
emmitChange() {
|
|
45
|
-
this.govChange.emit({
|
|
44
|
+
this.govChange.emit({ expanded: this.isExpanded, component: WizzardItemClass.root });
|
|
46
45
|
}
|
|
47
46
|
componentWillLoad() {
|
|
48
|
-
this.isExpandedState = this.isExpanded;
|
|
49
47
|
this.validateLabel(this.label);
|
|
50
48
|
this.validateVariant(this.variant);
|
|
51
49
|
this.validateTriggerTag(this.labelTag);
|
|
@@ -54,35 +52,35 @@ export class GovWizzardItem {
|
|
|
54
52
|
const triggerId = this.identifier || this.triggerId;
|
|
55
53
|
const LabelTag = this.labelTag;
|
|
56
54
|
const Tag = this.collapsible ? Tags.BUTTON : Tags.DIV;
|
|
57
|
-
const label = (h(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot(
|
|
58
|
-
return (h(Host, { class: this.h.classes(WizzardItemClass.root), variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (h(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.
|
|
55
|
+
const label = (h(LabelTag, { class: WizzardItemClass.title }, this.h.hasSlot("prefix") && (h("span", { class: WizzardItemClass.prefix }, h("slot", { name: "prefix" }))), h("span", { class: WizzardItemClass.name }, h("span", { class: WizzardItemClass.label }, h("span", null, this.label), this.collapsible && h("gov-icon", { class: WizzardItemClass.arrow, name: "chevron-down" })), this.annotation && h("span", { class: WizzardItemClass.annot }, this.annotation))));
|
|
56
|
+
return (h(Host, { class: this.h.classes(WizzardItemClass.root), "is-expanded": this.isExpanded, variant: this.variant, size: this.size, role: "listitem", collapsible: this.collapsible }, this.collapsible ? (h(Tag, { id: triggerId, class: WizzardItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": this.contentId, disabled: this.disabled, "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: () => (this.collapsible ? this.toggle() : false) }, label)) : (h("div", { class: WizzardItemClass.header }, label)), this.collapsible ? (h("div", { class: WizzardItemClass.content, id: this.contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, h("slot", null))) : (h("div", { class: WizzardItemClass.content, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded }, h("slot", null)))));
|
|
59
57
|
}
|
|
60
58
|
/**
|
|
61
59
|
* Opening the Wizzard
|
|
62
60
|
*/
|
|
63
61
|
async open() {
|
|
64
|
-
this.
|
|
62
|
+
this.isExpanded = true;
|
|
65
63
|
this.emmitChange();
|
|
66
64
|
}
|
|
67
65
|
/**
|
|
68
66
|
* Closing the Wizzard
|
|
69
67
|
*/
|
|
70
68
|
async close() {
|
|
71
|
-
this.
|
|
69
|
+
this.isExpanded = false;
|
|
72
70
|
this.emmitChange();
|
|
73
71
|
}
|
|
74
72
|
/**
|
|
75
73
|
* Wizzard switch
|
|
76
74
|
*/
|
|
77
75
|
async toggle() {
|
|
78
|
-
this.
|
|
76
|
+
this.isExpanded = !this.isExpanded;
|
|
79
77
|
this.emmitChange();
|
|
80
78
|
}
|
|
81
79
|
/**
|
|
82
80
|
* Returns the current state of the component
|
|
83
81
|
*/
|
|
84
82
|
async currentState() {
|
|
85
|
-
return this.
|
|
83
|
+
return this.isExpanded;
|
|
86
84
|
}
|
|
87
85
|
static get is() { return "gov-wizzard-item"; }
|
|
88
86
|
static get originalStyleUrls() {
|
|
@@ -118,7 +116,7 @@ export class GovWizzardItem {
|
|
|
118
116
|
},
|
|
119
117
|
"attribute": "variant",
|
|
120
118
|
"reflect": false,
|
|
121
|
-
"defaultValue": "
|
|
119
|
+
"defaultValue": "\"primary\""
|
|
122
120
|
},
|
|
123
121
|
"size": {
|
|
124
122
|
"type": "string",
|
|
@@ -141,7 +139,7 @@ export class GovWizzardItem {
|
|
|
141
139
|
},
|
|
142
140
|
"attribute": "size",
|
|
143
141
|
"reflect": false,
|
|
144
|
-
"defaultValue": "
|
|
142
|
+
"defaultValue": "\"m\""
|
|
145
143
|
},
|
|
146
144
|
"identifier": {
|
|
147
145
|
"type": "string",
|
|
@@ -172,7 +170,7 @@ export class GovWizzardItem {
|
|
|
172
170
|
"optional": false,
|
|
173
171
|
"docs": {
|
|
174
172
|
"tags": [],
|
|
175
|
-
"text": "Defines
|
|
173
|
+
"text": "Defines weather the wizzard item can be collapsible"
|
|
176
174
|
},
|
|
177
175
|
"attribute": "collapsible",
|
|
178
176
|
"reflect": false,
|
|
@@ -232,7 +230,7 @@ export class GovWizzardItem {
|
|
|
232
230
|
},
|
|
233
231
|
"isExpanded": {
|
|
234
232
|
"type": "boolean",
|
|
235
|
-
"mutable":
|
|
233
|
+
"mutable": true,
|
|
236
234
|
"complexType": {
|
|
237
235
|
"original": "boolean",
|
|
238
236
|
"resolved": "boolean",
|
|
@@ -260,19 +258,14 @@ export class GovWizzardItem {
|
|
|
260
258
|
"optional": false,
|
|
261
259
|
"docs": {
|
|
262
260
|
"tags": [],
|
|
263
|
-
"text": "Used to change the
|
|
261
|
+
"text": "Used to change the HTML tag in the accordion trigger for correct semantic structure"
|
|
264
262
|
},
|
|
265
263
|
"attribute": "label-tag",
|
|
266
264
|
"reflect": false,
|
|
267
|
-
"defaultValue": "
|
|
265
|
+
"defaultValue": "\"h3\""
|
|
268
266
|
}
|
|
269
267
|
};
|
|
270
268
|
}
|
|
271
|
-
static get states() {
|
|
272
|
-
return {
|
|
273
|
-
"isExpandedState": {}
|
|
274
|
-
};
|
|
275
|
-
}
|
|
276
269
|
static get events() {
|
|
277
270
|
return [{
|
|
278
271
|
"method": "govChange",
|
|
@@ -285,12 +278,12 @@ export class GovWizzardItem {
|
|
|
285
278
|
"text": "Called when the accordion state changes"
|
|
286
279
|
},
|
|
287
280
|
"complexType": {
|
|
288
|
-
"original": "
|
|
289
|
-
"resolved": "
|
|
281
|
+
"original": "WizzardItemEvent",
|
|
282
|
+
"resolved": "WizzardItemEvent",
|
|
290
283
|
"references": {
|
|
291
|
-
"
|
|
284
|
+
"WizzardItemEvent": {
|
|
292
285
|
"location": "import",
|
|
293
|
-
"path": "./gov-wizzard-item.
|
|
286
|
+
"path": "./gov-wizzard-item.types"
|
|
294
287
|
}
|
|
295
288
|
}
|
|
296
289
|
}
|
|
@@ -1 +1 @@
|
|
|
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, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { WizzardItemClass, WizardVariantsType, WizardSizesType, WizardVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { booleanString, toBoolAttrIfDefined, govHost } from '../../helpers/Dom/template'\nimport { GovWizzardItemChangeEvent } from './gov-wizzard-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\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 wether 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' }) readonly isExpanded: boolean = false\n\t/**\n\t * Used to change the HMTL 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<GovWizzardItemChangeEvent>\n\n\t@State() isExpandedState: boolean\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({ open: this.isExpandedState, element: this.host })\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.isExpandedState = this.isExpanded\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\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t{this.h.hasSlot('prefix') && (\n\t\t\t\t\t<span class={WizzardItemClass.prefix}>\n\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\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)} variant={this.variant} size={this.size} role=\"listitem\" collapsible={this.collapsible}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpandedState)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\tonClick={() => (this.collapsible ? this.toggle() : false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\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.isExpandedState)}\n\t\t\t\t\t\thidden={!this.isExpandedState}\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.isExpandedState)} hidden={!this.isExpandedState}>\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.isExpandedState = 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.isExpandedState = 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.isExpandedState = !this.isExpandedState\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.isExpandedState\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"gov-wizzard-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-wizzard/gov-wizzard-item.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,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAmB,cAAc,EAAsB,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAIxF,IAAK,IAGJ;AAHD,WAAK,IAAI;EACR,mBAAW,CAAA;EACX,yBAAiB,CAAA;AAClB,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAMD,MAAM,OAAO,cAAc;EAK1B;mBAUgD,SAAS;gBAIf,GAAG;;uBAQL,KAAK;;;oBAYR,KAAK;sBAIsB,KAAK;oBAIP,IAAI;IAzCjE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC3C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;GAC9C;EA6CO,aAAa,CAAC,QAAgB;IACrC,IAAI,CAAC,QAAQ,EAAE;MACd,WAAW,CAAC,IAAI,gBAAgB,CAAC,IAAI,iCAAiC,CAAC,CAAA;KACvE;EACF,CAAC;EAGO,kBAAkB,CAAC,QAAgB;IAC1C,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9D,IAAI,QAAQ,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAClC,WAAW,CAAC,IAAI,gBAAgB,CAAC,IAAI,UAAU,QAAQ,kBAAkB,CAAC,CAAA;OAC1E;KACD;EACF,CAAC;EAGO,eAAe,CAAC,QAAgB;IACvC,YAAY,CAAC,cAAc,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;EAC9D,CAAC;EAEO,WAAW;IAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAA;EACrF,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;EACvC,CAAC;EAED,MAAM;IACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;IACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;IAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA;IAErD,MAAM,KAAK,GAAG,CACb,EAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,CAAC,KAAK;MACrC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAC5B,YAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM;QACnC,YAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,CACP;MACD,YAAM,KAAK,EAAE,gBAAgB,CAAC,IAAI;QACjC,YAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK;UAClC,gBAAO,IAAI,CAAC,KAAK,CAAQ;UACxB,IAAI,CAAC,WAAW,IAAI,gBAAU,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAC,cAAc,GAAY,CACvF;QAEN,IAAI,CAAC,UAAU,IAAI,YAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAG,IAAI,CAAC,UAAU,CAAQ,CAC3E,CACG,CACX,CAAA;IAED,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,iBAAe,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,UAAU,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW;MACrK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,EAAC,GAAG,IACH,EAAE,EAAE,SAAS,EACb,KAAK,EAAE,gBAAgB,CAAC,MAAM,mBACf,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,mBAC9B,IAAI,CAAC,SAAS,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,mBACR,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAExD,KAAK,CACD,CACN,CAAC,CAAC,CAAC,CACH,WAAK,KAAK,EAAE,gBAAgB,CAAC,MAAM,IAAG,KAAK,CAAO,CAClD;MACA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,WACC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,EAAE,EAAE,IAAI,CAAC,SAAS,iBACL,aAAa,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAC5C,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,qBACP,SAAS;QAE1B,eAAQ,CACH,CACN,CAAC,CAAC,CAAC,CACH,WAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,iBAAe,aAAa,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU;QAC3G,eAAQ,CACH,CACN,CACK,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,IAAI;IACT,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,KAAK;IACjB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;IACvB,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,MAAM;IAClB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAA;IAClC,IAAI,CAAC,WAAW,EAAE,CAAA;EACnB,CAAC;EAED;;KAEG;EAEI,KAAK,CAAC,YAAY;IACxB,OAAO,IAAI,CAAC,UAAU,CAAA;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","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\"\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\n\t\tconst label = (\n\t\t\t<LabelTag class={WizzardItemClass.title}>\n\t\t\t\t{this.h.hasSlot(\"prefix\") && (\n\t\t\t\t\t<span class={WizzardItemClass.prefix}>\n\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\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<Tag\n\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\tclass={WizzardItemClass.header}\n\t\t\t\t\t\taria-expanded={booleanString(this.isExpanded)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\tonClick={() => (this.collapsible ? this.toggle() : false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Tag>\n\t\t\t\t) : (\n\t\t\t\t\t<div class={WizzardItemClass.header}>{label}</div>\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"]}
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|