@gov-design-system-ce/components 4.1.3-BETA-10 → 4.2.1
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/{array.utils-96eadde3.js → array.utils-211fffc0.js} +2 -2
- package/dist/cjs/{array.utils-96eadde3.js.map → array.utils-211fffc0.js.map} +1 -1
- 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 +1 -1
- package/dist/cjs/gov-attachments_3.cjs.entry.js +4 -4
- package/dist/cjs/gov-attachments_3.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-backdrop.cjs.entry.js +2 -2
- package/dist/cjs/gov-banner.cjs.entry.js +80 -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 +3 -3
- package/dist/cjs/gov-button.cjs.entry.js +7 -6
- package/dist/cjs/gov-button.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-card.cjs.entry.js +11 -3
- package/dist/cjs/gov-card.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-chip.cjs.entry.js +4 -3
- package/dist/cjs/gov-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-container.cjs.entry.js +1 -1
- package/dist/cjs/gov-control-group.cjs.entry.js +1 -1
- package/dist/cjs/gov-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/gov-dialog.cjs.entry.js +3 -3
- package/dist/cjs/gov-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gov-empty.cjs.entry.js +1 -1
- package/dist/cjs/gov-error-code.cjs.entry.js +1 -1
- package/dist/cjs/gov-flex_3.cjs.entry.js +5 -5
- package/dist/cjs/gov-flex_3.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js +5 -4
- package/dist/cjs/gov-form-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox-group.cjs.entry.js +5 -5
- package/dist/cjs/gov-form-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js +2 -1
- package/dist/cjs/gov-form-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-control.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-file.cjs.entry.js +3 -2
- package/dist/cjs/gov-form-file.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-group.cjs.entry.js +2 -2
- package/dist/cjs/gov-form-input_2.cjs.entry.js +10 -8
- package/dist/cjs/gov-form-input_2.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-label.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-multi-select.cjs.entry.js +6 -5
- package/dist/cjs/gov-form-multi-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-password-power.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/gov-form-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js +2 -1
- package/dist/cjs/gov-form-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-range.cjs.entry.js +207 -0
- package/dist/cjs/gov-form-range.cjs.entry.js.map +1 -0
- package/dist/cjs/gov-form-search.cjs.entry.js +1 -1
- package/dist/cjs/gov-form-select.cjs.entry.js +6 -5
- package/dist/cjs/gov-form-select.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js +2 -1
- package/dist/cjs/gov-form-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-grid-item.cjs.entry.js +13 -7
- package/dist/cjs/gov-grid-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-grid.cjs.entry.js +7 -5
- package/dist/cjs/gov-grid.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-infobar.cjs.entry.js +4 -3
- package/dist/cjs/gov-infobar.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-layout-column.cjs.entry.js +1 -1
- package/dist/cjs/gov-layout.cjs.entry.js +1 -1
- package/dist/cjs/gov-lifecycle.cjs.entry.js +1 -1
- package/dist/cjs/gov-link.cjs.entry.js +3 -1
- package/dist/cjs/gov-link.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-loading.cjs.entry.js +1 -1
- package/dist/cjs/gov-message.cjs.entry.js +1 -1
- package/dist/cjs/gov-message.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-pagination.cjs.entry.js +4 -3
- package/dist/cjs/gov-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-spacer.cjs.entry.js +1 -1
- package/dist/cjs/gov-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-stepper.cjs.entry.js +2 -2
- package/dist/cjs/gov-tabs-item.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/gov-tile.cjs.entry.js +1 -1
- package/dist/cjs/gov-toast.cjs.entry.js +3 -2
- package/dist/cjs/gov-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/gov-tooltip-content.cjs.entry.js +1 -1
- package/dist/cjs/gov-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizard-item.cjs.entry.js +2 -2
- package/dist/cjs/gov-wizard.cjs.entry.js +3 -3
- package/dist/cjs/{helpers.types-ff60c9bd.js → helpers.types-9066e4a4.js} +3 -1
- package/dist/cjs/helpers.types-9066e4a4.js.map +1 -0
- package/dist/cjs/index-0e4f24f9.js +12 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{wcag-2927ff73.js → wcag-f8da82da.js} +2 -2
- package/dist/cjs/{wcag-2927ff73.js.map → wcag-f8da82da.js.map} +1 -1
- package/dist/collection/collection-manifest.json +3 -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 +155 -0
- package/dist/collection/components/gov-banner/gov-banner.js.map +1 -0
- package/dist/collection/components/gov-blockquote/constants.js +10 -0
- package/dist/collection/components/gov-blockquote/constants.js.map +1 -0
- package/dist/collection/components/gov-blockquote/gov-blockquote.js +61 -0
- package/dist/collection/components/gov-blockquote/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 +52 -1
- package/dist/collection/components/gov-card/gov-card.js.map +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/range/constants.js +9 -0
- package/dist/collection/components/gov-form/range/constants.js.map +1 -0
- package/dist/collection/components/gov-form/range/gov-form-range.js +610 -0
- package/dist/collection/components/gov-form/range/gov-form-range.js.map +1 -0
- 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 -2
- 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 +20 -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/data/color-definitions.js +13 -13
- package/dist/collection/data/font-definitions.js +86 -48
- 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 +27 -17
- 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/Forms.js +209 -4
- package/dist/collection/pages/Forms.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/Message.js +10 -10
- package/dist/collection/pages/Message.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 +117 -51
- package/dist/collection/pages/Typography.js.map +1 -1
- package/dist/components/gov-accordion-item.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-card.js.map +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-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-range.d.ts +11 -0
- package/dist/components/gov-form-range.js +2 -0
- package/dist/components/gov-form-range.js.map +1 -0
- 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-column.js.map +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-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-wizard-item.js +1 -1
- package/dist/components/gov-wizard.js +1 -1
- package/dist/components/{p-73938936.js → p-022e49cf.js} +2 -2
- package/dist/components/p-10cad7f1.js +2 -0
- package/dist/components/p-2ca5423c.js +2 -0
- package/dist/components/p-2ca5423c.js.map +1 -0
- package/dist/components/p-2fe7d728.js +2 -0
- package/dist/components/p-2fe7d728.js.map +1 -0
- package/dist/components/p-313b4611.js +2 -0
- package/dist/components/p-313b4611.js.map +1 -0
- package/dist/components/p-5a861cd2.js +2 -0
- package/dist/components/p-5a861cd2.js.map +1 -0
- package/dist/components/p-5b0934a8.js +2 -0
- package/dist/components/p-5b0934a8.js.map +1 -0
- package/dist/components/p-5d60b866.js +2 -0
- package/dist/components/p-5d60b866.js.map +1 -0
- package/dist/components/p-6ce6e14f.js +2 -0
- package/dist/components/p-6ce6e14f.js.map +1 -0
- package/dist/components/p-7fb16042.js +2 -0
- package/dist/components/p-7fb16042.js.map +1 -0
- package/dist/components/p-be086357.js +2 -0
- package/dist/components/p-d3435179.js +2 -0
- package/dist/components/p-d3435179.js.map +1 -0
- package/dist/components/p-de989dfe.js +2 -0
- package/dist/components/{p-7be2301a.js → p-e0c3b1a7.js} +2 -2
- package/dist/components/p-ea128b8b.js +2 -0
- package/dist/components/p-ea128b8b.js.map +1 -0
- package/dist/components/p-f9b1a12b.js +2 -0
- package/dist/components/p-f9b1a12b.js.map +1 -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 +3541 -2361
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-07590d84.entry.js +2 -0
- package/dist/core/p-07590d84.entry.js.map +1 -0
- package/dist/core/p-08552a0e.entry.js +2 -0
- package/dist/core/p-08552a0e.entry.js.map +1 -0
- package/dist/core/p-0abc38e8.entry.js +2 -0
- package/dist/core/p-0abc38e8.entry.js.map +1 -0
- package/dist/core/p-0c393d2f.entry.js +2 -0
- package/dist/core/p-0c393d2f.entry.js.map +1 -0
- package/dist/core/p-0ef1f684.entry.js +2 -0
- package/dist/core/p-0ef1f684.entry.js.map +1 -0
- package/dist/core/p-16ece889.entry.js +2 -0
- package/dist/core/p-16ece889.entry.js.map +1 -0
- package/dist/core/p-171e2a2f.entry.js +2 -0
- package/dist/core/p-2536a8ff.entry.js +2 -0
- package/dist/core/p-2536a8ff.entry.js.map +1 -0
- package/dist/core/p-25615325.entry.js +2 -0
- package/dist/core/p-2a7bcce0.entry.js +2 -0
- package/dist/core/p-2a7bcce0.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-9514520c.entry.js → p-2f966102.entry.js} +2 -2
- package/dist/core/p-2f966102.entry.js.map +1 -0
- package/dist/core/p-2fe7d728.js +2 -0
- package/dist/core/p-2fe7d728.js.map +1 -0
- package/dist/core/p-3583dcf7.entry.js +2 -0
- package/dist/core/p-3583dcf7.entry.js.map +1 -0
- package/dist/core/p-3b2267a1.entry.js +2 -0
- package/dist/core/{p-e078dab3.entry.js.map → p-3b2267a1.entry.js.map} +1 -1
- package/dist/core/p-4216d8f3.entry.js +2 -0
- package/dist/core/p-44c912e2.entry.js +2 -0
- package/dist/core/p-44c912e2.entry.js.map +1 -0
- package/dist/core/p-4d5f768f.entry.js +2 -0
- package/dist/core/{p-a8a5e8ca.entry.js.map → p-4d5f768f.entry.js.map} +1 -1
- package/dist/core/p-52103c05.entry.js +2 -0
- package/dist/core/p-52103c05.entry.js.map +1 -0
- package/dist/core/p-52bb8e4f.entry.js +2 -0
- package/dist/core/p-52bb8e4f.entry.js.map +1 -0
- package/dist/core/p-52c74fc5.entry.js +2 -0
- package/dist/core/{p-07b1fa1c.entry.js.map → p-52c74fc5.entry.js.map} +1 -1
- package/dist/core/p-548806cb.entry.js +2 -0
- package/dist/core/p-548806cb.entry.js.map +1 -0
- package/dist/core/p-5fa4965e.entry.js +2 -0
- package/dist/core/{p-f9474bb3.entry.js.map → p-5fa4965e.entry.js.map} +1 -1
- package/dist/core/p-6d54ce5f.js +2 -0
- package/dist/core/p-6f74eb08.entry.js +2 -0
- package/dist/core/{p-eed4e606.entry.js → p-75dae924.entry.js} +2 -2
- package/dist/core/{p-eed4e606.entry.js.map → p-75dae924.entry.js.map} +1 -1
- package/dist/core/p-774ea182.entry.js +2 -0
- package/dist/core/p-843f980a.entry.js +2 -0
- package/dist/core/p-8a72ebcd.entry.js +2 -0
- package/dist/core/p-8cd7a120.entry.js +2 -0
- package/dist/core/p-8cd7a120.entry.js.map +1 -0
- package/dist/core/{p-5ff7f0c4.entry.js → p-8f469270.entry.js} +2 -2
- package/dist/core/p-947804a8.entry.js +2 -0
- package/dist/core/p-979ff58c.entry.js +2 -0
- package/dist/core/p-979ff58c.entry.js.map +1 -0
- package/dist/core/{p-ab500948.entry.js → p-981f217e.entry.js} +2 -2
- package/dist/core/p-9c1f3e9e.entry.js +2 -0
- package/dist/core/p-9c1f3e9e.entry.js.map +1 -0
- package/dist/core/p-a1c825f3.entry.js +2 -0
- package/dist/core/p-a1c825f3.entry.js.map +1 -0
- package/dist/core/p-a440365f.entry.js +2 -0
- package/dist/core/p-a440365f.entry.js.map +1 -0
- package/dist/core/{p-bd667900.entry.js → p-a70c7959.entry.js} +2 -2
- package/dist/core/p-a8a7ae96.entry.js +2 -0
- package/dist/core/p-a8a7ae96.entry.js.map +1 -0
- package/dist/core/p-aacafa40.entry.js +2 -0
- package/dist/core/{p-72c4ebcd.entry.js.map → p-aacafa40.entry.js.map} +1 -1
- package/dist/core/p-aeaba3ef.entry.js +2 -0
- package/dist/core/p-b87e5429.entry.js +2 -0
- package/dist/core/p-b87e5429.entry.js.map +1 -0
- package/dist/core/p-b9f1c2ef.entry.js +2 -0
- package/dist/core/p-b9f1c2ef.entry.js.map +1 -0
- package/dist/core/p-bca478fd.entry.js +2 -0
- package/dist/core/{p-f98f19f6.entry.js.map → p-bca478fd.entry.js.map} +1 -1
- package/dist/core/p-be086357.js +2 -0
- package/dist/core/p-bea685cb.entry.js +2 -0
- package/dist/core/p-c1584cfe.entry.js +2 -0
- package/dist/core/p-c1584cfe.entry.js.map +1 -0
- package/dist/core/p-c5a49469.entry.js +2 -0
- package/dist/core/p-c88d8659.entry.js +2 -0
- package/dist/core/p-c88d8659.entry.js.map +1 -0
- package/dist/core/{p-49ebfe10.entry.js → p-cba1ebca.entry.js} +2 -2
- package/dist/core/p-ccb64e4e.entry.js +2 -0
- package/dist/core/p-d383f977.entry.js +2 -0
- package/dist/core/p-d990aae8.entry.js +2 -0
- package/dist/core/p-ddb3772f.entry.js +2 -0
- package/dist/core/{p-fd7a3951.entry.js.map → p-ddb3772f.entry.js.map} +1 -1
- package/dist/core/{p-a58f4e2b.entry.js → p-e2655cb7.entry.js} +2 -2
- package/dist/core/p-e29c9924.entry.js +2 -0
- package/dist/core/{p-a5648769.entry.js.map → p-e29c9924.entry.js.map} +1 -1
- package/dist/core/p-ea128b8b.js +2 -0
- package/dist/core/p-ea128b8b.js.map +1 -0
- package/dist/core/p-ead1f58d.entry.js +2 -0
- package/dist/core/p-f83b3b08.entry.js +2 -0
- package/dist/core/p-f83b3b08.entry.js.map +1 -0
- 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/{array.utils-85696abd.js → array.utils-3b213795.js} +2 -2
- package/dist/esm/{array.utils-85696abd.js.map → array.utils-3b213795.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 +1 -1
- package/dist/esm/gov-attachments_3.entry.js +4 -4
- package/dist/esm/gov-attachments_3.entry.js.map +1 -1
- package/dist/esm/gov-backdrop.entry.js +2 -2
- package/dist/esm/gov-banner.entry.js +76 -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 +3 -3
- package/dist/esm/gov-button.entry.js +7 -6
- package/dist/esm/gov-button.entry.js.map +1 -1
- package/dist/esm/gov-card.entry.js +11 -3
- package/dist/esm/gov-card.entry.js.map +1 -1
- package/dist/esm/gov-chip.entry.js +4 -3
- package/dist/esm/gov-chip.entry.js.map +1 -1
- package/dist/esm/gov-container.entry.js +1 -1
- package/dist/esm/gov-control-group.entry.js +1 -1
- package/dist/esm/gov-cookiebar.entry.js +1 -1
- package/dist/esm/gov-dialog.entry.js +3 -3
- package/dist/esm/gov-dialog.entry.js.map +1 -1
- package/dist/esm/gov-dropdown.entry.js +1 -1
- package/dist/esm/gov-empty.entry.js +1 -1
- package/dist/esm/gov-error-code.entry.js +1 -1
- package/dist/esm/gov-flex_3.entry.js +5 -5
- package/dist/esm/gov-flex_3.entry.js.map +1 -1
- package/dist/esm/gov-form-autocomplete.entry.js +5 -4
- package/dist/esm/gov-form-autocomplete.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox-group.entry.js +5 -5
- package/dist/esm/gov-form-checkbox-group.entry.js.map +1 -1
- package/dist/esm/gov-form-checkbox.entry.js +2 -1
- package/dist/esm/gov-form-checkbox.entry.js.map +1 -1
- package/dist/esm/gov-form-control.entry.js +1 -1
- package/dist/esm/gov-form-file.entry.js +3 -2
- package/dist/esm/gov-form-file.entry.js.map +1 -1
- package/dist/esm/gov-form-group.entry.js +2 -2
- package/dist/esm/gov-form-input_2.entry.js +10 -8
- package/dist/esm/gov-form-input_2.entry.js.map +1 -1
- package/dist/esm/gov-form-label.entry.js +1 -1
- package/dist/esm/gov-form-multi-select.entry.js +6 -5
- package/dist/esm/gov-form-multi-select.entry.js.map +1 -1
- package/dist/esm/gov-form-password-power.entry.js +1 -1
- package/dist/esm/gov-form-radio-group.entry.js +3 -3
- package/dist/esm/gov-form-radio-group.entry.js.map +1 -1
- package/dist/esm/gov-form-radio.entry.js +2 -1
- package/dist/esm/gov-form-radio.entry.js.map +1 -1
- package/dist/esm/gov-form-range.entry.js +203 -0
- package/dist/esm/gov-form-range.entry.js.map +1 -0
- package/dist/esm/gov-form-search.entry.js +1 -1
- package/dist/esm/gov-form-select.entry.js +6 -5
- package/dist/esm/gov-form-select.entry.js.map +1 -1
- package/dist/esm/gov-form-switch.entry.js +2 -1
- package/dist/esm/gov-form-switch.entry.js.map +1 -1
- package/dist/esm/gov-grid-item.entry.js +13 -7
- package/dist/esm/gov-grid-item.entry.js.map +1 -1
- package/dist/esm/gov-grid.entry.js +7 -5
- package/dist/esm/gov-grid.entry.js.map +1 -1
- package/dist/esm/gov-infobar.entry.js +4 -3
- package/dist/esm/gov-infobar.entry.js.map +1 -1
- package/dist/esm/gov-layout-column.entry.js +1 -1
- package/dist/esm/gov-layout.entry.js +1 -1
- package/dist/esm/gov-lifecycle.entry.js +1 -1
- package/dist/esm/gov-link.entry.js +3 -1
- package/dist/esm/gov-link.entry.js.map +1 -1
- package/dist/esm/gov-loading.entry.js +1 -1
- package/dist/esm/gov-message.entry.js +1 -1
- package/dist/esm/gov-message.entry.js.map +1 -1
- package/dist/esm/gov-pagination.entry.js +4 -3
- package/dist/esm/gov-pagination.entry.js.map +1 -1
- package/dist/esm/gov-spacer.entry.js +1 -1
- package/dist/esm/gov-stepper-item.entry.js +2 -2
- package/dist/esm/gov-stepper-item.entry.js.map +1 -1
- package/dist/esm/gov-stepper.entry.js +2 -2
- package/dist/esm/gov-tabs-item.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/gov-tile.entry.js +1 -1
- package/dist/esm/gov-toast.entry.js +3 -2
- package/dist/esm/gov-toast.entry.js.map +1 -1
- package/dist/esm/gov-tooltip-content.entry.js +1 -1
- package/dist/esm/gov-tooltip.entry.js +2 -2
- package/dist/esm/gov-wizard-item.entry.js +2 -2
- package/dist/esm/gov-wizard.entry.js +3 -3
- package/dist/esm/{helpers.types-43ddbdb8.js → helpers.types-fe2f0447.js} +3 -2
- package/dist/esm/helpers.types-fe2f0447.js.map +1 -0
- package/dist/esm/index-bf8a6f64.js +12 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{wcag-253a4421.js → wcag-bd11d341.js} +2 -2
- package/dist/esm/{wcag-253a4421.js.map → wcag-bd11d341.js.map} +1 -1
- package/dist/hydrate/index.js +478 -133
- package/dist/hydrate/index.mjs +478 -133
- package/dist/stencil.config.js +3 -2
- 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 +28 -0
- package/dist/types/components/gov-blockquote/constants.d.ts +10 -0
- package/dist/types/components/gov-blockquote/gov-blockquote.d.ts +15 -0
- package/dist/types/components/gov-button/button/constants.d.ts +1 -1
- package/dist/types/components/gov-card/gov-card.d.ts +10 -0
- 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-form/range/constants.d.ts +9 -0
- package/dist/types/components/gov-form/range/gov-form-range.d.ts +116 -0
- 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-infobar/constants.d.ts +1 -1
- package/dist/types/components/gov-link/constants.d.ts +1 -0
- package/dist/types/components/gov-link/gov-link.d.ts +4 -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 +357 -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/helpers.types-ff60c9bd.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-076c8b31.js +0 -2
- package/dist/components/p-076c8b31.js.map +0 -1
- package/dist/components/p-13a70392.js +0 -2
- package/dist/components/p-13a70392.js.map +0 -1
- package/dist/components/p-2aedc81e.js +0 -2
- package/dist/components/p-2aedc81e.js.map +0 -1
- package/dist/components/p-4d513423.js +0 -2
- package/dist/components/p-4d513423.js.map +0 -1
- package/dist/components/p-4faecdb2.js +0 -2
- package/dist/components/p-4faecdb2.js.map +0 -1
- package/dist/components/p-558cbab0.js +0 -2
- package/dist/components/p-558cbab0.js.map +0 -1
- package/dist/components/p-80dad64b.js +0 -2
- package/dist/components/p-880743a5.js +0 -2
- package/dist/components/p-880743a5.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-a877bf8a.js +0 -2
- package/dist/components/p-a877bf8a.js.map +0 -1
- package/dist/components/p-b97d8edd.js +0 -2
- package/dist/components/p-b97d8edd.js.map +0 -1
- package/dist/components/p-c438a723.js +0 -2
- package/dist/components/p-c5e91e5a.js +0 -2
- package/dist/components/p-c5e91e5a.js.map +0 -1
- package/dist/components/p-ded281e6.js +0 -2
- package/dist/core/p-07b1fa1c.entry.js +0 -2
- package/dist/core/p-0932c74d.entry.js +0 -2
- package/dist/core/p-13c6da90.entry.js +0 -2
- package/dist/core/p-13c6da90.entry.js.map +0 -1
- package/dist/core/p-15a7b952.entry.js +0 -2
- package/dist/core/p-15a7b952.entry.js.map +0 -1
- package/dist/core/p-2470194a.entry.js +0 -2
- package/dist/core/p-2470194a.entry.js.map +0 -1
- package/dist/core/p-29ac15d2.js +0 -2
- package/dist/core/p-2abdce2d.entry.js +0 -2
- package/dist/core/p-2abdce2d.entry.js.map +0 -1
- package/dist/core/p-2ae8b8d5.entry.js +0 -2
- package/dist/core/p-2ae8b8d5.entry.js.map +0 -1
- package/dist/core/p-2aedc81e.js +0 -2
- package/dist/core/p-2aedc81e.js.map +0 -1
- package/dist/core/p-3627773f.entry.js +0 -2
- package/dist/core/p-3627773f.entry.js.map +0 -1
- package/dist/core/p-36b35592.entry.js +0 -2
- package/dist/core/p-36b35592.entry.js.map +0 -1
- package/dist/core/p-3974176f.entry.js +0 -2
- package/dist/core/p-3974176f.entry.js.map +0 -1
- package/dist/core/p-3b8b331f.entry.js +0 -2
- package/dist/core/p-41e0ad2e.entry.js +0 -2
- package/dist/core/p-41e0ad2e.entry.js.map +0 -1
- package/dist/core/p-4aa5db49.entry.js +0 -2
- package/dist/core/p-4aa5db49.entry.js.map +0 -1
- package/dist/core/p-5e42395f.entry.js +0 -2
- package/dist/core/p-5e42395f.entry.js.map +0 -1
- package/dist/core/p-72c4ebcd.entry.js +0 -2
- package/dist/core/p-72cdac94.entry.js +0 -2
- package/dist/core/p-77bf7b01.entry.js +0 -2
- package/dist/core/p-77bf7b01.entry.js.map +0 -1
- package/dist/core/p-7a44bd0a.entry.js +0 -2
- package/dist/core/p-7a44bd0a.entry.js.map +0 -1
- package/dist/core/p-7c0be05a.entry.js +0 -2
- package/dist/core/p-7c0be05a.entry.js.map +0 -1
- package/dist/core/p-80c7db1f.entry.js +0 -2
- package/dist/core/p-80c7db1f.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-8e5f45d0.entry.js +0 -2
- package/dist/core/p-8ede0622.entry.js +0 -2
- package/dist/core/p-9256cf6c.entry.js +0 -2
- package/dist/core/p-93179cbf.entry.js +0 -2
- package/dist/core/p-93179cbf.entry.js.map +0 -1
- package/dist/core/p-93b747c1.entry.js +0 -2
- package/dist/core/p-9514520c.entry.js.map +0 -1
- package/dist/core/p-9897ac81.entry.js +0 -2
- package/dist/core/p-9897ac81.entry.js.map +0 -1
- package/dist/core/p-9e77f076.entry.js +0 -2
- package/dist/core/p-9fcb2ba7.entry.js +0 -2
- package/dist/core/p-a0728f09.entry.js +0 -2
- package/dist/core/p-a0728f09.entry.js.map +0 -1
- package/dist/core/p-a22517e2.entry.js +0 -2
- package/dist/core/p-a22517e2.entry.js.map +0 -1
- package/dist/core/p-a521c59a.js +0 -2
- package/dist/core/p-a521c59a.js.map +0 -1
- package/dist/core/p-a5648769.entry.js +0 -2
- package/dist/core/p-a8a5e8ca.entry.js +0 -2
- package/dist/core/p-b319674e.entry.js +0 -2
- package/dist/core/p-b404f53c.entry.js +0 -2
- package/dist/core/p-c34dad75.entry.js +0 -2
- package/dist/core/p-c9d70c7a.entry.js +0 -2
- package/dist/core/p-d512059d.entry.js +0 -2
- package/dist/core/p-ded281e6.js +0 -2
- package/dist/core/p-e078dab3.entry.js +0 -2
- package/dist/core/p-e4ac787c.entry.js +0 -2
- package/dist/core/p-e4ac787c.entry.js.map +0 -1
- package/dist/core/p-e7b3b5db.entry.js +0 -2
- package/dist/core/p-e7b3b5db.entry.js.map +0 -1
- package/dist/core/p-f60265c3.entry.js +0 -2
- package/dist/core/p-f6863a64.entry.js +0 -2
- package/dist/core/p-f6863a64.entry.js.map +0 -1
- package/dist/core/p-f9474bb3.entry.js +0 -2
- package/dist/core/p-f98f19f6.entry.js +0 -2
- package/dist/core/p-fd7a3951.entry.js +0 -2
- 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/helpers.types-43ddbdb8.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-73938936.js.map → p-022e49cf.js.map} +0 -0
- /package/dist/components/{p-80dad64b.js.map → p-10cad7f1.js.map} +0 -0
- /package/dist/components/{p-ded281e6.js.map → p-be086357.js.map} +0 -0
- /package/dist/components/{p-c438a723.js.map → p-de989dfe.js.map} +0 -0
- /package/dist/components/{p-7be2301a.js.map → p-e0c3b1a7.js.map} +0 -0
- /package/dist/core/{p-93b747c1.entry.js.map → p-171e2a2f.entry.js.map} +0 -0
- /package/dist/core/{p-9fcb2ba7.entry.js.map → p-25615325.entry.js.map} +0 -0
- /package/dist/core/{p-9256cf6c.entry.js.map → p-4216d8f3.entry.js.map} +0 -0
- /package/dist/core/{p-29ac15d2.js.map → p-6d54ce5f.js.map} +0 -0
- /package/dist/core/{p-72cdac94.entry.js.map → p-6f74eb08.entry.js.map} +0 -0
- /package/dist/core/{p-8e5f45d0.entry.js.map → p-774ea182.entry.js.map} +0 -0
- /package/dist/core/{p-f60265c3.entry.js.map → p-843f980a.entry.js.map} +0 -0
- /package/dist/core/{p-8ede0622.entry.js.map → p-8a72ebcd.entry.js.map} +0 -0
- /package/dist/core/{p-5ff7f0c4.entry.js.map → p-8f469270.entry.js.map} +0 -0
- /package/dist/core/{p-b319674e.entry.js.map → p-947804a8.entry.js.map} +0 -0
- /package/dist/core/{p-ab500948.entry.js.map → p-981f217e.entry.js.map} +0 -0
- /package/dist/core/{p-bd667900.entry.js.map → p-a70c7959.entry.js.map} +0 -0
- /package/dist/core/{p-c34dad75.entry.js.map → p-aeaba3ef.entry.js.map} +0 -0
- /package/dist/core/{p-ded281e6.js.map → p-be086357.js.map} +0 -0
- /package/dist/core/{p-0932c74d.entry.js.map → p-bea685cb.entry.js.map} +0 -0
- /package/dist/core/{p-9e77f076.entry.js.map → p-c5a49469.entry.js.map} +0 -0
- /package/dist/core/{p-49ebfe10.entry.js.map → p-cba1ebca.entry.js.map} +0 -0
- /package/dist/core/{p-b404f53c.entry.js.map → p-ccb64e4e.entry.js.map} +0 -0
- /package/dist/core/{p-d512059d.entry.js.map → p-d383f977.entry.js.map} +0 -0
- /package/dist/core/{p-3b8b331f.entry.js.map → p-d990aae8.entry.js.map} +0 -0
- /package/dist/core/{p-a58f4e2b.entry.js.map → p-e2655cb7.entry.js.map} +0 -0
- /package/dist/core/{p-c9d70c7a.entry.js.map → p-ead1f58d.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,a as e,g as o}from"./p-9dea2efa.js";import{c as
|
|
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:"6fe6eb71a8275871bb0aeebae9531d846123ae06",class:this.h.classes([m.root]),invalid:r(this.invalid),expanded:r(this.expanded)},i("div",{key:"cd7ab5a0c223214f5d825c8695993e8c64b9ea78",class:m.area,ref:t=>this.areaRef=t},i("slot",{key:"6197c08c6a50725a261da65069159f75e3e47834"}),i("input",Object.assign({key:"f6897d875af8c47268118ef5d7dd9c19cec6e9a1",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-2f966102.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":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["is","value","undefined","hasOwnProperty","obj","prop","Object","prototype","call","isObject","isString","input","isNumber"],"sources":["../../../packages/core/src/utils/helpers.types.ts"],"sourcesContent":["\nexport type Optional<T> = T | undefined;\nexport type Nullable<T> = T | null;\nexport type OptionalProperty<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;\nexport type ValueOf<T> = T[keyof T];\n\nexport type DeepPartial<T> = {\n\t[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];\n};\n\nexport type ObjectOrArrayType<T> = T | T[];\nexport const ObjectOrArray = {\n\tfirst: <T>(item: ObjectOrArrayType<T>): T => (Array.isArray(item) ? item[0] : item),\n\tarray: <T>(item: ObjectOrArrayType<T>): T[] => (Array.isArray(item) ? item : [item]),\n};\n\nexport const Omit = <T extends object, P extends keyof T, R extends Omit<T, P>>(properties: P[], object: T): R =>\n\tObject.entries(object).reduce(\n\t\t(all, [key, value]) => (properties.includes(key as P) ? all : { ...all, [key]: value }),\n\t\t{} as R\n\t);\n\nexport const whenDefined =\n\t<I, O>(fn: (input: I) => O) =>\n\t(value?: I): O | undefined =>\n\t\tvalue ? fn(value) : undefined;\n\n/**\n * Comparator function which defines the sort order\n * @example\n * ```\n * // sorts objects by `id` property\n * [{ id: 3 }, { id: 2 }, { id: 1 }].sort(compare(['id']))\n *\n * // sorts objects by `id` and `name` properties\n * [{ id: 3, name: 'b' }, { id: 2, name: 'a' }, { id: 1, name: 'b' }].sort(compare(['id', 'name']))\n * ```\n *\n * @param {Array<keyof T>} properties\n * @return {number}\n */\nexport const compare =\n\t<T extends object>(properties: Array<keyof T>) =>\n\t(a: T, b: T): number => {\n\t\tconst [property, ...rest] = properties;\n\t\tif (!property) {\n\t\t\treturn 0;\n\t\t}\n\t\tif (a[property] < b[property]) {\n\t\t\treturn -1;\n\t\t}\n\t\tif (a[property] > b[property]) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn rest.length > 0 ? compare(rest)(a, b) : 0;\n\t};\n\nexport const is = <T>(value: T | undefined | null): value is T => value !== undefined && value !== null;\n\nexport const has =\n\t<T extends object, P extends keyof T>(property: P) =>\n\t(object: OptionalProperty<T, P>): object is T => {\n\t\treturn !!object[property];\n\t};\n\nexport const equals =\n\t<A>(a?: A) =>\n\t(b?: A): boolean =>\n\t\ta === b;\nexport const prop =\n\t<T, P extends keyof T>(property: P) =>\n\t(object: T): T[P] =>\n\t\tobject[property];\n\nexport const propOptional =\n\t<T, P extends keyof T>(property: P) =>\n\t(object?: T): Optional<T[P]> =>\n\t\tobject ? object[property] : undefined;\n\nexport const hasOwnProperty = <X extends object, Y extends PropertyKey>(\n\tobj: X,\n\tprop: Y\n): obj is X & Record<Y, ValueOf<X>> => {\n\treturn Object.prototype.hasOwnProperty.call(obj, prop);\n};\n\nexport const isObject = <T extends object>(obj: unknown): obj is T => typeof obj === 'object';\nexport const isString = (input: unknown): input is string => is(input) && typeof input === 'string';\nexport const isNumber = (input: unknown): input is string => is(input) && typeof input === 'number';\n\ntype Entries<T> = {\n\t[K in keyof T]: [K, T[K]];\n}[keyof T][];\nexport const getEntries = <T extends object>(obj: T) => Object.entries(obj) as Entries<T>;\n\nexport const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;\nexport const getValues = <T extends object>(obj: T) => Object.values(obj) as Array<ValueOf<T>>;\n\nexport const first = <T>(array: T[]): Optional<T> => array[0];\n\nexport const pairs = <T>(arr: T[]): Array<[string, string]> =>\n\tarr.flatMap((item1, index1) => arr.flatMap((item2, index2) => (index1 > index2 ? [[item1, item2]] : []))) as any;\n\nexport const find =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): Optional<S> =>\n\t\t(array || []).find(predicate);\nexport const filter =\n\t<T, S extends T>(predicate: (item: T) => item is S) =>\n\t(array?: T[]): S[] =>\n\t\t(array || []).filter(predicate);\n"],"mappings":"AAyDO,MAAMA,EAASC,GAA4CA,IAAUC,WAAaD,IAAU,K,MAsBtFE,EAAiB,CAC7BC,EACAC,IAEOC,OAAOC,UAAUJ,eAAeK,KAAKJ,EAAKC,G,MAGrCI,EAA8BL,UAAkCA,IAAQ,S,MACxEM,EAAYC,GAAoCX,EAAGW,WAAiBA,IAAU,S,MAC9EC,EAAYD,GAAoCX,EAAGW,WAAiBA,IAAU,gB","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as e,a as s,g as i,c as n}from"./p-9dea2efa.js";import{S as o}from"./p-92f420cb.js";import{g as a}from"./p-ea7fdd2e.js";import{p as c}from"./p-e0e2e9c1.js";import{C as r}from"./p-5aad3497.js";import{i as h,a as l,b as d}from"./p-e8ec030e.js";import{v as f}from"./p-0b3574c2.js";const u={root:"gov-flex"};const m=class{constructor(e){t(this,e);this.direction="row";this.justifyContent=undefined;this.alignItems=undefined;this.wrap=undefined;this.alignContent=undefined;this.alignSelf=undefined;this.gap=undefined;this.responsive="true";this.h=a(this.host)}render(){return e(s,{key:"71dadfbe4c7ddd45b36ffe74d8fd0c38e5069756",class:this.h.classes(u.root)},e("slot",{key:"b86bd5e8abbf157f2476cad87134ff9eedd307cc"}))}get host(){return i(this)}};c(o,["_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL","_5XL"]);const p=c(r,["DEFAULT","PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING","DISABLED","WHITE","BLACK"]);var g;(function(t){t["BASIC"]="basic";t["COMPLEX"]="complex";t["COLORED"]="colored"})(g||(g={}));const v={root:"gov-icon",holder:"gov-icon__holder"};const b="4.2.1";const w=()=>b;const _={};const y={};const S=t=>t.startsWith("http://")||t.startsWith("https://");const k=(t,e,s)=>{if(S(t)){return`${t}/${s}/${e}.svg?v=${w()}`}return`${t}/${s}/${e}.svg`+`?v=${w()}`};async function L({name:t,type:e}){const s=e+"-"+t;if(_[s]){return _[s]}if(!y[s]){y[s]=fetch(k(h(),t,e)).then((t=>{if(t.status===200){return t.text()}else{throw new Error("Gov Icon doesn't exists")}}))}const i=await y[s];_[s]=i;return i}const C=(t,e,s)=>{if(!l){return}let i="";if(s){const t=new Date;t.setTime(t.getTime()+s*24*60*60*1e3);i="; expires="+t.toUTCString()}document.cookie=`${t}=${encodeURIComponent(e)}${i}; path=/`};const D=t=>{if(!l){return null}const e=t+"=";const s=document.cookie.split(";");for(let t=0;t<s.length;t++){let i=s[t].trim();if(i.startsWith(e)){return decodeURIComponent(i.substring(e.length))}}return null};const I=t=>{try{const e=new DOMParser;const s=e.parseFromString(t,"image/svg+xml");const i=s.querySelector("parsererror");if(i){return false}const n=s.documentElement;if(n.tagName.toLowerCase()!=="svg"){return false}return true}catch(t){return false}};const $=class{constructor(e){t(this,e);this.size=undefined;this.color=undefined;this.name=null;this.type="components";this.visible=false;this.error=false;this.h=a(this.host)}validateSize(t){f(o,t,v.root)}validateColor(t){f(p,t,v.root)}async loadIconPathData(){const{name:t,visible:e}=this;if(!t||!e){return}await this.loadIcon()}connectedCallback(){if(d()){this.visible=true;this.loadIconPathData().finally()}else{this.waitUntilVisible((async()=>{this.visible=true;await this.loadIconPathData()}))}}disconnectedCallback(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}}async componentWillLoad(){this.validateSize(this.size);this.validateColor(this.color);await this.loadIconPathData()}waitUntilVisible(t){if(typeof window==="undefined"||!window.IntersectionObserver){t();return}this.intersectionObserver=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=null}t()}}))}),{rootMargin:"50px"});this.intersectionObserver.observe(this.host)}async loadIcon(){try{const{name:t,type:e}=this;const s=await L({name:t,type:e});const i=I(s);this.host.innerHTML=i?s:null}catch(t){this.host.innerHTML="";this.error=true}}render(){if(this.error){return null}return e(s,{class:this.h.classes(v.root),size:this.size,color:this.color})}static get assetsDirs(){return["assets"]}get host(){return i(this)}static get watchers(){return{size:["validateSize"],color:["validateColor"],name:["loadIconPathData"]}}};const R=c(o,["_XS","_S","_M","_L","_XL"]);const j={root:"gov-theme-switch",indicator:"gov-theme-switch__indicator",label:"gov-theme-switch__label",iconLight:"gov-theme-switch__icon-light",iconDark:"gov-theme-switch__icon-dark"};const E="data-theme";var x;(function(t){t["auto"]="auto";t["light"]="light";t["dark"]="dark"})(x||(x={}));const z=class{constructor(e){t(this,e);this.govChange=n(this,"gov-change",7);this.setThemeState=t=>{this.theme=t;this.govChange.emit({component:j.root,state:this.theme,ref:this.host})};this.size="m";this.displayLabel=false;this.ariaLabelLight="Přenout na tmavý mód";this.ariaLabelDark="Přepnout na světlý mód";this.labelLight="Světlý mód";this.labelDark="Tmavý mód";this.theme=x.auto;this.h=a(this.host)}validateSize(t){f(R,t,j.root)}watchTheme(t){this.htmlElement.setAttribute(E,t);this.htmlElement.classList.remove(...Object.keys(x));this.htmlElement.classList.add(t);C(E,t)}get storageValue(){return D(E)}get htmlElement(){return document.documentElement}get isSystemPrefersColorDark(){return l&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}componentWillLoad(){this.initDefaultState();this.validateSize(this.size)}initDefaultState(){const t=Object.keys(x);let e=this.storageValue;const s=this.htmlElement.getAttribute(E);if(e&&t.includes(e)){this.theme=e}else if(s&&t.includes(s)){this.theme=s}else{this.theme=x.auto}}render(){let t=this.theme===x.dark;if(this.theme===x.auto){t=this.isSystemPrefersColorDark}return e(s,{key:"492cf756810462ba0764668a134b2ecd5133d562",class:this.h.classes(j.root),theme:t?x.dark:x.light,size:this.size},e("button",{key:"02b94994619dd3fbb998acdcc16c907c69ea6723",onClick:()=>this.setThemeState(t?x.light:x.dark),"aria-current":this.theme,"aria-label":t?this.ariaLabelDark:this.ariaLabelLight},e("span",{key:"0beb069c94ed4337a6c2de4d8ee8640123bc3bc5"},e("span",{key:"57d9fc00520b8cf98108d9b5a9710d6066861157",class:j.indicator},x.light&&e("gov-icon",{key:"3cd1693dcf28658943146386c97b834e5cf4534a",name:"sun",class:j.iconLight,type:"components"}),x.dark&&e("gov-icon",{key:"139adcafc399eed5482c15273a37331598bbe179",name:"moon",class:j.iconDark,type:"components"})),this.displayLabel?e("span",{class:j.label},t?this.labelDark:this.labelLight):null)))}get host(){return i(this)}static get watchers(){return{size:["validateSize"],theme:["watchTheme"]}}};export{m as gov_flex,$ as gov_icon,z as gov_theme_switch};
|
|
2
|
+
//# sourceMappingURL=p-3583dcf7.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FlexClass","root","GovFlex","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","pick","Sizes","IconColors","Colors","Types","IconClass","holder","dsVersion","version","iconCache","requestCache","isExternalUrl","path","startsWith","iconUrl","name","type","async","fetchIcon","cacheKey","fetch","iconsPath","then","resp","status","text","Error","setCookie","value","days","isWindow","expires","date","Date","setTime","getTime","toUTCString","document","cookie","encodeURIComponent","getCookie","nameEQ","cookies","split","i","length","trim","decodeURIComponent","substring","isValidSVG","svgContent","parser","DOMParser","doc","parseFromString","parseError","querySelector","svgElement","documentElement","tagName","toLowerCase","error","GovIcon","validateSize","newValue","validateProp","validateColor","loadIconPathData","visible","loadIcon","connectedCallback","iconsLazyLoad","finally","waitUntilVisible","disconnectedCallback","intersectionObserver","disconnect","componentWillLoad","size","color","callback","window","IntersectionObserver","entries","forEach","entry","isIntersecting","rootMargin","observe","data","isValid","innerHTML","e","ThemeSwitchSizes","ThemeSwitchClass","indicator","label","iconLight","iconDark","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","setThemeState","state","theme","govChange","emit","component","ref","auto","watchTheme","htmlElement","setAttribute","classList","remove","Object","keys","add","storageValue","isSystemPrefersColorDark","matchMedia","matches","initDefaultState","options","currentState","htmlState","getAttribute","includes","isDark","dark","light","onClick","ariaLabelDark","ariaLabelLight","displayLabel","labelDark","labelLight"],"sources":["../../../packages/core/src/components/gov-flex/constants.ts","../../../packages/core/src/components/gov-flex/gov-flex.tsx","../../../packages/core/src/components/gov-icon/constants.ts","../../../packages/core/src/utils/ds.utils.ts","../../../packages/core/src/utils/icon.utils.ts","../../../packages/core/src/helpers/Dom/document.ts","../../../packages/core/src/components/gov-icon/gov-icon.tsx","../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.tsx"],"sourcesContent":["import {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const FlexSizes = Sizes\nexport type FlexSizesType = `${ValueOf<typeof FlexSizes>}`\n\nexport const FlexClass = {\n\troot: 'gov-flex',\n}\n\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FlexClass, FlexSizesType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-flex',\n})\nexport class GovFlex {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovGridElement\n\n\t/**\n\t * Controls the flex direction of the container.\n\t */\n\t@Prop({reflect: true}) direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' = 'row';\n\n\t/**\n\t * Defines how the browser distributes space between and around content items along the main axis.\n\t */\n\t@Prop({\n\t\tattribute: 'justify-content',\n\t\treflect: true\n\t}) justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';\n\n\t/**\n\t * Aligns flex items along the cross axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-items',\n\t\treflect: true\n\t}) alignItems?: 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';\n\n\t/**\n\t * Controls whether the flex container is a single-line or multi-line flex container.\n\t */\n\t@Prop({reflect: true}) wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';\n\n\t/**\n\t * Aligns the flex container's lines within when there is extra space in the cross-axis.\n\t */\n\t@Prop({\n\t\tattribute: 'align-content',\n\t\treflect: true\n\t}) alignContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';\n\n\t/**\n\t * Sets the alignment of the flex container’s children along the flex container’s cross axis, overriding the `align-items` property for individual flex items.\n\t */\n\t@Prop({\n\t\tattribute: 'align-self',\n\t\treflect: true\n\t}) alignSelf?: 'auto' | 'normal' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'anchor-center';\n\n\t/**\n\t * The gap property creates consistent spacing between flex items in the container.\n\t */\n\t@Prop({\n\t\tattribute: 'gap',\n\t\treflect: true\n\t}) gap?: FlexSizesType;\n\n\t/**\n\t * Option to turn off responsive\n\t */\n\t@Prop({reflect: true}) readonly responsive: string = \"true\"\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(FlexClass.root)}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n","import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils';\nimport { Colors } from '../../core/constants/colors';\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const IconSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL', '_2XL', '_3XL', '_4XL', '_5XL'])\nexport type IconSizesType = `${ValueOf<typeof IconSizes>}`\n\nexport const IconColors = pick(Colors, [\n\t'DEFAULT',\n\t'PRIMARY',\n\t'SECONDARY',\n\t'NEUTRAL',\n\t'ERROR',\n\t'SUCCESS',\n\t'WARNING',\n\t'DISABLED',\n\t'WHITE',\n\t'BLACK',\n])\nexport type IconColorType = `${ValueOf<typeof IconColors>}`\n\nenum Types {\n\tBASIC = 'basic',\n\tCOMPLEX = 'complex',\n\tCOLORED = 'colored',\n}\nexport type Type = `${ValueOf<typeof Types>}`\n\nexport const IconClass = {\n\troot: 'gov-icon',\n\tholder: 'gov-icon__holder',\n}\n","import { version } from '../../package.json'\n\nexport const dsVersion = (): string => {\n\treturn version\n}\n","import {dsVersion} from \"./ds.utils\"\nimport {iconsPath} from \"../helpers/Dom/win\"\n\nconst iconCache: { [key: string]: string } = {}\nconst requestCache: { [key: string]: Promise<string> } = {}\n\nconst isExternalUrl = (path: string) => path.startsWith(\"http://\") || path.startsWith(\"https://\")\nconst iconUrl = (path: string, name: string, type: string) => {\n if (isExternalUrl(path)) {\n return `${path}/${type}/${name}.svg?v=${dsVersion()}`\n }\n return `${path}/${type}/${name}.svg` + `?v=${dsVersion()}`\n}\n\nexport async function fetchIcon({name, type}: { name: string; type: string }): Promise<string> {\n const cacheKey = type + \"-\" + name\n if (iconCache[cacheKey]) {\n return iconCache[cacheKey]\n }\n\n if (!requestCache[cacheKey]) {\n requestCache[cacheKey] = fetch(iconUrl(iconsPath(), name, type)).then(resp => {\n if (resp.status === 200) {\n return resp.text()\n } else {\n throw new Error(\"Gov Icon doesn't exists\")\n }\n })\n }\n const path = await requestCache[cacheKey]\n iconCache[cacheKey] = path\n return path\n}\n","import {Nullable} from \"../../utils/helpers.types\";\nimport {isWindow} from \"./win\";\n\nexport const setCookie = (name: string, value: string, days?: number) => {\n\tif (!isWindow) {\n\t\treturn\n\t}\n\tlet expires = \"\";\n\tif (days) {\n\t\tconst date = new Date();\n\t\tdate.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n\t\texpires = \"; expires=\" + date.toUTCString();\n\t}\n\tdocument.cookie = `${name}=${encodeURIComponent(value)}${expires}; path=/`;\n}\n\nexport const getCookie = (name: string): Nullable<string> => {\n\tif (!isWindow) {\n\t\treturn null\n\t}\n\tconst nameEQ = name + \"=\";\n\tconst cookies = document.cookie.split(';');\n\tfor (let i = 0; i < cookies.length; i++) {\n\t\tlet cookie = cookies[i].trim();\n\t\tif (cookie.startsWith(nameEQ)) {\n\t\t\treturn decodeURIComponent(cookie.substring(nameEQ.length));\n\t\t}\n\t}\n\treturn null;\n}\n\nexport const isValidSVG = (svgContent: string): boolean => {\n\ttry {\n\t\tconst parser = new DOMParser();\n\t\tconst doc = parser.parseFromString(svgContent, \"image/svg+xml\");\n\t\tconst parseError = doc.querySelector(\"parsererror\");\n\t\tif (parseError) {\n\t\t\treturn false;\n\t\t}\n\t\tconst svgElement = doc.documentElement;\n\t\tif (svgElement.tagName.toLowerCase() !== \"svg\") {\n\t\t\treturn false;\n\t\t}\n\t\treturn true;\n\t} catch (error) {\n\t\treturn false;\n\t}\n}\n","import {Build, Component, Element, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {IconClass, IconColors, type IconColorType, IconSizesType} from \"./constants\"\nimport {fetchIcon} from \"../../utils/icon.utils\"\nimport {govHost} from \"../../helpers/Dom/template\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {iconsLazyLoad} from \"../../helpers/Dom/win\"\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {isValidSVG} from \"../../helpers/Dom/document\";\n\n@Component({\n\tassetsDirs: [\"assets\"],\n\ttag: \"gov-icon\",\n})\nexport class GovIcon {\n\tprivate h: GovHost\n\tprivate intersectionObserver: IntersectionObserver\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovIconElement\n\t/**\n\t * Icon size\n\t */\n\t@Prop({reflect: true}) readonly size?: IconSizesType\n\t/**\n\t * Icon color\n\t */\n\t@Prop({reflect: true}) readonly color?: IconColorType\n\t/**\n\t * Name of icon in folder\n\t */\n\t@Prop({reflect: true}) name: string = null\n\t/**\n\t * Type (folder) of icon\n\t */\n\t@Prop({reflect: true}) type = \"components\"\n\n\t@State() private visible = false\n\t@State() private error = false\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(Sizes, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(IconColors, newValue, IconClass.root)\n\t}\n\n\t@Watch(\"name\")\n\tprivate async loadIconPathData(): Promise<void> {\n\t\tconst {name, visible} = this\n\t\tif (!Build.isBrowser || !name || !visible) {\n\t\t\treturn\n\t\t}\n\t\tawait this.loadIcon()\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (iconsLazyLoad()) {\n\t\t\tthis.visible = true\n\t\t\tthis.loadIconPathData().finally()\n\t\t} else {\n\t\t\tthis.waitUntilVisible(async () => {\n\t\t\t\tthis.visible = true\n\t\t\t\tawait this.loadIconPathData()\n\t\t\t})\n\t\t}\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tif (this.intersectionObserver) {\n\t\t\tthis.intersectionObserver.disconnect()\n\t\t\tthis.intersectionObserver = null\n\t\t}\n\t}\n\n\tasync componentWillLoad(): Promise<void> {\n\t\tthis.validateSize(this.size)\n\t\tthis.validateColor(this.color)\n\t\tawait this.loadIconPathData()\n\t}\n\n\tprivate waitUntilVisible(callback: () => void): void {\n\t\tif (!Build.isBrowser || typeof window === \"undefined\" || !(window as any).IntersectionObserver) {\n\t\t\tcallback()\n\t\t\treturn\n\t\t}\n\t\tthis.intersectionObserver = new IntersectionObserver(\n\t\t\tentries => {\n\t\t\t\tentries.forEach(entry => {\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tif (this.intersectionObserver) {\n\t\t\t\t\t\t\tthis.intersectionObserver.disconnect()\n\t\t\t\t\t\t\tthis.intersectionObserver = null\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcallback()\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t},\n\t\t\t{rootMargin: \"50px\"},\n\t\t)\n\t\tthis.intersectionObserver.observe(this.host)\n\t}\n\n\tprivate async loadIcon() {\n\t\ttry {\n\t\t\tconst {name, type} = this\n\t\t\tconst data = await fetchIcon({name, type})\n\t\t\tconst isValid = isValidSVG(data)\n\t\t\tthis.host.innerHTML = isValid ? data : null;\n\t\t} catch (e) {\n\t\t\tthis.host.innerHTML = ''\n\t\t\tthis.error = true\n\t\t}\n\t}\n\n\trender() {\n\t\tif (this.error) {\n\t\t\treturn null\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(IconClass.root)} size={this.size} color={this.color}/>\n\t\t)\n\t}\n}\n","import {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\nimport {ValueOf} from \"../../types/interfaces\";\n\nexport const ThemeSwitchSizes = pick(Sizes, ['_XS', '_S', '_M', '_L', '_XL'])\nexport type ThemeSwitchSizesType = `${ValueOf<typeof ThemeSwitchSizes>}`\n\nexport const ThemeSwitchClass = {\n\troot: 'gov-theme-switch',\n\tindicator: 'gov-theme-switch__indicator',\n\tlabel: 'gov-theme-switch__label',\n\ticonLight: 'gov-theme-switch__icon-light',\n\ticonDark: 'gov-theme-switch__icon-dark',\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n","import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass, ThemeSwitchSizes, ThemeSwitchSizesType} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\nimport {validateProp} from \"../../helpers/Validate/props\";\nimport {getCookie, setCookie} from \"../../helpers/Dom/document\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovThemeSwitchElement\n\n\t/**\n\t * Switch's size.\n\t */\n\t@Prop() readonly size?: ThemeSwitchSizesType = \"m\"\n\t/**\n\t * Display switch label\n\t */\n\t@Prop({attribute: \"display-label\"}) readonly displayLabel? = false\n\t/**\n\t * Label in light mode\n\t */\n\t@Prop({attribute: \"aria-label-light\"}) readonly ariaLabelLight? = \"Přenout na tmavý mód\"\n\t/**\n\t * Label in dark mode\n\t */\n\t@Prop({attribute: \"aria-label-dark\"}) readonly ariaLabelDark? = \"Přepnout na světlý mód\"\n\t/**\n\t * Label in light mode\n\t */\n\t@Prop({attribute: \"label-light\"}) readonly labelLight? = \"Světlý mód\"\n\t/**\n\t * Label in dark mode\n\t */\n\t@Prop({attribute: \"label-dark\"}) readonly labelDark? = \"Tmavý mód\"\n\t/**\n\t * Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ThemeSwitchSizes, newValue, ThemeSwitchClass.root)\n\t}\n\n\t@Watch(\"theme\")\n\twatchTheme(newValue: ThemeList): void {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, newValue);\n\t\tthis.htmlElement.classList.remove(...Object.keys(ThemeList));\n\t\tthis.htmlElement.classList.add(newValue);\n\t\tsetCookie(ATTRIBUTE_THEME_NAME, newValue);\n\t}\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get storageValue() {\n\t\treturn getCookie(ATTRIBUTE_THEME_NAME)\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tprivate get isSystemPrefersColorDark(): boolean {\n\t\treturn isWindow && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t\tthis.validateSize(this.size)\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.storageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\tlet isDark = this.theme === ThemeList.dark;\n\t\tif (this.theme === ThemeList.auto) {\n\t\t\tisDark = this.isSystemPrefersColorDark;\n\t\t}\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}\n\t\t\t\t theme={isDark ? ThemeList.dark : ThemeList.light}\n\t\t\t\t size={this.size}>\n\t\t\t\t<button onClick={() => this.setThemeState(isDark ? ThemeList.light : ThemeList.dark)}\n\t\t\t\t\t\taria-current={this.theme}\n\t\t\t\t\t\taria-label={isDark ? this.ariaLabelDark : this.ariaLabelLight}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<span class={ThemeSwitchClass.indicator}>\n\t\t\t\t\t\t\t{ThemeList.light && <gov-icon name=\"sun\" class={ThemeSwitchClass.iconLight} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t\t{ThemeList.dark && <gov-icon name=\"moon\" class={ThemeSwitchClass.iconDark} type=\"components\"></gov-icon>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{this.displayLabel ? (\n\t\t\t\t\t\t\t<span class={ThemeSwitchClass.label}>\n\t\t\t\t\t\t\t\t{isDark ? this.labelDark : this.labelLight}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null\n\t\t\t\t\t\t}\n\t\t\t\t\t</span>\n\t\t\t\t</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as s,a as t,g as a}from"./p-9dea2efa.js";import{g as o}from"./p-ea7fdd2e.js";const r={root:"gov-container"};const c=class{constructor(s){e(this,s);this.h=o(this.host)}render(){return s(t,{key:"82f7c451b4196138a062e9e807c0b264b5f8e1fe",class:this.h.classes(r.root)},s("slot",{key:"04a40aeafe57c99f4a148d04320bf390e3444ea8"}))}get host(){return a(this)}};export{c as gov_container};
|
|
2
|
+
//# sourceMappingURL=p-3b2267a1.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ContainerClass","root","GovContainer","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["ContainerClass","root","GovContainer","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-container/constants.tsx","../../../packages/core/src/components/gov-container/gov-container.tsx"],"sourcesContent":["export const ContainerClass = {\n\troot: 'gov-container',\n}\n","import { Component, Element, h, Host } from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { ContainerClass } from './constants'\n\n@Component({\n\ttag: 'gov-container',\n})\nexport class GovContainer {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovContainerElement\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ContainerClass.root)}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6FAAO,MAAMA,EAAiB,CAC7BC,KAAM,iB,MCOMC,EAAY,MAGxB,WAAAC,CAAAC,G,UACCC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAKvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQb,EAAeC,OAC1CK,EAAA,QAAAK,IAAA,6C","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 r}from"./p-13ebd887.js";import{g as c}from"./p-ea7fdd2e.js";const f=class{constructor(t){s(this,t);this.type="stretch";this.variant=undefined;this.inverse=false;this.h=c(this.host)}typeClass(s,t,e,a){const r=t?"-"+t:"";const c=e?"-"+e:"";const f=a?"-inverse":"";return s+" "+s+r+c+f}render(){return t(e,{key:"f22ec016a02ac1c97f570f167ac14fbcd1a82f21",type:this.type,class:this.h.classes(r.root)},t("section",{key:"b6e46bbe21ac021b63f6afa1f96f2195afd9d456",class:this.typeClass(r.section,this.type,this.variant,this.inverse)},t("slot",{key:"789e8b9c425651966356c485a140dfa7fd549e50"})))}get host(){return a(this)}};export{f as gov_layout};
|
|
2
|
+
//# sourceMappingURL=p-4216d8f3.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,c as e,h as s,a as t,g as c}from"./p-9dea2efa.js";import{v as d}from"./p-0b3574c2.js";import{S as i,c as o}from"./p-2ca5423c.js";import{c as r}from"./p-cd6c2938.js";import{g as f}from"./p-ea7fdd2e.js";import"./p-e8ec030e.js";import"./p-e0e2e9c1.js";import"./p-5aad3497.js";import"./p-92f420cb.js";const b=class{constructor(s){a(this,s);this.govChange=e(this,"gov-change",7);this.hydrated=false;this.color="primary";this.size="m";this.identifier=undefined;this.h=f(this.host);this.triggerId=r("GovStepperItem");this.contentId=r("GovStepperContent")}validateColor(a){d(o,a,i.root)}componentWillLoad(){this.validateColor(this.color)}connectedCallback(){this.hydrated=true}render(){const a=this.identifier||this.triggerId;const e=this.contentId;return s(t,{key:"ef017294b38b6fda6da1bceb8a85185a4f088270",id:a,class:this.h.classes(i.root),color:this.color,role:"listitem",hydrated:this.hydrated},s("div",{key:"37ebc08427d94722ff4127b6aa39b4f28e2844f5"},s("div",{key:"0f74091afd24d44a77249cadcfc51a3618985632",class:i.steps},s("span",{key:"397c1a50f02498ff849d0b93dbca66cae076761e"}),s("span",{key:"5b70a1ada896d1f3092acf345eae2d6265513cc5",class:i.prefix},s("slot",{key:"e6b30945934e11db11d0ee035224b1969bb3808d",name:"prefix"})),s("span",{key:"d0ab63fc8038726b39ca41a79f8d73c5cad9b670"})),s("div",{key:"76366242f47074a4e5f18062d7cc0a5ad54c22aa",class:i.main},s("span",{key:"f28fcf03b8abe71de585c41d378d4a9a8fda4f5a",class:i.headline},s("slot",{key:"41dac89031060fbb12d36ba2ca1d0d65f0bfc372",name:"headline"})),s("slot",{key:"c4ce96cb0625d66244887874de84981101014d39",name:"annotation"}),this.h.hasSlot("content")&&s("div",{key:"d45cd14c4e1b8cfd48cb73673be3d7da76a662e6",class:i.content,id:e,"aria-labelledby":a,role:"tabpanel"},s("slot",{key:"3a2896b00d01c76ecb0346d601801c538ab9ba8f",name:"content"})))))}get host(){return c(this)}static get watchers(){return{color:["validateColor"]}}};export{b as gov_stepper_item};
|
|
2
|
+
//# sourceMappingURL=p-44c912e2.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GovStepperItem","constructor","hostRef","this","hydrated","h","govHost","host","triggerId","createID","contentId","validateColor","newValue","validateProp","StepperColors","StepperItemClass","root","componentWillLoad","color","connectedCallback","render","identifier","Host","key","id","class","classes","role","steps","prefix","name","main","headline","hasSlot","content"],"sources":["../../../packages/core/src/components/gov-stepper/gov-stepper-item.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch, Host, Event, EventEmitter } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperColorType, StepperColors } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly color?: StepperColorType = 'primary'\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Custom stepper item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('color')\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(StepperColors, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateColor(this.color)\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\n\t\treturn (\n\t\t\t<Host id={triggerId} class={this.h.classes(StepperItemClass.root)} color={this.color} role=\"listitem\" hydrated={this.hydrated}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={StepperItemClass.steps}>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t<slot name=\"prefix\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class={StepperItemClass.main}>\n\t\t\t\t\t\t<span class={StepperItemClass.headline}>\n\t\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<slot name=\"annotation\"/>\n\n\t\t\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId}\n\t\t\t\t\t\t\t\t role=\"tabpanel\">\n\t\t\t\t\t\t\t\t<slot name=\"content\"/>\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</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6TAWaA,EAAc,MAM1B,WAAAC,CAAAC,G,gDAFQC,KAAAC,SAAW,M,WAayB,U,UAID,I,0BAd1CD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,UAAYC,EAAS,kBAC1BN,KAAKO,UAAYD,EAAS,oB,CAuB3B,aAAAE,CAAcC,GACbC,EAAaC,EAAeF,EAAUG,EAAiBC,K,CAGxD,iBAAAC,GACCd,KAAKQ,cAAcR,KAAKe,M,CAGzB,iBAAAC,GACChB,KAAKC,SAAW,I,CAGjB,MAAAgB,GACC,MAAMZ,EAAYL,KAAKkB,YAAclB,KAAKK,UAC1C,MAAME,EAAYP,KAAKO,UAEvB,OACCL,EAACiB,EAAI,CAAAC,IAAA,2CAACC,GAAIhB,EAAWiB,MAAOtB,KAAKE,EAAEqB,QAAQX,EAAiBC,MAAOE,MAAOf,KAAKe,MAAOS,KAAK,WAAWvB,SAAUD,KAAKC,UACpHC,EAAA,OAAAkB,IAAA,4CACClB,EAAA,OAAAkB,IAAA,2CAAKE,MAAOV,EAAiBa,OAC5BvB,EAAA,QAAAkB,IAAA,6CACAlB,EAAA,QAAAkB,IAAA,2CAAME,MAAOV,EAAiBc,QAC7BxB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,YAEZzB,EAAA,QAAAkB,IAAA,8CAEDlB,EAAA,OAAAkB,IAAA,2CAAKE,MAAOV,EAAiBgB,MAC5B1B,EAAA,QAAAkB,IAAA,2CAAME,MAAOV,EAAiBiB,UAC7B3B,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,cAEZzB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,eAEV3B,KAAKE,EAAE4B,QAAQ,YACf5B,EAAA,OAAAkB,IAAA,2CAAKE,MAAOV,EAAiBmB,QAASV,GAAId,EAAS,kBAAmBF,EACpEmB,KAAK,YACNtB,EAAA,QAAAkB,IAAA,2CAAMO,KAAK,e","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as s,a,g as t}from"./p-9dea2efa.js";import{v as o}from"./p-0b3574c2.js";import{C as r}from"./p-5aad3497.js";import{p as c}from"./p-e0e2e9c1.js";import{g as d}from"./p-ea7fdd2e.js";import"./p-e8ec030e.js";c(r,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var i;(function(e){e["BOLD"]="bold";e["SUBTLE"]="subtle"})(i||(i={}));const f={root:"gov-message",content:"gov-message__content"};const n=class{constructor(s){e(this,s);this.color=r.PRIMARY;this.type="subtle";this.h=d(this.host)}validateColor(e){o(r,e,f.root)}render(){return s(a,{key:"6cdca867db0d3576076bba0518cbfc844762aa9e",class:this.h.classes(f.root),color:this.color,type:this.type,role:"status"},this.h.hasSlot("icon")&&s("span",{key:"b28876f005e857aaddaf2afb6372745978abb926"},s("slot",{key:"b88920a480dfdd18ddcdcc013ff36a81d6de1707",name:"icon"})),s("div",{key:"ad9e4ef4894877d53f0b7c598035c0c35e317054",class:f.content},s("slot",{key:"78f8e1a9ee32eddaeb7b78e029476a525975ee6d"})))}get host(){return t(this)}static get watchers(){return{color:["validateColor"]}}};export{n as gov_message};
|
|
2
|
+
//# sourceMappingURL=p-4d5f768f.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pick","Colors","MessageType","MessageClass","root","content","GovMessage","constructor","hostRef","PRIMARY","this","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","color","type","role","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\n\nexport enum MessageType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\tcontent: 'gov-message__content',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["pick","Colors","MessageType","MessageClass","root","content","GovMessage","constructor","hostRef","PRIMARY","this","h","govHost","host","validateColor","newValue","validateProp","render","Host","key","class","classes","color","type","role","hasSlot","name"],"sources":["../../../packages/core/src/components/gov-message/constants.ts","../../../packages/core/src/components/gov-message/gov-message.tsx"],"sourcesContent":["import { Colors } from '../../core/constants/colors'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const MessageColors = pick(Colors, ['PRIMARY', 'NEUTRAL', 'ERROR', 'SUCCESS', 'WARNING'])\nexport type MessageColorType = `${ValueOf<typeof MessageColors>}`\n\nexport enum MessageType {\n\tBOLD = 'bold',\n\tSUBTLE = 'subtle',\n}\nexport type MessageTypesType = `${ValueOf<typeof MessageType>}`\n\nexport const MessageClass = {\n\troot: 'gov-message',\n\tcontent: 'gov-message__content',\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { MessageTypesType, MessageClass, MessageColorType} from \"./constants\"\nimport { govHost } from \"../../helpers/Dom/template\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { Colors } from \"../../core/constants/colors\"\n\n@Component({\n\ttag: \"gov-message\",\n})\nexport class GovMessage {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovMessageElement\n\n\t/**\n\t * Style variation of the content message.\n\t */\n\t@Prop() readonly color: MessageColorType = Colors.PRIMARY\n\t/**\n\t * Message type\n\t */\n\t@Prop() readonly type?: MessageTypesType = \"subtle\"\n\n\t@Watch(\"color\")\n\tvalidateColor(newValue: string): void {\n\t\tvalidateProp(Colors, newValue, MessageClass.root)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(MessageClass.root)} color={this.color} type={this.type} role=\"status\">\n\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div class={MessageClass.content}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"4NAI6BA,EAAKC,EAAQ,CAAC,UAAW,UAAW,QAAS,UAAW,YAGrF,IAAYC,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,kBACA,EAHD,CAAYA,MAAW,KAMhB,MAAMC,EAAe,CAC3BC,KAAM,cACNC,QAAS,wB,MCLGC,EAAU,MAGtB,WAAAC,CAAAC,G,qBAS2CP,EAAOQ,Q,UAIP,SAZ1CC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAevB,aAAAC,CAAcC,GACbC,EAAaf,EAAQc,EAAUZ,EAAaC,K,CAG7C,MAAAa,GACC,OACCN,EAACO,EAAI,CAAAC,IAAA,2CAACC,MAAOV,KAAKC,EAAEU,QAAQlB,EAAaC,MAAOkB,MAAOZ,KAAKY,MAAOC,KAAMb,KAAKa,KAAMC,KAAK,UACvFd,KAAKC,EAAEc,QAAQ,SACfd,EAAA,QAAAQ,IAAA,4CACCR,EAAA,QAAAQ,IAAA,2CAAMO,KAAK,UAIbf,EAAA,OAAAQ,IAAA,2CAAKC,MAAOjB,EAAaE,SACxBM,EAAA,QAAAQ,IAAA,8C","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,a as e,g as h}from"./p-9dea2efa.js";import{c as a}from"./p-cd6c2938.js";import{v as o}from"./p-0b3574c2.js";import{g as n,F as r,a as c}from"./p-da1db6fd.js";import{g as d,c as l,t as p}from"./p-ea7fdd2e.js";import{F as m}from"./p-1c1d0bbe.js";import{A as f,a as u}from"./p-9ac55bd1.js";import{i as b}from"./p-d9a299a4.js";import"./p-e8ec030e.js";import"./p-e0e2e9c1.js";import"./p-92f420cb.js";import"./p-7f3becc5.js";import"./p-5aad3497.js";import"./p-56efd4a2.js";import"./p-7ba4daf4.js";const v=class{constructor(i){t(this,i);this.govFocus=s(this,"gov-focus",7);this.govBlur=s(this,"gov-blur",7);this.govChange=s(this,"gov-change",7);this.hydrated=false;this.value=undefined;this.checked=false;this.required=false;this.disabled=false;this.indeterminate=false;this.name=undefined;this.size="m";this.identifier=undefined;this.noLabel=false;this.invalid=undefined;this.inheritedAttributes={};this.checkboxId=a("GovCheckbox");this.h=d(this.host);this.f=n(this.h)}validateSize(t){o(c,t,r.root)}watchControlAttrs(){this.passControlAttrs()}passControlAttrs(){this.f.passAttrToControl("size",this.size);this.f.passAttrToControl("disabled",l(this.disabled));this.f.passAttrToControl("invalid",l(this.invalid));this.f.passAttrToControl("type","checkbox")}componentWillLoad(){this.passControlAttrs();this.inheritedAttributes=b(this.host)}componentDidLoad(){this.attributeObserver=new f(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(u)}async componentDidRender(){this.f.passAttrToLabel("identifier",this.identifier||this.checkboxId);this.f.passAttrToLabel("required",String(this.required));this.passControlAttrs()}connectedCallback(){this.hydrated=true}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(){const t=t=>{if(this.noLabel){return i("label",{class:r.label},t)}return t};return i(e,{class:r.root,hydrated:this.hydrated,checked:this.checked,size:this.size,invalid:p(this.invalid)},t(i(m,null,i("input",Object.assign({id:this.identifier||this.checkboxId,type:"checkbox",value:this.value,name:this.name,checked:this.checked,onClick:this.onClickHandler.bind(this),onChange:this.onChangeHandler.bind(this),onFocus:this.onFocusHandler.bind(this),onBlur:this.onBlurHandler.bind(this),required:this.required,disabled:this.disabled,indeterminate:this.indeterminate,ref:t=>this.inputRef=t},this.inheritedAttributes,{"aria-checked":l(this.checked),"aria-required":p(this.required),"aria-invalid":p(this.invalid),"aria-disabled":p(this.disabled)})),i("span",null,i("slot",{name:"label"}),i("gov-icon",{class:r.check,name:"check-lg",type:"components"}),i("gov-icon",{class:r.indeterminate,name:"dash-lg",type:"components"})))))}onFocusHandler(t){t.stopPropagation();this.govFocus.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onBlurHandler(t){t.stopPropagation();this.govBlur.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}onClickHandler(t){t.stopPropagation()}onChangeHandler(t){this.checked=t.target.checked;t.stopPropagation();this.govChange.emit({component:r.root,value:this.value,checked:this.checked,originalEvent:t})}async getRef(){return this.inputRef}get host(){return h(this)}static get watchers(){return{size:["validateSize","watchControlAttrs"],disabled:["watchControlAttrs"],invalid:["watchControlAttrs"]}}};export{v as gov_form_checkbox};
|
|
2
|
+
//# sourceMappingURL=p-52103c05.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GovFormCheckbox","constructor","hostRef","this","hydrated","checkboxId","createID","h","govHost","host","f","govForm","validateSize","newValue","validateProp","FormCheckboxSizes","FormCheckboxClass","root","watchControlAttrs","passControlAttrs","passAttrToControl","size","toBoolAttr","disabled","invalid","componentWillLoad","inheritedAttributes","inheritAriaAttributes","componentDidLoad","attributeObserver","AttributeObserver","attributeName","onAriaAttributeChange","startObserving","ariaAttributes","componentDidRender","passAttrToLabel","identifier","String","required","connectedCallback","disconnectedCallback","_a","stopObserving","removeAttribute","Object","assign","render","wrapCheckbox","children","noLabel","class","label","Host","checked","toBoolAttrIfDefined","Fragment","id","type","value","name","onClick","onClickHandler","bind","onChange","onChangeHandler","onFocus","onFocusHandler","onBlur","onBlurHandler","indeterminate","ref","el","inputRef","check","e","stopPropagation","govFocus","emit","component","originalEvent","govBlur","target","govChange","getRef"],"sources":["../../../packages/core/src/components/gov-form/checkbox/gov-form-checkbox.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormCheckboxClass, FormCheckboxSizes, FormCheckboxSizesType} from \"./constants\"\nimport {govHost, toBoolAttr, toBoolAttrIfDefined} from \"../../../helpers/Dom/template\"\nimport {GovForm} from \"../../../helpers/Dom/form.types\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govForm} from \"../../../helpers/Dom/form\"\nimport Fragment from \"../../../helpers/Fragment\"\nimport {FormCheckboxEvent} from \"./gov-form-checkbox.types\"\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-checkbox\",\n})\nexport class GovFormCheckbox {\n\tprivate readonly h: GovHost\n\tprivate f: GovForm\n\tprivate inputRef?: HTMLInputElement\n\tprivate attributeObserver: AttributeObserver\n\n\tprivate readonly checkboxId: string\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.checkboxId = createID(\"GovCheckbox\")\n\n\t\tthis.h = govHost(this.host)\n\t\tthis.f = govForm(this.h)\n\t}\n\n\t@Element() host: HTMLGovFormCheckboxElement\n\t/**\n\t * Value of checkbox\n\t */\n\t@Prop() readonly value: string\n\t/**\n\t * Checkbox button state\n\t */\n\t@Prop({reflect: true, mutable: true}) checked = 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 checkbox component disabled.\n\t */\n\t@Prop({reflect: true}) readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter (https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate)\n\t */\n\t@Prop({reflect: true}) readonly indeterminate: boolean = false\n\t/**\n\t * Name of the checkbox.\n\t */\n\t@Prop() readonly name: string\n\t/**\n\t * Checkboxes size.\n\t */\n\t@Prop({reflect: true}) readonly size?: FormCheckboxSizesType = \"m\"\n\t/**\n\t * Custom checkbox identifier.\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * When you can't use the form label.\n\t */\n\t@Prop({attribute: \"no-label\"}) readonly noLabel: boolean = false\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 * Emitted when the checkbox has focus.\n\t */\n\t@Event({eventName: \"gov-focus\"}) govFocus: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox loses focus.\n\t */\n\t@Event({eventName: \"gov-blur\"}) govBlur: EventEmitter<FormCheckboxEvent>\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormCheckboxEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(FormCheckboxSizes, newValue, FormCheckboxClass.root)\n\t}\n\n\t@Watch(\"disabled\")\n\t@Watch(\"invalid\")\n\t@Watch(\"size\")\n\twatchControlAttrs(): void {\n\t\tthis.passControlAttrs()\n\t}\n\n\t@State() inheritedAttributes: Attributes = {}\n\n\tprivate passControlAttrs() {\n\t\tthis.f.passAttrToControl(\"size\", this.size)\n\t\tthis.f.passAttrToControl(\"disabled\", toBoolAttr(this.disabled))\n\t\tthis.f.passAttrToControl(\"invalid\", toBoolAttr(this.invalid))\n\t\tthis.f.passAttrToControl(\"type\", \"checkbox\")\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.passControlAttrs()\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\tasync componentDidRender() {\n\t\tthis.f.passAttrToLabel(\"identifier\", this.identifier || this.checkboxId)\n\t\tthis.f.passAttrToLabel(\"required\", String(this.required))\n\t\tthis.passControlAttrs()\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\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\tconst wrapCheckbox = (children) => {\n\t\t\tif (this.noLabel) {\n\t\t\t\treturn (\n\t\t\t\t\t<label class={FormCheckboxClass.label}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</label>\n\t\t\t\t)\n\t\t\t}\n\t\t\treturn children\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class={FormCheckboxClass.root}\n\t\t\t\t\t\thydrated={this.hydrated}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\tinvalid={toBoolAttrIfDefined(this.invalid)}>\n\t\t\t\t{wrapCheckbox(\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={this.identifier || this.checkboxId}\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\t\t\tonChange={this.onChangeHandler.bind(this)}\n\t\t\t\t\t\t\tonFocus={this.onFocusHandler.bind(this)}\n\t\t\t\t\t\t\tonBlur={this.onBlurHandler.bind(this)}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t\tindeterminate={this.indeterminate}\n\t\t\t\t\t\t\tref={el => (this.inputRef = el as HTMLInputElement)}\n\t\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t\t\taria-checked={toBoolAttr(this.checked)}\n\t\t\t\t\t\t\taria-required={toBoolAttrIfDefined(this.required)}\n\t\t\t\t\t\t\taria-invalid={toBoolAttrIfDefined(this.invalid)}\n\t\t\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.check} name=\"check-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t<gov-icon class={FormCheckboxClass.indeterminate} name=\"dash-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Fragment>,\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onFocusHandler(e: FocusEvent) {\n\t\te.stopPropagation()\n\t\tthis.govFocus.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\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: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\n\t}\n\n\tprivate onClickHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t}\n\n\tprivate onChangeHandler(e: Event) {\n\t\tthis.checked = (e.target as HTMLInputElement).checked\n\t\te.stopPropagation()\n\t\tthis.govChange.emit({\n\t\t\tcomponent: FormCheckboxClass.root,\n\t\t\tvalue: this.value,\n\t\t\tchecked: this.checked,\n\t\t\toriginalEvent: e,\n\t\t})\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"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as s,h as i,a,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-6d54ce5f.js";import{c as f}from"./p-cd6c2938.js";import{t as b}from"./p-26618322.js";import"./p-e0e2e9c1.js";import"./p-2fe7d728.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(i){e(this,i);this.govClose=s(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=f("GovDialogLabel");this.contentId=f("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()){b((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(n.bodyFix)}render(){return i(a,{key:"d4185a1b611db509ebf08509afa23b6e1682fe6f",class:this.h.classes(n.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"6a9624025826c1bd0eb7e83739112cf7b2d56dbc",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},i("div",{key:"1f93dc885aad9898151e00ca4717c8dd8eeea1ff",class:n.inner},i("div",{key:"4455c3f5f5e6aa9e6ec84ce400ead24a3e526374",class:n.header},this.h.hasSlot("icon")&&i("span",{key:"40bd7dba7f121d87e00b48b5c4f3ed0c01f5d4a0"},i("slot",{key:"911f36f5199cde0f6561da2385934bb88e668c68",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"1e45df978ffc0f360d242d24e826b4df41188196",class:n.title,id:this.labelId},i("slot",{key:"920d60a3305db5b2b7963e6e0c795dbe49101f40",name:"title"})),i("gov-button",{key:"42a64cd1706ba71362bc0bc0b8d69e9867ec5fb1",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)},i("gov-icon",{key:"480265e99c21126cbb755df8e6c6f482f69fb92b",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"dc16ca442fbb779b8d0c127253324d2894e1b1e5",class:n.content,id:this.contentId},i("slot",{key:"a721e2e66951a436c2a7c946648e15cd1043a7c1"})),this.h.hasSlot("footer")&&i("div",{key:"ea53d2a6284285c3b33a346784f783e69cc6ff4a",class:n.footer},i("slot",{key:"1693aec930d48ffd79505638b4b03df4e50529f5",name:"footer"})))),this.open?i("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-52bb8e4f.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":"wSAAO,MAAMA,EAAc,CAC1BC,KAAM,aACNC,OAAQ,qBACRC,MAAO,oBACPC,OAAQ,qBACRC,MAAO,oBACPC,QAAS,sBACTC,MAAO,oBACPC,OAAQ,qBACRC,QAAS,c,MCIGC,EAAS,MAOrB,WAAAC,CAAAC,G,8CAHQC,KAAAC,SAAW,M,UAc0B,M,gBAIE,M,wBAIiB,M,UAIZ,S,cAIQ,K,mGAYyB,c,yCAtCpFD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,QAAUC,EAAS,kBACxBN,KAAKO,UAAYD,EAAS,mB,CA+C3B,SAAAE,CAAUC,GACTT,KAAKU,KAAOD,EACZT,KAAKW,WAAWC,S,CAGT,UAAAC,GACPb,KAAKU,KAAO,KACZI,SAASC,KAAKC,UAAUC,IAAI9B,EAAYS,Q,CAGjC,UAAAsB,GACPlB,KAAKU,KAAO,MACZI,SAASC,KAAKC,UAAUG,OAAOhC,EAAYS,Q,CAG5C,wBAAMwB,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMtB,KAAKuB,yB,CAGjB,GAAIvB,KAAKU,KAAM,CACdV,KAAKa,Y,KACC,CACNb,KAAKkB,Y,EAIP,iBAAAM,GACCxB,KAAKC,SAAW,I,CAGjB,oBAAAwB,GACCX,SAASC,KAAKC,UAAUG,OAAOhC,EAAYS,Q,CAG5C,MAAA8B,GACC,OACCxB,EAACyB,EAAI,CAAAC,IAAA,2CAACC,MAAO7B,KAAKE,EAAE4B,QAAQ3C,EAAYC,MAAOsB,KAAMV,KAAKU,KAAMT,SAAUD,KAAKC,UAC9EC,EAAA,UAAA0B,IAAA,2CACCC,MAAO1C,EAAYE,OACnB0C,QAAS/B,KAAKU,KACdsB,SAAUC,EAAiBjC,KAAKU,MAChCA,KAAMV,KAAKU,KAAI,aACJ,OAAM,cACJwB,GAAYlC,KAAKU,MAAK,kBAClBV,KAAKmC,sBAAwBnC,KAAKK,QAAO,mBACxCL,KAAKoC,uBAAyBpC,KAAKO,UACrD8B,KAAMrC,KAAKqC,MAEXnC,EAAA,OAAA0B,IAAA,2CAAKC,MAAO1C,EAAYG,OACvBY,EAAA,OAAA0B,IAAA,2CAAKC,MAAO1C,EAAYI,QACtBS,KAAKE,EAAEoC,QAAQ,SACfpC,EAAA,QAAA0B,IAAA,4CACC1B,EAAA,QAAA0B,IAAA,2CAAMW,KAAK,UAGZvC,KAAKE,EAAEoC,QAAQ,UACfpC,EAAA,QAAA0B,IAAA,2CAAMC,MAAO1C,EAAYK,MAAOgD,GAAIxC,KAAKK,SACxCH,EAAA,QAAA0B,IAAA,2CAAMW,KAAK,WAGbrC,EAAA,cAAA0B,IAAA,2CACCa,IAAKC,GAAO1C,KAAK2C,YAAcD,EAC/BE,SAAU5C,KAAK6C,WACfhB,MAAO1C,EAAYO,MACnBoD,MAAM,UAAS,aACH9C,KAAK+C,qBAAoB,kBACpB/C,KAAKgD,0BACtBC,KAAK,OACLC,KAAK,IAAG,eACMlD,KAAKmD,eAAeC,KAAKpD,OAEvCE,EAAA,YAAA0B,IAAA,2CAAUyB,KAAK,aAAad,KAAK,OAAOU,KAAK,iBAG/C/C,EAAA,OAAA0B,IAAA,2CAAKC,MAAO1C,EAAYM,QAAS+C,GAAIxC,KAAKO,WACzCL,EAAA,QAAA0B,IAAA,8CAEA5B,KAAKE,EAAEoC,QAAQ,WACfpC,EAAA,OAAA0B,IAAA,2CAAKC,MAAO1C,EAAYQ,QACvBO,EAAA,QAAA0B,IAAA,2CAAMW,KAAK,cAMdvC,KAAKU,KACLR,EAAA,gBACC0C,SAAU5C,KAAKsD,mBAAkB,aACrBtD,KAAK+C,qBAAoB,mBACnB/C,KAAKgD,0BAAyB,eAClChD,KAAKmD,eAAeC,KAAKpD,QAErC,K,CAKC,cAAAmD,CAAeI,GACtBA,EAAEC,kBACFD,EAAEE,iBACF,GAAIzD,KAAK6C,aAAe,MAAO,CAC9B7C,KAAKkB,aACLlB,KAAK0D,SAASC,KAAKJ,E,EAQrB,cAAM5C,GACL,GAAIX,KAAKU,MAAQV,KAAK2C,YAAa,CAClC3C,KAAK2C,YAAYhC,WAAWiD,O,EAS9B,2BAAMrC,GACLsC,EAAgB7D,KAAKmC,qBAAsB,yBAA0BhD,EAAYC,MACjFyE,EAAgB7D,KAAKoC,sBAAuB,0BAA2BjD,EAAYC,K","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as a,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 f}from"./p-92f420cb.js";r(f,["_S","_M","_L"]);r(o,["PRIMARY","NEUTRAL"]);const c={root:"gov-form-search"};const d=class{constructor(a){e(this,a);this.size="m";this.color="neutral"}render(){return a(s,{key:"aac69369eafa76eee7e1117601008ac8d34b5417",class:c.root,color:this.color,size:this.size},a("slot",{key:"7f20815a61d662cbfde7f85f40e45277c5494315",name:"input"}),a("slot",{key:"d2db24dda8aad0577f8d84ea39377df3dd1b9b19",name:"button-erase"}),a("slot",{key:"d7f38530eb623e1f230e0ec42db0a68f775eec8e",name:"button"}))}get host(){return t(this)}};export{d as gov_form_search};
|
|
2
|
+
//# sourceMappingURL=p-52c74fc5.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","render","h","Host","key","class","color","this","size","name"],"sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\nimport {Sizes} from \"../../../core/constants/sizes\";\n\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\n\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\n\nexport const FormSearchClass = {\n\troot: 'gov-form-search',\n}\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\n\n@Component({\n\ttag: 'gov-form-search',\n})\nexport class GovFormSearch {\n\t@Element() host: HTMLGovFormSearchElement\n\t/**\n\t * Search’s size.\n\t */\n\t@Prop() readonly size?: FormSearchSizesType = \"m\"\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\n\t\t\t\t<slot name=\"input\"/>\n\t\t\t\t<slot name=\"button-erase\"/>\n\t\t\t\t<slot name=\"button\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["pick","Sizes","Colors","FormSearchClass","root","GovFormSearch","render","h","Host","key","class","color","this","size","name"],"sources":["../../../packages/core/src/components/gov-form/search/constants.ts","../../../packages/core/src/components/gov-form/search/gov-form-search.tsx"],"sourcesContent":["import { Colors } from '../../../core/constants/colors'\nimport { ValueOf } from '../../../types/interfaces'\nimport { pick } from '../../../utils/utils'\nimport {Sizes} from \"../../../core/constants/sizes\";\n\nexport const FormSearchSizes = pick(Sizes, ['_S', '_M', '_L'])\nexport type FormSearchSizesType = `${ValueOf<typeof FormSearchSizes>}`\n\nexport const FormSearchColors = pick(Colors, ['PRIMARY', 'NEUTRAL'])\nexport type FormSearchColorType = `${ValueOf<typeof FormSearchColors>}`\n\nexport const FormSearchClass = {\n\troot: 'gov-form-search',\n}\n","import {Component, Element, h, Host, Prop} from '@stencil/core'\nimport {FormSearchClass, FormSearchSizesType, FormSearchColorType} from './constants'\n\n@Component({\n\ttag: 'gov-form-search',\n})\nexport class GovFormSearch {\n\t@Element() host: HTMLGovFormSearchElement\n\t/**\n\t * Search’s size.\n\t */\n\t@Prop() readonly size?: FormSearchSizesType = \"m\"\n\t/**\n\t * Style variation of the form input.\n\t */\n\t@Prop({reflect: true}) readonly color: FormSearchColorType = 'neutral'\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={FormSearchClass.root} color={this.color} size={this.size}>\n\t\t\t\t<slot name=\"input\"/>\n\t\t\t\t<slot name=\"button-erase\"/>\n\t\t\t\t<slot name=\"button\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"qKAK+BA,EAAKC,EAAO,CAAC,KAAM,KAAM,OAGxBD,EAAKE,EAAQ,CAAC,UAAW,YAGlD,MAAMC,EAAkB,CAC9BC,KAAM,mB,MCNMC,EAAa,M,mCAKqB,I,WAIe,S,CAE7D,MAAAC,GACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOP,EAAgBC,KAAMO,MAAOC,KAAKD,MAAOE,KAAMD,KAAKC,MAChEN,EAAA,QAAAE,IAAA,2CAAMK,KAAK,UACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,W","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,h as e,a as i,g as t}from"./p-9dea2efa.js";import{a as d}from"./p-ea128b8b.js";import{g as a}from"./p-ea7fdd2e.js";import"./p-92f420cb.js";const n=class{constructor(e){s(this,e);this.column="12";this.columnSm=undefined;this.columnMd=undefined;this.columnLg=undefined;this.columnXl=undefined;this.row="1";this.rowSm=undefined;this.rowMd=undefined;this.rowLg=undefined;this.rowXl=undefined;this.h=a(this.host)}render(){return e(i,{key:"30f35aa2a7d4c2456164b6f0001a915796a07b9c",class:this.h.classes(d.root),role:"listitem"},e("slot",{key:"25e3d4f401f56697a3f90abd01b9add8fa1d238b"}))}get host(){return t(this)}};export{n as gov_grid_item};
|
|
2
|
+
//# sourceMappingURL=p-548806cb.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GovGridItem","constructor","hostRef","this","h","govHost","host","render","Host","key","class","classes","GridItemClass","root","role"],"sources":["../../../packages/core/src/components/gov-grid/gov-grid-item.tsx"],"sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { GridItemClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-grid-item',\n})\nexport class GovGridItem {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovGridItemElement\n\t/**\n\t * Cell size as a fraction of 1/12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span' }) readonly column: string = \"12\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-sm' }) readonly columnSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-md' }) readonly columnMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-lg' }) readonly columnLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'col-span-xl' }) readonly columnXl?: string\n\t/**\n\t * Connects rows in the grid\n\t */\n\t@Prop({ attribute: 'row-span' }) readonly row: string = \"1\";\n\t/**\n\t * Cell size for SM media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-sm' }) readonly rowSm?: string\n\t/**\n\t * Cell size for MD media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-md' }) readonly rowMd?: string\n\t/**\n\t * Cell size for LG media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-lg' }) readonly rowLg?: string\n\t/**\n\t * Cell size for XL media query and up as a fraction of 12 of the grid size\n\t */\n\t@Prop({ attribute: 'row-span-xl' }) readonly rowXl?: string\n\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes(GridItemClass.root)}\n\t\t\t\trole=\"listitem\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"+JAQaA,EAAW,MAGvB,WAAAC,CAAAC,G,sBAQ2D,K,yGAoBH,I,oFA3BvDC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA8CvB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CACJC,MAAOP,KAAKC,EAAEO,QAAQC,EAAcC,MACpCC,KAAK,YAELV,EAAA,QAAAK,IAAA,6C","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as i,h as s,a as e,g as o}from"./p-9dea2efa.js";import{g as r,c as n}from"./p-ea7fdd2e.js";import{c as a}from"./p-cd6c2938.js";import{B as c}from"./p-3bbb77a0.js";import"./p-92f420cb.js";import"./p-5aad3497.js";import"./p-e0e2e9c1.js";const d={triggerEvents:"click",exclude:""};function h(t,i,s,e=d){const o=p(e);f(e).forEach((e=>{window.addEventListener(e,(e=>{l(e,t,i,s,o)}),false)}))}function l(t,i,s,e,o){const r=t.target;if(!s.contains(r)&&!u(r,o)){e.call(i)}}function f(t){if(t.triggerEvents){return t.triggerEvents.split(",").map((t=>t.trim()))}return["click"]}function p(t){if(t.exclude){try{return Array.from(document.querySelectorAll(t.exclude))}catch(i){console.warn(`@ClickOutside: Exclude: '${t.exclude}' will not be evaluated. Check your exclude selector syntax.`,i)}}return}function u(t,i){if(t&&i){for(let s of i){if(s.contains(t)){return true}}}return false}var b;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})(b||(b={}));const g={root:"gov-dropdown",list:"gov-dropdown__list"};const v=class{constructor(s){t(this,s);this.govChange=i(this,"gov-change",7);this.identifier=undefined;this.open=false;this.position=b.LEFT;this.h=r(this.host);this.listId=a("GovDropdownList");this.controlId=a("GovDropdownControl")}watchOpen(){var t;(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded",n(this.open))}get trigger(){return this.host.querySelector(`* > ${c.root}`)}get list(){return this.h.getSlot("list")}componentWillLoad(){var t;if(!this.trigger)return;this.trigger.setAttribute("aria-controls",this.listId);this.trigger.setAttribute("aria-haspopup",n(!!this.list));this.trigger.setAttribute("aria-expanded",n(this.open));this.trigger.setAttribute("identifier",(t=this.identifier)!==null&&t!==void 0?t:this.controlId);this.trigger.addEventListener("gov-click",(t=>{t.preventDefault();t.stopPropagation();this.open=!this.open;this.govChange.emit({component:g.root,originalEvent:t,open:this.open})}))}render(){return s(e,{key:"ed9beb8952cacb4b76fc73ab31345bbe8c5d206d",class:this.h.classes([g.root]),open:this.open,position:this.position},s("slot",{key:"49d4da21a53be27e687622d17e21474c7cedb26d"}),s("div",{key:"941b05aab703a6bfd981d912763f4576899fd617",ref:t=>h(this,t,(()=>this.open=false)),class:g.list,id:this.listId,"aria-labelledby":this.controlId,"aria-hidden":n(!this.open),hidden:!this.open},s("slot",{key:"cd0c1f28b7d717efd0fe8faa964df78dfbeca49f",name:"list"})))}async getState(){return this.open}async toggle(){this.open=!this.open}get host(){return o(this)}static get watchers(){return{open:["watchOpen"]}}};export{v as gov_dropdown};
|
|
2
|
+
//# sourceMappingURL=p-5fa4965e.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","GovDropdown","constructor","hostRef","LEFT","this","h","govHost","host","listId","createID","controlId","watchOpen","_a","trigger","setAttribute","toBoolAttr","open","querySelector","ButtonClass","getSlot","componentWillLoad","identifier","preventDefault","stopPropagation","govChange","emit","originalEvent","render","Host","key","class","classes","position","ref","el","id","hidden","name","getState","toggle"],"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n triggerEvents: \"click\",\n exclude: \"\"\n};\n/**\n * Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n // this will run when click outside of element (host component) is done.\n}\n```\n */\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n return (proto, methodName) => {\n // this is to resolve the 'compiler optimization issue':\n // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n BUILD.connectedCallback = true;\n BUILD.disconnectedCallback = true;\n const { connectedCallback, disconnectedCallback } = proto;\n proto.connectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n registerClickOutside(this, host, method, opt);\n return connectedCallback && connectedCallback.call(this);\n };\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n removeClickOutside(this, host, method, opt);\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n/**\n * Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n Hello, World!\n</span>;\n```\n */\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n const excludedNodes = getExcludedNodes(opt);\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.addEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback, excludedNodes);\n }, false);\n });\n}\n/**\n * Remove click outside callback function for HTMLElement.\n */\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.removeEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback);\n }, false);\n });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n const target = event.target;\n if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n callback.call(component);\n }\n}\nfunction getTriggerEvents(opt) {\n if (opt.triggerEvents) {\n return opt.triggerEvents.split(\",\").map(e => e.trim());\n }\n return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n if (opt.exclude) {\n try {\n return Array.from(document.querySelectorAll(opt.exclude));\n }\n catch (err) {\n console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n }\n }\n return;\n}\nfunction isExcluded(target, excudedNodes) {\n if (target && excudedNodes) {\n for (let excludedNode of excudedNodes) {\n if (excludedNode.contains(target)) {\n return true;\n }\n }\n }\n return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\n\nexport enum Position {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type PositionType = `${ValueOf<typeof Position>}`\n\nexport const DropdownClass = {\n\troot: 'gov-dropdown',\n\tlist: 'gov-dropdown__list'\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\nimport {registerClickOutside} from \"stencil-click-outside\"\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {ButtonClass} from \"../button/constants\"\nimport {DropdownClass, Position, PositionType} from \"./constants\"\nimport {DropdownEvent} from \"./gov-dropdown.types\"\n\n@Component({\n\ttag: \"gov-dropdown\",\n})\nexport class GovDropdown {\n\tprivate h: GovHost\n\tprivate readonly listId: string\n\tprivate readonly controlId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.listId = createID(\"GovDropdownList\")\n\t\tthis.controlId = createID(\"GovDropdownControl\")\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Custom trigger identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Dropdown state\n\t */\n\t@Prop({mutable: true}) open = false\n\t/**\n\t * Menu display position\n\t */\n\t@Prop() readonly position: PositionType = Position.LEFT\n\t/**\n\t * Emitted when the dropdown change state\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\n\n\t@Watch('open')\n\twatchOpen() {\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t}\n\n\tget trigger() {\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\n\t}\n\n\tget list() {\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\n\t}\n\n\tcomponentWillLoad() {\n\t\tif (!this.trigger) return;\n\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\n\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\n\t\t\te.preventDefault()\n\t\t\te.stopPropagation()\n\t\t\tthis.open = !this.open\n\n\t\t\tthis.govChange.emit({\n\t\t\t\tcomponent: DropdownClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\topen: this.open,\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\n\t\t\t\t\tclass={DropdownClass.list}\n\t\t\t\t\tid={this.listId}\n\t\t\t\t\taria-labelledby={this.controlId}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\thidden={!this.open}>\n\t\t\t\t\t<slot name=\"list\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns the current state of the dropdown\n\t */\n\t@Method()\n\tasync getState() {\n\t\treturn this.open\n\t}\n\n\t/**\n\t * Toggle state of dropdown\n\t */\n\t@Method()\n\tasync toggle() {\n\t\tthis.open = !this.open\n\t}\n}\n"],"mappings":"sPACA,MAAMA,EAA8B,CAChCC,cAAe,QACfC,QAAS,IA2CN,SAASC,EAAqBC,EAAWC,EAASC,EAAUC,EAAMP,GACrE,MAAMQ,EAAgBC,EAAiBF,GACvCG,EAAiBH,GAAKI,SAAQC,IAC1BC,OAAOC,iBAAiBF,GAAeG,IACnCC,EAAiBD,EAAGX,EAAWC,EAASC,EAAUE,EAAc,GACjE,MAAM,GAEjB,CAWA,SAASQ,EAAiBC,EAAOb,EAAWC,EAASC,EAAUE,GAC3D,MAAMU,EAASD,EAAMC,OACrB,IAAKb,EAAQc,SAASD,KAAYE,EAAWF,EAAQV,GAAgB,CACjEF,EAASe,KAAKjB,EACtB,CACA,CACA,SAASM,EAAiBH,GACtB,GAAIA,EAAIN,cAAe,CACnB,OAAOM,EAAIN,cAAcqB,MAAM,KAAKC,KAAIR,GAAKA,EAAES,QACvD,CACI,MAAO,CAAC,QACZ,CACA,SAASf,EAAiBF,GACtB,GAAIA,EAAIL,QAAS,CACb,IACI,OAAOuB,MAAMC,KAAKC,SAASC,iBAAiBrB,EAAIL,SAC5D,CACQ,MAAO2B,GACHC,QAAQC,KAAK,4BAA4BxB,EAAIL,sEAAuE2B,EAChI,CACA,CACI,MACJ,CACA,SAAST,EAAWF,EAAQc,GACxB,GAAId,GAAUc,EAAc,CACxB,IAAK,IAAIC,KAAgBD,EAAc,CACnC,GAAIC,EAAad,SAASD,GAAS,CAC/B,OAAO,IACvB,CACA,CACA,CACI,OAAO,KACX,CC9FA,IAAYgB,GAAZ,SAAYA,GACXA,EAAA,eACAA,EAAA,gBACA,EAHD,CAAYA,MAAQ,KAOb,MAAMC,EAAgB,CAC5BC,KAAM,eACNC,KAAM,sB,MCEMC,EAAW,MAKvB,WAAAC,CAAAC,G,oFAe8B,M,cAIYN,EAASO,KAlBlDC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,OAASC,EAAS,mBACvBL,KAAKM,UAAYD,EAAS,qB,CAuB3B,SAAAE,G,OACCC,EAAAR,KAAKS,WAAO,MAAAD,SAAA,SAAAA,EAAEE,aAAa,gBAAiBC,EAAWX,KAAKY,M,CAG7D,WAAIH,GACH,OAAOT,KAAKG,KAAKU,cAAc,OAAOC,EAAYpB,O,CAGnD,QAAIC,GACH,OAAOK,KAAKC,EAAEc,QAAQ,O,CAGvB,iBAAAC,G,MACC,IAAKhB,KAAKS,QAAS,OAEnBT,KAAKS,QAAQC,aAAa,gBAAiBV,KAAKI,QAChDJ,KAAKS,QAAQC,aAAa,gBAAiBC,IAAaX,KAAKL,OAC7DK,KAAKS,QAAQC,aAAa,gBAAiBC,EAAWX,KAAKY,OAC3DZ,KAAKS,QAAQC,aAAa,cAAcF,EAAAR,KAAKiB,cAAU,MAAAT,SAAA,EAAAA,EAAIR,KAAKM,WAEhEN,KAAKS,QAAQrC,iBAAiB,aAAcC,IAC3CA,EAAE6C,iBACF7C,EAAE8C,kBACFnB,KAAKY,MAAQZ,KAAKY,KAElBZ,KAAKoB,UAAUC,KAAK,CACnB3D,UAAW+B,EAAcC,KACzB4B,cAAejD,EACfuC,KAAMZ,KAAKY,MACV,G,CAIJ,MAAAW,GACC,OACCtB,EAACuB,EAAI,CAAAC,IAAA,2CAACC,MAAO1B,KAAKC,EAAE0B,QAAQ,CAAClC,EAAcC,OAAQkB,KAAMZ,KAAKY,KAAMgB,SAAU5B,KAAK4B,UAClF3B,EAAA,QAAAwB,IAAA,6CACAxB,EAAA,OAAAwB,IAAA,2CACCI,IAAKC,GAAMrE,EAAqBuC,KAAM8B,GAAI,IAAM9B,KAAKY,KAAO,QAC5Dc,MAAOjC,EAAcE,KACrBoC,GAAI/B,KAAKI,OAAM,kBACEJ,KAAKM,UAAS,cAClBK,GAAYX,KAAKY,MAC9BoB,QAAShC,KAAKY,MACdX,EAAA,QAAAwB,IAAA,2CAAMQ,KAAK,U,CAUf,cAAMC,GACL,OAAOlC,KAAKY,I,CAOb,YAAMuB,GACLnC,KAAKY,MAAQZ,KAAKY,I","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["ClickOutsideOptionsDefaults","triggerEvents","exclude","registerClickOutside","component","element","callback","opt","excludedNodes","getExcludedNodes","getTriggerEvents","forEach","triggerEvent","window","addEventListener","e","initClickOutside","event","target","contains","isExcluded","call","split","map","trim","Array","from","document","querySelectorAll","err","console","warn","excudedNodes","excludedNode","Position","DropdownClass","root","list","GovDropdown","constructor","hostRef","LEFT","this","h","govHost","host","listId","createID","controlId","watchOpen","_a","trigger","setAttribute","toBoolAttr","open","querySelector","ButtonClass","getSlot","componentWillLoad","identifier","preventDefault","stopPropagation","govChange","emit","originalEvent","render","Host","key","class","classes","position","ref","el","id","hidden","name","getState","toggle"],"sources":["../../../node_modules/stencil-click-outside/dist/esm/index.js","../../../packages/core/src/components/gov-button/dropdown/constants.ts","../../../packages/core/src/components/gov-button/dropdown/gov-dropdown.tsx"],"sourcesContent":["import { Build as BUILD, getElement } from '@stencil/core';\nconst ClickOutsideOptionsDefaults = {\n triggerEvents: \"click\",\n exclude: \"\"\n};\n/**\n * Call this function as soon as the click outside of annotated method's host is done.\n * @example\n```\n@ClickOutside()\ncallback() {\n // this will run when click outside of element (host component) is done.\n}\n```\n */\nexport function ClickOutside(opt = ClickOutsideOptionsDefaults) {\n return (proto, methodName) => {\n // this is to resolve the 'compiler optimization issue':\n // lifecycle events not being called when not explicitly declared in at least one of components from bundle\n BUILD.connectedCallback = true;\n BUILD.disconnectedCallback = true;\n const { connectedCallback, disconnectedCallback } = proto;\n proto.connectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n registerClickOutside(this, host, method, opt);\n return connectedCallback && connectedCallback.call(this);\n };\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n const method = this[methodName];\n removeClickOutside(this, host, method, opt);\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n/**\n * Register callback function for HTMLElement to be executed when user clicks outside of element.\n * @example\n```\n<span\n ref={spanEl => registerClickOutside(this, spanEl, () => this.test())}>\n Hello, World!\n</span>;\n```\n */\nexport function registerClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n const excludedNodes = getExcludedNodes(opt);\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.addEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback, excludedNodes);\n }, false);\n });\n}\n/**\n * Remove click outside callback function for HTMLElement.\n */\nexport function removeClickOutside(component, element, callback, opt = ClickOutsideOptionsDefaults) {\n getTriggerEvents(opt).forEach(triggerEvent => {\n window.removeEventListener(triggerEvent, (e) => {\n initClickOutside(e, component, element, callback);\n }, false);\n });\n}\nfunction initClickOutside(event, component, element, callback, excludedNodes) {\n const target = event.target;\n if (!element.contains(target) && !isExcluded(target, excludedNodes)) {\n callback.call(component);\n }\n}\nfunction getTriggerEvents(opt) {\n if (opt.triggerEvents) {\n return opt.triggerEvents.split(\",\").map(e => e.trim());\n }\n return [\"click\"];\n}\nfunction getExcludedNodes(opt) {\n if (opt.exclude) {\n try {\n return Array.from(document.querySelectorAll(opt.exclude));\n }\n catch (err) {\n console.warn(`@ClickOutside: Exclude: '${opt.exclude}' will not be evaluated. Check your exclude selector syntax.`, err);\n }\n }\n return;\n}\nfunction isExcluded(target, excudedNodes) {\n if (target && excudedNodes) {\n for (let excludedNode of excudedNodes) {\n if (excludedNode.contains(target)) {\n return true;\n }\n }\n }\n return false;\n}\n","import { ValueOf } from \"../../../types/interfaces\"\n\nexport enum Position {\n\tLEFT = 'left',\n\tRIGHT = 'right',\n}\n\nexport type PositionType = `${ValueOf<typeof Position>}`\n\nexport const DropdownClass = {\n\troot: 'gov-dropdown',\n\tlist: 'gov-dropdown__list'\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from \"@stencil/core\"\nimport {registerClickOutside} from \"stencil-click-outside\"\nimport {govHost, toBoolAttr} from \"../../../helpers/Dom/template\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {Nullable} from \"../../../types/interfaces\"\nimport {createID} from \"../../../utils/string.utils\"\nimport {ButtonClass} from \"../button/constants\"\nimport {DropdownClass, Position, PositionType} from \"./constants\"\nimport {DropdownEvent} from \"./gov-dropdown.types\"\n\n@Component({\n\ttag: \"gov-dropdown\",\n})\nexport class GovDropdown {\n\tprivate h: GovHost\n\tprivate readonly listId: string\n\tprivate readonly controlId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.listId = createID(\"GovDropdownList\")\n\t\tthis.controlId = createID(\"GovDropdownControl\")\n\t}\n\n\t@Element() host: HTMLGovButtonElement\n\n\t/**\n\t * Custom trigger identifier\n\t */\n\t@Prop({attribute: \"identifier\"}) readonly identifier: string\n\t/**\n\t * Dropdown state\n\t */\n\t@Prop({mutable: true}) open = false\n\t/**\n\t * Menu display position\n\t */\n\t@Prop() readonly position: PositionType = Position.LEFT\n\t/**\n\t * Emitted when the dropdown change state\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<DropdownEvent>\n\n\t@Watch('open')\n\twatchOpen() {\n\t\tthis.trigger?.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t}\n\n\tget trigger() {\n\t\treturn this.host.querySelector(`* > ${ButtonClass.root}`) as HTMLGovButtonElement\n\t}\n\n\tget list() {\n\t\treturn this.h.getSlot(\"list\") as Nullable<HTMLUListElement>\n\t}\n\n\tcomponentWillLoad() {\n\t\tif (!this.trigger) return;\n\n\t\tthis.trigger.setAttribute(\"aria-controls\", this.listId)\n\t\tthis.trigger.setAttribute(\"aria-haspopup\", toBoolAttr(!!this.list))\n\t\tthis.trigger.setAttribute(\"aria-expanded\", toBoolAttr(this.open))\n\t\tthis.trigger.setAttribute(\"identifier\", this.identifier ?? this.controlId)\n\n\t\tthis.trigger.addEventListener(\"gov-click\", (e) => {\n\t\t\te.preventDefault()\n\t\t\te.stopPropagation()\n\t\t\tthis.open = !this.open\n\n\t\t\tthis.govChange.emit({\n\t\t\t\tcomponent: DropdownClass.root,\n\t\t\t\toriginalEvent: e,\n\t\t\t\topen: this.open,\n\t\t\t})\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([DropdownClass.root])} open={this.open} position={this.position}>\n\t\t\t\t<slot></slot>\n\t\t\t\t<div\n\t\t\t\t\tref={el => registerClickOutside(this, el, () => this.open = false)}\n\t\t\t\t\tclass={DropdownClass.list}\n\t\t\t\t\tid={this.listId}\n\t\t\t\t\taria-labelledby={this.controlId}\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\thidden={!this.open}>\n\t\t\t\t\t<slot name=\"list\"></slot>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns the current state of the dropdown\n\t */\n\t@Method()\n\tasync getState() {\n\t\treturn this.open\n\t}\n\n\t/**\n\t * Toggle state of dropdown\n\t */\n\t@Method()\n\tasync toggle() {\n\t\tthis.open = !this.open\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{g as e,d as t}from"./p-e8ec030e.js";import{s as r}from"./p-cd6c2938.js";import{i}from"./p-2fe7d728.js";const n=(t,r,i)=>{if(t===undefined||String(t).length===0){e(`[${i}]: The (${r}) attribute is important for correct accessibility.`)}};const s=(i,n,s)=>{if(typeof i==="undefined"||i===undefined){return true}if(String(i).length===0){e(`[${s}]: Attribute (${n}) is defined with an empty value.`);return false}let a=[];const f=r(i);if(Array.isArray(f)){a=f.filter((function(e){return e.trim().length>0}))}return!!a.filter((e=>{if(t().getElementById(e)===null){return false}else{return true}})).length};const a=(r,n,s,a=undefined)=>{if(i(r)&&r.length>0){return true}if(typeof n==="string"&&n.length>0){const e=t().getElementById(n);if(e){return true}}e(`[${s}]: The element has no defined aria-label or aria-labelledby attribute.`,a);return false};export{s as a,n as b,a as v};
|
|
2
|
+
//# sourceMappingURL=p-6d54ce5f.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as a,a as o,g as s}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 d}from"./p-ea7fdd2e.js";import{v as r}from"./p-0b3574c2.js";import"./p-e8ec030e.js";const n=t(c,["_S","_M","_L"]);const b={root:"gov-loading",content:"gov-loading__content",icon:"gov-loading__icon"};const p=class{constructor(a){e(this,a);this.size="m";this.h=i(this.host)}validateSize(e){r(n,e,b.root)}componentWillLoad(){this.validateSize(this.size)}render(){return a(o,{key:"84c4d73523ef359fc224441d2b3ee700b9d563b3",class:this.h.classes(b.root),size:this.size},a("div",{key:"e8e9bda9cb6d86fdec2022b8a9b3fba9f5ee423a",class:b.content},a("gov-icon",{key:"7adafe593b0c37da48dc3da5eb43bc25c504e9a4",class:d([b.icon,"gov-spin-animation"]),name:"loader",type:"components"}),a("slot",{key:"e4b8461f84f519b70eea2a1bb10cf86e9e3d14ca"})),a("gov-backdrop",{key:"0c044675ab012d028dcc7772c2ad0dfb0aa08de2",inverse:true}))}get host(){return s(this)}static get watchers(){return{size:["validateSize"]}}};export{p as gov_loading};
|
|
2
|
+
//# sourceMappingURL=p-6f74eb08.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,c as r,h as a,a as g,g as p}from"./p-9dea2efa.js";import{d as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,c as r,h as a,a as g,g as p}from"./p-9dea2efa.js";import{d as i,a as e,b as t,c as m}from"./p-fc2afe61.js";import{g as l}from"./p-ea7fdd2e.js";import{v as f}from"./p-0b3574c2.js";import{t as v}from"./p-26618322.js";import"./p-e0e2e9c1.js";import"./p-92f420cb.js";import"./p-e8ec030e.js";const n="gov-form-group,.gov-form-group,gov-form-radio-group,.gov-form-radio-group,gov-form-checkbox-group,.gov-form-checkbox-group{margin-top:0;margin-bottom:0;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}gov-form-group .gov-form-label__label,.gov-form-group .gov-form-label__label,gov-form-radio-group .gov-form-label__label,.gov-form-radio-group .gov-form-label__label,gov-form-checkbox-group .gov-form-label__label,.gov-form-checkbox-group .gov-form-label__label{margin:0}gov-form-group[orientation=horizontal],.gov-form-group[orientation=horizontal],gov-form-radio-group[orientation=horizontal],.gov-form-radio-group[orientation=horizontal],gov-form-checkbox-group[orientation=horizontal],.gov-form-checkbox-group[orientation=horizontal]{flex-direction:row;flex-wrap:wrap}gov-form-group[orientation=horizontal] .gov-form-label__label,.gov-form-group[orientation=horizontal] .gov-form-label__label,gov-form-radio-group[orientation=horizontal] .gov-form-label__label,.gov-form-radio-group[orientation=horizontal] .gov-form-label__label,gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label,.gov-form-checkbox-group[orientation=horizontal] .gov-form-label__label{white-space:nowrap}gov-form-group[gap=xs],.gov-form-group[gap=xs],gov-form-radio-group[gap=xs],.gov-form-radio-group[gap=xs],gov-form-checkbox-group[gap=xs],.gov-form-checkbox-group[gap=xs]{gap:var(--gap, var(--spacing-xs-nudge))}gov-form-group[gap=s],.gov-form-group[gap=s],gov-form-radio-group[gap=s],.gov-form-radio-group[gap=s],gov-form-checkbox-group[gap=s],.gov-form-checkbox-group[gap=s]{gap:var(--gap, var(--spacing-s))}gov-form-group[gap=m],.gov-form-group[gap=m],gov-form-radio-group[gap=m],.gov-form-radio-group[gap=m],gov-form-checkbox-group[gap=m],.gov-form-checkbox-group[gap=m]{gap:var(--gap, var(--spacing-m))}gov-form-group[gap=l],.gov-form-group[gap=l],gov-form-radio-group[gap=l],.gov-form-radio-group[gap=l],gov-form-checkbox-group[gap=l],.gov-form-checkbox-group[gap=l]{gap:var(--gap, var(--spacing-l))}gov-form-group[gap=xl],.gov-form-group[gap=xl],gov-form-radio-group[gap=xl],.gov-form-radio-group[gap=xl],gov-form-checkbox-group[gap=xl],.gov-form-checkbox-group[gap=xl]{gap:var(--gap, var(--spacing-xl))}";const s=n;const c=class{constructor(a){o(this,a);this.govChange=r(this,"gov-change",7);this.handleChange=o=>{o.stopPropagation();this.value=o.detail.value;this.govChange.emit({value:this.value,component:i.root})};this.gap=undefined;this.orientation="vertical";this.value=undefined;this.h=l(this.host)}validateGap(o){if(o){f(t,o,e.root)}}validateOrientation(o){if(o){f(m,o,e.root)}}componentWillLoad(){this.validateGap(this.gap);this.validateOrientation(this.orientation)}componentDidRender(){v((()=>this.rerenderComponent()))}rerenderComponent(){this.host.querySelectorAll("gov-form-radio").forEach((o=>{if(!o.hasAttribute("listener-attached")){o.addEventListener("gov-change",this.handleChange)}o.setAttribute("listener-attached","true");o.checked=o.value===this.value}))}render(){return a(g,{key:"332ec3c5c0582167e5543304daa8508cc354ecc5",gap:this.gap,class:this.h.classes(e.root),value:this.value},a("slot",{key:"7bfbcec04a7f39226709c9546dbd0f121678d075"}))}get host(){return p(this)}static get watchers(){return{gap:["validateGap"],orientation:["validateOrientation"]}}};c.style=s;export{c as gov_form_radio_group};
|
|
2
|
+
//# sourceMappingURL=p-75dae924.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["govFormGroupCss","GovFormRadioGroupStyle0","GovFormRadioGroup","constructor","hostRef","this","handleChange","event","stopPropagation","value","detail","govChange","emit","component","FormRadioGroupClass","root","undefined","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","gap","orientation","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","checked","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Control */\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t// VARIABLES\n\t@import \"./gov-form-group-variables\";\n\n\t@include reset-margin();\n\t@include base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in $form-group-gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map-get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/**\n\t * Elements orientation\n\t */\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/**\n\t * Group's value\n\t */\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = element.value === this.value;\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6SAAA,MAAMA,EAAkB,
|
|
1
|
+
{"version":3,"names":["govFormGroupCss","GovFormRadioGroupStyle0","GovFormRadioGroup","constructor","hostRef","this","handleChange","event","stopPropagation","value","detail","govChange","emit","component","FormRadioGroupClass","root","undefined","h","govHost","host","validateGap","newValue","validateProp","FormGroupSizes","FormGroupClass","validateOrientation","FormGroupOrientation","componentWillLoad","gap","orientation","componentDidRender","tick","rerenderComponent","querySelectorAll","forEach","element","hasAttribute","addEventListener","setAttribute","checked","render","Host","key","class","classes"],"sources":["../../../packages/core/src/components/gov-form/group/gov-form-group.scss?tag=gov-form-radio-group","../../../packages/core/src/components/gov-form/group/gov-form-radio-group.tsx"],"sourcesContent":["/* Form Control */\n\n\ngov-form-group, .gov-form-group,\ngov-form-radio-group, .gov-form-radio-group,\ngov-form-checkbox-group, .gov-form-checkbox-group {\n\t// VARIABLES\n\t@import \"./gov-form-group-variables\";\n\n\t@include reset-margin();\n\t@include base(flex);\n\tflex-direction: column;\n\talign-items: flex-start;\n\t.gov-form-label__label {\n\t\tmargin: 0;\n\t}\n\n\t&[orientation=\"horizontal\"] {\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\t.gov-form-label__label {\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t// SIZES\n\t@each $size, $definitions in $form-group-gaps {\n\t\t&[gap=\"#{$size}\"] {\n\t\t\tgap: map-get($definitions, \"gap\");\n\t\t}\n\t}\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\"\nimport {\n\tFormGroupClass,\n\tFormGroupOrientation,\n\tFormGroupOrientationType,\n\tFormGroupSizes,\n\tFormGroupSizesType,\n\tFormRadioGroupClass\n} from \"./constants\"\nimport {GovHost} from \"../../../helpers/Dom/template.types\"\nimport {govHost} from \"../../../helpers/Dom/template\"\nimport {validateProp} from \"../../../helpers/Validate/props\"\nimport {FormRadioEvent} from \"../radio/gov-form-radio.types\"\nimport {FormRadioGroupEvent} from \"./gov-form-group.types\"\nimport {tick} from \"../../../utils/stencil.utils\"\n\n@Component({\n\ttag: \"gov-form-radio-group\",\n\tstyleUrl: \"gov-form-group.scss\",\n})\nexport class GovFormRadioGroup {\n\tprivate readonly h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovFormGroupElement\n\t/**\n\t * Gap's size.\n\t */\n\t@Prop() readonly gap?: FormGroupSizesType = undefined\n\t/**\n\t * Elements orientation\n\t */\n\t@Prop() readonly orientation?: FormGroupOrientationType = 'vertical'\n\t/**\n\t * Group's value\n\t */\n\t@Prop({attribute: \"value\", mutable: true}) value?: string = undefined\n\t/**\n\t * Emitted when the checkbox change value.\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<FormRadioGroupEvent>\n\n\t@Watch(\"gap\")\n\tvalidateGap(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupSizes, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\t@Watch(\"orientation\")\n\tvalidateOrientation(newValue: string): void {\n\t\tif (newValue) {\n\t\t\tvalidateProp(FormGroupOrientation, newValue, FormGroupClass.root)\n\t\t}\n\t}\n\n\thandleChange = (event: CustomEvent<FormRadioEvent>) => {\n\t\tevent.stopPropagation()\n\t\tthis.value = event.detail.value\n\t\tthis.govChange.emit({\n\t\t\tvalue: this.value,\n\t\t\tcomponent: FormRadioGroupClass.root,\n\t\t})\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateGap(this.gap)\n\t\tthis.validateOrientation(this.orientation)\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.rerenderComponent())\n\t}\n\n\trerenderComponent(): void {\n\t\tthis.host.querySelectorAll('gov-form-radio').forEach((element) => {\n\t\t\tif (!element.hasAttribute('listener-attached')) {\n\t\t\t\telement.addEventListener('gov-change', this.handleChange)\n\t\t\t}\n\t\t\telement.setAttribute('listener-attached', 'true')\n\t\t\telement.checked = element.value === this.value;\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host gap={this.gap} class={this.h.classes(FormGroupClass.root)} value={this.value}>\n\t\t\t\t<slot></slot>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"6SAAA,MAAMA,EAAkB,usEACxB,MAAAC,EAAeD,E,MCmBFE,EAAiB,MAG7B,WAAAC,CAAAC,G,gDAoCAC,KAAAC,aAAgBC,IACfA,EAAMC,kBACNH,KAAKI,MAAQF,EAAMG,OAAOD,MAC1BJ,KAAKM,UAAUC,KAAK,CACnBH,MAAOJ,KAAKI,MACZI,UAAWC,EAAoBC,MAC9B,E,SAlCyCC,U,iBAIc,W,WAIEA,UAf3DX,KAAKY,EAAIC,EAAQb,KAAKc,K,CAsBvB,WAAAC,CAAYC,GACX,GAAIA,EAAU,CACbC,EAAaC,EAAgBF,EAAUG,EAAeT,K,EAKxD,mBAAAU,CAAoBJ,GACnB,GAAIA,EAAU,CACbC,EAAaI,EAAsBL,EAAUG,EAAeT,K,EAa9D,iBAAAY,GACCtB,KAAKe,YAAYf,KAAKuB,KACtBvB,KAAKoB,oBAAoBpB,KAAKwB,Y,CAG/B,kBAAAC,GACCC,GAAK,IAAM1B,KAAK2B,qB,CAGjB,iBAAAA,GACC3B,KAAKc,KAAKc,iBAAiB,kBAAkBC,SAASC,IACrD,IAAKA,EAAQC,aAAa,qBAAsB,CAC/CD,EAAQE,iBAAiB,aAAchC,KAAKC,a,CAE7C6B,EAAQG,aAAa,oBAAqB,QAC1CH,EAAQI,QAAUJ,EAAQ1B,QAAUJ,KAAKI,KAAK,G,CAIhD,MAAA+B,GACC,OACCvB,EAACwB,EAAI,CAAAC,IAAA,2CAACd,IAAKvB,KAAKuB,IAAKe,MAAOtC,KAAKY,EAAE2B,QAAQpB,EAAeT,MAAON,MAAOJ,KAAKI,OAC5EQ,EAAA,QAAAyB,IAAA,6C","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as s,c as e,h as a,a as t}from"./p-9dea2efa.js";import{F as o}from"./p-7ba4daf4.js";import"./p-e0e2e9c1.js";import"./p-92f420cb.js";const i=class{constructor(a){s(this,a);this.govClick=e(this,"gov-click",7);this.identifier=undefined;this.size="m";this.required=false;this.legend=false}render(){const s=this.legend?"legend":"label";return a(t,{key:"5227d00ebe3e8923687d4e8d0f3a74bad0da82b3",class:o.root,size:this.size},a(s,{key:"981d363fdf7435a0b242b9610a7dd68e11d4f05e",class:o.label,htmlFor:this.identifier,onClick:()=>this.govClick.emit()},a("slot",{key:"bdf282178e200fa69d9f871354786ecbd024fa90"}),this.required?a("span",{class:"gov-color--error-500"}," *"):null))}};export{i as gov_form_label};
|
|
2
|
+
//# sourceMappingURL=p-774ea182.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-0b3574c2.js";import{S as r}from"./p-92f420cb.js";import{p as o}from"./p-e0e2e9c1.js";import{g as n}from"./p-ea7fdd2e.js";import"./p-e8ec030e.js";const p=o(r,["_2XS","_XS","_S","_M","_L","_XL","_2XL","_3XL","_4XL"]);var c;(function(e){e["NONE"]="none";e["SM"]="sm";e["MD"]="md";e["LG"]="lg";e["XL"]="xl"})(c||(c={}));const d={root:"gov-spacer"};const h=class{constructor(t){e(this,t);this.size=undefined;this.breakpoint=undefined;this.h=n(this.host)}validateSize(e){a(p,e,d.root)}validateBreakpoint(e){a(c,e,d.root)}componentWillLoad(){this.validateSize(this.size);this.validateBreakpoint(this.breakpoint)}render(){return t(s,{key:"f4c81a7820625de045b36a5bee9ced0eebe8e433",class:this.h.classes(d.root),size:this.size,breakpoint:this.breakpoint})}get host(){return i(this)}static get watchers(){return{size:["validateSize"],breakpoint:["validateBreakpoint"]}}};export{h as gov_spacer};
|
|
2
|
+
//# sourceMappingURL=p-843f980a.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,h as s,a as t,g as r}from"./p-9dea2efa.js";import{C as a}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(a,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const p={root:"gov-control-group"};const l=class{constructor(s){o(this,s);this.color=a.PRIMARY;this.noBorder=false;this.fitContent=false;this.h=e(this.host)}validateColor(o){c(a,o,p.root)}render(){return s(t,{key:"74d339e88105be80b3f335aa2af1155ab23099c8",class:this.h.classes(p.root),color:this.color},s("slot",{key:"e3af09285370470ad4e1ca9e6b225ca98708cebc"}))}get host(){return r(this)}static get watchers(){return{color:["validateColor"]}}};export{l as gov_control_group};
|
|
2
|
+
//# sourceMappingURL=p-8a72ebcd.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as s,h as i,a as o,g as e}from"./p-9dea2efa.js";import{v as a}from"./p-0b3574c2.js";import{C as h}from"./p-5aad3497.js";import{p as c}from"./p-e0e2e9c1.js";import{g as r}from"./p-ea7fdd2e.js";import{c as d}from"./p-cd6c2938.js";import{A as n,a as l}from"./p-9ac55bd1.js";import{i as f}from"./p-d9a299a4.js";import"./p-e8ec030e.js";const m=c(h,["PRIMARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);var b;(function(t){t["BOLD"]="bold";t["SUBTLE"]="subtle"})(b||(b={}));const p={root:"gov-toast",hidden:"gov-toast--hidden",content:"gov-toast__content",icon:"gov-toast__icon",close:"gov-toast__close",timer:"gov-toast__timer"};const u=class{constructor(i){t(this,i);this.govClose=s(this,"gov-close",7);this.color="primary";this.gravity="top";this.position="right";this.type="bold";this.time=0;this.closeLabel=undefined;this.accessibleCloseLabel=undefined;this.inheritedAttributes={};this.h=r(this.host);this.toastId=d("GovToast")}validateColor(t){a(m,t,p.root)}componentDidLoad(){this.attributeObserver=new n(this.host,((t,s)=>{this.onAriaAttributeChange(t,s)}));this.attributeObserver.startObserving(l)}componentWillLoad(){this.validateColor(this.color);this.runTimer();this.inheritedAttributes=f(this.host)}disconnectedCallback(){var t;clearTimeout(this.timeout);(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})}runTimer(){if(this.isTimer){this.timeout=setTimeout((()=>{this.host.classList.add(p.hidden);setTimeout((()=>{this.destroy().catch();this.govClose.emit(this.toastId)}),600)}),this.time)}}render(){return i(o,{key:"1e6e189eb820b1d3cc2b8404ad449ad91d0d81cb",class:this.h.classes(p.root),"data-toast-id":this.toastId,gravity:this.gravity,position:this.position,color:this.color,type:this.type,style:{"--toast-duration":this.time+"ms"}},this.h.hasSlot("icon")&&i("span",{key:"e55556b89b1e667e3eded15cc0293afad61a55b5",class:p.icon},i("slot",{key:"918cd31f3e80f36ea346ad1be27d093baab60eef",name:"icon"})),i("div",Object.assign({key:"6232d63367c11301b626620211b8a7cc30f171cf",class:p.content},this.inheritedAttributes,{"aria-live":"polite",role:"status"}),i("slot",{key:"bfd4174fae30924135ca10b1a1f2a2338179de24"})),i("gov-button",{key:"d1f68ef7ed4933bd15987843df78d142c9d4e588",size:"s","aria-label":this.accessibleCloseLabel,color:this.isBold?this.color:"neutral",type:"base","on-gov-click":this.onCloseHandler.bind(this),class:p.close},this.closeLabel?this.closeLabel:i("gov-icon",{name:"x-lg",type:"components"})),i("div",{key:"f863b0cb33027641fff15771b051a091d4fdf782",class:p.timer}))}onCloseHandler(){this.govClose.emit(this.toastId);this.destroy().catch()}get isBold(){return this.type==="bold"}get isTimer(){return Number.isInteger(this.time)&&this.time>0}async destroy(){clearTimeout(this.timeout);const t=document.querySelector(`[data-toast-id="${this.toastId}"]`);if(t){t.classList.add(p.hidden);if(typeof t.remove==="function"){t.remove()}}}get host(){return e(this)}static get watchers(){return{color:["validateColor"]}}};export{u as gov_toast};
|
|
2
|
+
//# sourceMappingURL=p-8cd7a120.entry.js.map
|