@gov-design-system-ce/components 4.1.3-BETA-9 → 4.2.0
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-02aec493.js → constants-7f713d6c.js} +2 -2
- package/dist/cjs/{constants-02aec493.js.map → constants-7f713d6c.js.map} +1 -1
- package/dist/cjs/{constants-4dfa23e3.js → constants-c7447ffd.js} +3 -1
- package/dist/cjs/constants-c7447ffd.js.map +1 -0
- package/dist/cjs/{constants-52053f2d.js → constants-c84c60d6.js} +3 -1
- package/dist/cjs/constants-c84c60d6.js.map +1 -0
- package/dist/cjs/core.cjs.js +2 -2
- package/dist/cjs/gov-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/gov-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +3 -3
- package/dist/cjs/gov-attachments_3.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-backdrop.cjs.entry.js +1 -1
- package/dist/cjs/gov-banner.cjs.entry.js +79 -0
- package/dist/cjs/gov-banner.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-blockquote.cjs.entry.js +33 -0
- package/dist/cjs/gov-blockquote.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-breadcrumbs.cjs.entry.js +2 -2
- package/dist/cjs/gov-button.cjs.entry.js +6 -5
- 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-chip.cjs.entry.js +5 -4
- package/dist/cjs/gov-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-container.cjs.entry.js +2 -2
- package/dist/cjs/gov-control-group.cjs.entry.js +2 -2
- package/dist/cjs/gov-cookiebar.cjs.entry.js +2 -2
- package/dist/cjs/gov-dialog.cjs.entry.js +2 -2
- package/dist/cjs/gov-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/gov-empty.cjs.entry.js +2 -2
- package/dist/cjs/gov-error-code.cjs.entry.js +2 -2
- package/dist/cjs/gov-flex_3.cjs.entry.js +7 -26
- package/dist/cjs/gov-flex_3.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +4 -3
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox-group.cjs.entry.js +4 -4
- package/dist/cjs/gov-form-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +3 -2
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-control.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-file.cjs.entry.js +4 -3
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-input_2.cjs.entry.js +11 -9
- package/dist/cjs/gov-form-input_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +5 -4
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-password-power.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-radio-group.cjs.entry.js +4 -4
- package/dist/cjs/gov-form-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +3 -2
- package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-search.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-select.cjs.entry.js +5 -4
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +3 -2
- package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-grid-item.cjs.entry.js +14 -8
- package/dist/cjs/gov-grid-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-grid.cjs.entry.js +8 -6
- package/dist/cjs/gov-grid.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-infobar.cjs.entry.js +5 -4
- package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-layout-column.cjs.entry.js +2 -2
- package/dist/cjs/gov-layout.cjs.entry.js +2 -2
- package/dist/cjs/gov-lifecycle.cjs.entry.js +2 -2
- package/dist/cjs/gov-link.cjs.entry.js +3 -2
- package/dist/cjs/gov-link.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js +2 -2
- package/dist/cjs/gov-message.cjs.entry.js +2 -2
- package/dist/cjs/gov-message.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-pagination.cjs.entry.js +3 -2
- package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-spacer.cjs.entry.js +2 -2
- package/dist/cjs/gov-stepper-item.cjs.entry.js +3 -3
- package/dist/cjs/gov-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-stepper.cjs.entry.js +3 -3
- package/dist/cjs/gov-tabs-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-tabs.cjs.entry.js +4 -3
- package/dist/cjs/gov-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tag.cjs.entry.js +2 -2
- package/dist/cjs/gov-tile.cjs.entry.js +2 -2
- package/dist/cjs/gov-toast.cjs.entry.js +4 -3
- package/dist/cjs/gov-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tooltip-content.cjs.entry.js +2 -2
- package/dist/cjs/gov-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/gov-wizard-item.cjs.entry.js +3 -3
- package/dist/cjs/gov-wizard.cjs.entry.js +2 -2
- package/dist/cjs/{index-67e87c27.js → index-0e4f24f9.js} +9 -19
- package/dist/cjs/index-0e4f24f9.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/gov-attachments/gov-attachments-item.css +3 -4
- package/dist/collection/components/gov-banner/constants.js +26 -0
- package/dist/collection/components/gov-banner/constants.js.map +1 -0
- package/dist/collection/components/gov-banner/gov-banner.js +202 -0
- package/dist/collection/components/gov-banner/gov-banner.js.map +1 -0
- package/dist/collection/components/gov-blocquote/constants.js +10 -0
- package/dist/collection/components/gov-blocquote/constants.js.map +1 -0
- package/dist/collection/components/gov-blocquote/gov-blockquote.js +61 -0
- package/dist/collection/components/gov-blocquote/gov-blockquote.js.map +1 -0
- package/dist/collection/components/gov-breadcrumbs/gov-breadcrumbs.js +1 -1
- package/dist/collection/components/gov-button/button/gov-button.js +5 -4
- package/dist/collection/components/gov-button/button/gov-button.js.map +1 -1
- package/dist/collection/components/gov-button/dropdown/gov-dropdown.js +1 -1
- package/dist/collection/components/gov-card/gov-card.js +1 -1
- package/dist/collection/components/gov-chip/gov-chip.js +4 -3
- package/dist/collection/components/gov-chip/gov-chip.js.map +1 -1
- package/dist/collection/components/gov-container/gov-container.js +1 -1
- package/dist/collection/components/gov-control-group/gov-control-group.js +1 -1
- package/dist/collection/components/gov-cookiebar/gov-cookiebar.js +1 -1
- package/dist/collection/components/gov-dialog/gov-dialog.js +1 -1
- package/dist/collection/components/gov-dialog/gov-dialog.js.map +1 -1
- package/dist/collection/components/gov-empty/gov-empty.js +1 -1
- package/dist/collection/components/gov-error-code/gov-error-code.js +1 -1
- package/dist/collection/components/gov-flex/gov-flex.js +22 -3
- package/dist/collection/components/gov-flex/gov-flex.js.map +1 -1
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js +3 -2
- package/dist/collection/components/gov-form/autocomplete/gov-form-autocomplete.js.map +1 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js +2 -1
- package/dist/collection/components/gov-form/checkbox/gov-form-checkbox.js.map +1 -1
- package/dist/collection/components/gov-form/control/gov-form-control.js +1 -1
- package/dist/collection/components/gov-form/file/gov-form-file.js +3 -2
- package/dist/collection/components/gov-form/file/gov-form-file.js.map +1 -1
- package/dist/collection/components/gov-form/group/constants.js +1 -1
- package/dist/collection/components/gov-form/group/constants.js.map +1 -1
- package/dist/collection/components/gov-form/group/gov-form-checkbox-group.js +2 -2
- package/dist/collection/components/gov-form/group/gov-form-group.css +4 -4
- package/dist/collection/components/gov-form/group/gov-form-group.js +2 -2
- package/dist/collection/components/gov-form/group/gov-form-radio-group.js +2 -2
- package/dist/collection/components/gov-form/input/gov-form-input.js +7 -6
- package/dist/collection/components/gov-form/input/gov-form-input.js.map +1 -1
- package/dist/collection/components/gov-form/label/gov-form-label.js +1 -1
- package/dist/collection/components/gov-form/message/gov-form-message.js +1 -1
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js +4 -3
- package/dist/collection/components/gov-form/multiselect/gov-form-multi-select.js.map +1 -1
- package/dist/collection/components/gov-form/password-power/gov-form-password-power.js +1 -1
- package/dist/collection/components/gov-form/radio/gov-form-radio.js +2 -1
- package/dist/collection/components/gov-form/radio/gov-form-radio.js.map +1 -1
- package/dist/collection/components/gov-form/search/gov-form-search.js +1 -1
- package/dist/collection/components/gov-form/select/gov-form-select.js +4 -3
- package/dist/collection/components/gov-form/select/gov-form-select.js.map +1 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.js +2 -1
- package/dist/collection/components/gov-form/switch/gov-form-switch.js.map +1 -1
- package/dist/collection/components/gov-grid/constants.js +2 -0
- package/dist/collection/components/gov-grid/constants.js.map +1 -1
- package/dist/collection/components/gov-grid/gov-grid-item.js +111 -20
- package/dist/collection/components/gov-grid/gov-grid-item.js.map +1 -1
- package/dist/collection/components/gov-grid/gov-grid.js +56 -14
- package/dist/collection/components/gov-grid/gov-grid.js.map +1 -1
- package/dist/collection/components/gov-icon/gov-icon.js +0 -17
- package/dist/collection/components/gov-icon/gov-icon.js.map +1 -1
- package/dist/collection/components/gov-infobar/gov-infobar.js +4 -3
- package/dist/collection/components/gov-infobar/gov-infobar.js.map +1 -1
- package/dist/collection/components/gov-layout/gov-layout-column.js +1 -1
- package/dist/collection/components/gov-layout/gov-layout.js +1 -1
- package/dist/collection/components/gov-lifecycle-tester/gov-lifecycle-tester.js +1 -1
- package/dist/collection/components/gov-link/constants.js +1 -0
- package/dist/collection/components/gov-link/constants.js.map +1 -1
- package/dist/collection/components/gov-link/gov-link.js +1 -1
- package/dist/collection/components/gov-link/gov-link.js.map +1 -1
- package/dist/collection/components/gov-loading/loading/gov-loading.js +1 -1
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js +3 -2
- package/dist/collection/components/gov-loading/skeleton/gov-skeleton.js.map +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-pagination/gov-pagination.js +2 -1
- package/dist/collection/components/gov-pagination/gov-pagination.js.map +1 -1
- package/dist/collection/components/gov-spacer/gov-spacer.js +1 -1
- package/dist/collection/components/gov-stepper/constants.js +2 -0
- package/dist/collection/components/gov-stepper/constants.js.map +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper-item.js +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper-item.js.map +1 -1
- package/dist/collection/components/gov-stepper/gov-stepper.js +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs-item.js +1 -1
- package/dist/collection/components/gov-tabs/gov-tabs.js +3 -2
- package/dist/collection/components/gov-tabs/gov-tabs.js.map +1 -1
- package/dist/collection/components/gov-tag/gov-tag.js +1 -1
- package/dist/collection/components/gov-theme-switch/constants.js +1 -0
- package/dist/collection/components/gov-theme-switch/constants.js.map +1 -1
- package/dist/collection/components/gov-theme-switch/gov-theme-switch.js +1 -1
- package/dist/collection/components/gov-theme-switch/gov-theme-switch.js.map +1 -1
- package/dist/collection/components/gov-tile/gov-tile.js +1 -1
- package/dist/collection/components/gov-toast/gov-toast.js +3 -2
- package/dist/collection/components/gov-toast/gov-toast.js.map +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip-content.js +1 -1
- package/dist/collection/components/gov-tooltip/gov-tooltip.js +2 -2
- package/dist/collection/components/gov-wizard/gov-wizard-item.js +2 -2
- package/dist/collection/components/gov-wizard/gov-wizard.js +1 -1
- package/dist/collection/pages/Banner.js +268 -0
- package/dist/collection/pages/Banner.js.map +1 -0
- package/dist/collection/pages/Blockquote.js +25 -0
- package/dist/collection/pages/Blockquote.js.map +1 -0
- package/dist/collection/pages/Breadcrumbs.js +2 -2
- package/dist/collection/pages/Breadcrumbs.js.map +1 -1
- package/dist/collection/pages/Card.js +2 -2
- package/dist/collection/pages/Card.js.map +1 -1
- package/dist/collection/pages/Flex.js +1 -1
- package/dist/collection/pages/Flex.js.map +1 -1
- package/dist/collection/pages/Grid.js +61 -40
- package/dist/collection/pages/Grid.js.map +1 -1
- package/dist/collection/pages/Home.js +57 -0
- package/dist/collection/pages/Home.js.map +1 -1
- package/dist/collection/pages/Infobar.js +36 -56
- package/dist/collection/pages/Infobar.js.map +1 -1
- package/dist/collection/pages/Layout.js +10 -10
- package/dist/collection/pages/Layout.js.map +1 -1
- package/dist/collection/pages/Tag.js +14 -0
- package/dist/collection/pages/Tag.js.map +1 -1
- package/dist/collection/pages/Tiles.js +8 -235
- package/dist/collection/pages/Tiles.js.map +1 -1
- package/dist/collection/pages/Typography.js +110 -51
- package/dist/collection/pages/Typography.js.map +1 -1
- package/dist/collection/utils/icon.utils.js +1 -8
- package/dist/collection/utils/icon.utils.js.map +1 -1
- package/dist/components/gov-accordion-item.js +1 -1
- package/dist/components/gov-accordion.js +1 -1
- package/dist/components/gov-attachments-item.js +1 -1
- package/dist/components/gov-attachments.js +1 -1
- package/dist/components/gov-backdrop.js +1 -1
- package/dist/components/{gov-tiles.d.ts → gov-banner.d.ts} +4 -4
- package/dist/components/gov-banner.js +2 -0
- package/dist/components/gov-banner.js.map +1 -0
- package/dist/components/gov-blockquote.d.ts +11 -0
- package/dist/components/gov-blockquote.js +2 -0
- package/dist/components/gov-blockquote.js.map +1 -0
- package/dist/components/gov-breadcrumbs.js +1 -1
- package/dist/components/gov-breadcrumbs.js.map +1 -1
- package/dist/components/gov-button.js +1 -1
- package/dist/components/gov-card.js +1 -1
- package/dist/components/gov-chip.js +1 -1
- package/dist/components/gov-container.js +1 -1
- package/dist/components/gov-control-group.js +1 -1
- package/dist/components/gov-cookiebar.js +1 -1
- package/dist/components/gov-dialog.js +1 -1
- package/dist/components/gov-dialog.js.map +1 -1
- package/dist/components/gov-dropdown.js +1 -1
- package/dist/components/gov-dropdown.js.map +1 -1
- package/dist/components/gov-empty.js +1 -1
- package/dist/components/gov-error-code.js +1 -1
- package/dist/components/gov-flex.js +1 -1
- package/dist/components/gov-flex.js.map +1 -1
- package/dist/components/gov-form-autocomplete.js +1 -1
- package/dist/components/gov-form-checkbox-group.js +1 -1
- package/dist/components/gov-form-checkbox-group.js.map +1 -1
- package/dist/components/gov-form-checkbox.js +1 -1
- package/dist/components/gov-form-checkbox.js.map +1 -1
- package/dist/components/gov-form-control.js +1 -1
- package/dist/components/gov-form-file.js +1 -1
- package/dist/components/gov-form-file.js.map +1 -1
- package/dist/components/gov-form-group.js +1 -1
- package/dist/components/gov-form-input.js +1 -1
- package/dist/components/gov-form-label.js +1 -1
- package/dist/components/gov-form-message.js +1 -1
- package/dist/components/gov-form-multi-select.js +1 -1
- package/dist/components/gov-form-multi-select.js.map +1 -1
- package/dist/components/gov-form-password-power.js +1 -1
- package/dist/components/gov-form-radio-group.js +1 -1
- package/dist/components/gov-form-radio-group.js.map +1 -1
- package/dist/components/gov-form-radio.js +1 -1
- package/dist/components/gov-form-radio.js.map +1 -1
- package/dist/components/gov-form-search.js +1 -1
- package/dist/components/gov-form-select.js +1 -1
- package/dist/components/gov-form-switch.js +1 -1
- package/dist/components/gov-form-switch.js.map +1 -1
- package/dist/components/gov-grid-item.js +1 -1
- package/dist/components/gov-grid-item.js.map +1 -1
- package/dist/components/gov-grid.js +1 -1
- package/dist/components/gov-grid.js.map +1 -1
- package/dist/components/gov-icon.js +1 -1
- package/dist/components/gov-infobar.js +1 -1
- package/dist/components/gov-infobar.js.map +1 -1
- package/dist/components/gov-layout-column.js +1 -1
- package/dist/components/gov-layout.js +1 -1
- package/dist/components/gov-lifecycle.js +1 -1
- package/dist/components/gov-link.js +1 -1
- package/dist/components/gov-link.js.map +1 -1
- package/dist/components/gov-loading.js +1 -1
- package/dist/components/gov-loading.js.map +1 -1
- package/dist/components/gov-message.js +1 -1
- package/dist/components/gov-message.js.map +1 -1
- package/dist/components/gov-pagination.js +1 -1
- package/dist/components/gov-pagination.js.map +1 -1
- package/dist/components/gov-skeleton.js +1 -1
- package/dist/components/gov-spacer.js +1 -1
- package/dist/components/gov-stepper-item.js +1 -1
- package/dist/components/gov-stepper-item.js.map +1 -1
- package/dist/components/gov-stepper.js +1 -1
- package/dist/components/gov-tabs-item.js +1 -1
- package/dist/components/gov-tabs.js +1 -1
- package/dist/components/gov-tabs.js.map +1 -1
- package/dist/components/gov-tag.js +1 -1
- package/dist/components/gov-theme-switch.js +1 -1
- package/dist/components/gov-theme-switch.js.map +1 -1
- package/dist/components/gov-tile.js +1 -1
- package/dist/components/gov-toast.js +1 -1
- package/dist/components/gov-toast.js.map +1 -1
- package/dist/components/gov-tooltip-content.js +1 -1
- package/dist/components/gov-tooltip.js +1 -1
- package/dist/components/gov-tooltip.js.map +1 -1
- package/dist/components/gov-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-0327a469.js +2 -0
- package/dist/components/p-0327a469.js.map +1 -0
- package/dist/components/p-2ca5423c.js +2 -0
- package/dist/components/p-2ca5423c.js.map +1 -0
- package/dist/components/p-2fc08a71.js +2 -0
- package/dist/components/p-2fc08a71.js.map +1 -0
- package/dist/components/p-3c90521b.js +2 -0
- package/dist/components/p-3c90521b.js.map +1 -0
- package/dist/components/p-3fead64a.js +2 -0
- package/dist/components/p-3fead64a.js.map +1 -0
- package/dist/components/p-42200001.js +3 -0
- package/dist/components/p-42200001.js.map +1 -0
- package/dist/components/p-4fba9df0.js +2 -0
- package/dist/components/p-4fba9df0.js.map +1 -0
- package/dist/components/p-69a31c96.js +2 -0
- package/dist/components/p-69a31c96.js.map +1 -0
- package/dist/components/{p-03ad4e0f.js → p-73938936.js} +2 -2
- package/dist/components/{p-384c7f2a.js → p-7be2301a.js} +2 -2
- package/dist/components/p-b533871a.js +2 -0
- package/dist/components/p-b533871a.js.map +1 -0
- package/dist/components/p-b5dc6bae.js +2 -0
- package/dist/components/p-b5dc6bae.js.map +1 -0
- package/dist/components/p-ea128b8b.js +2 -0
- package/dist/components/p-ea128b8b.js.map +1 -0
- package/dist/components/p-f9a1ff6e.js +2 -0
- package/dist/components/{p-e44a0fee.js → p-fc2afe61.js} +2 -2
- package/dist/components/{p-e44a0fee.js.map → p-fc2afe61.js.map} +1 -1
- package/dist/core/core.css +2711 -1506
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-005214d1.entry.js +2 -0
- package/dist/core/p-0ef1f684.entry.js +2 -0
- package/dist/core/p-0ef1f684.entry.js.map +1 -0
- package/dist/core/p-0fc9ea97.entry.js +2 -0
- package/dist/core/p-0fc9ea97.entry.js.map +1 -0
- package/dist/core/p-132c9a87.entry.js +2 -0
- package/dist/core/p-132c9a87.entry.js.map +1 -0
- package/dist/core/p-16d3a79a.entry.js +2 -0
- package/dist/core/{p-967a1094.entry.js.map → p-16d3a79a.entry.js.map} +1 -1
- package/dist/core/p-16f44a0b.entry.js +2 -0
- package/dist/core/p-16f44a0b.entry.js.map +1 -0
- package/dist/core/p-1c7c9144.entry.js +2 -0
- package/dist/core/p-1cf1dd10.entry.js +2 -0
- package/dist/core/{p-f7f60f91.entry.js.map → p-1cf1dd10.entry.js.map} +1 -1
- package/dist/core/p-23b4dcd3.entry.js +2 -0
- package/dist/core/{p-45b759f4.entry.js.map → p-23b4dcd3.entry.js.map} +1 -1
- package/dist/core/p-2536a8ff.entry.js +2 -0
- package/dist/core/p-2536a8ff.entry.js.map +1 -0
- package/dist/core/p-28d1bc01.entry.js +2 -0
- package/dist/core/p-28d1bc01.entry.js.map +1 -0
- package/dist/core/p-2ca5423c.js +2 -0
- package/dist/core/p-2ca5423c.js.map +1 -0
- package/dist/core/p-3acaa012.entry.js +2 -0
- package/dist/core/{p-1aa7450e.entry.js.map → p-3acaa012.entry.js.map} +1 -1
- package/dist/core/p-3d7fb8f8.entry.js +2 -0
- package/dist/core/p-3d7fb8f8.entry.js.map +1 -0
- package/dist/core/{p-927c31dd.entry.js → p-46ecf09e.entry.js} +2 -2
- package/dist/core/p-49cd4d0d.entry.js +2 -0
- package/dist/core/{p-ee55932a.entry.js.map → p-49cd4d0d.entry.js.map} +1 -1
- package/dist/core/p-5108eb37.entry.js +2 -0
- package/dist/core/{p-237a5b91.entry.js.map → p-5108eb37.entry.js.map} +1 -1
- package/dist/core/{p-0f0f7302.entry.js → p-52042c7e.entry.js} +2 -2
- package/dist/core/p-52103c05.entry.js +2 -0
- package/dist/core/p-52103c05.entry.js.map +1 -0
- package/dist/core/{p-c0800e6d.entry.js → p-5242b51b.entry.js} +2 -2
- package/dist/core/p-564555e6.entry.js +2 -0
- package/dist/core/p-59fe6cbc.entry.js +2 -0
- package/dist/core/p-59fe6cbc.entry.js.map +1 -0
- package/dist/core/p-650fe9e8.entry.js +2 -0
- package/dist/core/{p-ed02945f.entry.js.map → p-650fe9e8.entry.js.map} +1 -1
- package/dist/core/p-6e41cf69.entry.js +2 -0
- package/dist/core/{p-77daba72.entry.js → p-6f1ea21d.entry.js} +2 -2
- package/dist/core/p-7399ad59.entry.js +2 -0
- package/dist/core/p-7399ad59.entry.js.map +1 -0
- package/dist/core/{p-7dfb7e36.entry.js → p-79ec86da.entry.js} +2 -2
- package/dist/core/p-80bebb7f.entry.js +2 -0
- package/dist/core/p-80bebb7f.entry.js.map +1 -0
- package/dist/core/p-8cbe8add.entry.js +2 -0
- package/dist/core/p-8f73f8e0.entry.js +2 -0
- package/dist/core/p-94119ad4.entry.js +2 -0
- package/dist/core/p-94119ad4.entry.js.map +1 -0
- package/dist/core/p-952ab9e5.entry.js +2 -0
- package/dist/core/{p-14d66f26.entry.js.map → p-952ab9e5.entry.js.map} +1 -1
- package/dist/core/{p-7baee44f.entry.js → p-99f192c1.entry.js} +2 -2
- package/dist/core/p-9ae280b2.entry.js +2 -0
- package/dist/core/p-9ae280b2.entry.js.map +1 -0
- package/dist/core/p-9c1601b3.entry.js +2 -0
- package/dist/core/p-9c1601b3.entry.js.map +1 -0
- package/dist/core/p-9dea2efa.js +3 -0
- package/dist/core/p-9dea2efa.js.map +1 -0
- package/dist/core/p-a02f2547.entry.js +2 -0
- package/dist/core/p-ab11081d.entry.js +2 -0
- package/dist/core/p-ab11081d.entry.js.map +1 -0
- package/dist/core/p-ab868410.entry.js +2 -0
- package/dist/core/{p-f2bb8c29.entry.js.map → p-ab868410.entry.js.map} +1 -1
- package/dist/core/{p-a6a9de9a.entry.js → p-ae88fe6b.entry.js} +2 -2
- package/dist/core/p-c07f6bb4.entry.js +2 -0
- package/dist/core/p-c07f6bb4.entry.js.map +1 -0
- package/dist/core/{p-063b70a2.entry.js → p-c2abc031.entry.js} +2 -2
- package/dist/core/p-c688349d.entry.js +2 -0
- package/dist/core/p-c6fdc0a9.entry.js +2 -0
- package/dist/core/p-c6fdc0a9.entry.js.map +1 -0
- package/dist/core/p-c91512dd.entry.js +2 -0
- package/dist/core/p-cf9d5c2f.entry.js +2 -0
- package/dist/core/p-cf9d5c2f.entry.js.map +1 -0
- package/dist/core/p-d1270d72.entry.js +2 -0
- package/dist/core/{p-8cc5ad01.entry.js.map → p-d1270d72.entry.js.map} +1 -1
- package/dist/core/p-d141e9ca.entry.js +2 -0
- package/dist/core/p-d141e9ca.entry.js.map +1 -0
- package/dist/core/p-de852480.entry.js +2 -0
- package/dist/core/p-e89471ef.entry.js +2 -0
- package/dist/core/p-ea128b8b.js +2 -0
- package/dist/core/p-ea128b8b.js.map +1 -0
- package/dist/core/p-eb8a9705.entry.js +2 -0
- package/dist/core/p-eb8a9705.entry.js.map +1 -0
- package/dist/core/p-ee950038.entry.js +2 -0
- package/dist/core/p-ee950038.entry.js.map +1 -0
- package/dist/core/p-f0e001c7.entry.js +2 -0
- package/dist/core/{p-269071f5.entry.js.map → p-f0e001c7.entry.js.map} +1 -1
- package/dist/core/{p-3849ca02.entry.js → p-f120ba66.entry.js} +2 -2
- package/dist/core/p-f120ba66.entry.js.map +1 -0
- package/dist/core/p-f333c673.entry.js +2 -0
- package/dist/core/p-f7e47c0a.entry.js +2 -0
- package/dist/core/p-f7e47c0a.entry.js.map +1 -0
- package/dist/core/p-f98f19f6.entry.js +2 -0
- package/dist/core/{p-906865d0.entry.js.map → p-f98f19f6.entry.js.map} +1 -1
- package/dist/core/{p-e44a0fee.js → p-fc2afe61.js} +2 -2
- package/dist/core/{p-e44a0fee.js.map → p-fc2afe61.js.map} +1 -1
- package/dist/esm/{constants-4da2b3c0.js → constants-1548499a.js} +2 -2
- package/dist/esm/{constants-4da2b3c0.js.map → constants-1548499a.js.map} +1 -1
- package/dist/esm/{constants-372455eb.js → constants-7b1ce2ec.js} +3 -1
- package/dist/esm/constants-7b1ce2ec.js.map +1 -0
- package/dist/esm/{constants-2d5a0e18.js → constants-dc2115cb.js} +3 -1
- package/dist/esm/constants-dc2115cb.js.map +1 -0
- package/dist/esm/core.js +3 -3
- package/dist/esm/gov-accordion-item.entry.js +1 -1
- package/dist/esm/gov-accordion.entry.js +1 -1
- package/dist/esm/gov-attachments_3.entry.js +3 -3
- package/dist/esm/gov-attachments_3.entry.js.map +1 -1
- package/dist/esm/gov-backdrop.entry.js +1 -1
- package/dist/esm/gov-banner.entry.js +75 -0
- package/dist/esm/gov-banner.entry.js.map +1 -0
- package/dist/esm/gov-blockquote.entry.js +29 -0
- package/dist/esm/gov-blockquote.entry.js.map +1 -0
- package/dist/esm/gov-breadcrumbs.entry.js +2 -2
- package/dist/esm/gov-button.entry.js +6 -5
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-card.entry.js +2 -2
- package/dist/esm/gov-chip.entry.js +5 -4
- package/dist/esm/gov-chip.entry.js.map +1 -1
- package/dist/esm/gov-container.entry.js +2 -2
- package/dist/esm/gov-control-group.entry.js +2 -2
- package/dist/esm/gov-cookiebar.entry.js +2 -2
- package/dist/esm/gov-dialog.entry.js +2 -2
- package/dist/esm/gov-dialog.entry.js.map +1 -1
- package/dist/esm/gov-dropdown.entry.js +2 -2
- package/dist/esm/gov-empty.entry.js +2 -2
- package/dist/esm/gov-error-code.entry.js +2 -2
- package/dist/esm/gov-flex_3.entry.js +7 -26
- package/dist/esm/gov-flex_3.entry.js.map +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +4 -3
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox-group.entry.js +4 -4
- package/dist/esm/gov-form-checkbox-group.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +3 -2
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-control.entry.js +2 -2
- package/dist/esm/gov-form-file.entry.js +4 -3
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +3 -3
- package/dist/esm/gov-form-input_2.entry.js +11 -9
- package/dist/esm/gov-form-input_2.entry.js.map +1 -1
- package/dist/esm/gov-form-label.entry.js +2 -2
- package/dist/esm/gov-form-multi-select.entry.js +5 -4
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-password-power.entry.js +2 -2
- package/dist/esm/gov-form-radio-group.entry.js +4 -4
- package/dist/esm/gov-form-radio-group.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +3 -2
- package/dist/esm/gov-form-radio.entry.js.map +1 -1
- package/dist/esm/gov-form-search.entry.js +2 -2
- package/dist/esm/gov-form-select.entry.js +5 -4
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +3 -2
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-grid-item.entry.js +14 -8
- package/dist/esm/gov-grid-item.entry.js.map +1 -1
- package/dist/esm/gov-grid.entry.js +8 -6
- package/dist/esm/gov-grid.entry.js.map +1 -1
- package/dist/esm/gov-infobar.entry.js +5 -4
- package/dist/esm/gov-infobar.entry.js.map +1 -1
- package/dist/esm/gov-layout-column.entry.js +2 -2
- package/dist/esm/gov-layout.entry.js +2 -2
- package/dist/esm/gov-lifecycle.entry.js +2 -2
- package/dist/esm/gov-link.entry.js +3 -2
- package/dist/esm/gov-link.entry.js.map +1 -1
- package/dist/esm/gov-loading.entry.js +2 -2
- package/dist/esm/gov-message.entry.js +2 -2
- package/dist/esm/gov-message.entry.js.map +1 -1
- package/dist/esm/gov-pagination.entry.js +3 -2
- package/dist/esm/gov-pagination.entry.js.map +1 -1
- package/dist/esm/gov-spacer.entry.js +2 -2
- package/dist/esm/gov-stepper-item.entry.js +3 -3
- package/dist/esm/gov-stepper-item.entry.js.map +1 -1
- package/dist/esm/gov-stepper.entry.js +3 -3
- package/dist/esm/gov-tabs-item.entry.js +2 -2
- package/dist/esm/gov-tabs.entry.js +4 -3
- package/dist/esm/gov-tabs.entry.js.map +1 -1
- package/dist/esm/gov-tag.entry.js +2 -2
- package/dist/esm/gov-tile.entry.js +2 -2
- package/dist/esm/gov-toast.entry.js +4 -3
- package/dist/esm/gov-toast.entry.js.map +1 -1
- package/dist/esm/gov-tooltip-content.entry.js +2 -2
- package/dist/esm/gov-tooltip.entry.js +3 -3
- package/dist/esm/gov-wizard-item.entry.js +3 -3
- package/dist/esm/gov-wizard.entry.js +2 -2
- package/dist/esm/{index-087b155c.js → index-bf8a6f64.js} +10 -18
- package/dist/esm/index-bf8a6f64.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/hydrate/index.js +247 -161
- package/dist/hydrate/index.mjs +247 -161
- package/dist/stencil.config.js +2 -1
- package/dist/stencil.config.js.map +1 -1
- package/dist/types/components/gov-banner/constants.d.ts +26 -0
- package/dist/types/components/gov-banner/gov-banner.d.ts +38 -0
- package/dist/types/components/gov-blocquote/constants.d.ts +10 -0
- package/dist/types/components/gov-blocquote/gov-blockquote.d.ts +15 -0
- package/dist/types/components/gov-button/button/constants.d.ts +1 -1
- package/dist/types/components/gov-control-group/constants.d.ts +1 -1
- package/dist/types/components/gov-flex/gov-flex.d.ts +5 -1
- package/dist/types/components/gov-form/group/constants.d.ts +1 -1
- package/dist/types/components/gov-grid/constants.d.ts +4 -0
- package/dist/types/components/gov-grid/gov-grid-item.d.ts +25 -5
- package/dist/types/components/gov-grid/gov-grid.d.ts +11 -2
- package/dist/types/components/gov-icon/constants.d.ts +1 -1
- package/dist/types/components/gov-icon/gov-icon.d.ts +0 -1
- package/dist/types/components/gov-infobar/constants.d.ts +1 -1
- package/dist/types/components/gov-link/constants.d.ts +1 -0
- package/dist/types/components/gov-stepper/constants.d.ts +2 -0
- package/dist/types/components/gov-theme-switch/constants.d.ts +1 -0
- package/dist/types/components.d.ts +179 -36
- package/dist/types/pages/Banner.d.ts +3 -0
- package/dist/types/pages/Blockquote.d.ts +3 -0
- package/package.json +3 -3
- package/dist/cjs/constants-4dfa23e3.js.map +0 -1
- package/dist/cjs/constants-52053f2d.js.map +0 -1
- package/dist/cjs/gov-tiles.cjs.entry.js +0 -26
- package/dist/cjs/gov-tiles.cjs.entry.js.map +0 -1
- package/dist/cjs/index-67e87c27.js.map +0 -1
- package/dist/collection/components/gov-tile/container/constants.js +0 -4
- package/dist/collection/components/gov-tile/container/constants.js.map +0 -1
- package/dist/collection/components/gov-tile/container/gov-tiles.js +0 -37
- package/dist/collection/components/gov-tile/container/gov-tiles.js.map +0 -1
- package/dist/components/gov-tiles.js +0 -2
- package/dist/components/gov-tiles.js.map +0 -1
- package/dist/components/p-115b9cf3.js +0 -3
- package/dist/components/p-115b9cf3.js.map +0 -1
- package/dist/components/p-350e060c.js +0 -2
- package/dist/components/p-350e060c.js.map +0 -1
- package/dist/components/p-792c5352.js +0 -2
- package/dist/components/p-792c5352.js.map +0 -1
- package/dist/components/p-880743a5.js +0 -2
- package/dist/components/p-880743a5.js.map +0 -1
- package/dist/components/p-8e8a3300.js +0 -2
- package/dist/components/p-8e8a3300.js.map +0 -1
- package/dist/components/p-8ee6f2f3.js +0 -2
- package/dist/components/p-92406c6d.js +0 -2
- package/dist/components/p-92406c6d.js.map +0 -1
- package/dist/components/p-939638b2.js +0 -2
- package/dist/components/p-939638b2.js.map +0 -1
- package/dist/components/p-95bd5f39.js +0 -2
- package/dist/components/p-95bd5f39.js.map +0 -1
- package/dist/components/p-a521c59a.js +0 -2
- package/dist/components/p-a521c59a.js.map +0 -1
- package/dist/components/p-ba61e648.js +0 -2
- package/dist/components/p-ba61e648.js.map +0 -1
- package/dist/components/p-bfce6f99.js +0 -2
- package/dist/components/p-bfce6f99.js.map +0 -1
- package/dist/components/p-f9161803.js +0 -2
- package/dist/components/p-f9161803.js.map +0 -1
- package/dist/core/p-017ff5a5.entry.js +0 -2
- package/dist/core/p-017ff5a5.entry.js.map +0 -1
- package/dist/core/p-032accfb.entry.js +0 -2
- package/dist/core/p-032accfb.entry.js.map +0 -1
- package/dist/core/p-054aa25e.entry.js +0 -2
- package/dist/core/p-054aa25e.entry.js.map +0 -1
- package/dist/core/p-058e6fe2.entry.js +0 -2
- package/dist/core/p-058e6fe2.entry.js.map +0 -1
- package/dist/core/p-0724cb6a.entry.js +0 -2
- package/dist/core/p-0724cb6a.entry.js.map +0 -1
- package/dist/core/p-09c9eba6.entry.js +0 -2
- package/dist/core/p-09c9eba6.entry.js.map +0 -1
- package/dist/core/p-0c076b21.entry.js +0 -2
- package/dist/core/p-10f773c2.entry.js +0 -2
- package/dist/core/p-10f773c2.entry.js.map +0 -1
- package/dist/core/p-14d66f26.entry.js +0 -2
- package/dist/core/p-1aa7450e.entry.js +0 -2
- package/dist/core/p-237a5b91.entry.js +0 -2
- package/dist/core/p-269071f5.entry.js +0 -2
- package/dist/core/p-2ee042d4.js +0 -3
- package/dist/core/p-2ee042d4.js.map +0 -1
- package/dist/core/p-33310735.entry.js +0 -2
- package/dist/core/p-33310735.entry.js.map +0 -1
- package/dist/core/p-347d15d5.entry.js +0 -2
- package/dist/core/p-37473c34.entry.js +0 -2
- package/dist/core/p-3849ca02.entry.js.map +0 -1
- package/dist/core/p-3a7381e7.entry.js +0 -2
- package/dist/core/p-43d3dbc0.entry.js +0 -2
- package/dist/core/p-45b759f4.entry.js +0 -2
- package/dist/core/p-4c60e125.entry.js +0 -2
- package/dist/core/p-4e29744a.entry.js +0 -2
- package/dist/core/p-4e29744a.entry.js.map +0 -1
- package/dist/core/p-4fa0320d.entry.js +0 -2
- package/dist/core/p-50af9ae8.entry.js +0 -2
- package/dist/core/p-5c3f4cfe.entry.js +0 -2
- package/dist/core/p-5c3f4cfe.entry.js.map +0 -1
- package/dist/core/p-6b7c3a96.entry.js +0 -2
- package/dist/core/p-6b7c3a96.entry.js.map +0 -1
- package/dist/core/p-71f5d4ff.entry.js +0 -2
- package/dist/core/p-7a21fb90.entry.js +0 -2
- package/dist/core/p-7a21fb90.entry.js.map +0 -1
- package/dist/core/p-880743a5.js +0 -2
- package/dist/core/p-880743a5.js.map +0 -1
- package/dist/core/p-8bb6c816.entry.js +0 -2
- package/dist/core/p-8bb6c816.entry.js.map +0 -1
- package/dist/core/p-8cc5ad01.entry.js +0 -2
- package/dist/core/p-906865d0.entry.js +0 -2
- package/dist/core/p-967a1094.entry.js +0 -2
- package/dist/core/p-9846fd13.entry.js +0 -2
- package/dist/core/p-9846fd13.entry.js.map +0 -1
- package/dist/core/p-994385ca.entry.js +0 -2
- package/dist/core/p-994385ca.entry.js.map +0 -1
- package/dist/core/p-9f8d69a9.entry.js +0 -2
- package/dist/core/p-a521c59a.js +0 -2
- package/dist/core/p-a521c59a.js.map +0 -1
- package/dist/core/p-b62e49ee.entry.js +0 -2
- package/dist/core/p-cecbe73f.entry.js +0 -2
- package/dist/core/p-cecbe73f.entry.js.map +0 -1
- package/dist/core/p-d795a421.entry.js +0 -2
- package/dist/core/p-d795a421.entry.js.map +0 -1
- package/dist/core/p-d9b42773.entry.js +0 -2
- package/dist/core/p-d9b42773.entry.js.map +0 -1
- package/dist/core/p-e0a199ff.entry.js +0 -2
- package/dist/core/p-e0a199ff.entry.js.map +0 -1
- package/dist/core/p-e215f3ee.entry.js +0 -2
- package/dist/core/p-ed02945f.entry.js +0 -2
- package/dist/core/p-ee55932a.entry.js +0 -2
- package/dist/core/p-f2bb8c29.entry.js +0 -2
- package/dist/core/p-f54edd6c.entry.js +0 -2
- package/dist/core/p-f54edd6c.entry.js.map +0 -1
- package/dist/core/p-f7f60f91.entry.js +0 -2
- package/dist/core/p-fcac8531.entry.js +0 -2
- package/dist/core/p-fcac8531.entry.js.map +0 -1
- package/dist/esm/constants-2d5a0e18.js.map +0 -1
- package/dist/esm/constants-372455eb.js.map +0 -1
- package/dist/esm/gov-tiles.entry.js +0 -22
- package/dist/esm/gov-tiles.entry.js.map +0 -1
- package/dist/esm/index-087b155c.js.map +0 -1
- package/dist/types/components/gov-tile/container/constants.d.ts +0 -3
- package/dist/types/components/gov-tile/container/gov-tiles.d.ts +0 -10
- /package/dist/components/{p-03ad4e0f.js.map → p-73938936.js.map} +0 -0
- /package/dist/components/{p-384c7f2a.js.map → p-7be2301a.js.map} +0 -0
- /package/dist/components/{p-8ee6f2f3.js.map → p-f9a1ff6e.js.map} +0 -0
- /package/dist/core/{p-37473c34.entry.js.map → p-005214d1.entry.js.map} +0 -0
- /package/dist/core/{p-43d3dbc0.entry.js.map → p-1c7c9144.entry.js.map} +0 -0
- /package/dist/core/{p-927c31dd.entry.js.map → p-46ecf09e.entry.js.map} +0 -0
- /package/dist/core/{p-0f0f7302.entry.js.map → p-52042c7e.entry.js.map} +0 -0
- /package/dist/core/{p-c0800e6d.entry.js.map → p-5242b51b.entry.js.map} +0 -0
- /package/dist/core/{p-9f8d69a9.entry.js.map → p-564555e6.entry.js.map} +0 -0
- /package/dist/core/{p-0c076b21.entry.js.map → p-6e41cf69.entry.js.map} +0 -0
- /package/dist/core/{p-77daba72.entry.js.map → p-6f1ea21d.entry.js.map} +0 -0
- /package/dist/core/{p-7dfb7e36.entry.js.map → p-79ec86da.entry.js.map} +0 -0
- /package/dist/core/{p-3a7381e7.entry.js.map → p-8cbe8add.entry.js.map} +0 -0
- /package/dist/core/{p-4fa0320d.entry.js.map → p-8f73f8e0.entry.js.map} +0 -0
- /package/dist/core/{p-7baee44f.entry.js.map → p-99f192c1.entry.js.map} +0 -0
- /package/dist/core/{p-e215f3ee.entry.js.map → p-a02f2547.entry.js.map} +0 -0
- /package/dist/core/{p-a6a9de9a.entry.js.map → p-ae88fe6b.entry.js.map} +0 -0
- /package/dist/core/{p-063b70a2.entry.js.map → p-c2abc031.entry.js.map} +0 -0
- /package/dist/core/{p-b62e49ee.entry.js.map → p-c688349d.entry.js.map} +0 -0
- /package/dist/core/{p-50af9ae8.entry.js.map → p-c91512dd.entry.js.map} +0 -0
- /package/dist/core/{p-71f5d4ff.entry.js.map → p-de852480.entry.js.map} +0 -0
- /package/dist/core/{p-4c60e125.entry.js.map → p-e89471ef.entry.js.map} +0 -0
- /package/dist/core/{p-347d15d5.entry.js.map → p-f333c673.entry.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["toBool","value","indexOf","Tags","GovButton","constructor","hostRef","this","hydrated","h","govHost","host","validateColor","newValue","validateProp","ButtonColors","ButtonClass","root","validateType","ButtonType","validateSize","Sizes","validateNativeType","NativeType","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","removeAttribute","inheritedAttributes","Object","assign","disconnectedCallback","_a","stopObserving","componentWillLoad","color","type","size","nativeType","inheritAriaAttributes","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Tag","href","A","BUTTON","undefined","Host","key","class","classes","ref","el","triggerRef","onClick","onClickHandler","bind","onFocus","onFocusHandler","onBlur","onBlurHandler","disabled","id","identifier","target","download","hreflang","rel","name","tabindex","toBoolAttrIfDefined","loading","hasSlot","e","stopPropagation","govClick","emit","component","originalEvent","govFocus","govBlur","setFocus","focus","getRef","focusable","validateAccessibleLabel","getAttribute"],"sources":["../../../packages/core/src/utils/bool.utils.ts","../../../packages/core/src/components/gov-button/button/gov-button.tsx"],"sourcesContent":["export function toBool(value: any): boolean {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0\n\t} else if (typeof value === 'boolean') {\n\t\treturn value\n\t} else {\n\t\treturn value ? true : false\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {\n\tButtonClass,\n\tButtonColors,\n\tButtonColorType,\n\tButtonSizesType,\n\tButtonTargetType,\n\tButtonType,\n\tButtonTypesType,\n\tNativeType,\n\tNativeTypesType,\n} from \"./constants\"\nimport {govHost, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {toBool} from \"../../../utils/bool.utils\"\nimport {Sizes} from \"../../../core/constants/sizes\"\nimport {validateAccessibleLabel} from \"../../../helpers/Validate/wcag\"\nimport {canValidateWcagOnRender} from \"../../../helpers/Dom/win\"\nimport {delay} from \"../../../utils/utils\"\nimport {ButtonEvent} from \"./gov-button.types\"\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\n\nenum Tags {\n\tA = \"a\",\n\tBUTTON = \"button\",\n}\n\n@Component({\n\ttag: \"gov-button\",\n})\nexport class GovButton {\n\tprivate h: GovHost\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement\n\tprivate attributeObserver: AttributeObserver\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Style variation of the button\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType\n\t/**\n\t * Button’s size\n\t */\n\t@Prop({reflect: true}) readonly size?: ButtonSizesType = \"m\"\n\t/**\n\t * Button's type\n\t */\n\t@Prop({reflect: true}) readonly type: ButtonTypesType\n\t/**\n\t * Expands the button to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\t/**\n\t * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Makes the button component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type\n\t */\n\t@Prop() readonly nativeType?: NativeTypesType = \"button\"\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target?: ButtonTargetType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download\n\t */\n\t@Prop() readonly download: boolean\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang\n\t */\n\t@Prop() readonly hreflang: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy\n\t */\n\t@Prop() readonly referrerpolicy: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel\n\t */\n\t@Prop() readonly rel: string\n\t/**\n\t * Indicates whether an asynchronous process is running\n\t */\n\t@Prop() readonly loading: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom button identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Emitted when the button click\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button has focus\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<ButtonEvent>\n\t/**\n\t * Emitted when the button loses focus\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<ButtonEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"type\")\n\tvalidateType(newValue: string): void {\n\t\tvalidateProp(ButtonType, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, ButtonClass.root)\n\t}\n\n\t@Watch(\"nativeType\")\n\tvalidateNativeType(newValue: string): void {\n\t\tvalidateProp(NativeType, newValue, ButtonClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateType(this.type)\n\t\tthis.validateSize(this.size)\n\t\tthis.validateNativeType(this.nativeType)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? Tags.A : Tags.BUTTON\n\t\tconst nativeType = Tag === Tags.A ? undefined : this.nativeType\n\n\t\treturn (\n\t\t\t<Host size={this.size}\n\t\t\t\t hydrated={this.hydrated}\n\t\t\t\t color={this.color}\n\t\t\t\t class={this.h.classes(ButtonClass.root)}\n\t\t\t\t type={this.type}>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLButtonElement | HTMLLinkElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tdownload={this.download}\n\t\t\t\t\threflang={this.hreflang}\n\t\t\t\t\trel={this.rel}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\ttabindex={this.disabled ? \"-1\" : \"0\"}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t>\n\t\t\t\t\t{toBool(this.loading) && !this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\n\t\t\t\t\t{this.h.hasSlot(\"icon-start\") && <slot name=\"icon-start\"></slot>}\n\t\t\t\t\t<slot/>\n\t\t\t\t\t{this.h.hasSlot(\"icon-end\") && <slot name=\"icon-end\"></slot>}\n\t\t\t\t\t{toBool(this.loading) && this.h.hasSlot(\"icon-end\") &&\n\t\t\t\t\t\t<gov-icon name=\"loader\" class=\"gov-spin-animation\" type=\"components\"></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false) {\n\t\t\tthis.govClick.emit({\n\t\t\t\tcomponent: ButtonClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\tref: this.host,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: ButtonClass.root,\n\t\t\toriginalEvent: e,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Validate the Accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.focusable) {\n\t\t\tvalidateAccessibleLabel(this.triggerRef.getAttribute('aria-label'), this.triggerRef.getAttribute('aria-labelledby'), ButtonClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,a as s,g as i}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,a as s,g as i}from"./p-9dea2efa.js";import{c as a}from"./p-cd6c2938.js";import{g as r,t as d}from"./p-ea7fdd2e.js";import{a as n,T as h}from"./p-860520b0.js";import"./p-e0e2e9c1.js";import"./p-92f420cb.js";import"./p-5aad3497.js";const c=class{constructor(t){e(this,t);this.identifier=undefined;this.triggerIdentifier=undefined;this.label=undefined;this.disabled=false;this.iconStart=undefined;this.iconEnd=undefined;this.default=false;this.isActive=false;this.h=r(this.host);this.contentId=a("GovTabContent");this.triggerId=a("GovTabTrigger")}rerenderParent(){const e=this.h.getParent(n.root);if(e){e.rerender().catch()}}render(){return t(s,{key:"1cd671d422ff816437c778c22193c897d0755e8a",class:this.h.classes(h.root),default:this.default},t("div",{key:"2473a5ef26157b0f1c5853ba38642ae5e19e437e",class:h.inner,role:"tabpanel",id:this.identifier||this.contentId,hidden:!this.isActive,"aria-labelledby":this.triggerIdentifier||this.triggerId,"aria-hidden":d(!this.isActive)},t("slot",{key:"f0c3c0e8ade04a638a7cad9eda92249bb399fc3b"})))}async getIdentifier(){return this.identifier||this.contentId}async getTriggerIdentifier(){return this.triggerIdentifier||this.triggerId}async getDisableState(){return this.disabled}async setActiveStatus(e){this.isActive=e}get host(){return i(this)}static get watchers(){return{label:["rerenderParent"],disabled:["rerenderParent"]}}};export{c as gov_tabs_item};
|
|
2
|
+
//# sourceMappingURL=p-c2abc031.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as o,a as s,g as a}from"./p-9dea2efa.js";import{p as t}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";import{g as i,p as r}from"./p-ea7fdd2e.js";import{v as n}from"./p-0b3574c2.js";import"./p-e8ec030e.js";const d=t(c,["_S","_M","_L"]);const p={root:"gov-loading",content:"gov-loading__content",icon:"gov-loading__icon"};const b=class{constructor(o){e(this,o);this.size="m";this.h=i(this.host)}validateSize(e){n(d,e,p.root)}componentWillLoad(){this.validateSize(this.size)}render(){return o(s,{key:"94858803191375ac772236470c1db63c2823b74d",class:this.h.classes(p.root),size:this.size},o("div",{key:"817f8ba4e3c9a6a37732c00480a10033b68ca360",class:p.content},o("gov-icon",{key:"93496ec9365c67bd05d5561a5ffbee4e7384611c",class:r([p.icon,"gov-spin-animation"]),name:"loader",type:"components"}),o("slot",{key:"ba4e09cc9bc1a26e9df6f852c5809a980e0bf3fd"})),o("gov-backdrop",{key:"3cb83fca1624bd0593f92b46860b8160d0d1bbcf",inverse:true}))}get host(){return a(this)}static get watchers(){return{size:["validateSize"]}}};export{b as gov_loading};
|
|
2
|
+
//# sourceMappingURL=p-c688349d.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,a as s,g as i}from"./p-9dea2efa.js";import{v as a}from"./p-29ac15d2.js";import{c}from"./p-e8ec030e.js";import{g as o}from"./p-ea7fdd2e.js";import{t as d}from"./p-26618322.js";import{p as n}from"./p-e0e2e9c1.js";import{S as r}from"./p-92f420cb.js";import{v as f}from"./p-0b3574c2.js";import"./p-cd6c2938.js";import"./p-2aedc81e.js";const b=n(r,["_S","_M","_L","_XL"]);var h;(function(e){e["SIMPLE"]="simple";e["WAVES"]="waves";e["STRIPES"]="stripes";e["LINES"]="lines"})(h||(h={}));var p;(function(e){e["IMAGE"]="image";e["LOGO"]="logo";e["ICON"]="icon"})(p||(p={}));var m;(function(e){e["LIGHT"]="light";e["DARK"]="dark"})(m||(m={}));const l={root:"gov-banner",content:"gov-banner__content"};const v=class{constructor(t){e(this,t);this.size=b._M;this.background=h.SIMPLE;this.foreground=p.LOGO;this.textColor=m.LIGHT;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.h=o(this.host)}validateSize(e){f(b,e,l.root)}componentWillLoad(){this.validateSize(this.size)}async componentDidRender(){if(c()){d((()=>this.validateAccessibility()))}}render(){return t(s,Object.assign({key:"2e74fec76a2919885f1ffcf0d5b5b43f4da9634f",class:this.h.classes(l.root),size:this.size},this.size!=="xl"?{background:this.background,foreground:this.foreground}:{"text-color":this.textColor}),t("div",{key:"e96d0155618a4d8703869f9d41a16e6dca148d8f"},t("div",{key:"1ca80fec0a9918753727bdbbde993c650f464e44",class:l.content},t("slot",{key:"6649fb9ad5c08b9cb7fe44a633fbdf8a7c1070cf",name:"headline"}),t("slot",{key:"615031f7ca60d053f08822a497d59cb123103bae"})),this.h.hasSlot("button")&&t("gov-button",{key:"256dcef6425d21dfd6ea47b2dc9dbcfe2bbc0a19",color:"secondary",type:"solid",size:"l"},t("slot",{key:"2553414cc5541ec8f4e8d22d4cd394d9d57f40ef",name:"button"}))),t("slot",{key:"b87320fc0d4ea2415f2c2e3565942fd8944c8f7c",name:"image"}))}async validateAccessibility(){a(this.accessibleLabel,this.accessibleLabelledBy,l.root,this.host)}get host(){return i(this)}static get watchers(){return{size:["validateSize"]}}};export{v as gov_banner};
|
|
2
|
+
//# sourceMappingURL=p-c6fdc0a9.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["BannerSizes","pick","Sizes","BannerBackground","BannerForeground","BannerTextColor","BannerClass","root","content","GovBanner","constructor","hostRef","_M","SIMPLE","LOGO","LIGHT","this","h","govHost","host","validateSize","newValue","validateProp","componentWillLoad","size","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","render","Host","Object","assign","key","class","classes","background","foreground","textColor","name","hasSlot","color","type","validateAccessibleLabel","accessibleLabel","accessibleLabelledBy"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {\n\tBannerClass,\n\tBannerSizes,\n\tBannerSizesType,\n\tBannerBackground,\n\tBannerBackgroundsType,\n\tBannerForegroundsType, BannerForeground, BannerTextColor, BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n\n@Component({\n\ttag: 'gov-banner',\n})\nexport class GovBanner {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBannerElement\n\t/**\n\t * Banner’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n\t/**\n\t * Banner’s background\n\t */\n\t@Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n\t/**\n\t * Banner’s foreground\n\t */\n\t@Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n\t/**\n\t * XL Banner’s text color\n\t */\n\t@Prop({ attribute: 'text-color' }) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\t/**\n\t * Adds accessible label for the banner that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(BannerSizes, newValue, BannerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BannerClass.root)}\n\t\t\t\t size={this.size}\n\t\t\t\t {...(this.size !== \"xl\" ? {background: this.background, foreground: this.foreground} : {'text-color': this.textColor})}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={BannerClass.content}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.h.hasSlot('button') && (\n\t\t\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" size=\"l\">\n\t\t\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"image\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BannerClass.root, this.host)\n\t}\n}\n"],"mappings":"gWAIO,MAAMA,EAAcC,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,QAG1D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,gBACA,EALD,CAAYA,MAAgB,KAQ5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,cACA,EAJD,CAAYA,MAAgB,KAO5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,cACA,EAHD,CAAYA,MAAe,KAMpB,MAAMC,EAAc,CAC1BC,KAAM,aACNC,QAAS,uB,MCVGC,EAAS,MAGrB,WAAAC,CAAAC,G,oBAQwDX,EAAYY,G,gBAIfT,EAAiBU,O,gBAIjBT,EAAiBU,K,eAIQT,EAAgBU,M,mEAnB7FC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA8BvB,YAAAC,CAAaC,GACZC,EAAatB,EAAaqB,EAAUf,EAAYC,K,CAGjD,iBAAAgB,GACCP,KAAKI,aAAaJ,KAAKQ,K,CAGxB,wBAAMC,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMX,KAAKY,yB,EAIlB,MAAAC,GACC,OACCZ,EAACa,EAAIC,OAAAC,OAAA,CAAAC,IAAA,2CAACC,MAAOlB,KAAKC,EAAEkB,QAAQ7B,EAAYC,MACrCiB,KAAMR,KAAKQ,MACNR,KAAKQ,OAAS,KAAO,CAACY,WAAYpB,KAAKoB,WAAYC,WAAYrB,KAAKqB,YAAc,CAAC,aAAcrB,KAAKsB,YAC7GrB,EAAA,OAAAgB,IAAA,4CACChB,EAAA,OAAAgB,IAAA,2CAAKC,MAAO5B,EAAYE,SACvBS,EAAA,QAAAgB,IAAA,2CAAMM,KAAK,aACXtB,EAAA,QAAAgB,IAAA,8CAEAjB,KAAKC,EAAEuB,QAAQ,WACfvB,EAAA,cAAAgB,IAAA,2CAAYQ,MAAM,YAAYC,KAAK,QAAQlB,KAAK,KAC/CP,EAAA,QAAAgB,IAAA,2CAAMM,KAAK,aAIdtB,EAAA,QAAAgB,IAAA,2CAAMM,KAAK,U,CASd,2BAAMX,GACLe,EAAwB3B,KAAK4B,gBAAiB5B,KAAK6B,qBAAsBvC,EAAYC,KAAMS,KAAKG,K","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,h as s,a as t,g as a}from"./p-9dea2efa.js";import{C as r}from"./p-5aad3497.js";import{g as e}from"./p-ea7fdd2e.js";import{v as c}from"./p-0b3574c2.js";import{p as i}from"./p-e0e2e9c1.js";import"./p-e8ec030e.js";i(r,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const p={root:"gov-control-group"};const f=class{constructor(s){o(this,s);this.color=r.PRIMARY;this.noBorder=false;this.fitContent=false;this.h=e(this.host)}validateColor(o){c(r,o,p.root)}render(){return s(t,{key:"c52a55a92fd473dcec8806a693fa820a9557a8f3",class:this.h.classes(p.root),color:this.color},s("slot",{key:"2c39e206b7a295212f4bda2a0552b1d10d19828b"}))}get host(){return a(this)}static get watchers(){return{color:["validateColor"]}}};export{f as gov_control_group};
|
|
2
|
+
//# sourceMappingURL=p-c91512dd.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,a as s,g as a}from"./p-9dea2efa.js";import{p as i}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";import{g as r}from"./p-ea7fdd2e.js";import{v as o}from"./p-0b3574c2.js";import{i as n}from"./p-d9a299a4.js";import"./p-e8ec030e.js";import"./p-9ac55bd1.js";const f=i(c,["_S","_M","_L"]);const h={root:"gov-link",external:"gov-link--external"};const d=class{constructor(t){e(this,t);this.size="m";this.external=false;this.href=undefined;this.target=undefined;this.inheritedAttributes={};this.h=r(this.host)}validateSize(e){o(f,e,h.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=n(this.host)}onAriaAttributeChange(e,t){this.host.removeAttribute(e);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[e]:t})}render(){return t(s,{key:"7aef45575f952100a25a516df44a62337fbdf1e1",class:this.h.classes(h.root),size:this.size,href:this.href,external:this.external},t("a",Object.assign({key:"cba0aac863ce6dae404356cd960c6782e418d856",class:"element",href:this.href,target:this.external?"_blank":this.target,rel:this.external?"noreferrer":null},this.inheritedAttributes),t("slot",{key:"b3379f496c8d5f163ffa9f6a58655666e1c23e54",name:"icon-start"}),t("span",{key:"385c05b3c80e93678c5525609c477c7c157f9f44"},t("slot",{key:"a67cbe6a79e0eafa287ca32984061c4000b19cf5"})),t("slot",{key:"6696335405444439c32fb8b9817926a40fc7a48c",name:"icon-end"}),this.external&&t("gov-icon",{key:"4773079d84ca23e0000ae31fca59d09e95d1f45f",name:"box-arrow-up-right",type:"components",size:this.size,class:h.external})))}get host(){return a(this)}static get watchers(){return{size:["validateSize"]}}};export{d as gov_link};
|
|
2
|
+
//# sourceMappingURL=p-cf9d5c2f.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["LinkSizes","pick","Sizes","LinkClass","root","external","GovLink","constructor","hostRef","this","h","govHost","host","validateSize","newValue","validateProp","componentWillLoad","size","inheritedAttributes","inheritAriaAttributes","onAriaAttributeChange","attributeName","removeAttribute","Object","assign","render","Host","key","class","classes","href","target","rel","name","type"],"sources":["../../../packages/core/src/components/gov-link/constants.ts","../../../packages/core/src/components/gov-link/gov-link.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const LinkSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type LinkSizesType = `${ValueOf<typeof LinkSizes>}`\n\nexport const LinkClass = {\n\troot: 'gov-link',\n\texternal: 'gov-link--external',\n}\n","import {Component, Element, Host, h, Prop, Watch, State} from '@stencil/core'\nimport {LinkClass, LinkSizes, LinkSizesType} from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-link',\n})\nexport class GovLink {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLinkElement\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly size?: LinkSizesType = 'm'\n\t/**\n\t * Element size.\n\t */\n\t@Prop() readonly external?: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(LinkSizes, newValue, LinkClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(LinkClass.root)}\n\t\t\t\t size={this.size}\n\t\t\t\t href={this.href}\n\t\t\t\t external={this.external}>\n\t\t\t\t<a class=\"element\"\n\t\t\t\t href={this.href}\n\t\t\t\t target={this.external ? '_blank' : this.target}\n\t\t\t\t rel={this.external ? \"noreferrer\" : null}\n\t\t\t\t {...this.inheritedAttributes}>\n\t\t\t\t\t<slot name=\"icon-start\"/>\n\t\t\t\t\t<span><slot/></span>\n\t\t\t\t\t<slot name=\"icon-end\"/>\n\t\t\t\t\t{this.external && <gov-icon name=\"box-arrow-up-right\" type=\"components\" size={this.size} class={LinkClass.external}></gov-icon>}\n\t\t\t\t</a>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6RAIO,MAAMA,EAAYC,EAAKC,EAAO,CAAC,KAAM,KAAM,OAG3C,MAAMC,EAAY,CACxBC,KAAM,WACNC,SAAU,sB,MCEEC,EAAO,MAGnB,WAAAC,CAAAC,G,oBAQwC,I,cAIF,M,mEAkBK,GA7B1CC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,YAAAC,CAAaC,GACZC,EAAaf,EAAWc,EAAUX,EAAUC,K,CAK7C,iBAAAY,GACCP,KAAKI,aAAaJ,KAAKQ,MACvBR,KAAKS,oBAAsBC,EAAsBV,KAAKG,K,CAGvD,qBAAAQ,CAAsBC,EAAuBP,GAC5CL,KAAKG,KAAKU,gBAAgBD,GAC1BZ,KAAKS,oBAAmBK,OAAAC,OAAAD,OAAAC,OAAA,GAAOf,KAAKS,qBAAmB,CAAEG,CAACA,GAAgBP,G,CAG3E,MAAAW,GACC,OACCf,EAACgB,EAAI,CAAAC,IAAA,2CAACC,MAAOnB,KAAKC,EAAEmB,QAAQ1B,EAAUC,MACnCa,KAAMR,KAAKQ,KACXa,KAAMrB,KAAKqB,KACXzB,SAAUI,KAAKJ,UACjBK,EAAA,IAAAa,OAAAC,OAAA,CAAAG,IAAA,2CAAGC,MAAM,UACNE,KAAMrB,KAAKqB,KACXC,OAAQtB,KAAKJ,SAAW,SAAWI,KAAKsB,OACxCC,IAAKvB,KAAKJ,SAAW,aAAe,MAChCI,KAAKS,qBACXR,EAAA,QAAAiB,IAAA,2CAAMM,KAAK,eACXvB,EAAA,QAAAiB,IAAA,4CAAMjB,EAAA,QAAAiB,IAAA,8CACNjB,EAAA,QAAAiB,IAAA,2CAAMM,KAAK,aACVxB,KAAKJ,UAAYK,EAAA,YAAAiB,IAAA,2CAAUM,KAAK,qBAAqBC,KAAK,aAAajB,KAAMR,KAAKQ,KAAMW,MAAOzB,EAAUE,Y","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as a,h as i,a as s,g as t}from"./p-9dea2efa.js";import{g as d,b as c}from"./p-ea7fdd2e.js";import{c as o}from"./p-cd6c2938.js";import{v as n}from"./p-29ac15d2.js";import{c as r}from"./p-e8ec030e.js";import{d as h}from"./p-e0e2e9c1.js";import"./p-2aedc81e.js";var f;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(f||(f={}));const l={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};const b=class{constructor(i){e(this,i);this.govToggle=a(this,"gov-toggle",7);this.hydrated=false;this.direction="vertical";this.collapsible=false;this.open=true;this.accessibleTriggerLabel=undefined;this.accessibleTriggerLabelledBy=undefined;this.h=d(this.host);this.headlineId=o("GovCardHeadline");this.contentId=o("GovCardContent")}async componentDidRender(){if(r()){await h(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){return i(s,{key:"734cecdc36d379c1d2d8c14ef136780eabff9d32",class:this.h.classes(l.root),open:this.open,collapsible:c(this.collapsible),direction:this.direction,hydrated:this.hydrated},this.collapsible?i("button",{id:this.headlineId,class:l.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":c(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},i("slot",{name:"headline"}),i("gov-icon",{class:l.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?i("div",{class:l.header},i("slot",{name:"headline"})):null,i("div",{key:"35fbd43458f8895ac32a49b2fb26301ef6c2f4cc",class:l.inner,id:this.contentId,"aria-hidden":this.collapsible?c(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&i("div",{key:"1d1d26a7d45bc7453cdfbb2ce2530e277ea7f1d6",class:l.img},i("slot",{key:"43d62fec8982ac856afedfe30a4062253ab072d7",name:"img"})),this.h.hasSlot("icon")&&i("div",{key:"ea26e422318e6a8753c47c5af2bcbfafe44bd053",class:l.icon},i("slot",{key:"40cad4f8356f6ff1e640436f4b548581cb4b4bcf",name:"icon"})),i("div",{key:"17d86c58f5d4d1fec9af1b111a69e73629188b4a",class:l.content},i("slot",{key:"34b718783966bda56624c883b85d965ba74041a5"})),this.h.hasSlot("footer")&&i("div",{key:"bdac20b7db8adabdba069df573e117ef1c9a79fc",class:l.footer},i("slot",{key:"e57ade83302bd2a7537236aff716d02a5a47ea0f",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,l.root,this.host)}}get host(){return t(this)}};export{b as gov_card};
|
|
2
|
+
//# sourceMappingURL=p-d1270d72.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","GovCard","constructor","hostRef","this","hydrated","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Host","key","class","classes","open","collapsible","booleanString","direction","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t collapsible={booleanString(this.collapsible)} direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={CardClass.inner}\n\t\t\t\t\tid={this.contentId}\n\t\t\t\t\taria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\thidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\taria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t>\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["CardDirection","CardClass","root","header","arrow","inner","img","icon","content","footer","GovCard","constructor","hostRef","this","hydrated","h","govHost","host","headlineId","createID","contentId","componentDidRender","canValidateWcagOnRender","delay","validateAccessibility","connectedCallback","render","Host","key","class","classes","open","collapsible","booleanString","direction","id","accessibleTriggerLabel","accessibleTriggerLabelledBy","onClick","onClickHandler","bind","name","type","hasSlot","undefined","hidden","e","stopPropagation","govToggle","emit","element","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-card/constants.ts","../../../packages/core/src/components/gov-card/gov-card.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum CardDirection {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type CardDirectionType = `${ValueOf<typeof CardDirection>}`\n\nexport const CardClass = {\n\troot: 'gov-card',\n\theader: 'gov-card__header',\n\tarrow: 'gov-card__arrow',\n\tinner: 'gov-card__inner',\n\timg: 'gov-card__img',\n\ticon: 'gov-card__icon',\n\tcontent: 'gov-card__content',\n\tfooter: 'gov-card__footer',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {CardClass, CardDirectionType} from './constants'\nimport {booleanString, govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {createID} from '../../utils/string.utils'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {delay} from '../../utils/utils'\nimport {GovCardChangeEvent} from './interfaces'\n\n@Component({\n\ttag: 'gov-card',\n})\nexport class GovCard {\n\tprivate h: GovHost\n\tprivate readonly headlineId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.headlineId = createID('GovCardHeadline')\n\t\tthis.contentId = createID('GovCardContent')\n\t}\n\n\t@Element() host: HTMLGovCardElement\n\n\t/**\n\t * Card direction\n\t */\n\t@Prop() readonly direction: CardDirectionType = \"vertical\"\n\t/**\n\t * Defines weather the card can be collapsible\n\t */\n\t@Prop() readonly collapsible: boolean = false\n\t/**\n\t * Defines whether the card is open or closed\n\t */\n\t@Prop({reflect: true, mutable: true}) open = true\n\t/**\n\t * Adds accessible label for the collapsible button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) accessibleTriggerLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for collapsible card\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) accessibleTriggerLabelledBy: string\n\t/**\n\t * Called when the card toggle state changes\n\t */\n\t@Event({eventName: 'gov-toggle'}) govToggle: EventEmitter<GovCardChangeEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateAccessibility()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(CardClass.root)} open={this.open}\n\t\t\t\t collapsible={booleanString(this.collapsible)} direction={this.direction} hydrated={this.hydrated}>\n\t\t\t\t{this.collapsible ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\tid={this.headlineId}\n\t\t\t\t\t\tclass={CardClass.header}\n\t\t\t\t\t\taria-label={this.accessibleTriggerLabel}\n\t\t\t\t\t\taria-labelledby={this.accessibleTriggerLabelledBy}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\taria-controls={this.contentId}\n\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<gov-icon class={CardClass.arrow} name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t</button>\n\t\t\t\t) : this.h.hasSlot(\"headline\") ? (\n\t\t\t\t\t<div class={CardClass.header}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t<div\n\t\t\t\t\tclass={CardClass.inner}\n\t\t\t\t\tid={this.contentId}\n\t\t\t\t\taria-hidden={this.collapsible ? booleanString(!this.open) : undefined}\n\t\t\t\t\thidden={this.collapsible ? !this.open : undefined}\n\t\t\t\t\taria-labelledby={this.collapsible ? this.headlineId : undefined}\n\t\t\t\t>\n\t\t\t\t\t{this.h.hasSlot('img') && (\n\t\t\t\t\t\t<div class={CardClass.img}>\n\t\t\t\t\t\t\t<slot name=\"img\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={CardClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={CardClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t<div class={CardClass.footer}>\n\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e) {\n\t\te.stopPropagation()\n\t\tif (this.collapsible) {\n\t\t\tthis.open = !this.open\n\t\t\tthis.govToggle.emit({open: this.open, element: this.host})\n\t\t}\n\t}\n\n\t/**\n\t * Validate the accessible attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tif (this.collapsible) {\n\t\t\tvalidateAccessibleLabel(this.accessibleTriggerLabel, this.accessibleTriggerLabelledBy, CardClass.root, this.host)\n\t\t}\n\t}\n}\n"],"mappings":"mRAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAa,KAMlB,MAAMC,EAAY,CACxBC,KAAM,WACNC,OAAQ,mBACRC,MAAO,kBACPC,MAAO,kBACPC,IAAK,gBACLC,KAAM,iBACNC,QAAS,oBACTC,OAAQ,oB,MCHIC,EAAO,MAMnB,WAAAC,CAAAC,G,gDAFQC,KAAAC,SAAW,M,eAa6B,W,iBAIR,M,UAIK,K,iFAlB5CD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,WAAaC,EAAS,mBAC3BN,KAAKO,UAAYD,EAAS,iB,CA8B3B,wBAAME,GACL,GAAIC,IAA2B,OACxBC,EAAM,WACNV,KAAKW,uB,EAIb,iBAAAC,GACCZ,KAAKC,SAAW,I,CAGjB,MAAAY,GACC,OACCX,EAACY,EAAI,CAAAC,IAAA,2CAACC,MAAOhB,KAAKE,EAAEe,QAAQ7B,EAAUC,MAAO6B,KAAMlB,KAAKkB,KACrDC,YAAaC,EAAcpB,KAAKmB,aAAcE,UAAWrB,KAAKqB,UAAWpB,SAAUD,KAAKC,UACzFD,KAAKmB,YACLjB,EAAA,UACCoB,GAAItB,KAAKK,WACTW,MAAO5B,EAAUE,OAAM,aACXU,KAAKuB,uBAAsB,kBACtBvB,KAAKwB,4BAA2B,gBAClCJ,EAAcpB,KAAKkB,MAAK,gBACxBlB,KAAKO,UACpBkB,QAASzB,KAAK0B,eAAeC,KAAK3B,OAElCE,EAAA,QAAM0B,KAAK,aACX1B,EAAA,YAAUc,MAAO5B,EAAUG,MAAOqC,KAAK,eAAeC,KAAK,gBAEzD7B,KAAKE,EAAE4B,QAAQ,YAClB5B,EAAA,OAAKc,MAAO5B,EAAUE,QACrBY,EAAA,QAAM0B,KAAK,cAET,KAEJ1B,EAAA,OAAAa,IAAA,2CACCC,MAAO5B,EAAUI,MACjB8B,GAAItB,KAAKO,UAAS,cACLP,KAAKmB,YAAcC,GAAepB,KAAKkB,MAAQa,UAC5DC,OAAQhC,KAAKmB,aAAenB,KAAKkB,KAAOa,UAAS,kBAChC/B,KAAKmB,YAAcnB,KAAKK,WAAa0B,WAErD/B,KAAKE,EAAE4B,QAAQ,QACf5B,EAAA,OAAAa,IAAA,2CAAKC,MAAO5B,EAAUK,KACrBS,EAAA,QAAAa,IAAA,2CAAMa,KAAK,SAIZ5B,KAAKE,EAAE4B,QAAQ,SACf5B,EAAA,OAAAa,IAAA,2CAAKC,MAAO5B,EAAUM,MACrBQ,EAAA,QAAAa,IAAA,2CAAMa,KAAK,UAIb1B,EAAA,OAAAa,IAAA,2CAAKC,MAAO5B,EAAUO,SACrBO,EAAA,QAAAa,IAAA,8CAGAf,KAAKE,EAAE4B,QAAQ,WACf5B,EAAA,OAAAa,IAAA,2CAAKC,MAAO5B,EAAUQ,QACrBM,EAAA,QAAAa,IAAA,2CAAMa,KAAK,a,CAQT,cAAAF,CAAeO,GACtBA,EAAEC,kBACF,GAAIlC,KAAKmB,YAAa,CACrBnB,KAAKkB,MAAQlB,KAAKkB,KAClBlB,KAAKmC,UAAUC,KAAK,CAAClB,KAAMlB,KAAKkB,KAAMmB,QAASrC,KAAKI,M,EAQtD,2BAAMO,GACL,GAAIX,KAAKmB,YAAa,CACrBmB,EAAwBtC,KAAKuB,uBAAwBvB,KAAKwB,4BAA6BpC,EAAUC,KAAMW,KAAKI,K","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,a,g as c}from"./p-9dea2efa.js";import{g as o}from"./p-ea7fdd2e.js";var s;(function(e){e["PRIMARY"]="primary";e["SUBTLE"]="subtle";e["NEUTRAL"]="neutral"})(s||(s={}));const d={root:"gov-blockquote"};const f=class{constructor(t){e(this,t);this.type=s.SUBTLE;this.cite=undefined;this.h=o(this.host)}render(){return t(a,{key:"2d6d6f8731e3cf3a7697b1e5c9cb9628b120a9c0",class:this.h.classes(d.root),type:this.type},t("gov-icon",{key:"a34dc43b0a8336830f7f8bd49a04f3fd36ccac5d",type:"components",name:"quote",size:"3xl"}),t("blockquote",{key:"1f74006947ad7d8d90ea3425be7d8f66291dbfc5",cite:this.cite},t("slot",{key:"1e0413bfdcfec33d487998f88407b000d2cbd376"})),t("slot",{key:"9c61d787603bf343546af51e25ac9b6ad47191e9",name:"image"}),t("slot",{key:"7f7956a01aef3d1fe2ecc21428facc932e69ab03",name:"author"}))}get host(){return c(this)}};export{f as gov_blockquote};
|
|
2
|
+
//# sourceMappingURL=p-d141e9ca.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["BlockquoteType","BlockquoteClass","root","GovBlockquote","constructor","hostRef","SUBTLE","this","h","govHost","host","render","Host","key","class","classes","type","name","size","cite"],"sources":["../../../packages/core/src/components/gov-blocquote/constants.ts","../../../packages/core/src/components/gov-blocquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"wFAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACA,EAJD,CAAYA,MAAc,KAOnB,MAAMC,EAAkB,CAC9BC,KAAM,kB,MCDMC,EAAa,MAGzB,WAAAC,CAAAC,G,oBAQ4DL,EAAeM,O,oBAP1EC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQd,EAAgBC,MAAOc,KAAMT,KAAKS,MAC7DR,EAAA,YAAAK,IAAA,2CAAUG,KAAK,aAAaC,KAAK,QAAQC,KAAK,QAC9CV,EAAA,cAAAK,IAAA,2CAAYM,KAAMZ,KAAKY,MACtBX,EAAA,QAAAK,IAAA,8CAEDL,EAAA,QAAAK,IAAA,2CAAMI,KAAK,UACXT,EAAA,QAAAK,IAAA,2CAAMI,KAAK,W","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,h as t,a as e,g as a}from"./p-9dea2efa.js";import{L as c}from"./p-13ebd887.js";import{g as r}from"./p-ea7fdd2e.js";const i=class{constructor(t){s(this,t);this.type="stretch";this.variant=undefined;this.inverse=false;this.h=r(this.host)}typeClass(s,t,e,a){const c=t?"-"+t:"";const r=e?"-"+e:"";const i=a?"-inverse":"";return s+" "+s+c+r+i}render(){return t(e,{key:"2683ce4af13c8862c4cb671735c30ed630c9b452",type:this.type,class:this.h.classes(c.root)},t("section",{key:"48f71de1a388997388849018cf93bb8e305d51f9",class:this.typeClass(c.section,this.type,this.variant,this.inverse)},t("slot",{key:"f4955f6e169d0fbc55a74ae8759ab5e82dc24f71"})))}get host(){return a(this)}};export{i as gov_layout};
|
|
2
|
+
//# sourceMappingURL=p-de852480.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,h as t,a,g as r}from"./p-9dea2efa.js";import{a as e}from"./p-13ebd887.js";import{g as o}from"./p-ea7fdd2e.js";const c=class{constructor(t){s(this,t);this.h=o(this.host)}render(){return t(a,{key:"d312c9ffd071d7f002ed74095279ac3c1c549c48",class:this.h.classes(e.root)},t("slot",{key:"c57685e71dc20fb558a3b9c21ff2456906130b54"}))}get host(){return r(this)}};export{c as gov_layout_column};
|
|
2
|
+
//# sourceMappingURL=p-e89471ef.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GridClass","root","GridItemClass"],"sources":["../../../packages/core/src/components/gov-grid/constants.ts"],"sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const GridSizes = Sizes\nexport type GridSizesType = `${ValueOf<typeof GridSizes>}`\n\nexport const GridClass = {\n\troot: 'gov-grid',\n}\n\nexport const GridItemClass = {\n\troot: 'gov-grid-item',\n}\n"],"mappings":"8BAMaA,EAAY,CACxBC,KAAM,Y,MAGMC,EAAgB,CAC5BD,KAAM,wB","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,c as t,h as i,a as e,g as h}from"./p-9dea2efa.js";import{c as a,b as n}from"./p-ea7fdd2e.js";import{v as o}from"./p-0b3574c2.js";import{c as l}from"./p-cd6c2938.js";import{d as r,t as c,h as d}from"./p-e0e2e9c1.js";import{F as f,a as u}from"./p-56efd4a2.js";import{p}from"./p-ded281e6.js";import{A as m,a as v}from"./p-9ac55bd1.js";import{i as b}from"./p-d9a299a4.js";import"./p-e8ec030e.js";import"./p-92f420cb.js";import"./p-2aedc81e.js";const g=class{constructor(i){s(this,i);this.govFocus=t(this,"gov-focus",7);this.govBlur=t(this,"gov-blur",7);this.govInput=t(this,"gov-input",7);this.govSelect=t(this,"gov-select",7);this.templateResolver=s=>s[this.nameKey];this.value="";this.options=undefined;this.identifier=undefined;this.success=undefined;this.size="m";this.nameKey="name";this.name=undefined;this.required=false;this.disabled=false;this.placeholder=undefined;this.readonly=undefined;this.invalid=undefined;this.minlength=3;this.maxlength=undefined;this.throttleTime=200;this.messageEmpty="Nebyly nalezeny žádné výsledky";this.focused=undefined;this.processing=false;this.arrowCounter=-1;this.list=[];this.inheritedAttributes={};this.listBoxId=l("GovListBox")}validateSize(s){o(u,s,f.root)}watchOptions(s){this.setOptions(p(s)).catch()}onArrowUp(){if(this.arrowCounter>0){this.arrowCounter=this.arrowCounter-1;this.moveToView().finally()}}onArrowDown(){if(this.arrowCounter<this.list.length-1){this.arrowCounter=this.arrowCounter+1;this.moveToView().finally()}}async moveToView(){await r(200);const s=this.listRef.offsetHeight;const t=this.listRef.querySelector('li[aria-selected="true"]');if(t&&s){const s=t.offsetTop;this.listRef.scrollTo({top:s,behavior:"smooth"})}}doSearch(){if(Number.isInteger(this.minlength)&&this.isValueAccepted===false&&this.minlength){this.list=[];this.arrowCounter=-1;this.processing=false;return}if(this.searchCallback){this.processing=true;this.searchCallback(this.value).then((s=>this.list=s)).catch((()=>this.list=[])).finally((()=>{this.arrowCounter=-1;this.processing=false}))}}clearList(){const s=p(this.options);if(s.length===0){this.list=[]}}get isValueAccepted(){if(typeof this.value==="string"){return this.value.length>=this.minlength}else{return false}}componentDidLoad(){this.attributeObserver=new m(this.host,((s,t)=>{this.onAriaAttributeChange(s,t)}));this.attributeObserver.startObserving(v)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=b(this.host)}disconnectedCallback(){var s;(s=this.attributeObserver)===null||s===void 0?void 0:s.stopObserving()}onAriaAttributeChange(s,t){this.host.removeAttribute(s);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[s]:t})}render(){return i(e,{key:"9aab109be9dc6f21e88a2da79223866b1b39732a",class:f.root,size:this.size},i("gov-form-input",Object.assign({key:"62828ff7629c39a283925c24113f0db2c7558ca5",placeholder:this.placeholder,name:this.name,disabled:this.disabled,readonly:this.readonly,autocomplete:false,size:this.size,required:this.required,invalid:this.invalid,success:this.success,role:"searchbox",value:this.value,minlength:this.minlength,maxlength:this.maxlength,"on-gov-input":c(this.onInputHandler.bind(this),this.throttleTime),"on-gov-keyup":this.onKeyUpHandler.bind(this),"on-gov-keydown":this.onKeyDownHandler.bind(this),"on-gov-focus":this.onFocusHandler.bind(this),"on-gov-blur":this.onBlurHandler.bind(this)},this.inheritedAttributes,{"aria-autocomplete":"list","aria-owns":[this.listBoxId,this.inheritedAttributes["aria-owns"]].join(" "),"aria-expanded":n(this.list.length&&this.focused?true:false),ref:s=>this.inputRef=s}),i("slot",{key:"d722dd5d3241853d45a5153f0197403a42872c4a",name:"validation-icon"}),i("slot",{key:"bb003098d072de7c33cb1f538470b2ba6a79d920",name:"icon-end"})),i("ul",{key:"4d54077583a9eed5682501372cd75f655e635203",class:f.list,role:"listbox","aria-hidden":a(!this.focused),hidden:!this.focused,id:this.listBoxId,ref:s=>this.listRef=s},this.focused&&this.list.length===0&&this.processing===false&&this.isValueAccepted&&this.messageEmpty?i("li",{class:f.empty},this.messageEmpty):null,this.focused&&this.processing===true&&this.isValueAccepted?i("li",{class:f.loading},i("gov-skeleton",{size:"m"})):null,this.focused?this.list.map(((s,t)=>{const e=this.arrowCounter===t;return i("li",{class:f.item,innerHTML:this.templateResolver(s,e),role:"option","aria-posinset":t,tabindex:e?0:-1,"aria-setsize":this.list.length,onTouchStart:s=>this.onSelectHandler(s,t),onMouseDown:s=>this.onSelectHandler(s,t),"aria-selected":a(e)},i("slot",{name:"list-item-left"}),i("slot",{name:"list-item-right"}))})):null))}onFocusHandler(s){this.focused=true;this.arrowCounter=-1;if(this.isValueAccepted&&this.searchCallback){this.doSearch()}s.stopPropagation();this.govFocus.emit({originalEvent:s,component:f.root,value:this.value,selected:null})}onBlurHandler(s){this.focused=false;this.clearList();this.arrowCounter=-1;s.stopPropagation();this.govBlur.emit({originalEvent:s,component:f.root,value:this.value,selected:null})}onInputHandler(s){this.value=s.target.value;s.stopPropagation();this.govInput.emit({originalEvent:s,component:f.root,value:this.value,selected:null});this.doSearch()}onSelectHandler(s,t=-1){let i=null;if(t>-1){i=this.list[t]}else if(d(this.arrowCounter,this.list)){i=this.list[this.arrowCounter]}if(i){this.govSelect.emit({component:f.root,value:this.value,selected:i,originalEvent:s});this.clearList();if(d(this.nameKey,i)&&typeof i[this.nameKey]==="string"){this.value=i[this.nameKey]}}}onKeyUpHandler(s){const t=s.detail.originalEvent;s.stopPropagation();t.stopPropagation();if(t.keyCode===38)this.onArrowUp();else if(t.keyCode===40)this.onArrowDown();else if(t.keyCode===13){s.preventDefault();t.preventDefault();this.onSelectHandler(s)}}onKeyDownHandler(s){const t=s.detail.originalEvent;s.stopPropagation();t.stopPropagation();if(t.keyCode===13){s.preventDefault();t.preventDefault()}}async setFocus(s){return this.inputRef.focus(s)}async setBlur(){return this.inputRef.blur()}async setOptions(s){this.list=Array.isArray(s)?s:[];this.arrowCounter=-1}async clearValue(){this.value="";this.inputRef.value="";await this.inputRef.clearValue()}async setProcessing(s){this.processing=s}async setSearchCallback(s){this.searchCallback=s}async setTemplateResolver(s){this.templateResolver=s}get host(){return h(this)}static get watchers(){return{size:["validateSize"],options:["watchOptions"]}}};export{g as gov_form_autocomplete};
|
|
2
|
+
//# sourceMappingURL=p-eb8a9705.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GovFormAutocomplete","constructor","hostRef","this","templateResolver","item","nameKey","listBoxId","createID","validateSize","newValue","validateProp","FormAutocompleteSizes","FormAutocompleteClass","root","watchOptions","setOptions","propsValueToArray","catch","onArrowUp","arrowCounter","moveToView","finally","onArrowDown","list","length","delay","heightOfList","listRef","offsetHeight","selected","querySelector","offsetTop","scrollTo","top","behavior","doSearch","Number","isInteger","minlength","isValueAccepted","processing","searchCallback","value","then","response","clearList","areOptions","options","componentDidLoad","attributeObserver","AttributeObserver","host","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","size","inheritedAttributes","inheritAriaAttributes","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","h","Host","key","class","placeholder","name","disabled","readonly","autocomplete","required","invalid","success","role","maxlength","throttle","onInputHandler","bind","throttleTime","onKeyUpHandler","onKeyDownHandler","onFocusHandler","onBlurHandler","join","booleanString","focused","ref","el","inputRef","toBoolAttr","hidden","id","messageEmpty","empty","loading","map","index","isSelected","innerHTML","tabindex","onTouchStart","e","onSelectHandler","onMouseDown","stopPropagation","govFocus","emit","originalEvent","component","govBlur","target","govInput","has","govSelect","event","detail","keyCode","preventDefault","setFocus","focus","setBlur","blur","Array","isArray","clearValue","setProcessing","status","setSearchCallback","callback","setTemplateResolver"],"sources":["../../../packages/core/src/components/gov-form/autocomplete/gov-form-autocomplete.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from '@stencil/core'\nimport {booleanString, toBoolAttr} from '../../../helpers/Dom/template'\nimport {validateProp} from '../../../helpers/Validate/props'\nimport {Nullable} from '../../../types/interfaces'\nimport {createID} from '../../../utils/string.utils'\nimport {delay, has, throttle} from '../../../utils/utils'\nimport {FormInputEvent} from '../input/gov-form-input.types'\nimport {FormAutocompleteClass, FormAutocompleteSizes, SizesType,} from './constants'\nimport {FormAutocompleteEvent, GovFormAutocompleteItem} from './gov-form-autocomplete.types'\nimport {propsValueToArray} from \"../../../utils/array.utils\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\n\n@Component({\n\ttag: 'gov-form-autocomplete',\n})\nexport class GovFormAutocomplete {\n\tprivate inputRef?: HTMLGovFormInputElement\n\tprivate listRef?: HTMLUListElement\n\tprivate readonly listBoxId: string\n\tprivate searchCallback: (value: string) => Promise<GovFormAutocompleteItem[]>\n\tprivate templateResolver: (item: GovFormAutocompleteItem, selected: boolean) => string = item => item[this.nameKey]\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.listBoxId = createID('GovListBox')\n\t}\n\n\t@Element() host: HTMLGovFormInputElement\n\t/**\n\t * Value of input\n\t */\n\t@Prop({reflect: true, mutable: true}) value = ''\n\t/**\n\t * Options of autocomplete\n\t */\n\t@Prop({reflect: true, mutable: true}) options?: string | GovFormAutocompleteItem[]\n\t/**\n\t * Custom input identifier.\n\t */\n\t@Prop({attribute: 'identifier'}) readonly identifier: string\n\t/**\n\t * Indicates the entered value of child form element does conform to the format expected by the application.\n\t */\n\t@Prop() readonly success: boolean\n\t/**\n\t * Input’s size.\n\t */\n\t@Prop() readonly size?: SizesType = 'm'\n\t/**\n\t * Main key name in the object\n\t */\n\t@Prop({attribute: 'name-key'}) readonly nameKey: string = 'name'\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the input component disabled.\n\t * This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Text that appears in the form control when it has no value set\n\t */\n\t@Prop() readonly placeholder: string\n\t/**\n\t * The value is not editable\n\t */\n\t@Prop() readonly readonly: boolean\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Minimum length (number of characters) of value\n\t */\n\t@Prop() readonly minlength: number = 3\n\t/**\n\t * Maximum length (number of characters) of value\n\t */\n\t@Prop() readonly maxlength: number\n\t/**\n\t * Input throttle in milliseconds\n\t */\n\t@Prop() readonly throttleTime: number = 200\n\t/**\n\t * Custom message for when there is a blank sheet\n\t */\n\t@Prop({attribute: 'message-empty'}) readonly messageEmpty: string = 'Nebyly nalezeny žádné výsledky'\n\t/**\n\t * Emitted when the input has focus.\n\t */\n\t@Event({eventName: 'gov-focus'}) govFocus: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input loses focus.\n\t */\n\t@Event({eventName: 'gov-blur'}) govBlur: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: 'gov-input'}) govInput: EventEmitter<FormAutocompleteEvent>\n\t/**\n\t * Emitted when the input change value.\n\t */\n\t@Event({eventName: 'gov-select'}) govSelect: EventEmitter<FormAutocompleteEvent>\n\n\t@State() focused: boolean\n\t@State() processing = false\n\t@State() arrowCounter = -1\n\t@State() list: GovFormAutocompleteItem[] = []\n\t@State() inheritedAttributes: Attributes = {}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormAutocompleteSizes, newValue, FormAutocompleteClass.root)\n\t}\n\n\t@Watch('options')\n\twatchOptions(newValue: string | GovFormAutocompleteItem[]): void {\n\t\tthis.setOptions(propsValueToArray(newValue)).catch()\n\t}\n\n\tprivate onArrowUp() {\n\t\tif (this.arrowCounter > 0) {\n\t\t\tthis.arrowCounter = this.arrowCounter - 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate onArrowDown() {\n\t\tif (this.arrowCounter < this.list.length - 1) {\n\t\t\tthis.arrowCounter = this.arrowCounter + 1\n\t\t\tthis.moveToView().finally()\n\t\t}\n\t}\n\n\tprivate async moveToView() {\n\t\tawait delay(200)\n\t\tconst heightOfList = this.listRef.offsetHeight\n\t\tconst selected = this.listRef.querySelector('li[aria-selected=\"true\"]') as HTMLUListElement\n\t\tif (selected && heightOfList) {\n\t\t\tconst offsetTop = selected.offsetTop\n\t\t\tthis.listRef.scrollTo({top: offsetTop, behavior: 'smooth'})\n\t\t}\n\t}\n\n\tprivate doSearch() {\n\t\tif (Number.isInteger(this.minlength) && this.isValueAccepted === false && this.minlength) {\n\t\t\tthis.list = []\n\t\t\tthis.arrowCounter = -1\n\t\t\tthis.processing = false\n\t\t\treturn\n\t\t}\n\t\tif (this.searchCallback) {\n\t\t\tthis.processing = true\n\t\t\tthis.searchCallback(this.value)\n\t\t\t\t.then(response => (this.list = response))\n\t\t\t\t.catch(() => (this.list = []))\n\t\t\t\t.finally(() => {\n\t\t\t\t\tthis.arrowCounter = -1\n\t\t\t\t\tthis.processing = false\n\t\t\t\t})\n\t\t}\n\t}\n\n\tprivate clearList() {\n\t\tconst areOptions = propsValueToArray<GovFormAutocompleteItem[]>(this.options)\n\t\tif (areOptions.length === 0) {\n\t\t\tthis.list = []\n\t\t}\n\t}\n\n\tget isValueAccepted() {\n\t\tif (typeof this.value === 'string') {\n\t\t\treturn this.value.length >= this.minlength\n\t\t} else {\n\t\t\treturn false\n\t\t}\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormAutocompleteClass.root} size={this.size}>\n\t\t\t\t<gov-form-input\n\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\treadonly={this.readonly}\n\t\t\t\t\tautocomplete={false}\n\t\t\t\t\tsize={this.size}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tinvalid={this.invalid}\n\t\t\t\t\tsuccess={this.success}\n\t\t\t\t\trole={'searchbox'}\n\t\t\t\t\tvalue={this.value}\n\t\t\t\t\tminlength={this.minlength}\n\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\ton-gov-input={throttle(this.onInputHandler.bind(this), this.throttleTime)}\n\t\t\t\t\ton-gov-keyup={this.onKeyUpHandler.bind(this)}\n\t\t\t\t\ton-gov-keydown={this.onKeyDownHandler.bind(this)}\n\t\t\t\t\ton-gov-focus={this.onFocusHandler.bind(this)}\n\t\t\t\t\ton-gov-blur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-autocomplete={'list'}\n\t\t\t\t\taria-owns={[this.listBoxId, this.inheritedAttributes['aria-owns']].join(' ')}\n\t\t\t\t\taria-expanded={booleanString(this.list.length && this.focused ? true : false)}\n\t\t\t\t\tref={el => (this.inputRef = el as HTMLGovFormInputElement)}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"validation-icon\" />\n\t\t\t\t\t<slot name=\"icon-end\" />\n\t\t\t\t</gov-form-input>\n\t\t\t\t<ul class={FormAutocompleteClass.list}\n\t\t\t\t\trole={'listbox'}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.focused)}\n\t\t\t\t\thidden={!this.focused}\n\t\t\t\t\tid={this.listBoxId}\n\t\t\t\t\tref={el => (this.listRef = el as HTMLUListElement)}>\n\t\t\t\t\t{this.focused && this.list.length === 0 && this.processing === false && this.isValueAccepted && this.messageEmpty ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.empty}>{this.messageEmpty}</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused && this.processing === true && this.isValueAccepted ? (\n\t\t\t\t\t\t<li class={FormAutocompleteClass.loading}>\n\t\t\t\t\t\t\t<gov-skeleton size=\"m\"></gov-skeleton>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{this.focused ? this.list.map((item, index) => {\n\t\t\t\t\t\tconst isSelected = this.arrowCounter === index\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\tclass={FormAutocompleteClass.item}\n\t\t\t\t\t\t\t\tinnerHTML={this.templateResolver(item, isSelected)}\n\t\t\t\t\t\t\t\trole={'option'}\n\t\t\t\t\t\t\t\taria-posinset={index}\n\t\t\t\t\t\t\t\ttabindex={isSelected ? 0 : -1}\n\t\t\t\t\t\t\t\taria-setsize={this.list.length}\n\t\t\t\t\t\t\t\tonTouchStart={(e: TouchEvent) => this.onSelectHandler(e, index)}\n\t\t\t\t\t\t\t\tonMouseDown={(e: PointerEvent) => this.onSelectHandler(e, index)}\n\t\t\t\t\t\t\t\taria-selected={toBoolAttr(isSelected)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<slot name=\"list-item-left\"/>\n\t\t\t\t\t\t\t\t<slot name=\"list-item-right\"/>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)\n\t\t\t\t\t}) : null}\n\t\t\t\t</ul>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\tthis.focused = true\n\t\tthis.arrowCounter = -1\n\t\tif (this.isValueAccepted && this.searchCallback) {\n\t\t\tthis.doSearch()\n\t\t}\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\tthis.focused = false\n\t\tthis.clearList();\n\t\tthis.arrowCounter = -1\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t}\n\n\tprivate onInputHandler(e: InputEvent) {\n\t\tthis.value = (e.target as HTMLGovFormInputElement).value\n\t\te.stopPropagation()\n\t\tthis.govInput.emit({\n\t\t\toriginalEvent: e,\n\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\tvalue: this.value,\n\t\t\tselected: null,\n\t\t})\n\t\tthis.doSearch()\n\t}\n\n\tprivate onSelectHandler(e: PointerEvent | CustomEvent | TouchEvent, index = -1) {\n\t\tlet selected: Nullable<GovFormAutocompleteItem> = null\n\t\tif (index > -1) {\n\t\t\tselected = this.list[index]\n\t\t} else if (has(this.arrowCounter, this.list)) {\n\t\t\tselected = this.list[this.arrowCounter]\n\t\t}\n\t\tif (selected) {\n\t\t\tthis.govSelect.emit({\n\t\t\t\tcomponent: FormAutocompleteClass.root,\n\t\t\t\tvalue: this.value,\n\t\t\t\tselected: selected,\n\t\t\t\toriginalEvent: e,\n\t\t\t})\n\t\t\tthis.clearList();\n\t\t\tif (has(this.nameKey, selected) && typeof selected[this.nameKey] === 'string') {\n\t\t\t\tthis.value = selected[this.nameKey]\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate onKeyUpHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 38) this.onArrowUp()\n\t\telse if (event.keyCode === 40) this.onArrowDown()\n\t\telse if (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t\tthis.onSelectHandler(e)\n\t\t}\n\t}\n\n\tprivate onKeyDownHandler(e: CustomEvent) {\n\t\tconst event = (e.detail as FormInputEvent).originalEvent as KeyboardEvent\n\t\te.stopPropagation()\n\t\tevent.stopPropagation()\n\t\tif (event.keyCode === 13) {\n\t\t\te.preventDefault()\n\t\t\tevent.preventDefault()\n\t\t}\n\t}\n\n\t/**\n\t * Focus main input element\n\t */\n\t@Method()\n\tasync setFocus(options?: FocusOptions): Promise<void> {\n\t\treturn this.inputRef.focus(options)\n\t}\n\n\t/**\n\t * Blur main input element\n\t */\n\t@Method()\n\tasync setBlur(): Promise<void> {\n\t\treturn this.inputRef.blur()\n\t}\n\n\t/**\n\t * Set options for list\n\t */\n\t@Method()\n\tasync setOptions(options: GovFormAutocompleteItem[]): Promise<void> {\n\t\tthis.list = Array.isArray(options) ? options : []\n\t\tthis.arrowCounter = -1\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync clearValue(): Promise<void> {\n\t\tthis.value = ''\n\t\tthis.inputRef.value = ''\n\n\t\tawait this.inputRef.clearValue()\n\t}\n\n\t/**\n\t * Clears whisperer value\n\t */\n\t@Method()\n\tasync setProcessing(status: boolean): Promise<void> {\n\t\tthis.processing = status\n\t}\n\n\t/**\n\t * Set a custom asynchronous function for the whisperer\n\t */\n\t@Method()\n\tasync setSearchCallback(callback: (value: string) => Promise<any>) {\n\t\tthis.searchCallback = callback\n\t}\n\n\t/**\n\t * Setting a custom whisper result template\n\t * @param callback\n\t */\n\t@Method()\n\tasync setTemplateResolver(callback: (item: GovFormAutocompleteItem) => string) {\n\t\tthis.templateResolver = callback\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,a as e,g as a}from"./p-9dea2efa.js";import{v as h}from"./p-0b3574c2.js";import{g as c}from"./p-ea7fdd2e.js";import{p as o}from"./p-e0e2e9c1.js";import{S as n}from"./p-92f420cb.js";import{a as d,b as r}from"./p-3bbb77a0.js";import{c as f}from"./p-cd6c2938.js";import{p as b}from"./p-016bbea6.js";import{i as l}from"./p-d9a299a4.js";import{A as p,a as m}from"./p-9ac55bd1.js";import"./p-e8ec030e.js";import"./p-5aad3497.js";const u=o(n,["_XS","_S","_M"]);var g;(function(t){t["SOLID"]="solid";t["OUTLINED"]="outlined"})(g||(g={}));var v;(function(t){t["A"]="a";t["SPAN"]="span";t["BUTTON"]="button"})(v||(v={}));const y={root:"gov-chip",inner:"gov-chip__inner",hasRight:"gov-chip--has-right",hasLeft:"gov-chip--has-left"};const j=class{constructor(i){t(this,i);this.govClick=s(this,"gov-click",7);this.hydrated=false;this.disabled=false;this.href=undefined;this.target=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.size=u._M;this.tag="span";this.color=d.PRIMARY;this.type=undefined;this.focusable=true;this.identifier=undefined;this.inheritedAttributes={};this.h=c(this.host);this.chipId=f("GovChip")}validateColor(t){h(d,t,y.root)}validateSize(t){h(r,t,y.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size);this.inheritedAttributes=l(this.host)}componentDidLoad(){this.attributeObserver=new p(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(m)}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}connectedCallback(){this.hydrated=true}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){const t=this.href?v.A:this.tag;const s=t==v.BUTTON?v.BUTTON:undefined;const a=b(this.iconStart);const h=b(this.iconEnd);return i(e,{key:"3873d567f8dd31d62e259751a9800bc2302380f8",class:this.h.classes([y.root,this.h.hasSlot("right")?y.hasRight:undefined,this.h.hasSlot("left")?y.hasLeft:undefined]),disabled:this.disabled,href:this.href,color:this.color,type:this.type,size:this.size,hoverable:t==v.A||t==v.BUTTON,hydrated:this.hydrated},i(t,Object.assign({key:"6635ce7184fba0374e7f8035c3df38156ac69b24",class:"element",href:this.href,target:this.target,ref:t=>this.triggerRef=t,onClick:this.onClickHandler.bind(this),tabindex:(this.h.hasSlot("left")||this.h.hasSlot("right")||this.disabled)&&!this.focusable?"-1":"0",id:this.identifier||this.chipId,type:s},this.inheritedAttributes,{"aria-disabled":this.disabled}),i("slot",{key:"3677ece9c89d8e9d59fb5d87fced0cdf4936342b",name:"left"}),i("slot",{key:"0acc75cb17c45740380ceb6681d21b29475c6419",name:"icon-start"},a&&i("gov-icon",{key:"f95b1e5fc9e460177a98deb1a7cd324dcac5e57f",type:a.type,name:a.name})),i("slot",{key:"f0354863b6c661b99c26f5e94193b85a12affab9"}),i("slot",{key:"ee35b12933b95d96932890ede60fa5b91f51d6b5",name:"icon-end"},h&&i("gov-icon",{key:"50cd0f12c868cb1e674a3df0609c2c8ba5664556",type:h.type,name:h.name})),i("slot",{key:"39ca7870c9423cd0a3f8ca6c91b4a0daed8ef07f",name:"right"})))}onClickHandler(t){t.stopPropagation();if(this.disabled===false&&this.tag===v.BUTTON){this.govClick.emit(t)}}async geRef(){return this.triggerRef}async setFocus(){this.triggerRef.focus()}get host(){return a(this)}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}};export{j as gov_chip};
|
|
2
|
+
//# sourceMappingURL=p-ee950038.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ChipSizes","pick","Sizes","ChipType","NativeType","ChipClass","root","inner","hasRight","hasLeft","GovChip","constructor","hostRef","this","hydrated","_M","ButtonColors","PRIMARY","h","govHost","host","chipId","createID","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","color","size","inheritedAttributes","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","disconnectedCallback","_a","stopObserving","connectedCallback","removeAttribute","Object","assign","render","Tag","href","A","tag","nativeType","BUTTON","undefined","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","hasSlot","disabled","type","hoverable","target","ref","el","triggerRef","onClick","onClickHandler","bind","tabindex","focusable","id","identifier","name","e","stopPropagation","govClick","emit","geRef","setFocus","focus"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const ChipSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type ChipSizesType = `${ValueOf<typeof ChipSizes>}`\n\nexport enum ChipType {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n}\nexport type ChipTypesType = `${ValueOf<typeof ChipType>}`\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {ChipClass, ChipSizes, ChipSizesType, ChipTypesType, NativeType, NativeTypesType} from \"./constants\"\nimport {ButtonColors, ButtonColorType, ButtonSizes} from \"../gov-button/button/constants\"\nimport {createID} from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {ariaAttributes} from \"../../helpers/Accessibility/attributes\";\nimport {AttributeObserver, Attributes} from \"../../helpers/Dom/attribute\";\n\n@Component({\n\ttag: \"gov-chip\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\tprivate hydrated = false\n\tprivate attributeObserver: AttributeObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Makes the chip component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ChipSizesType = ChipSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Chip’s type\n\t */\n\t@Prop({reflect: true}) readonly type: ChipTypesType\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({eventName: \"gov-click\"}) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tcolor={this.color}\n\t\t\t\ttype={this.type}\n\t\t\t\tsize={this.size}\n\t\t\t\thoverable={Tag == NativeType.A || Tag == NativeType.BUTTON}\n\t\t\t\thydrated={this.hydrated}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\ttabindex={(this.h.hasSlot(\"left\") || this.h.hasSlot(\"right\") || this.disabled) && !this.focusable ? \"-1\" : \"0\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}\n\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\taria-disabled={this.disabled}>\n\t\t\t\t\t<slot name=\"left\"></slot>\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot name=\"right\"></slot>\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync geRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,a,g as s}from"./p-9dea2efa.js";import{g as o}from"./p-ea7fdd2e.js";import{v as i}from"./p-0b3574c2.js";import{a as c,b as f}from"./p-3bbb77a0.js";import{p as r}from"./p-e0e2e9c1.js";import{S as d}from"./p-92f420cb.js";import{p as n}from"./p-016bbea6.js";import"./p-e8ec030e.js";import"./p-5aad3497.js";const p=r(d,["_XS","_S","_M"]);var b;(function(e){e["BOLD"]="bold";e["SUBTLE"]="subtle"})(b||(b={}));const h={root:"gov-tag"};const m=class{constructor(t){e(this,t);this.iconStart=undefined;this.iconEnd=undefined;this.size=p._S;this.color=c.PRIMARY;this.type=undefined;this.expanded=false;this.h=o(this.host)}validateColor(e){i(c,e,h.root)}validateSize(e){i(f,e,h.root)}componentWillLoad(){this.validateColor(this.color);this.validateSize(this.size)}render(){const e=n(this.iconStart);const s=n(this.iconEnd);return t(a,{key:"2666286a982e645f733c109a70f5463e002fe6ff",class:this.h.classes(h.root),color:this.color,size:this.size,type:this.type},t("span",{key:"e71f4041d2bbaa983948f44e6782c0dd33c5943a",class:"element"},t("slot",{key:"c35c4b9b661a6aeed75e15dc96de454b53bbbece",name:"icon-start"},e&&t("gov-icon",{key:"de5abfab508e4b5c684e9db5af2f9070244a5730",type:e.type,name:e.name})),t("slot",{key:"745c8a357a058af3f0d897045219a057ccf0c4fc"}),t("slot",{key:"4f9393a61fe22e3696ddfc194afced17cd95f673",name:"icon-end"},s&&t("gov-icon",{key:"25701722d4cebce173fa354460ac7911c9f2a44b",type:s.type,name:s.name}))))}get host(){return s(this)}static get watchers(){return{color:["validateColor"],size:["validateSize"]}}};export{m as gov_tag};
|
|
2
|
+
//# sourceMappingURL=p-f0e001c7.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TagSizes","pick","Sizes","TagType","TagClass","root","GovTag","constructor","hostRef","_S","ButtonColors","PRIMARY","this","h","govHost","host","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","color","size","render","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","type","name"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["TagSizes","pick","Sizes","TagType","TagClass","root","GovTag","constructor","hostRef","_S","ButtonColors","PRIMARY","this","h","govHost","host","validateColor","newValue","validateProp","validateSize","ButtonSizes","componentWillLoad","color","size","render","iconStart","prepareIconFormat","iconEnd","Host","key","class","classes","type","name"],"sources":["../../../packages/core/src/components/gov-tag/constants.ts","../../../packages/core/src/components/gov-tag/gov-tag.tsx"],"sourcesContent":["import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const TagSizes = pick(Sizes, ['_XS', '_S', '_M'])\nexport type TagSizesType = `${ValueOf<typeof TagSizes>}`\n\nexport enum TagType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type TagTypesType = `${ValueOf<typeof TagType>}`\n\nexport const TagClass = {\n\troot: 'gov-tag',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {ButtonSizes, ButtonColors, ButtonColorType} from '../gov-button/button/constants'\nimport {TagClass, TagSizes, TagSizesType, TagTypesType} from './constants'\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: 'gov-tag',\n})\nexport class GovTag {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovTagElement\n\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-start\"}) readonly iconStart?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-end\"}) readonly iconEnd?: string\n\t/**\n\t * Tag’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: TagSizesType = TagSizes._S\n\t/**\n\t * Style variation of the tag.\n\t */\n\t@Prop({reflect: true}) readonly color: ButtonColorType = ButtonColors.PRIMARY\n\t/**\n\t * Tag’s type\n\t */\n\t@Prop({reflect: true}) readonly type: TagTypesType\n\t/**\n\t * Expands the tag to fill 100% of the container width\n\t */\n\t@Prop({reflect: true}) readonly expanded: boolean = false\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(ButtonColors, newValue, TagClass.root)\n\t}\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, TagClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst iconStart = prepareIconFormat(this.iconStart)\n\t\tconst iconEnd = prepareIconFormat(this.iconEnd)\n\t\treturn (\n\t\t\t<Host class={this.h.classes(TagClass.root)}\n\t\t\t\tcolor={this.color}\n\t\t\t\tsize={this.size}\n\t\t\t\ttype={this.type}\n\t\t\t>\n\t\t\t\t<span class=\"element\">\n\t\t\t\t\t<slot name=\"icon-start\">\n\t\t\t\t\t\t{iconStart && <gov-icon type={iconStart.type} name={iconStart.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<slot name=\"icon-end\">\n\t\t\t\t\t\t{iconEnd && <gov-icon type={iconEnd.type} name={iconEnd.name}></gov-icon>}\n\t\t\t\t\t</slot>\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"mUAIO,MAAMA,EAAWC,EAAKC,EAAO,CAAC,MAAO,KAAM,OAGlD,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAO,KAMZ,MAAMC,EAAW,CACvBC,KAAM,W,MCHMC,EAAM,MAGlB,WAAAC,CAAAC,G,oEAiBqDR,EAASS,G,WAILC,EAAaC,Q,kCAQlB,MA5BnDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA+BvB,aAAAC,CAAcC,GACbC,EAAaR,EAAcO,EAAUb,EAASC,K,CAI/C,YAAAc,CAAaF,GACZC,EAAaE,EAAaH,EAAUb,EAASC,K,CAG9C,iBAAAgB,GACCT,KAAKI,cAAcJ,KAAKU,OACxBV,KAAKO,aAAaP,KAAKW,K,CAGxB,MAAAC,GACC,MAAMC,EAAYC,EAAkBd,KAAKa,WACzC,MAAME,EAAUD,EAAkBd,KAAKe,SACvC,OACCd,EAACe,EAAI,CAAAC,IAAA,2CAACC,MAAOlB,KAAKC,EAAEkB,QAAQ3B,EAASC,MACpCiB,MAAOV,KAAKU,MACZC,KAAMX,KAAKW,KACXS,KAAMpB,KAAKoB,MAEXnB,EAAA,QAAAgB,IAAA,2CAAMC,MAAM,WACXjB,EAAA,QAAAgB,IAAA,2CAAMI,KAAK,cACTR,GAAaZ,EAAA,YAAAgB,IAAA,2CAAUG,KAAMP,EAAUO,KAAMC,KAAMR,EAAUQ,QAE/DpB,EAAA,QAAAgB,IAAA,6CACAhB,EAAA,QAAAgB,IAAA,2CAAMI,KAAK,YACTN,GAAWd,EAAA,YAAAgB,IAAA,2CAAUG,KAAML,EAAQK,KAAMC,KAAMN,EAAQM,S","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as i,a as e,g as o}from"./p-9dea2efa.js";import{c as a}from"./p-cd6c2938.js";import{g as h,c as n,t as r}from"./p-ea7fdd2e.js";import{g as l}from"./p-da1db6fd.js";import{i as c}from"./p-d9a299a4.js";import{A as f,a as d}from"./p-9ac55bd1.js";import"./p-92f420cb.js";import"./p-e0e2e9c1.js";import"./p-7f3becc5.js";import"./p-5aad3497.js";import"./p-56efd4a2.js";import"./p-7ba4daf4.js";const m={root:"gov-form-file",area:"gov-form-file__area",input:"gov-form-file__input",attachments:"gov-form-file__attachments"};function p(t){const s=["bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let i=0,e=parseInt(t,10)||0;while(e>=1024&&++i){e=e/1024}return e.toFixed(e<10&&i>0?1:0)+" "+s[i]}function u(t,s){if(typeof s==="string"&&s.length){return s.replace(/\s/g,"").split(",").filter((s=>new RegExp(s.replace("*",".*")).test(t.type))).length>0}else{return true}}function g(t,s){const i=Math.round(t.size);return i<=s}const v=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus",7);this.govBlur=s(this,"gov-blur",7);this.govFiles=s(this,"gov-files",7);this.govAddFile=s(this,"gov-add-file",7);this.govRemoveFile=s(this,"gov-remove-file",7);this.eventsRegistered=false;this.expanded=false;this.required=false;this.disabled=false;this.resetAfterPick=false;this.ignoreFileDuplicationCheck=false;this.displayAttachments=true;this.name=undefined;this.accept=undefined;this.multiple=false;this.maxFileSize=-1;this.identifier=undefined;this.invalid=undefined;this.errorSize="Soubor je větší než povolená velikost {FILE_SIZE}";this.errorAccept="Soubor tohoto typu není povolen";this.accessibleRemoveLabel="Odebrat soubor {FILE_NAME}";this.accessibleAttachmentsLabel="Přílohy";this.files=[];this.inheritedAttributes={};this.fileId=a("GovInputFile");this.h=h(this.host);this.f=l(this.h)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("invalid",n(this.invalid));this.f.passAttrToControl("disabled",n(this.disabled));this.f.passAttrToControl("type","File")}registerListeners(){if(this.eventsRegistered){return}this.eventsRegistered=true;function t(){this.areaRef.classList.add("highlight")}function s(){this.areaRef.classList.remove("highlight")}this.inputRef.addEventListener("change",(t=>{t.preventDefault();t.stopPropagation();const s=t.target.files;if(this.resetAfterPick){if(s.length){this.validateFiles(s)}}else{this.validateFiles(s)}}),false);if(this.expanded){const i=["dragover","dragleave"];const e=["dragenter","dragover","mouseenter"];const o=["dragleave","mouseleave"];i.map((t=>this.inputRef.addEventListener(t,this.preventDefaults.bind(this),false)));e.map((s=>this.inputRef.addEventListener(s,t.bind(this),false)));o.forEach((t=>this.inputRef.addEventListener(t,s.bind(this),false)))}}preventDefaults(t){t.preventDefault();t.stopPropagation()}handleDrop(t){const s=t.dataTransfer;this.validateFiles(s.files)}validateFiles(t){let s=[];Array.from(t).map((t=>{const i=this.files.find((s=>s.file.name===t.name&&s.file.size===t.size))||null;if(i===null||this.ignoreFileDuplicationCheck){const i=typeof this.maxFileSize==="number"&&this.maxFileSize>0?g(t,this.maxFileSize):true;const e=u(t,this.accept);const o={id:a("GovFormFile"),file:t,acceptValid:e,sizeValid:i};if(this.displayAttachments){this.files=[...this.files,o]}else{s=[...s,o]}this.govAddFile.emit({component:m.root,file:o})}}));this.govFiles.emit({component:m.root,files:s.length?s:this.files});if(this.resetAfterPick){this.reset().finally()}}componentDidLoad(){this.attributeObserver=new f(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(d)}componentWillLoad(){this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs();this.inheritedAttributes=c(this.host)}async componentDidRender(){this.registerListeners()}disconnectedCallback(){var t;(t=this.attributeObserver)===null||t===void 0?void 0:t.stopObserving()}onAriaAttributeChange(t,s){this.host.removeAttribute(t);this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:s})}render(){return i(e,{key:"57a2ec8520c058114c22a58cc666d74efccb9a96",class:this.h.classes([m.root]),invalid:r(this.invalid),expanded:r(this.expanded)},i("div",{key:"6a31911301d1b3eaaeafe32f3167fc0a5893125a",class:m.area,ref:t=>this.areaRef=t},i("slot",{key:"feae9382b0223eec714593882ade1904d284e40d"}),i("input",Object.assign({key:"b6a16d19ba27cdd878540b39bc440d11761a3ab5",class:m.input,ref:t=>this.inputRef=t,id:this.identifier||this.fileId,type:"file",name:this.name,accept:this.accept,multiple:this.multiple,onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled},this.inheritedAttributes,{"aria-required":r(this.required),"aria-invalid":r(this.invalid),"aria-disabled":r(this.disabled)}))),this.h.hasSlot("attachments")?i("div",{class:m.attachments},i("slot",{name:"attachments"})):null,this.files.length&&this.displayAttachments?i("div",{class:m.attachments},i("gov-attachments",{label:this.accessibleAttachmentsLabel,"accessible-label":this.accessibleAttachmentsLabel},this.files.map((t=>i("gov-attachments-item",{"accessible-remove-labelledby":t.id,"on-gov-remove":()=>this.onRemoveFileHandler(t)},i("span",{class:"sr-only",id:t.id},this.accessibleRemoveLabel.replace("{FILE_NAME}",t.file.name)),t.file.name,t.acceptValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),t.acceptValid===false?this.errorAccept:null):null,t.sizeValid===false?i("gov-form-message",{slot:"message",color:"error"},i("gov-icon",{slot:"icon",name:"exclamation-triangle-fill",type:"components"}),this.errorSize.replace("{FILE_SIZE}",p(this.maxFileSize))):null,i("span",{slot:"info"},"(",p(t.file.size),")")))))):null)}onRemoveFileHandler(t){const s=this.files.findIndex((s=>s.id===t.id));if(s!==-1){const t=this.files;const i=this.files[s];t.splice(s,1);this.files=[...t];this.govRemoveFile.emit({component:m.root,file:i});this.govFiles.emit({component:m.root,files:t})}}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:m.root,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:m.root,originalEvent:t})}onChangeHandler(t){t.stopPropagation()}async getRef(){return this.inputRef}async getAreaRef(){return this.areaRef}async reset(){this.files=[];this.inputRef.value=""}get host(){return o(this)}static get watchers(){return{disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}};export{v as gov_form_file};
|
|
2
|
+
//# sourceMappingURL=p-f120ba66.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FormFileClass","root","area","input","attachments","formatBytes","bytes","units","l","n","parseInt","toFixed","fileAcceptValidation","file","accept","length","replace","split","filter","RegExp","test","type","fileSizeValidation","maxSize","fileSize","Math","round","size","GovFormFile","constructor","hostRef","this","eventsRegistered","fileId","createID","h","govHost","host","f","govForm","watchControlAttrs","passControlAttrs","passAttrToControl","toBoolAttr","invalid","disabled","registerListeners","highlight","areaRef","classList","add","unhighlight","remove","inputRef","addEventListener","e","preventDefault","stopPropagation","files","target","resetAfterPick","validateFiles","expanded","events","inEvents","outEvents","map","eventName","preventDefaults","bind","forEach","handleDrop","dataTransfer","filesBuffer","Array","from","isFile","find","item","name","ignoreFileDuplicationCheck","isSizeValid","maxFileSize","isAcceptValid","newFile","id","acceptValid","sizeValid","displayAttachments","govAddFile","emit","component","govFiles","reset","finally","componentDidLoad","attributeObserver","AttributeObserver","attributeName","newValue","onAriaAttributeChange","startObserving","ariaAttributes","componentWillLoad","passAttrToLabel","String","required","inheritedAttributes","inheritAriaAttributes","componentDidRender","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","Host","key","class","classes","toBoolAttrIfDefined","ref","el","identifier","multiple","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","hasSlot","label","accessibleAttachmentsLabel","onRemoveFileHandler","accessibleRemoveLabel","slot","color","errorAccept","errorSize","index","findIndex","removeFile","splice","govRemoveFile","govFocus","originalEvent","govBlur","getRef","getAreaRef","value"],"sources":["../../../packages/core/src/components/gov-form/file/constants.ts","../../../packages/core/src/utils/file.utils.ts","../../../packages/core/src/components/gov-form/file/gov-form-file.tsx"],"sourcesContent":["export const FormFileClass = {\n\troot: 'gov-form-file',\n\tarea: 'gov-form-file__area',\n\tinput: 'gov-form-file__input',\n\tattachments: 'gov-form-file__attachments',\n}\n","export function formatBytes(bytes: any): string {\n\tconst units = ['bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n\tlet l = 0,\n\t\tn = parseInt(bytes, 10) || 0\n\n\twhile (n >= 1024 && ++l) {\n\t\tn = n / 1024\n\t}\n\n\treturn n.toFixed(n < 10 && l > 0 ? 1 : 0) + ' ' + units[l]\n}\n\nexport function fileAcceptValidation(file: File, accept: string): boolean {\n\tif (typeof accept === 'string' && accept.length) {\n\t\treturn (\n\t\t\taccept\n\t\t\t\t.replace(/\\s/g, '')\n\t\t\t\t.split(',')\n\t\t\t\t.filter(accept => {\n\t\t\t\t\treturn new RegExp(accept.replace('*', '.*')).test(file.type)\n\t\t\t\t}).length > 0\n\t\t)\n\t} else {\n\t\treturn true\n\t}\n}\n\nexport function fileSizeValidation(file: File, maxSize: number): boolean {\n\tconst fileSize = Math.round(file.size)\n\treturn fileSize <= maxSize\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {FormFileClass} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {fileAcceptValidation, fileSizeValidation, formatBytes} from \"../../../utils/file.utils\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport {GovFormFileEvent, GovFormFileItem} from \"./gov-form-file.types\"\nimport {inheritAriaAttributes} from \"../../../helpers/Accessibility/accessibility\";\nimport {AttributeObserver, Attributes} from \"../../../helpers/Dom/attribute\";\nimport {ariaAttributes} from \"../../../helpers/Accessibility/attributes\";\n\n@Component({\n\ttag: \"gov-form-file\",\n})\nexport class GovFormFile {\n\tprivate f: GovForm\n\tprivate readonly h: GovHost\n\n\tprivate areaRef?: HTMLDivElement\n\tprivate inputRef?: HTMLInputElement\n\tprivate readonly fileId: string\n\tprivate attributeObserver: AttributeObserver\n\tprivate eventsRegistered = false\n\n\tconstructor() {\n\t\tthis.fileId = createID(\"GovInputFile\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormFileElement\n\t/**\n\t * Expands the file input to fill 100% of the container width.\n\t */\n\t@Prop() readonly expanded: boolean = false\n\t/**\n\t * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.\n\t * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.\n\t */\n\t@Prop() readonly required: boolean = false\n\t/**\n\t * Makes the File component disabled.\n\t * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * After selecting the files, the main input element will be reset.\n\t * The propagation of the event with the selected files will not be affected.\n\t */\n\t@Prop({attribute: \"reset-after-pick\"}) readonly resetAfterPick: boolean = false\n\t/**\n\t * Selected files will not be checked for duplicates based on name and size.\n\t */\n\t@Prop({attribute: \"ignore-file-duplication-check\"}) readonly ignoreFileDuplicationCheck: boolean = false\n\t/**\n\t * Show list of attachments\n\t */\n\t@Prop({attribute: \"display-attachments\"}) readonly displayAttachments: boolean = true\n\t/**\n\t * Name of the input.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\n\t */\n\t@Prop() readonly accept: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple\n\t */\n\t@Prop() readonly multiple: boolean = false\n\t/**\n\t * Maximum embedded file size\n\t */\n\t@Prop({attribute: \"max-file-size\"}) readonly maxFileSize: number = -1\n\t/**\n\t * Custom File identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Indicates the entered value does not conform to the format expected by the application.\n\t */\n\t@Prop() readonly invalid: boolean\n\t/**\n\t * Error message when the maximum file size is exceeded\n\t */\n\t@Prop({attribute: \"error-size\"}) readonly errorSize: string = \"Soubor je větší než povolená velikost {FILE_SIZE}\"\n\t/**\n\t * Insert unsupported file error message\n\t */\n\t@Prop({attribute: \"error-accept\"}) readonly errorAccept: string = \"Soubor tohoto typu není povolen\"\n\t/**\n\t * Adds accessible label for the remove button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: \"accessible-remove-label\"}) readonly accessibleRemoveLabel: string = \"Odebrat soubor {FILE_NAME}\"\n\t/**\n\t * Adds accessible label for the list of attachments.\n\t */\n\t@Prop({attribute: \"accessible-attachments-label\"}) readonly accessibleAttachmentsLabel: string = \"Přílohy\"\n\t/**\n\t * Emitted when the File has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Emitted when the File loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when the list of inserted files is changed\n\t */\n\t@Event({eventName: \"gov-files\"}) govFiles: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when a new file is added\n\t */\n\t@Event({eventName: \"gov-add-file\"}) govAddFile: EventEmitter<GovFormFileEvent>\n\t/**\n\t * Called when a file is removed from the list\n\t */\n\t@Event({eventName: \"gov-remove-file\"}) govRemoveFile: EventEmitter<GovFormFileEvent>\n\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() files: GovFormFileItem[] = []\n\t@State() inheritedAttributes: Attributes = {}\n\n\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"type\", \"File\")\n\t}\n\n\n\tprivate registerListeners() {\n\t\tif (this.eventsRegistered) {\n\t\t\treturn\n\t\t}\n\t\tthis.eventsRegistered = true\n\n\t\tfunction highlight() {\n\t\t\tthis.areaRef.classList.add(\"highlight\")\n\t\t}\n\n\t\tfunction unhighlight() {\n\t\t\tthis.areaRef.classList.remove(\"highlight\")\n\t\t}\n\n\t\tthis.inputRef.addEventListener(\n\t\t\t\"change\",\n\t\t\te => {\n\t\t\t\te.preventDefault()\n\t\t\t\te.stopPropagation()\n\t\t\t\tconst files = (e.target as HTMLInputElement).files\n\t\t\t\tif (this.resetAfterPick) {\n\t\t\t\t\tif (files.length) {\n\t\t\t\t\t\tthis.validateFiles(files)\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.validateFiles(files)\n\t\t\t\t}\n\t\t\t},\n\t\t\tfalse,\n\t\t)\n\n\t\tif (this.expanded) {\n\t\t\tconst events = [\"dragover\", \"dragleave\"]\n\t\t\tconst inEvents = [\"dragenter\", \"dragover\", \"mouseenter\"]\n\t\t\tconst outEvents = [\"dragleave\", \"mouseleave\"]\n\n\t\t\tevents.map(eventName => this.inputRef.addEventListener(eventName, this.preventDefaults.bind(this), false))\n\t\t\tinEvents.map(eventName => this.inputRef.addEventListener(eventName, highlight.bind(this), false))\n\t\t\toutEvents.forEach(eventName => this.inputRef.addEventListener(eventName, unhighlight.bind(this), false))\n\t\t}\n\t}\n\n\tpreventDefaults(e) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\t}\n\n\thandleDrop(e: DragEvent) {\n\t\tconst dataTransfer = e.dataTransfer\n\t\tthis.validateFiles(dataTransfer.files)\n\t}\n\n\tprivate validateFiles(files: FileList) {\n\t\tlet filesBuffer: GovFormFileItem[] = []\n\t\tArray.from(files).map(file => {\n\t\t\tconst isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null\n\t\t\tif (isFile === null || this.ignoreFileDuplicationCheck) {\n\t\t\t\tconst isSizeValid = typeof this.maxFileSize === \"number\" && this.maxFileSize > 0 ? fileSizeValidation(file, this.maxFileSize) : true\n\t\t\t\tconst isAcceptValid = fileAcceptValidation(file, this.accept)\n\t\t\t\tconst newFile = {\n\t\t\t\t\tid: createID(\"GovFormFile\"),\n\t\t\t\t\tfile,\n\t\t\t\t\tacceptValid: isAcceptValid,\n\t\t\t\t\tsizeValid: isSizeValid,\n\t\t\t\t}\n\t\t\t\tif (this.displayAttachments) {\n\t\t\t\t\tthis.files = [...this.files, newFile]\n\t\t\t\t} else {\n\t\t\t\t\tfilesBuffer = [...filesBuffer, newFile]\n\t\t\t\t}\n\t\t\t\tthis.govAddFile.emit({\n\t\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\t\tfile: newFile,\n\t\t\t\t})\n\t\t\t}\n\t\t})\n\n\t\tthis.govFiles.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\tfiles: filesBuffer.length ? filesBuffer : this.files,\n\t\t})\n\n\t\tif (this.resetAfterPick) {\n\t\t\tthis.reset().finally()\n\t\t}\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.attributeObserver = new AttributeObserver(this.host, (attributeName, newValue) => {\n\t\t\tthis.onAriaAttributeChange(attributeName, newValue);\n\t\t});\n\n\t\tthis.attributeObserver.startObserving(ariaAttributes);\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tasync componentDidRender() {\n\t\tthis.registerListeners()\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.attributeObserver?.stopObserving();\n\t}\n\n\tonAriaAttributeChange(attributeName: string, newValue: string) {\n\t\tthis.host.removeAttribute(attributeName)\n\t\tthis.inheritedAttributes = {...this.inheritedAttributes, [attributeName]: newValue};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([FormFileClass.root])}\n\t\t\t\t invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t expanded={toBoolAttrIfDefined(this.expanded)}>\n\t\t\t\t<div class={FormFileClass.area} ref={el => (this.areaRef = el as HTMLDivElement)}>\n\t\t\t\t\t<slot/>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={FormFileClass.input}\n\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\tid={this.identifier || this.fileId}\n\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\taccept={this.accept}\n\t\t\t\t\t\tmultiple={this.multiple}\n\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot(\"attachments\") ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<slot name={\"attachments\"}/>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\n\t\t\t\t{this.files.length && this.displayAttachments ? (\n\t\t\t\t\t<div class={FormFileClass.attachments}>\n\t\t\t\t\t\t<gov-attachments label={this.accessibleAttachmentsLabel}\n\t\t\t\t\t\t\t\t\t\t accessible-label={this.accessibleAttachmentsLabel}>\n\t\t\t\t\t\t\t{this.files.map(item => (\n\t\t\t\t\t\t\t\t<gov-attachments-item accessible-remove-labelledby={item.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t on-gov-remove={() => this.onRemoveFileHandler(item)}>\n\t\t\t\t\t\t\t\t\t<span class={\"sr-only\"} id={item.id}>\n\t\t\t\t\t\t\t\t\t\t{this.accessibleRemoveLabel.replace(\"{FILE_NAME}\", item.file.name)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{item.file.name}\n\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{item.acceptValid === false ? this.errorAccept : null}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t{item.sizeValid === false ? (\n\t\t\t\t\t\t\t\t\t\t<gov-form-message slot=\"message\" color=\"error\">\n\t\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t\t{this.errorSize.replace(\"{FILE_SIZE}\", formatBytes(this.maxFileSize))}\n\t\t\t\t\t\t\t\t\t\t</gov-form-message>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t<span slot=\"info\">({formatBytes(item.file.size)})</span>\n\t\t\t\t\t\t\t\t</gov-attachments-item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</gov-attachments>\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onRemoveFileHandler(file: GovFormFileItem) {\n\t\tconst index = this.files.findIndex(item => item.id === file.id)\n\t\tif (index !== -1) {\n\t\t\tconst files = this.files\n\t\t\tconst removeFile = this.files[index]\n\t\t\tfiles.splice(index, 1)\n\t\t\tthis.files = [...files]\n\t\t\tthis.govRemoveFile.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfile: removeFile,\n\t\t\t})\n\t\t\tthis.govFiles.emit({\n\t\t\t\tcomponent: FormFileClass.root,\n\t\t\t\tfiles,\n\t\t\t})\n\t\t}\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onBlurHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govBlur.emit({\n\t\t\tcomponent: FormFileClass.root,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\te.stopPropagation()\n\t}\n\n\t/**\n\t * Returns the reference of the native element\n\t */\n\t@Method()\n\tasync getRef(): Promise<HTMLInputElement> {\n\t\treturn this.inputRef\n\t}\n\n\t/**\n\t * Returns the reference of the native area element\n\t */\n\t@Method()\n\tasync getAreaRef(): Promise<HTMLDivElement> {\n\t\treturn this.areaRef\n\t}\n\n\t/**\n\t * Remove all files from component state\n\t */\n\t@Method()\n\tasync reset(): Promise<void> {\n\t\tthis.files = []\n\t\tthis.inputRef.value = '';\n\t}\n}\n"],"mappings":"yZAAO,MAAMA,EAAgB,CAC5BC,KAAM,gBACNC,KAAM,sBACNC,MAAO,uBACPC,YAAa,8B,SCJEC,EAAYC,GAC3B,MAAMC,EAAQ,CAAC,QAAS,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACzE,IAAIC,EAAI,EACPC,EAAIC,SAASJ,EAAO,KAAO,EAE5B,MAAOG,GAAK,QAAUD,EAAG,CACxBC,EAAIA,EAAI,I,CAGT,OAAOA,EAAEE,QAAQF,EAAI,IAAMD,EAAI,EAAI,EAAI,GAAK,IAAMD,EAAMC,EACzD,C,SAEgBI,EAAqBC,EAAYC,GAChD,UAAWA,IAAW,UAAYA,EAAOC,OAAQ,CAChD,OACCD,EACEE,QAAQ,MAAO,IACfC,MAAM,KACNC,QAAOJ,GACA,IAAIK,OAAOL,EAAOE,QAAQ,IAAK,OAAOI,KAAKP,EAAKQ,QACrDN,OAAS,C,KAER,CACN,OAAO,I,CAET,C,SAEgBO,EAAmBT,EAAYU,GAC9C,MAAMC,EAAWC,KAAKC,MAAMb,EAAKc,MACjC,OAAOH,GAAYD,CACpB,C,MCdaK,EAAW,MAUvB,WAAAC,CAAAC,G,4MAFQC,KAAAC,iBAAmB,M,cAaU,M,cAKA,M,cAKe,M,oBAKsB,M,gCAIyB,M,wBAIlB,K,wDAc5C,M,kBAI+B,E,gEAYN,oD,iBAII,kC,2BAIqB,6B,gCAIU,U,WA6B7D,G,yBACO,GAzG1CD,KAAKE,OAASC,EAAS,gBAEvBH,KAAKI,EAAIC,EAAQL,KAAKM,MACtBN,KAAKO,EAAIC,EAAQR,KAAKI,E,CAiGvB,iBAAAK,GACCT,KAAKU,kB,CAQE,gBAAAA,GACPV,KAAKO,EAAEI,kBAAkB,UAAWC,EAAWZ,KAAKa,UACpDb,KAAKO,EAAEI,kBAAkB,WAAYC,EAAWZ,KAAKc,WACrDd,KAAKO,EAAEI,kBAAkB,OAAQ,O,CAI1B,iBAAAI,GACP,GAAIf,KAAKC,iBAAkB,CAC1B,M,CAEDD,KAAKC,iBAAmB,KAExB,SAASe,IACRhB,KAAKiB,QAAQC,UAAUC,IAAI,Y,CAG5B,SAASC,IACRpB,KAAKiB,QAAQC,UAAUG,OAAO,Y,CAG/BrB,KAAKsB,SAASC,iBACb,UACAC,IACCA,EAAEC,iBACFD,EAAEE,kBACF,MAAMC,EAASH,EAAEI,OAA4BD,MAC7C,GAAI3B,KAAK6B,eAAgB,CACxB,GAAIF,EAAM3C,OAAQ,CACjBgB,KAAK8B,cAAcH,E,MAEd,CACN3B,KAAK8B,cAAcH,E,IAGrB,OAGD,GAAI3B,KAAK+B,SAAU,CAClB,MAAMC,EAAS,CAAC,WAAY,aAC5B,MAAMC,EAAW,CAAC,YAAa,WAAY,cAC3C,MAAMC,EAAY,CAAC,YAAa,cAEhCF,EAAOG,KAAIC,GAAapC,KAAKsB,SAASC,iBAAiBa,EAAWpC,KAAKqC,gBAAgBC,KAAKtC,MAAO,SACnGiC,EAASE,KAAIC,GAAapC,KAAKsB,SAASC,iBAAiBa,EAAWpB,EAAUsB,KAAKtC,MAAO,SAC1FkC,EAAUK,SAAQH,GAAapC,KAAKsB,SAASC,iBAAiBa,EAAWhB,EAAYkB,KAAKtC,MAAO,Q,EAInG,eAAAqC,CAAgBb,GACfA,EAAEC,iBACFD,EAAEE,iB,CAGH,UAAAc,CAAWhB,GACV,MAAMiB,EAAejB,EAAEiB,aACvBzC,KAAK8B,cAAcW,EAAad,M,CAGzB,aAAAG,CAAcH,GACrB,IAAIe,EAAiC,GACrCC,MAAMC,KAAKjB,GAAOQ,KAAIrD,IACrB,MAAM+D,EAAS7C,KAAK2B,MAAMmB,MAAKC,GAAQA,EAAKjE,KAAKkE,OAASlE,EAAKkE,MAAQD,EAAKjE,KAAKc,OAASd,EAAKc,QAAS,KACxG,GAAIiD,IAAW,MAAQ7C,KAAKiD,2BAA4B,CACvD,MAAMC,SAAqBlD,KAAKmD,cAAgB,UAAYnD,KAAKmD,YAAc,EAAI5D,EAAmBT,EAAMkB,KAAKmD,aAAe,KAChI,MAAMC,EAAgBvE,EAAqBC,EAAMkB,KAAKjB,QACtD,MAAMsE,EAAU,CACfC,GAAInD,EAAS,eACbrB,OACAyE,YAAaH,EACbI,UAAWN,GAEZ,GAAIlD,KAAKyD,mBAAoB,CAC5BzD,KAAK2B,MAAQ,IAAI3B,KAAK2B,MAAO0B,E,KACvB,CACNX,EAAc,IAAIA,EAAaW,E,CAEhCrD,KAAK0D,WAAWC,KAAK,CACpBC,UAAW3F,EAAcC,KACzBY,KAAMuE,G,KAKTrD,KAAK6D,SAASF,KAAK,CAClBC,UAAW3F,EAAcC,KACzByD,MAAOe,EAAY1D,OAAS0D,EAAc1C,KAAK2B,QAGhD,GAAI3B,KAAK6B,eAAgB,CACxB7B,KAAK8D,QAAQC,S,EAIf,gBAAAC,GACChE,KAAKiE,kBAAoB,IAAIC,EAAkBlE,KAAKM,MAAM,CAAC6D,EAAeC,KACzEpE,KAAKqE,sBAAsBF,EAAeC,EAAS,IAGpDpE,KAAKiE,kBAAkBK,eAAeC,E,CAGvC,iBAAAC,GACCxE,KAAKO,EAAEkE,gBAAgB,WAAYC,OAAO1E,KAAK2E,WAC/C3E,KAAKU,mBACLV,KAAK4E,oBAAsBC,EAAsB7E,KAAKM,K,CAGvD,wBAAMwE,GACL9E,KAAKe,mB,CAGN,oBAAAgE,G,OACCC,EAAAhF,KAAKiE,qBAAiB,MAAAe,SAAA,SAAAA,EAAEC,e,CAGzB,qBAAAZ,CAAsBF,EAAuBC,GAC5CpE,KAAKM,KAAK4E,gBAAgBf,GAC1BnE,KAAK4E,oBAAmBO,OAAAC,OAAAD,OAAAC,OAAA,GAAOpF,KAAK4E,qBAAmB,CAAET,CAACA,GAAgBC,G,CAG3E,MAAAiB,GACC,OACCjF,EAACkF,EAAI,CAAAC,IAAA,2CAACC,MAAOxF,KAAKI,EAAEqF,QAAQ,CAACxH,EAAcC,OACxC2C,QAAS6E,EAAoB1F,KAAKa,SAClCkB,SAAU2D,EAAoB1F,KAAK+B,WACrC3B,EAAA,OAAAmF,IAAA,2CAAKC,MAAOvH,EAAcE,KAAMwH,IAAKC,GAAO5F,KAAKiB,QAAU2E,GAC1DxF,EAAA,QAAAmF,IAAA,6CACAnF,EAAA,QAAA+E,OAAAC,OAAA,CAAAG,IAAA,2CACCC,MAAOvH,EAAcG,MACrBuH,IAAKC,GAAO5F,KAAKsB,SAAWsE,EAC5BtC,GAAItD,KAAK6F,YAAc7F,KAAKE,OAC5BZ,KAAK,OACL0D,KAAMhD,KAAKgD,KACXjE,OAAQiB,KAAKjB,OACb+G,SAAU9F,KAAK8F,SACfC,SAAU/F,KAAKgG,gBAAgB1D,KAAKtC,MACpCiG,QAASjG,KAAKkG,eAAe5D,KAAKtC,MAClCmG,OAAQnG,KAAKoG,cAAc9D,KAAKtC,MAChC2E,SAAU3E,KAAK2E,SACf7D,SAAUd,KAAKc,UACXd,KAAK4E,oBAAmB,iBACbc,EAAoB1F,KAAK2E,UAAS,eACnCe,EAAoB1F,KAAKa,SAAQ,gBAChC6E,EAAoB1F,KAAKc,cAIzCd,KAAKI,EAAEiG,QAAQ,eACfjG,EAAA,OAAKoF,MAAOvH,EAAcI,aACzB+B,EAAA,QAAM4C,KAAM,iBAEV,KAEHhD,KAAK2B,MAAM3C,QAAUgB,KAAKyD,mBAC1BrD,EAAA,OAAKoF,MAAOvH,EAAcI,aACzB+B,EAAA,mBAAiBkG,MAAOtG,KAAKuG,2BAA0B,mBAChCvG,KAAKuG,4BAC1BvG,KAAK2B,MAAMQ,KAAIY,GACf3C,EAAA,uDAAoD2C,EAAKO,GAAE,gBACrC,IAAMtD,KAAKwG,oBAAoBzD,IACpD3C,EAAA,QAAMoF,MAAO,UAAWlC,GAAIP,EAAKO,IAC/BtD,KAAKyG,sBAAsBxH,QAAQ,cAAe8D,EAAKjE,KAAKkE,OAE7DD,EAAKjE,KAAKkE,KACVD,EAAKQ,cAAgB,MACrBnD,EAAA,oBAAkBsG,KAAK,UAAUC,MAAM,SACtCvG,EAAA,YAAUsG,KAAK,OAAO1D,KAAK,4BAA4B1D,KAAK,eAC3DyD,EAAKQ,cAAgB,MAAQvD,KAAK4G,YAAc,MAE/C,KACH7D,EAAKS,YAAc,MACnBpD,EAAA,oBAAkBsG,KAAK,UAAUC,MAAM,SACtCvG,EAAA,YAAUsG,KAAK,OAAO1D,KAAK,4BAA4B1D,KAAK,eAC3DU,KAAK6G,UAAU5H,QAAQ,cAAeX,EAAY0B,KAAKmD,eAEtD,KACJ/C,EAAA,QAAMsG,KAAK,QAAM,IAAGpI,EAAYyE,EAAKjE,KAAKc,MAAK,UAKhD,K,CAKC,mBAAA4G,CAAoB1H,GAC3B,MAAMgI,EAAQ9G,KAAK2B,MAAMoF,WAAUhE,GAAQA,EAAKO,KAAOxE,EAAKwE,KAC5D,GAAIwD,KAAW,EAAG,CACjB,MAAMnF,EAAQ3B,KAAK2B,MACnB,MAAMqF,EAAahH,KAAK2B,MAAMmF,GAC9BnF,EAAMsF,OAAOH,EAAO,GACpB9G,KAAK2B,MAAQ,IAAIA,GACjB3B,KAAKkH,cAAcvD,KAAK,CACvBC,UAAW3F,EAAcC,KACzBY,KAAMkI,IAEPhH,KAAK6D,SAASF,KAAK,CAClBC,UAAW3F,EAAcC,KACzByD,S,EAKK,cAAAuE,CAAe1E,GACtBA,EAAEE,kBACF1B,KAAKmH,SAASxD,KAAK,CAClBC,UAAW3F,EAAcC,KACzBkJ,cAAe5F,G,CAIT,aAAA4E,CAAc5E,GACrBA,EAAEE,kBACF1B,KAAKqH,QAAQ1D,KAAK,CACjBC,UAAW3F,EAAcC,KACzBkJ,cAAe5F,G,CAIT,eAAAwE,CAAgBxE,GACvBA,EAAEE,iB,CAOH,YAAM4F,GACL,OAAOtH,KAAKsB,Q,CAOb,gBAAMiG,GACL,OAAOvH,KAAKiB,O,CAOb,WAAM6C,GACL9D,KAAK2B,MAAQ,GACb3B,KAAKsB,SAASkG,MAAQ,E","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,h as e,a as s,g as t}from"./p-9dea2efa.js";import{C as o}from"./p-5aad3497.js";import{p as r}from"./p-e0e2e9c1.js";import{S as c}from"./p-92f420cb.js";r(c,["_S","_M","_L"]);r(o,["PRIMARY","NEUTRAL"]);const d={root:"gov-form-search"};const f=class{constructor(e){a(this,e);this.size="m";this.color="neutral"}render(){return e(s,{key:"2a4e3dd63dd15981e25c952e3a6f1f5eabdae12a",class:d.root,color:this.color,size:this.size},e("slot",{key:"393fefd7c775341c8be8067900a29c36776d767c",name:"input"}),e("slot",{key:"bcb202961db1564bcd4a30ae58a6a686895ea6d4",name:"button-erase"}),e("slot",{key:"d82551286246b38fa1276bd181c18807e6fb4da8",name:"button"}))}get host(){return t(this)}};export{f as gov_form_search};
|
|
2
|
+
//# sourceMappingURL=p-f333c673.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as a,h as s,a as i,g as t}from"./p-9dea2efa.js";import{g as o,a as d,c}from"./p-ea7fdd2e.js";import{c as l}from"./p-e8ec030e.js";import{a as h}from"./p-29ac15d2.js";import{c as b}from"./p-cd6c2938.js";import{t as f}from"./p-26618322.js";import"./p-e0e2e9c1.js";import"./p-2aedc81e.js";const n={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};const r=class{constructor(s){e(this,s);this.govClose=a(this,"gov-close",7);this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleLabelledBy=undefined;this.accessibleDescribedBy=undefined;this.accessibleCloseLabel="Zavřít okno";this.accessibleCloseLabelledBy=undefined;this.h=o(this.host);this.labelId=b("GovDialogLabel");this.contentId=b("GovDialogContent")}watchOpen(e){this.open=e;this.setFocus().finally()}showDialog(){this.open=true;document.body.classList.add(n.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(n.bodyFix)}async componentDidRender(){if(l()){f((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(n.bodyFix)}render(){return s(i,{key:"697a938c343fff3af9cb37c377ac9784e0728e0e",class:this.h.classes(n.root),open:this.open,hydrated:this.hydrated},s("dialog",{key:"9b641ef551f5f4eeb00890e822b6f5434421c38d",class:n.dialog,hidden:!this.open,tabindex:d(this.open),open:this.open,"aria-modal":"true","aria-hidden":c(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},s("div",{key:"08da7bb9a7d3b942132410dc4dbf57c2b9d85363",class:n.inner},s("div",{key:"389a42468a93951f461024950ea84a80443bd366",class:n.header},this.h.hasSlot("icon")&&s("span",{key:"920649b3b276589a254cc8f47c777406d2adfdaf"},s("slot",{key:"7a6b86f61009015d5dbfa3aaa7aee9aad42185dd",name:"icon"})),this.h.hasSlot("title")&&s("span",{key:"8aa87028f1ed4c524291c3e0fed0a393fbb46db2",class:n.title,id:this.labelId},s("slot",{key:"70b360d2748edde6ea2f762c72cc3acfa67cde97",name:"title"})),s("gov-button",{key:"946ab0088d52affe4a31ecef5bdef84c1b231093",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:n.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},s("gov-icon",{key:"b9874c2494a8b46c7b9f94f6989527b0acefc465",slot:"icon-start",name:"x-lg",type:"components"}))),s("div",{key:"4f4b1815de42427edeb5bd9a7b88c96e27530472",class:n.content,id:this.contentId},s("slot",{key:"94ccdf29a3578f1ee8e52e505eed109cc6128f67"})),this.h.hasSlot("footer")&&s("div",{key:"8b7f85195264f4045c1d7ab8dd6db9f6abfe4f9f",class:n.footer},s("slot",{key:"373cda2bd8b1cccf34acbbf859b4b8f608bc4a19",name:"footer"})))),this.open?s("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){h(this.accessibleLabelledBy,"accessible-labelled-by",n.root);h(this.accessibleDescribedBy,"accessible-described-by",n.root)}get host(){return t(this)}static get watchers(){return{open:["watchOpen"]}}};export{r as gov_dialog};
|
|
2
|
+
//# sourceMappingURL=p-f7e47c0a.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","GovDialog","constructor","hostRef","this","hydrated","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","open","setFocus","finally","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","connectedCallback","disconnectedCallback","render","Host","key","class","classes","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","role","hasSlot","name","id","ref","el","closeCtaRef","disabled","blockClose","color","accessibleCloseLabel","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","blockBackdropClose","e","stopPropagation","preventDefault","govClose","emit","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\n\t\t}\n\t}\n\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,c as i,h as t,a,g as e}from"./p-9dea2efa.js";import{v as o}from"./p-29ac15d2.js";import{c as r}from"./p-e8ec030e.js";import{g as c}from"./p-ea7fdd2e.js";import{t as d}from"./p-26618322.js";import"./p-cd6c2938.js";import"./p-2aedc81e.js";import"./p-e0e2e9c1.js";const h={root:"gov-backdrop",bg:"gov-backdrop__background"};const f=class{constructor(t){s(this,t);this.govClick=i(this,"gov-click",7);this.inverse=false;this.disabled=false;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.h=c(this.host)}async componentDidRender(){if(r()){d((()=>this.validateAccessibility()))}}render(){return t(a,{key:"ee25a6a3443604253f1fa10676007aad3838f4d9",class:this.h.classes(h.root),inverse:this.inverse},t("div",{key:"fd733ec0c2f6599ce7fe360092990f4c7f0973a1",role:"button","aria-disabled":this.disabled,"aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,onClick:s=>{if(!this.disabled){this.govClick.emit(s)}},class:h.bg}))}async validateAccessibility(){o(this.accessibleLabel,this.accessibleLabelledBy,h.root,this.host)}get host(){return e(this)}};export{f as gov_backdrop};
|
|
2
|
+
//# sourceMappingURL=p-f98f19f6.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BackdropClass","root","bg","GovBackdrop","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","render","Host","key","class","classes","inverse","role","disabled","accessibleLabel","accessibleLabelledBy","onClick","e","govClick","emit","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["BackdropClass","root","bg","GovBackdrop","constructor","hostRef","this","h","govHost","host","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","render","Host","key","class","classes","inverse","role","disabled","accessibleLabel","accessibleLabelledBy","onClick","e","govClick","emit","validateAccessibleLabel"],"sources":["../../../packages/core/src/components/gov-backdrop/constants.ts","../../../packages/core/src/components/gov-backdrop/gov-backdrop.tsx"],"sourcesContent":["export const BackdropClass = {\n\troot: 'gov-backdrop',\n\tbg: 'gov-backdrop__background',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {BackdropClass} from './constants'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-backdrop',\n})\nexport class GovBackdrop {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBackdropElement\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background.\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the backdrop component disabled.\n\t */\n\t@Prop({reflect: true, mutable: true}) readonly disabled: boolean = false\n\t/**\n\t * Adds accessible label for the backdrop that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/**\n\t * Emitted when button clicks.\n\t */\n\t@Event({eventName: 'gov-click'}) govClick: EventEmitter<MouseEvent>\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BackdropClass.root)} inverse={this.inverse}>\n\t\t\t\t<div\n\t\t\t\t\trole={'button'}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\taria-label={this.accessibleLabel}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy}\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\tif (!this.disabled) {\n\t\t\t\t\t\t\tthis.govClick.emit(e)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tclass={BackdropClass.bg}\n\t\t\t\t></div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BackdropClass.root, this.host)\n\t}\n}\n"],"mappings":"mRAAO,MAAMA,EAAgB,CAC5BC,KAAM,eACNC,GAAI,4B,MCSQC,EAAW,MAGvB,WAAAC,CAAAC,G,2DAQoC,M,cAI+B,M,mEAXlEC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAyBvB,wBAAMC,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMN,KAAKO,yB,EAIlB,MAAAC,GACC,OACCP,EAACQ,EAAI,CAAAC,IAAA,2CAACC,MAAOX,KAAKC,EAAEW,QAAQlB,EAAcC,MAAOkB,QAASb,KAAKa,SAC9DZ,EAAA,OAAAS,IAAA,2CACCI,KAAM,SAAQ,gBACCd,KAAKe,SAAQ,aAChBf,KAAKgB,gBAAe,kBACfhB,KAAKiB,qBACtBC,QAASC,IACR,IAAKnB,KAAKe,SAAU,CACnBf,KAAKoB,SAASC,KAAKF,E,GAGrBR,MAAOjB,EAAcE,K,CAUzB,2BAAMW,GACLe,EAAwBtB,KAAKgB,gBAAiBhB,KAAKiB,qBAAsBvB,EAAcC,KAAMK,KAAKG,K","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o}from"./p-e0e2e9c1.js";import{S as r}from"./p-92f420cb.js";const s=o(r,["
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o}from"./p-e0e2e9c1.js";import{S as r}from"./p-92f420cb.js";const s=o(r,["_XS","_S","_M","_L","_2XL"]);var t;(function(o){o["HORIZONTAL"]="horizontal";o["VERTICAL"]="vertical"})(t||(t={}));const a={root:"gov-form-group"};const c={root:"gov-form-radio-group"};const p={root:"gov-form-checkbox-group"};export{p as F,a,s as b,t as c,c as d};
|
|
2
|
+
//# sourceMappingURL=p-fc2afe61.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FormGroupSizes","pick","Sizes","FormGroupOrientation","FormGroupClass","root","FormRadioGroupClass","FormCheckboxGroupClass"],"sources":["../../../packages/core/src/components/gov-form/group/constants.ts"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const FormGroupSizes = pick(Sizes, ['
|
|
1
|
+
{"version":3,"names":["FormGroupSizes","pick","Sizes","FormGroupOrientation","FormGroupClass","root","FormRadioGroupClass","FormCheckboxGroupClass"],"sources":["../../../packages/core/src/components/gov-form/group/constants.ts"],"sourcesContent":["import { pick } from \"../../../utils/utils\"\nimport { Sizes } from \"../../../core/constants/sizes\"\nimport { ValueOf } from \"../../../types/interfaces\"\n\nexport const FormGroupSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_2XL'])\nexport type FormGroupSizesType = `${ValueOf<typeof FormGroupSizes>}`\n\nexport enum FormGroupOrientation {\n\tHORIZONTAL = 'horizontal',\n\tVERTICAL = 'vertical',\n}\nexport type FormGroupOrientationType = `${ValueOf<typeof FormGroupOrientation>}`\n\nexport const FormGroupClass = {\n\troot: 'gov-form-group',\n}\n\nexport const FormRadioGroupClass = {\n\troot: 'gov-form-radio-group',\n}\n\nexport const FormCheckboxGroupClass = {\n\troot: 'gov-form-checkbox-group',\n}\n"],"mappings":"8EAIaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,KAAM,S,IAGxDC,GAAZ,SAAYA,GACXA,EAAA,2BACAA,EAAA,sBACA,EAHD,CAAYA,MAAoB,K,MAMnBC,EAAiB,CAC7BC,KAAM,kB,MAGMC,EAAsB,CAClCD,KAAM,wB,MAGME,EAAyB,CACrCF,KAAM,kC","ignoreList":[]}
|