@warp-ds/elements 2.10.0-next.9 → 2.10.1-next.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/.storybook/utilities.js +4 -4
- package/dist/api.js.map +2 -2
- package/dist/custom-elements.json +1211 -542
- package/dist/docs/affix/affix.md +111 -2
- package/dist/docs/affix/api.md +2 -2
- package/dist/docs/affix/styling.md +107 -0
- package/dist/docs/alert/alert.md +5 -5
- package/dist/docs/alert/api.md +4 -4
- package/dist/docs/attention/api.md +50 -2
- package/dist/docs/attention/attention.md +53 -3
- package/dist/docs/badge/api.md +50 -4
- package/dist/docs/badge/badge.md +50 -4
- package/dist/docs/box/api.md +2 -2
- package/dist/docs/box/box.md +4 -2
- package/dist/docs/breadcrumb-item/api.md +27 -0
- package/dist/docs/breadcrumb-item/breadcrumb-item.md +36 -0
- package/dist/docs/breadcrumbs/accessibility.md +8 -18
- package/dist/docs/breadcrumbs/breadcrumbs.md +123 -34
- package/dist/docs/breadcrumbs/examples.md +8 -8
- package/dist/docs/breadcrumbs/styling.md +96 -0
- package/dist/docs/breadcrumbs/usage.md +8 -8
- package/dist/docs/button/api.md +32 -24
- package/dist/docs/button/button.md +35 -24
- package/dist/docs/card/api.md +8 -0
- package/dist/docs/card/card.md +10 -0
- package/dist/docs/checkbox/api.md +52 -13
- package/dist/docs/checkbox/checkbox.md +231 -14
- package/dist/docs/checkbox/styling.md +173 -0
- package/dist/docs/checkbox-group/api.md +30 -6
- package/dist/docs/checkbox-group/checkbox-group.md +66 -36
- package/dist/docs/checkbox-group/styling.md +31 -29
- package/dist/docs/combobox/api.md +20 -12
- package/dist/docs/combobox/combobox.md +22 -12
- package/dist/docs/datepicker/api.md +22 -14
- package/dist/docs/datepicker/datepicker.md +24 -16
- package/dist/docs/expandable/api.md +6 -6
- package/dist/docs/expandable/expandable.md +8 -6
- package/dist/docs/icon/api.md +4 -4
- package/dist/docs/icon/icon.md +5 -5
- package/dist/docs/index.md +35 -32
- package/dist/docs/link/api.md +10 -10
- package/dist/docs/link/link.md +13 -11
- package/dist/docs/modal/api.md +20 -2
- package/dist/docs/modal/modal.md +101 -10
- package/dist/docs/modal/styling.md +75 -0
- package/dist/docs/modal/usage.md +4 -8
- package/dist/docs/modal-footer/modal-footer.md +2 -0
- package/dist/docs/modal-header/modal-header.md +2 -0
- package/dist/docs/page-indicator/page-indicator.md +2 -0
- package/dist/docs/pagination/api.md +4 -4
- package/dist/docs/pagination/pagination.md +6 -4
- package/dist/docs/pill/api.md +8 -8
- package/dist/docs/pill/pill.md +10 -8
- package/dist/docs/radio/radio.md +5 -1
- package/dist/docs/radio-group/api.md +4 -4
- package/dist/docs/radio-group/radio-group.md +186 -69
- package/dist/docs/radio-group/styling.md +179 -64
- package/dist/docs/select/api.md +10 -10
- package/dist/docs/select/select.md +103 -10
- package/dist/docs/select/styling.md +91 -0
- package/dist/docs/slider/api.md +38 -22
- package/dist/docs/slider/slider.md +40 -22
- package/dist/docs/slider-thumb/api.md +28 -12
- package/dist/docs/slider-thumb/slider-thumb.md +28 -12
- package/dist/docs/snackbar/accessibility.md +20 -0
- package/dist/docs/snackbar/api.md +30 -0
- package/dist/docs/snackbar/examples.md +191 -0
- package/dist/docs/snackbar/snackbar.md +387 -0
- package/dist/docs/snackbar/styling.md +72 -0
- package/dist/docs/snackbar/usage.md +60 -0
- package/dist/docs/snackbar-item/api.md +41 -0
- package/dist/docs/snackbar-item/snackbar-item.md +51 -0
- package/dist/docs/step/api.md +16 -0
- package/dist/docs/step/step.md +19 -1
- package/dist/docs/step-indicator/step-indicator.md +2 -0
- package/dist/docs/switch/api.md +8 -0
- package/dist/docs/switch/switch.md +10 -0
- package/dist/docs/tab/tab.md +2 -0
- package/dist/docs/tab-panel/tab-panel.md +3 -0
- package/dist/docs/tabs/api.md +3 -3
- package/dist/docs/tabs/tabs.md +5 -3
- package/dist/docs/textarea/api.md +54 -14
- package/dist/docs/textarea/styling.md +91 -0
- package/dist/docs/textarea/textarea.md +146 -19
- package/dist/docs/textfield/api.md +74 -34
- package/dist/docs/textfield/styling.md +95 -0
- package/dist/docs/textfield/textfield.md +171 -34
- package/dist/entrypoint-react.d.ts +38 -0
- package/dist/entrypoint-react.js +39 -0
- package/dist/index.d.ts +1007 -154
- package/dist/packages/affix/affix-styles.d.ts +8 -0
- package/dist/packages/affix/affix-styles.js +108 -0
- package/dist/packages/affix/affix.d.ts +12 -14
- package/dist/packages/affix/affix.hydration.test.d.ts +1 -1
- package/dist/packages/affix/affix.hydration.test.js +15 -15
- package/dist/packages/affix/affix.js +451 -320
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/affix/affix.react.stories.d.ts +3 -3
- package/dist/packages/affix/affix.react.stories.js +3 -3
- package/dist/packages/affix/affix.react.test.js +5 -3
- package/dist/packages/affix/affix.stories.d.ts +3 -3
- package/dist/packages/affix/affix.stories.js +10 -10
- package/dist/packages/affix/affix.test.d.ts +1 -1
- package/dist/packages/affix/affix.test.js +10 -10
- package/dist/packages/affix/react.d.ts +8 -3
- package/dist/packages/affix/react.js +11 -6
- package/dist/packages/affix/styles.js +2 -2
- package/dist/packages/alert/alert.d.ts +9 -6
- package/dist/packages/alert/alert.hydration.test.d.ts +1 -1
- package/dist/packages/alert/alert.hydration.test.js +21 -21
- package/dist/packages/alert/alert.js +349 -324
- package/dist/packages/alert/alert.js.map +3 -3
- package/dist/packages/alert/alert.react.stories.d.ts +2 -2
- package/dist/packages/alert/alert.react.stories.js +13 -13
- package/dist/packages/alert/alert.stories.d.ts +4 -4
- package/dist/packages/alert/alert.stories.js +29 -27
- package/dist/packages/alert/alert.test.d.ts +1 -1
- package/dist/packages/alert/alert.test.js +34 -21
- package/dist/packages/alert/react.d.ts +8 -1
- package/dist/packages/alert/react.js +11 -4
- package/dist/packages/alert/styles.js +2 -2
- package/dist/packages/attention/attention.d.ts +14 -7
- package/dist/packages/attention/attention.hydration.test.d.ts +1 -1
- package/dist/packages/attention/attention.hydration.test.js +29 -29
- package/dist/packages/attention/attention.js +1744 -1681
- package/dist/packages/attention/attention.js.map +4 -4
- package/dist/packages/attention/attention.react.stories.d.ts +3 -3
- package/dist/packages/attention/attention.react.stories.js +13 -13
- package/dist/packages/attention/attention.react.test.js +11 -7
- package/dist/packages/attention/attention.stories.d.ts +4 -4
- package/dist/packages/attention/attention.stories.js +126 -117
- package/dist/packages/attention/attention.test.d.ts +1 -1
- package/dist/packages/attention/attention.test.js +18 -10
- package/dist/packages/attention/layout-styles.js +900 -900
- package/dist/packages/attention/react.d.ts +16 -6
- package/dist/packages/attention/react.js +22 -11
- package/dist/packages/attention/styles.js +2 -2
- package/dist/packages/badge/badge.d.ts +8 -3
- package/dist/packages/badge/badge.hydration.test.d.ts +1 -1
- package/dist/packages/badge/badge.hydration.test.js +25 -25
- package/dist/packages/badge/badge.js +281 -281
- package/dist/packages/badge/badge.js.map +3 -3
- package/dist/packages/badge/badge.react.stories.d.ts +3 -3
- package/dist/packages/badge/badge.react.stories.js +17 -17
- package/dist/packages/badge/badge.stories.d.ts +3 -3
- package/dist/packages/badge/badge.stories.js +22 -20
- package/dist/packages/badge/badge.test.d.ts +1 -1
- package/dist/packages/badge/badge.test.js +13 -11
- package/dist/packages/badge/react.d.ts +6 -1
- package/dist/packages/badge/react.js +9 -4
- package/dist/packages/badge/styles.js +2 -2
- package/dist/packages/box/box.d.ts +7 -2
- package/dist/packages/box/box.hydration.test.d.ts +1 -1
- package/dist/packages/box/box.hydration.test.js +14 -14
- package/dist/packages/box/box.js +288 -288
- package/dist/packages/box/box.js.map +3 -3
- package/dist/packages/box/box.react.stories.d.ts +4 -4
- package/dist/packages/box/box.react.stories.js +8 -8
- package/dist/packages/box/box.stories.d.ts +3 -3
- package/dist/packages/box/box.stories.js +25 -19
- package/dist/packages/box/box.test.d.ts +1 -1
- package/dist/packages/box/box.test.js +6 -6
- package/dist/packages/box/react.d.ts +6 -1
- package/dist/packages/box/react.js +9 -4
- package/dist/packages/box/slot.test.d.ts +1 -1
- package/dist/packages/box/slot.test.js +6 -6
- package/dist/packages/box/styles.js +2 -2
- package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +34 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js +2529 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +7 -0
- package/dist/packages/breadcrumb-item/react.d.ts +8 -0
- package/dist/packages/breadcrumb-item/react.js +17 -0
- package/dist/packages/breadcrumb-item/styles.d.ts +4 -0
- package/dist/packages/breadcrumb-item/styles.js +81 -0
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +11 -4
- package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.d.ts +1 -1
- package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +55 -49
- package/dist/packages/breadcrumbs/breadcrumbs.js +288 -284
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +4 -4
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +17 -16
- package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +7 -8
- package/dist/packages/breadcrumbs/breadcrumbs.stories.js +30 -26
- package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -1
- package/dist/packages/breadcrumbs/breadcrumbs.test.js +19 -17
- package/dist/packages/breadcrumbs/react.d.ts +8 -1
- package/dist/packages/breadcrumbs/react.js +11 -4
- package/dist/packages/breadcrumbs/styles.js +2 -2
- package/dist/packages/button/button.d.ts +22 -16
- package/dist/packages/button/button.hydration.test.d.ts +1 -1
- package/dist/packages/button/button.hydration.test.js +19 -19
- package/dist/packages/button/button.js +758 -711
- package/dist/packages/button/button.js.map +4 -4
- package/dist/packages/button/button.react.stories.d.ts +5 -5
- package/dist/packages/button/button.react.stories.js +30 -30
- package/dist/packages/button/button.react.test.js +13 -13
- package/dist/packages/button/button.stories.d.ts +4 -4
- package/dist/packages/button/button.stories.js +276 -167
- package/dist/packages/button/button.test.d.ts +1 -1
- package/dist/packages/button/button.test.js +36 -35
- package/dist/packages/button/react.d.ts +10 -3
- package/dist/packages/button/react.js +14 -7
- package/dist/packages/button/styles.js +373 -331
- package/dist/packages/card/card.d.ts +7 -2
- package/dist/packages/card/card.hydration.test.d.ts +1 -1
- package/dist/packages/card/card.hydration.test.js +14 -14
- package/dist/packages/card/card.js +310 -295
- package/dist/packages/card/card.js.map +4 -4
- package/dist/packages/card/card.react.stories.d.ts +4 -4
- package/dist/packages/card/card.react.stories.js +11 -11
- package/dist/packages/card/card.stories.d.ts +3 -3
- package/dist/packages/card/card.stories.js +36 -24
- package/dist/packages/card/card.test.d.ts +1 -1
- package/dist/packages/card/card.test.js +6 -6
- package/dist/packages/card/react.d.ts +6 -1
- package/dist/packages/card/react.js +9 -4
- package/dist/packages/card/styles.js +2 -2
- package/dist/packages/checkbox/checkbox.a11y.test.d.ts +1 -1
- package/dist/packages/checkbox/checkbox.a11y.test.js +47 -33
- package/dist/packages/checkbox/checkbox.d.ts +10 -4
- package/dist/packages/checkbox/checkbox.hydration.test.d.ts +1 -1
- package/dist/packages/checkbox/checkbox.hydration.test.js +21 -21
- package/dist/packages/checkbox/checkbox.js +481 -430
- package/dist/packages/checkbox/checkbox.js.map +3 -3
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +4 -4
- package/dist/packages/checkbox/checkbox.react.stories.js +3 -3
- package/dist/packages/checkbox/checkbox.stories.d.ts +4 -4
- package/dist/packages/checkbox/checkbox.stories.js +99 -91
- package/dist/packages/checkbox/checkbox.test.d.ts +1 -1
- package/dist/packages/checkbox/checkbox.test.js +64 -64
- package/dist/packages/checkbox/react.d.ts +12 -3
- package/dist/packages/checkbox/react.js +13 -6
- package/dist/packages/checkbox/styles.js +183 -132
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.d.ts +2 -2
- package/dist/packages/checkbox-group/checkbox-group.a11y.test.js +83 -73
- package/dist/packages/checkbox-group/checkbox-group.d.ts +13 -6
- package/dist/packages/checkbox-group/checkbox-group.hydration.test.d.ts +2 -2
- package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +36 -19
- package/dist/packages/checkbox-group/checkbox-group.js +62 -57
- package/dist/packages/checkbox-group/checkbox-group.js.map +3 -3
- package/dist/packages/checkbox-group/checkbox-group.react.test.js +4 -4
- package/dist/packages/checkbox-group/checkbox-group.test.d.ts +2 -2
- package/dist/packages/checkbox-group/checkbox-group.test.js +183 -90
- package/dist/packages/checkbox-group/react.d.ts +10 -3
- package/dist/packages/checkbox-group/react.js +13 -6
- package/dist/packages/combobox/combobox.a11y.test.d.ts +2 -2
- package/dist/packages/combobox/combobox.a11y.test.js +72 -49
- package/dist/packages/combobox/combobox.d.ts +8 -3
- package/dist/packages/combobox/combobox.hydration.test.d.ts +1 -1
- package/dist/packages/combobox/combobox.hydration.test.js +45 -45
- package/dist/packages/combobox/combobox.js +337 -338
- package/dist/packages/combobox/combobox.js.map +4 -4
- package/dist/packages/combobox/combobox.react.stories.d.ts +45 -13
- package/dist/packages/combobox/combobox.react.stories.js +29 -29
- package/dist/packages/combobox/combobox.react.test.js +8 -8
- package/dist/packages/combobox/combobox.stories.d.ts +4 -4
- package/dist/packages/combobox/combobox.stories.js +100 -94
- package/dist/packages/combobox/combobox.test.d.ts +2 -2
- package/dist/packages/combobox/combobox.test.js +249 -133
- package/dist/packages/combobox/react.d.ts +28 -7
- package/dist/packages/combobox/react.js +23 -14
- package/dist/packages/combobox/styles.js +2 -3
- package/dist/packages/datepicker/DatePicker.test.d.ts +2 -2
- package/dist/packages/datepicker/DatePicker.test.js +49 -42
- package/dist/packages/datepicker/datepicker.d.ts +15 -12
- package/dist/packages/datepicker/datepicker.hydration.test.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.hydration.test.js +21 -21
- package/dist/packages/datepicker/datepicker.js +673 -632
- package/dist/packages/datepicker/datepicker.js.map +4 -4
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +17 -17
- package/dist/packages/datepicker/datepicker.react.stories.js +9 -9
- package/dist/packages/datepicker/datepicker.react.test.js +6 -6
- package/dist/packages/datepicker/datepicker.stories.d.ts +4 -4
- package/dist/packages/datepicker/datepicker.stories.js +32 -32
- package/dist/packages/datepicker/datepicker.test.d.ts +2 -2
- package/dist/packages/datepicker/datepicker.test.js +77 -79
- package/dist/packages/datepicker/react.d.ts +15 -9
- package/dist/packages/datepicker/react.js +21 -14
- package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.js +13 -12
- package/dist/packages/datepicker/styles/w-datepicker-day.styles.js +58 -55
- package/dist/packages/datepicker/styles/w-datepicker-month.styles.js +60 -57
- package/dist/packages/datepicker/styles/w-datepicker.styles.js +87 -87
- package/dist/packages/datepicker/utils.d.ts +3 -0
- package/dist/packages/datepicker/utils.js +40 -1
- package/dist/packages/datepicker/utils.test.d.ts +1 -0
- package/dist/packages/datepicker/utils.test.js +29 -0
- package/dist/packages/expandable/expandable.d.ts +14 -7
- package/dist/packages/expandable/expandable.hydration.test.d.ts +1 -1
- package/dist/packages/expandable/expandable.hydration.test.js +21 -21
- package/dist/packages/expandable/expandable.js +359 -332
- package/dist/packages/expandable/expandable.js.map +4 -4
- package/dist/packages/expandable/expandable.react.stories.d.ts +3 -3
- package/dist/packages/expandable/expandable.react.stories.js +7 -7
- package/dist/packages/expandable/expandable.react.test.js +15 -7
- package/dist/packages/expandable/expandable.stories.d.ts +5 -5
- package/dist/packages/expandable/expandable.stories.js +51 -45
- package/dist/packages/expandable/expandable.test.d.ts +1 -1
- package/dist/packages/expandable/expandable.test.js +19 -17
- package/dist/packages/expandable/react.d.ts +7 -2
- package/dist/packages/expandable/react.js +14 -9
- package/dist/packages/expandable/styles.js +2 -2
- package/dist/packages/global.d.ts +1 -0
- package/dist/packages/global.js +5 -0
- package/dist/packages/i18n.d.ts +1 -1
- package/dist/packages/i18n.js +37 -29
- package/dist/packages/icon/icon.d.ts +10 -2
- package/dist/packages/icon/icon.hydration.test.d.ts +1 -1
- package/dist/packages/icon/icon.hydration.test.js +25 -25
- package/dist/packages/icon/icon.js +31 -26
- package/dist/packages/icon/icon.js.map +2 -2
- package/dist/packages/icon/icon.react.stories.d.ts +3 -2
- package/dist/packages/icon/icon.react.stories.js +284 -283
- package/dist/packages/icon/icon.stories.d.ts +7 -30
- package/dist/packages/icon/icon.stories.js +307 -297
- package/dist/packages/icon/icon.test.d.ts +1 -1
- package/dist/packages/icon/icon.test.js +36 -28
- package/dist/packages/icon/react.d.ts +4 -1
- package/dist/packages/icon/react.js +7 -4
- package/dist/packages/icon/style.js +24 -25
- package/dist/packages/interaction-type-detection.d.ts +22 -0
- package/dist/packages/interaction-type-detection.js +38 -0
- package/dist/packages/link/link.d.ts +14 -9
- package/dist/packages/link/link.hydration.test.d.ts +1 -1
- package/dist/packages/link/link.hydration.test.js +27 -27
- package/dist/packages/link/link.js +726 -679
- package/dist/packages/link/link.js.map +3 -3
- package/dist/packages/link/link.react.stories.d.ts +5 -5
- package/dist/packages/link/link.react.stories.js +42 -42
- package/dist/packages/link/link.react.test.js +5 -3
- package/dist/packages/link/link.stories.d.ts +3 -3
- package/dist/packages/link/link.stories.js +51 -51
- package/dist/packages/link/link.test.d.ts +1 -1
- package/dist/packages/link/link.test.js +11 -7
- package/dist/packages/link/react.d.ts +8 -3
- package/dist/packages/link/react.js +11 -6
- package/dist/packages/link/styles.js +63 -58
- package/dist/packages/modal/index.d.ts +7 -7
- package/dist/packages/modal/index.js +7 -7
- package/dist/packages/modal/modal.d.ts +26 -4
- package/dist/packages/modal/modal.hydration.test.d.ts +1 -1
- package/dist/packages/modal/modal.hydration.test.js +12 -12
- package/dist/packages/modal/modal.js +456 -409
- package/dist/packages/modal/modal.js.map +4 -4
- package/dist/packages/modal/modal.react.stories.d.ts +7 -7
- package/dist/packages/modal/modal.react.stories.js +15 -6
- package/dist/packages/modal/modal.react.test.js +5 -5
- package/dist/packages/modal/modal.stories.d.ts +9 -8
- package/dist/packages/modal/modal.stories.js +266 -248
- package/dist/packages/modal/react.d.ts +40 -8
- package/dist/packages/modal/react.js +45 -13
- package/dist/packages/modal/styles.d.ts +1 -0
- package/dist/packages/modal/styles.js +171 -0
- package/dist/packages/modal/util.js +3 -1
- package/dist/packages/modal-footer/modal-footer.d.ts +13 -2
- package/dist/packages/modal-footer/modal-footer.js +299 -296
- package/dist/packages/modal-footer/modal-footer.js.map +4 -4
- package/dist/packages/modal-footer/react.d.ts +6 -1
- package/dist/packages/modal-footer/react.js +9 -4
- package/dist/packages/modal-footer/styles.d.ts +1 -0
- package/dist/packages/modal-footer/styles.js +22 -0
- package/dist/packages/modal-header/modal-header.d.ts +21 -7
- package/dist/packages/modal-header/modal-header.js +451 -422
- package/dist/packages/modal-header/modal-header.js.map +4 -4
- package/dist/packages/modal-header/modal-header.react.test.js +5 -3
- package/dist/packages/modal-header/react.d.ts +9 -4
- package/dist/packages/modal-header/react.js +13 -8
- package/dist/packages/modal-header/styles.d.ts +1 -0
- package/dist/packages/modal-header/styles.js +96 -0
- package/dist/packages/page-indicator/page-indicator.d.ts +8 -5
- package/dist/packages/page-indicator/page-indicator.hydration.test.d.ts +1 -1
- package/dist/packages/page-indicator/page-indicator.hydration.test.js +22 -22
- package/dist/packages/page-indicator/page-indicator.js +29 -29
- package/dist/packages/page-indicator/page-indicator.js.map +4 -4
- package/dist/packages/page-indicator/page-indicator.react.stories.d.ts +3 -3
- package/dist/packages/page-indicator/page-indicator.react.stories.js +11 -11
- package/dist/packages/page-indicator/page-indicator.react.test.js +5 -5
- package/dist/packages/page-indicator/page-indicator.stories.d.ts +9 -27
- package/dist/packages/page-indicator/page-indicator.stories.js +63 -32
- package/dist/packages/page-indicator/page-indicator.test.d.ts +1 -1
- package/dist/packages/page-indicator/page-indicator.test.js +110 -70
- package/dist/packages/page-indicator/react.d.ts +9 -2
- package/dist/packages/page-indicator/react.js +14 -7
- package/dist/packages/page-indicator/style.js +21 -21
- package/dist/packages/pagination/pagination.a11y.test.d.ts +1 -1
- package/dist/packages/pagination/pagination.a11y.test.js +59 -25
- package/dist/packages/pagination/pagination.d.ts +17 -11
- package/dist/packages/pagination/pagination.hydration.test.d.ts +1 -1
- package/dist/packages/pagination/pagination.hydration.test.js +19 -19
- package/dist/packages/pagination/pagination.js +385 -354
- package/dist/packages/pagination/pagination.js.map +4 -4
- package/dist/packages/pagination/pagination.react.stories.d.ts +19 -11
- package/dist/packages/pagination/pagination.react.stories.js +8 -8
- package/dist/packages/pagination/pagination.react.test.js +6 -6
- package/dist/packages/pagination/pagination.stories.d.ts +3 -3
- package/dist/packages/pagination/pagination.stories.js +18 -18
- package/dist/packages/pagination/pagination.test.d.ts +1 -1
- package/dist/packages/pagination/pagination.test.js +146 -72
- package/dist/packages/pagination/react.d.ts +15 -6
- package/dist/packages/pagination/react.js +17 -10
- package/dist/packages/pagination/styles.js +2 -2
- package/dist/packages/pill/pill.d.ts +13 -6
- package/dist/packages/pill/pill.hydration.test.d.ts +1 -1
- package/dist/packages/pill/pill.hydration.test.js +14 -14
- package/dist/packages/pill/pill.js +337 -314
- package/dist/packages/pill/pill.js.map +4 -4
- package/dist/packages/pill/pill.react.stories.d.ts +15 -11
- package/dist/packages/pill/pill.react.stories.js +7 -3
- package/dist/packages/pill/pill.react.test.js +8 -8
- package/dist/packages/pill/pill.stories.d.ts +3 -3
- package/dist/packages/pill/pill.stories.js +8 -8
- package/dist/packages/pill/pill.test.d.ts +1 -1
- package/dist/packages/pill/pill.test.js +17 -15
- package/dist/packages/pill/react.d.ts +11 -6
- package/dist/packages/pill/react.js +23 -14
- package/dist/packages/pill/styles.js +2 -2
- package/dist/packages/radio/base-element.d.ts +3 -3
- package/dist/packages/radio/base-element.js +3 -3
- package/dist/packages/radio/custom-error-validator.d.ts +1 -1
- package/dist/packages/radio/custom-error-validator.js +3 -3
- package/dist/packages/radio/form-associated-element.d.ts +9 -9
- package/dist/packages/radio/form-associated-element.js +27 -26
- package/dist/packages/radio/host-styles.js +9 -9
- package/dist/packages/radio/invalid.d.ts +1 -1
- package/dist/packages/radio/invalid.js +1 -1
- package/dist/packages/radio/radio-styles.js +199 -160
- package/dist/packages/radio/radio.a11y.test.d.ts +2 -2
- package/dist/packages/radio/radio.a11y.test.js +60 -58
- package/dist/packages/radio/radio.d.ts +10 -4
- package/dist/packages/radio/radio.hydration.test.d.ts +1 -1
- package/dist/packages/radio/radio.hydration.test.js +23 -14
- package/dist/packages/radio/radio.js +491 -452
- package/dist/packages/radio/radio.js.map +3 -3
- package/dist/packages/radio/radio.react.stories.d.ts +2 -2
- package/dist/packages/radio/radio.react.stories.js +3 -3
- package/dist/packages/radio/radio.stories.d.ts +4 -4
- package/dist/packages/radio/radio.stories.js +152 -136
- package/dist/packages/radio/radio.test.d.ts +1 -1
- package/dist/packages/radio/radio.test.js +74 -73
- package/dist/packages/radio/react.d.ts +8 -1
- package/dist/packages/radio/react.js +11 -4
- package/dist/packages/radio/required-validator.d.ts +1 -1
- package/dist/packages/radio/required-validator.js +12 -7
- package/dist/packages/radio/slot.d.ts +1 -1
- package/dist/packages/radio/slot.js +11 -8
- package/dist/packages/radio/watch.d.ts +1 -1
- package/dist/packages/radio/watch.js +3 -1
- package/dist/packages/radio-group/radio-group-styles.js +121 -88
- package/dist/packages/radio-group/radio-group.a11y.test.d.ts +2 -2
- package/dist/packages/radio-group/radio-group.a11y.test.js +81 -79
- package/dist/packages/radio-group/radio-group.d.ts +10 -8
- package/dist/packages/radio-group/radio-group.hydration.test.d.ts +2 -2
- package/dist/packages/radio-group/radio-group.hydration.test.js +29 -18
- package/dist/packages/radio-group/radio-group.js +654 -566
- package/dist/packages/radio-group/radio-group.js.map +4 -4
- package/dist/packages/radio-group/radio-group.react.test.js +4 -4
- package/dist/packages/radio-group/radio-group.test.d.ts +2 -2
- package/dist/packages/radio-group/radio-group.test.js +304 -230
- package/dist/packages/radio-group/react.d.ts +14 -7
- package/dist/packages/radio-group/react.js +18 -10
- package/dist/packages/select/input-styles.d.ts +11 -0
- package/dist/packages/select/input-styles.js +88 -0
- package/dist/packages/select/locales/da/messages.mjs +1 -1
- package/dist/packages/select/locales/en/messages.mjs +1 -1
- package/dist/packages/select/locales/fi/messages.mjs +1 -1
- package/dist/packages/select/locales/nb/messages.mjs +1 -1
- package/dist/packages/select/locales/sv/messages.mjs +1 -1
- package/dist/packages/select/react.d.ts +11 -5
- package/dist/packages/select/react.js +16 -11
- package/dist/packages/select/select.a11y.test.d.ts +1 -1
- package/dist/packages/select/select.a11y.test.js +98 -91
- package/dist/packages/select/select.d.ts +18 -13
- package/dist/packages/select/select.hydration.test.d.ts +1 -1
- package/dist/packages/select/select.hydration.test.js +16 -16
- package/dist/packages/select/select.js +432 -336
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.react.stories.d.ts +10 -10
- package/dist/packages/select/select.react.stories.js +19 -14
- package/dist/packages/select/select.react.test.js +6 -6
- package/dist/packages/select/select.stories.d.ts +3 -3
- package/dist/packages/select/select.stories.js +51 -48
- package/dist/packages/select/select.test.d.ts +1 -1
- package/dist/packages/select/select.test.js +227 -178
- package/dist/packages/select/styles.js +2 -2
- package/dist/packages/slider/index.d.ts +2 -2
- package/dist/packages/slider/index.js +2 -2
- package/dist/packages/slider/locales/da/messages.mjs +1 -1
- package/dist/packages/slider/locales/en/messages.mjs +1 -1
- package/dist/packages/slider/locales/fi/messages.mjs +1 -1
- package/dist/packages/slider/locales/nb/messages.mjs +1 -1
- package/dist/packages/slider/locales/sv/messages.mjs +1 -1
- package/dist/packages/slider/react.d.ts +9 -4
- package/dist/packages/slider/react.js +14 -9
- package/dist/packages/slider/slider.d.ts +32 -17
- package/dist/packages/slider/slider.hydration.test.d.ts +1 -1
- package/dist/packages/slider/slider.hydration.test.js +39 -20
- package/dist/packages/slider/slider.js +523 -466
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.react.stories.d.ts +4 -4
- package/dist/packages/slider/slider.react.stories.js +31 -34
- package/dist/packages/slider/slider.react.test.js +6 -6
- package/dist/packages/slider/slider.stories.d.ts +9 -7
- package/dist/packages/slider/slider.stories.js +369 -340
- package/dist/packages/slider/slider.test.d.ts +5 -5
- package/dist/packages/slider/slider.test.js +476 -336
- package/dist/packages/slider/styles/w-slider.styles.js +166 -148
- package/dist/packages/slider/styles.js +2 -2
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +1 -1
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +1 -1
- package/dist/packages/slider-thumb/react.d.ts +16 -5
- package/dist/packages/slider-thumb/react.js +16 -9
- package/dist/packages/slider-thumb/slider-thumb.d.ts +22 -17
- package/dist/packages/slider-thumb/slider-thumb.hydration.test.d.ts +1 -1
- package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +26 -17
- package/dist/packages/slider-thumb/slider-thumb.js +549 -552
- package/dist/packages/slider-thumb/slider-thumb.js.map +4 -4
- package/dist/packages/slider-thumb/slider-thumb.react.test.js +9 -5
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +189 -188
- package/dist/packages/slider-thumb/styles.d.ts +1 -0
- package/dist/packages/slider-thumb/styles.js +2 -0
- package/dist/packages/snackbar/locales/da/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/da/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/en/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/en/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/fi/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/fi/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/nb/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/nb/messages.mjs +1 -0
- package/dist/packages/snackbar/locales/sv/messages.d.mts +1 -0
- package/dist/packages/snackbar/locales/sv/messages.mjs +1 -0
- package/dist/packages/snackbar/react.d.ts +41 -0
- package/dist/packages/snackbar/react.js +50 -0
- package/dist/packages/snackbar/snackbar.d.ts +134 -0
- package/dist/packages/snackbar/snackbar.hydration.test.d.ts +1 -0
- package/dist/packages/snackbar/snackbar.hydration.test.js +13 -0
- package/dist/packages/snackbar/snackbar.js +2665 -0
- package/dist/packages/snackbar/snackbar.js.map +7 -0
- package/dist/packages/snackbar/snackbar.react.stories.d.ts +12 -0
- package/dist/packages/snackbar/snackbar.react.stories.js +160 -0
- package/dist/packages/snackbar/snackbar.stories.d.ts +20 -0
- package/dist/packages/snackbar/snackbar.stories.js +363 -0
- package/dist/packages/snackbar/snackbar.test.d.ts +4 -0
- package/dist/packages/snackbar/snackbar.test.js +17 -0
- package/dist/packages/snackbar/styles.d.ts +1 -0
- package/dist/packages/snackbar/styles.js +35 -0
- package/dist/packages/snackbar-item/react.d.ts +12 -0
- package/dist/packages/snackbar-item/react.js +23 -0
- package/dist/packages/snackbar-item/snackbar-item.d.ts +71 -0
- package/dist/packages/snackbar-item/snackbar-item.js +2620 -0
- package/dist/packages/snackbar-item/snackbar-item.js.map +7 -0
- package/dist/packages/snackbar-item/snackbar-item.react.test.d.ts +1 -0
- package/dist/packages/snackbar-item/snackbar-item.react.test.js +5 -0
- package/dist/packages/snackbar-item/styles.d.ts +1 -0
- package/dist/packages/snackbar-item/styles.js +133 -0
- package/dist/packages/step/react.d.ts +6 -1
- package/dist/packages/step/react.js +9 -4
- package/dist/packages/step/step.d.ts +10 -3
- package/dist/packages/step/step.hydration.test.d.ts +1 -1
- package/dist/packages/step/step.hydration.test.js +10 -10
- package/dist/packages/step/step.js +336 -314
- package/dist/packages/step/step.js.map +4 -4
- package/dist/packages/step/styles.d.ts +1 -0
- package/dist/packages/step/styles.js +2 -0
- package/dist/packages/step-indicator/index.d.ts +2 -2
- package/dist/packages/step-indicator/index.js +2 -2
- package/dist/packages/step-indicator/react.d.ts +7 -2
- package/dist/packages/step-indicator/react.js +10 -5
- package/dist/packages/step-indicator/step-indicator.a11y.test.d.ts +2 -2
- package/dist/packages/step-indicator/step-indicator.a11y.test.js +48 -46
- package/dist/packages/step-indicator/step-indicator.d.ts +8 -1
- package/dist/packages/step-indicator/step-indicator.hydration.test.d.ts +1 -1
- package/dist/packages/step-indicator/step-indicator.hydration.test.js +10 -10
- package/dist/packages/step-indicator/step-indicator.js +285 -281
- package/dist/packages/step-indicator/step-indicator.js.map +3 -3
- package/dist/packages/step-indicator/stepindicator.react.stories.d.ts +2 -2
- package/dist/packages/step-indicator/stepindicator.react.stories.js +3 -3
- package/dist/packages/step-indicator/stepindicator.stories.d.ts +3 -3
- package/dist/packages/step-indicator/stepindicator.stories.js +129 -129
- package/dist/packages/step-indicator/styles.js +2 -2
- package/dist/packages/styles.js +277 -275
- package/dist/packages/switch/react.d.ts +9 -3
- package/dist/packages/switch/react.js +11 -6
- package/dist/packages/switch/styles.js +2 -2
- package/dist/packages/switch/switch.a11y.test.d.ts +1 -1
- package/dist/packages/switch/switch.a11y.test.js +46 -38
- package/dist/packages/switch/switch.d.ts +10 -3
- package/dist/packages/switch/switch.hydration.test.d.ts +1 -1
- package/dist/packages/switch/switch.hydration.test.js +23 -23
- package/dist/packages/switch/switch.js +304 -304
- package/dist/packages/switch/switch.js.map +3 -3
- package/dist/packages/switch/switch.react.stories.d.ts +4 -4
- package/dist/packages/switch/switch.react.stories.js +2 -2
- package/dist/packages/switch/switch.stories.d.ts +2 -2
- package/dist/packages/switch/switch.stories.js +42 -37
- package/dist/packages/switch/switch.test.d.ts +1 -1
- package/dist/packages/switch/switch.test.js +30 -35
- package/dist/packages/tab/react.d.ts +12 -7
- package/dist/packages/tab/react.js +14 -10
- package/dist/packages/tab/styles.d.ts +1 -0
- package/dist/packages/tab/styles.js +2 -0
- package/dist/packages/tab/tab.d.ts +13 -6
- package/dist/packages/tab/tab.hydration.test.d.ts +1 -1
- package/dist/packages/tab/tab.hydration.test.js +18 -12
- package/dist/packages/tab/tab.js +309 -308
- package/dist/packages/tab/tab.js.map +4 -4
- package/dist/packages/tab/tab.react.test.js +5 -3
- package/dist/packages/tab-panel/react.d.ts +10 -2
- package/dist/packages/tab-panel/react.js +18 -5
- package/dist/packages/tab-panel/tab-panel.d.ts +6 -3
- package/dist/packages/tab-panel/tab-panel.hydration.test.d.ts +1 -1
- package/dist/packages/tab-panel/tab-panel.hydration.test.js +13 -10
- package/dist/packages/tab-panel/tab-panel.js +293 -291
- package/dist/packages/tab-panel/tab-panel.js.map +3 -3
- package/dist/packages/tabs/index.d.ts +4 -4
- package/dist/packages/tabs/index.js +3 -3
- package/dist/packages/tabs/react.d.ts +31 -8
- package/dist/packages/tabs/react.js +34 -9
- package/dist/packages/tabs/styles.js +2 -2
- package/dist/packages/tabs/tabs.a11y.test.d.ts +3 -3
- package/dist/packages/tabs/tabs.a11y.test.js +188 -169
- package/dist/packages/tabs/tabs.d.ts +9 -6
- package/dist/packages/tabs/tabs.hydration.test.d.ts +3 -1
- package/dist/packages/tabs/tabs.hydration.test.js +22 -8
- package/dist/packages/tabs/tabs.js +293 -286
- package/dist/packages/tabs/tabs.js.map +3 -3
- package/dist/packages/tabs/tabs.react.stories.d.ts +12 -10
- package/dist/packages/tabs/tabs.react.stories.js +28 -28
- package/dist/packages/tabs/tabs.stories.d.ts +4 -4
- package/dist/packages/tabs/tabs.stories.js +101 -95
- package/dist/packages/tabs/tabs.test.d.ts +3 -3
- package/dist/packages/tabs/tabs.test.js +136 -122
- package/dist/packages/textarea/input-styles.d.ts +11 -0
- package/dist/packages/textarea/input-styles.js +88 -0
- package/dist/packages/textarea/locales/da/messages.mjs +1 -1
- package/dist/packages/textarea/locales/en/messages.mjs +1 -1
- package/dist/packages/textarea/locales/fi/messages.mjs +1 -1
- package/dist/packages/textarea/locales/nb/messages.mjs +1 -1
- package/dist/packages/textarea/locales/sv/messages.mjs +1 -1
- package/dist/packages/textarea/react.d.ts +17 -11
- package/dist/packages/textarea/react.js +22 -17
- package/dist/packages/textarea/styles.js +2 -2
- package/dist/packages/textarea/textarea.a11y.test.d.ts +1 -1
- package/dist/packages/textarea/textarea.a11y.test.js +90 -58
- package/dist/packages/textarea/textarea.d.ts +20 -20
- package/dist/packages/textarea/textarea.hydration.test.d.ts +1 -1
- package/dist/packages/textarea/textarea.hydration.test.js +19 -19
- package/dist/packages/textarea/textarea.js +385 -304
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textarea/textarea.react.stories.d.ts +38 -21
- package/dist/packages/textarea/textarea.react.stories.js +30 -13
- package/dist/packages/textarea/textarea.react.test.js +7 -7
- package/dist/packages/textarea/textarea.stories.d.ts +3 -3
- package/dist/packages/textarea/textarea.stories.js +44 -42
- package/dist/packages/textarea/textarea.test.d.ts +1 -1
- package/dist/packages/textarea/textarea.test.js +197 -88
- package/dist/packages/textfield/input-styles.d.ts +11 -0
- package/dist/packages/textfield/input-styles.js +88 -0
- package/dist/packages/textfield/locales/da/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/da/messages.mjs +1 -0
- package/dist/packages/textfield/locales/en/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/en/messages.mjs +1 -0
- package/dist/packages/textfield/locales/fi/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/fi/messages.mjs +1 -0
- package/dist/packages/textfield/locales/nb/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/nb/messages.mjs +1 -0
- package/dist/packages/textfield/locales/sv/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/sv/messages.mjs +1 -0
- package/dist/packages/textfield/react.d.ts +17 -11
- package/dist/packages/textfield/react.js +22 -17
- package/dist/packages/textfield/react.test.d.ts +1 -0
- package/dist/packages/textfield/react.test.js +20 -0
- package/dist/packages/textfield/styles/w-textfield.styles.js +60 -58
- package/dist/packages/textfield/styles.js +2 -2
- package/dist/packages/textfield/textfield.d.ts +38 -26
- package/dist/packages/textfield/textfield.hydration.test.d.ts +1 -1
- package/dist/packages/textfield/textfield.hydration.test.js +19 -19
- package/dist/packages/textfield/textfield.js +468 -373
- package/dist/packages/textfield/textfield.js.map +4 -4
- package/dist/packages/textfield/textfield.react.stories.d.ts +51 -21
- package/dist/packages/textfield/textfield.react.stories.js +63 -31
- package/dist/packages/textfield/textfield.react.test.js +7 -7
- package/dist/packages/textfield/textfield.stories.d.ts +4 -4
- package/dist/packages/textfield/textfield.stories.js +107 -89
- package/dist/packages/textfield/textfield.test.d.ts +2 -2
- package/dist/packages/textfield/textfield.test.js +174 -71
- package/dist/packages/toast/api.d.ts +2 -2
- package/dist/packages/toast/api.js +3 -3
- package/dist/packages/toast/index.d.ts +5 -5
- package/dist/packages/toast/index.js +5 -5
- package/dist/packages/toast/styles.js +2 -2
- package/dist/packages/toast/toast.d.ts +10 -5
- package/dist/packages/toast/toast.js +349 -320
- package/dist/packages/toast/toast.js.map +4 -4
- package/dist/packages/toast/toast.stories.d.ts +4 -4
- package/dist/packages/toast/toast.stories.js +37 -16
- package/dist/packages/toast/toast.test.d.ts +1 -1
- package/dist/packages/toast/toast.test.js +48 -31
- package/dist/packages/toast/types.d.ts +1 -1
- package/dist/packages/toast-container/styles.d.ts +1 -0
- package/dist/packages/toast-container/styles.js +2 -0
- package/dist/packages/toast-container/toast-container.d.ts +8 -3
- package/dist/packages/toast-container/toast-container.js +295 -294
- package/dist/packages/toast-container/toast-container.js.map +4 -4
- package/dist/packages/types.d.ts +16 -0
- package/dist/packages/types.js +1 -0
- package/dist/packages/utils/element-collapse.d.ts +12 -0
- package/dist/packages/utils/element-collapse.js +102 -0
- package/dist/packages/utils/expand-transition.d.ts +1 -1
- package/dist/packages/utils/expand-transition.js +12 -10
- package/dist/packages/utils/unstyled-heading.d.ts +1 -1
- package/dist/packages/utils/unstyled-heading.js +4 -4
- package/dist/packages/utils/window-exists.js +1 -1
- package/dist/packages/utils.js +2 -2
- package/dist/setup-tests.d.ts +3 -3
- package/dist/setup-tests.js +16 -13
- package/dist/tests/react-hydration.js +29 -30
- package/dist/tests/react-ssr-attributes.d.ts +1 -1
- package/dist/tests/react-ssr-attributes.js +4 -4
- package/dist/web-types.json +458 -256
- package/eik/index.js +20 -2460
- package/package.json +21 -129
- package/dist/packages/slider/Slider.d.ts +0 -2
- package/dist/packages/slider/Slider.js +0 -8
- package/dist/packages/slider-thumb/SliderThumb.d.ts +0 -2
- package/dist/packages/slider-thumb/SliderThumb.js +0 -8
|
@@ -1,40 +1,57 @@
|
|
|
1
|
-
import { afterEach, beforeEach, describe, expect, test } from
|
|
2
|
-
import { setupHydrationWarningCapture, testHydration } from
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
describe(
|
|
1
|
+
import { afterEach, beforeEach, describe, expect, test } from "vitest";
|
|
2
|
+
import { setupHydrationWarningCapture, testHydration, } from "../../tests/react-hydration";
|
|
3
|
+
import "../checkbox/checkbox.js";
|
|
4
|
+
import "./checkbox-group.js";
|
|
5
|
+
describe("w-checkbox-group React SSR hydration", () => {
|
|
6
6
|
beforeEach(() => setupHydrationWarningCapture());
|
|
7
7
|
afterEach(() => {
|
|
8
8
|
window.__HYDRATION_WARNINGS__ = [];
|
|
9
9
|
});
|
|
10
10
|
// Note: w-checkbox-group requires w-checkbox children to function properly.
|
|
11
11
|
// Testing the parent element alone to verify its own attributes don't cause mismatch.
|
|
12
|
-
test(
|
|
13
|
-
const warnings = await testHydration(
|
|
12
|
+
test("default (no attributes) hydrates without warnings", async () => {
|
|
13
|
+
const warnings = await testHydration("w-checkbox-group", {});
|
|
14
14
|
expect(warnings).toEqual([]);
|
|
15
15
|
});
|
|
16
|
-
test(
|
|
17
|
-
const warnings = await testHydration(
|
|
16
|
+
test("with label hydrates without warnings", async () => {
|
|
17
|
+
const warnings = await testHydration("w-checkbox-group", {
|
|
18
|
+
label: "Options",
|
|
19
|
+
});
|
|
18
20
|
expect(warnings).toEqual([]);
|
|
19
21
|
});
|
|
20
|
-
test(
|
|
21
|
-
const warnings = await testHydration(
|
|
22
|
+
test("with name hydrates without warnings", async () => {
|
|
23
|
+
const warnings = await testHydration("w-checkbox-group", {
|
|
24
|
+
label: "Options",
|
|
25
|
+
name: "options",
|
|
26
|
+
});
|
|
22
27
|
expect(warnings).toEqual([]);
|
|
23
28
|
});
|
|
24
|
-
test(
|
|
25
|
-
const warnings = await testHydration(
|
|
29
|
+
test("with optional hydrates without warnings", async () => {
|
|
30
|
+
const warnings = await testHydration("w-checkbox-group", {
|
|
31
|
+
label: "Options",
|
|
32
|
+
optional: true,
|
|
33
|
+
});
|
|
26
34
|
expect(warnings).toEqual([]);
|
|
27
35
|
});
|
|
28
|
-
test(
|
|
29
|
-
const warnings = await testHydration(
|
|
36
|
+
test("with help-text hydrates without warnings", async () => {
|
|
37
|
+
const warnings = await testHydration("w-checkbox-group", {
|
|
38
|
+
label: "Options",
|
|
39
|
+
"help-text": "Select one or more",
|
|
40
|
+
});
|
|
30
41
|
expect(warnings).toEqual([]);
|
|
31
42
|
});
|
|
32
|
-
test(
|
|
33
|
-
const warnings = await testHydration(
|
|
43
|
+
test("invalid checkbox-group hydrates without warnings", async () => {
|
|
44
|
+
const warnings = await testHydration("w-checkbox-group", {
|
|
45
|
+
label: "Options",
|
|
46
|
+
invalid: true,
|
|
47
|
+
});
|
|
34
48
|
expect(warnings).toEqual([]);
|
|
35
49
|
});
|
|
36
|
-
test(
|
|
37
|
-
const warnings = await testHydration(
|
|
50
|
+
test("required checkbox-group hydrates without warnings", async () => {
|
|
51
|
+
const warnings = await testHydration("w-checkbox-group", {
|
|
52
|
+
label: "Options",
|
|
53
|
+
required: true,
|
|
54
|
+
});
|
|
38
55
|
expect(warnings).toEqual([]);
|
|
39
56
|
});
|
|
40
57
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var Jt=Object.defineProperty;var Bt=Object.getOwnPropertyDescriptor;var Ct=i=>{throw TypeError(i)};var S=(i,t,e,s)=>{for(var n=s>1?void 0:s?Bt(t,e):t,c=i.length-1,
|
|
1
|
+
var Jt=Object.defineProperty;var Bt=Object.getOwnPropertyDescriptor;var Ct=i=>{throw TypeError(i)};var S=(i,t,e,s)=>{for(var n=s>1?void 0:s?Bt(t,e):t,c=i.length-1,a;c>=0;c--)(a=i[c])&&(n=(s?a(t,e,n):a(n))||n);return s&&n&&Jt(t,e,n),n};var ot=(i,t,e)=>t.has(i)||Ct("Cannot "+e);var M=(i,t,e)=>(ot(i,t,"read from private field"),e?e.call(i):t.get(i)),x=(i,t,e)=>t.has(i)?Ct("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(i):t.set(i,e),z=(i,t,e,s)=>(ot(i,t,"write to private field"),s?s.call(i,e):t.set(i,e),e),h=(i,t,e)=>(ot(i,t,"access private method"),e);var I=i=>typeof i=="string",Gt=i=>typeof i=="function",Et=new Map,xt="en";function ut(i){return[...Array.isArray(i)?i:[i],xt]}function dt(i,t,e){let s=ut(i);e||(e="default");let n;if(typeof e=="string")switch(n={day:"numeric",month:"short",year:"numeric"},e){case"full":n.weekday="long";case"long":n.month="long";break;case"short":n.month="numeric";break}else n=e;return G(()=>K("date",s,e),()=>new Intl.DateTimeFormat(s,n)).format(I(t)?new Date(t):t)}function Kt(i,t,e){let s;if(e||(e="default"),typeof e=="string")switch(s={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":s.timeZoneName="short";break;case"short":delete s.second}else s=e;return dt(i,t,s)}function lt(i,t,e){let s=ut(i);return G(()=>K("number",s,e),()=>new Intl.NumberFormat(s,e)).format(t)}function Mt(i,t,e,{offset:s=0,...n}){let c=ut(i),a=t?G(()=>K("plural-ordinal",c),()=>new Intl.PluralRules(c,{type:"ordinal"})):G(()=>K("plural-cardinal",c),()=>new Intl.PluralRules(c,{type:"cardinal"}));return n[e]??n[a.select(e-s)]??n.other}function G(i,t){let e=i(),s=Et.get(e);return s||(s=t(),Et.set(e,s)),s}function K(i,t,e){let s=t.join("-");return`${i}-${s}-${JSON.stringify(e)}`}var Ft=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,kt=i=>i.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,e,s)=>{if(e){let n=parseInt(e,16);return String.fromCharCode(n)}else{let n=parseInt(s,16);return String.fromCharCode(n)}}),Vt="%__lingui_octothorpe__%",Qt=(i,t,e={})=>{let s=t||i,n=a=>typeof a=="object"?a:e[a],c=(a,o)=>{let f=Object.keys(e).length?n("number"):void 0,v=lt(s,a,f);return o.replace(new RegExp(Vt,"g"),v)};return{plural:(a,o)=>{let{offset:f=0}=o,v=Mt(s,!1,a,o);return c(a-f,v)},selectordinal:(a,o)=>{let{offset:f=0}=o,v=Mt(s,!0,a,o);return c(a-f,v)},select:Xt,number:(a,o)=>lt(s,a,n(o)||{style:o}),date:(a,o)=>dt(s,a,n(o)||o),time:(a,o)=>Kt(s,a,n(o)||o)}},Xt=(i,t)=>t[i]??t.other;function Zt(i,t,e){return(s={},n)=>{let c=Qt(t,e,n),a=(f,v=!1)=>Array.isArray(f)?f.reduce((F,k)=>{if(k==="#"&&v)return F+Vt;if(I(k))return F+k;let[q,w,V]=k,L={};w==="plural"||w==="selectordinal"||w==="select"?Object.entries(V).forEach(([T,U])=>{L[T]=a(U,w==="plural"||w==="selectordinal")}):L=V;let _;if(w){let T=c[w];_=T(s[q],L)}else _=s[q];return _==null?F:F+_},""):f,o=a(i);return I(o)&&Ft.test(o)?kt(o):I(o)?o:o?String(o):""}}var Yt=Object.defineProperty,te=(i,t,e)=>t in i?Yt(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,ee=(i,t,e)=>(te(i,typeof t!="symbol"?t+"":t,e),e),ct=class{constructor(){ee(this,"_events",{})}on(t,e){var s;return(s=this._events)[t]??(s[t]=[]),this._events[t].push(e),()=>this.removeListener(t,e)}removeListener(t,e){let s=this._getListeners(t);if(!s)return;let n=s.indexOf(e);~n&&s.splice(n,1)}emit(t,...e){let s=this._getListeners(t);s&&s.map(n=>n.apply(this,e))}_getListeners(t){let e=this._events[t];return Array.isArray(e)?e:!1}},se=Object.defineProperty,ie=(i,t,e)=>t in i?se(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,A=(i,t,e)=>(ie(i,typeof t!="symbol"?t+"":t,e),e),ht=class extends ct{constructor(t){super(),A(this,"_locale",""),A(this,"_locales"),A(this,"_localeData",{}),A(this,"_messages",{}),A(this,"_missing"),A(this,"_messageCompiler"),A(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate(t.locale??xt,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(t,e){let s=this._localeData[t];s?Object.assign(s,e):this._localeData[t]=e}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,e){typeof t=="string"?this._loadLocaleData(t,e):Object.keys(t).forEach(s=>this._loadLocaleData(s,t[s])),this.emit("change")}_load(t,e){let s=this._messages[t];s?Object.assign(s,e):this._messages[t]=e}load(t,e){typeof t=="string"&&typeof e=="object"?this._load(t,e):Object.entries(t).forEach(([s,n])=>this._load(s,n)),this.emit("change")}loadAndActivate({locale:t,locales:e,messages:s}){this._locale=t,this._locales=e||void 0,this._messages[this._locale]=s,this.emit("change")}activate(t,e){this._locale=t,this._locales=e,this.emit("change")}_(t,e,s){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let n=s?.message;t||(t=""),I(t)||(e=t.values||e,n=t.message,t=t.id);let c=this.messages[t],a=c===void 0,o=this._missing;if(o&&a)return Gt(o)?o(this._locale,t):o;a&&this.emit("missing",{id:t,locale:this._locale});let f=c||n||t;return I(f)&&(this._messageCompiler?f=this._messageCompiler(f):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
3
|
> ${f}
|
|
4
4
|
|
|
@@ -6,65 +6,70 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
6
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
7
7
|
|
|
8
8
|
Please compile your catalog first.
|
|
9
|
-
`)),I(f)&&Ft.test(f)?kt(f):I(f)?f:Zt(f,this._locale,this._locales)(e,s?.formats)}date(t,e){return dt(this._locales||this._locale,t,e)}number(t,e){return lt(this._locales||this._locale,t,e)}};function ne(i={}){return new ht(i)}var b=ne();var d=function(i,t,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(i):s?s.value:t.get(i)},g=function(i,t,e,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?i!==t||!n:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(i,e):n?n.value=e:t.set(i,e),e};function Lt(i){var t,e,s,n,c,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
9
|
+
`)),I(f)&&Ft.test(f)?kt(f):I(f)?f:Zt(f,this._locale,this._locales)(e,s?.formats)}date(t,e){return dt(this._locales||this._locale,t,e)}number(t,e){return lt(this._locales||this._locale,t,e)}};function ne(i={}){return new ht(i)}var b=ne();var d=function(i,t,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(i):s?s.value:t.get(i)},g=function(i,t,e,s,n){if(s==="m")throw new TypeError("Private method is not writable");if(s==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?i!==t||!n:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return s==="a"?n.call(i,e):n?n.value=e:t.set(i,e),e};function Lt(i){var t,e,s,n,c,a,o,f,v,F,k,q,w,V,L,_,T,U,nt;class zt extends i{constructor(...l){var u,m,p;super(...l),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),s.set(this,!1),n.set(this,!1),c.set(this,void 0),a.set(this,void 0),o.set(this,!0),v.set(this,""),F.set(this,()=>{g(this,n,!0,"f"),g(this,e,!0,"f"),d(this,t,"m",_).call(this)}),k.set(this,()=>{g(this,e,!1,"f"),d(this,t,"m",T).call(this,this.shouldFormValueUpdate()?d(this,v,"f"):""),!this.validity.valid&&d(this,n,"f")&&g(this,s,!0,"f");let E=d(this,t,"m",_).call(this);this.validationMessageCallback&&this.validationMessageCallback(E?this.internals.validationMessage:"")}),q.set(this,()=>{var E;d(this,o,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,o,!1,"f")),g(this,n,!0,"f"),g(this,s,!0,"f"),d(this,t,"m",_).call(this),(E=this===null||this===void 0?void 0:this.validationMessageCallback)===null||E===void 0||E.call(this,this.showError?this.internals.validationMessage:"")}),w.set(this,void 0),V.set(this,!1),L.set(this,Promise.resolve()),(u=this.addEventListener)===null||u===void 0||u.call(this,"focus",d(this,F,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"blur",d(this,k,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"invalid",d(this,q,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let l=this.validators.map(p=>p.attribute).flat(),u=super.observedAttributes||[];return[...new Set([...u,...l])]}static getValidator(l){return this.validators.find(u=>u.attribute===l)||null}static getValidators(l){return this.validators.filter(u=>{var m;if(u.attribute===l||!((m=u.attribute)===null||m===void 0)&&m.includes(l))return!0})}get form(){return this.internals.form}get showError(){return d(this,t,"m",_).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(l,u,m){var p;(p=super.attributeChangedCallback)===null||p===void 0||p.call(this,l,u,m);let j=this.constructor.getValidators(l);j?.length&&this.validationTarget&&this.setValue(d(this,v,"f"))}setValue(l){var u;g(this,s,!1,"f"),(u=this.validationMessageCallback)===null||u===void 0||u.call(this,""),g(this,v,l,"f");let p=this.shouldFormValueUpdate()?l:null;this.internals.setFormValue(p),d(this,t,"m",T).call(this,p),this.valueChangedCallback&&this.valueChangedCallback(p),d(this,t,"m",_).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(l=>l(d(this,L,"f")))}formResetCallback(){var l,u;g(this,n,!1,"f"),g(this,s,!1,"f"),d(this,t,"m",_).call(this),(l=this.resetFormControl)===null||l===void 0||l.call(this),(u=this.validationMessageCallback)===null||u===void 0||u.call(this,d(this,t,"m",_).call(this)?this.validationMessage:"")}}return e=new WeakMap,s=new WeakMap,n=new WeakMap,c=new WeakMap,a=new WeakMap,o=new WeakMap,v=new WeakMap,F=new WeakMap,k=new WeakMap,q=new WeakMap,w=new WeakMap,V=new WeakMap,L=new WeakMap,t=new WeakSet,f=function(){let l=this.getRootNode(),u=`${this.localName}[name="${this.getAttribute("name")}"]`;return l.querySelectorAll(u)},_=function(){if(this.hasAttribute("disabled"))return!1;let l=d(this,s,"f")||d(this,n,"f")&&!this.validity.valid&&!d(this,e,"f");return l&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),l},T=function(l){let u=this.constructor,m={},p=u.validators,E=[],j=p.some(C=>C.isValid instanceof Promise);d(this,V,"f")||(g(this,L,new Promise(C=>{g(this,w,C,"f")}),"f"),g(this,V,!0,"f")),d(this,c,"f")&&(d(this,c,"f").abort(),g(this,a,d(this,c,"f"),"f"));let H=new AbortController;g(this,c,H,"f");let W,wt=!1;p.length&&(p.forEach(C=>{let rt=C.key||"customError",P=C.isValid(this,l,H.signal);P instanceof Promise?(E.push(P),P.then(at=>{at!=null&&(m[rt]=!at,W=d(this,t,"m",nt).call(this,C,l),d(this,t,"m",U).call(this,m,W))})):(m[rt]=!P,this.validity[rt]!==!P&&(wt=!0),!P&&!W&&(W=d(this,t,"m",nt).call(this,C,l)))}),Promise.allSettled(E).then(()=>{var C;H?.signal.aborted||(g(this,V,!1,"f"),(C=d(this,w,"f"))===null||C===void 0||C.call(this))}),(wt||!j)&&d(this,t,"m",U).call(this,m,W))},U=function(l,u){if(this.validationTarget)this.internals.setValidity(l,u,this.validationTarget),g(this,o,!1,"f");else{if(this.internals.setValidity(l,u),this.internals.validity.valid)return;g(this,o,!0,"f")}},nt=function(l,u){if(this.validityCallback){let m=this.validityCallback(l.key||"customError");if(m)return m}return l.message instanceof Function?l.message(this,u):l.message},zt}import{css as he,html as X,LitElement as Rt,nothing as mt}from"lit";import{property as O,state as ue}from"lit/decorators.js";import{ifDefined as gt}from"lit/directives/if-defined.js";var re=["en","nb","fi","da","sv"],ft="en",Q=i=>re.find(t=>i===t||i.toLowerCase().includes(t))||ft;function Tt(){if(typeof window>"u"){let i=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Q(i)}try{let i=It(document);if(i)return Q(i);let t=ce();if(t)return Q(t);let e=It(qt());return e?Q(e):ft}catch(i){return console.warn("could not detect locale, falling back to source locale",i),ft}}var At=(i,t,e,s,n)=>{b.load("en",i),b.load("nb",t),b.load("fi",e),b.load("da",s),b.load("sv",n);let c=Tt();b.activate(c),Nt(),oe()},ae="warp-i18n-change";function Nt(){typeof window>"u"||window.dispatchEvent(new Event(ae))}var St=!1;function oe(){if(St||typeof window>"u"||!document?.documentElement)return;St=!0;let i=()=>{let n=Tt();b.locale!==n&&(b.activate(n),Nt())},t=new MutationObserver(n=>{for(let c of n)if(c.type==="attributes"&&c.attributeName==="lang"){i();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=qt();e&&e.documentElement&&e!==document&&t.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let s=le();s&&t.observe(s,{attributes:!0,attributeFilter:["lang"]})}function qt(){try{return window.parent?.document??null}catch{return null}}function It(i){try{return i?.documentElement?.lang??""}catch{return""}}function le(){try{return window.frameElement??null}catch{return null}}function ce(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}var Pt=JSON.parse('{"checkbox-group.label.optional":["Valgfri"],"checkbox-group.validation.required":["Mindst \xE9n valgt mulighed er p\xE5kr\xE6vet."]}');var Ot=JSON.parse('{"checkbox-group.label.optional":["Optional"],"checkbox-group.validation.required":["At least one selection is required."]}');var $t=JSON.parse('{"checkbox-group.label.optional":["Valinnainen"],"checkbox-group.validation.required":["V\xE4hint\xE4\xE4n yksi valinta vaaditaan."]}');var Dt=JSON.parse('{"checkbox-group.label.optional":["Valgfri"],"checkbox-group.validation.required":["Minst ett valg er p\xE5krevd."]}');var Ut=JSON.parse('{"checkbox-group.label.optional":["Valfritt"],"checkbox-group.validation.required":["Minst ett val kr\xE4vs."]}');At(Ot,Dt,$t,Pt,Ut);var de=()=>b._({id:"checkbox-group.validation.required",message:"At least one selection is required.",comment:"Shown when required checkbox group has no selections"}),$,B,D,tt,et,st,r,Z,it,pt,vt,Y,_t,J,jt,Ht,bt,Wt,N,yt,y=class extends Lt(Rt){constructor(){super(...arguments);x(this,r);this.optional=!1;this.required=!1;this.invalid=!1;x(this,$,!1);x(this,B,!1);this._internalTabIndex=-1;x(this,D);x(this,tt,()=>{h(this,r,Z).call(this),h(this,r,N).call(this),this.requestUpdate()});x(this,et,()=>{h(this,r,Z).call(this),h(this,r,N).call(this),this.requestUpdate()});x(this,st,()=>{h(this,r,vt).call(this),h(this,r,N).call(this),this.requestUpdate()});x(this,it,()=>{this.requestUpdate()})}render(){let e=h(this,r,pt).call(this)>0,n=this.required&&!e&&M(this,$),c=this.invalid||n,a=c?h(this,r,jt).call(this):this.helpText,o=a?"checkbox-group__help":void 0,f=this.label?"checkbox-group__label":void 0,v=c?"true":void 0;return X`
|
|
10
|
+
<div class="wrapper" tabindex="${this._internalTabIndex}">
|
|
11
|
+
${this.label?X`
|
|
12
|
+
<div class="label" id="${f}">
|
|
13
|
+
<span>${this.label}</span>
|
|
14
|
+
${this.optional&&!this.required?X`
|
|
15
|
+
<span class="optional">
|
|
16
|
+
${b._({id:"checkbox-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}
|
|
17
|
+
</span>
|
|
18
|
+
`:mt}
|
|
19
|
+
</div>
|
|
20
|
+
`:mt}
|
|
21
|
+
<div
|
|
22
|
+
class="checkbox-group"
|
|
23
|
+
role="group"
|
|
24
|
+
aria-labelledby=${gt(f)}
|
|
25
|
+
aria-describedby=${gt(o)}
|
|
26
|
+
aria-invalid=${gt(v)}
|
|
27
|
+
>
|
|
28
|
+
<slot></slot>
|
|
29
|
+
</div>
|
|
30
|
+
${a?X`<div
|
|
31
|
+
class="${c?"help-text error":"help-text"}"
|
|
32
|
+
id="${o}"
|
|
33
|
+
>
|
|
34
|
+
${a}
|
|
35
|
+
</div>`:mt}
|
|
36
|
+
</div>
|
|
37
|
+
`}connectedCallback(){super.connectedCallback(),this.addEventListener("change",M(this,tt)),this.addEventListener("invalid",M(this,et)),this.addEventListener("slotchange",M(this,st)),z(this,D,b.on("change",M(this,it))),this.setValue(null),h(this,r,yt).call(this)}disconnectedCallback(){var e;(e=M(this,D))==null||e.call(this),z(this,D,void 0),super.disconnectedCallback()}checkValidity(){return h(this,r,N).call(this),this.internals.checkValidity()}reportValidity(){return h(this,r,Z).call(this),h(this,r,N).call(this),this.internals.checkValidity()}focus(e){let s=h(this,r,_t).call(this);if(s?.focus){s.focus(e);return}HTMLElement.prototype.focus.call(this,e)}updated(e){super.updated(e),h(this,r,Ht).call(this,e)&&(e.has("name")&&h(this,r,vt).call(this),h(this,r,N).call(this))}};$=new WeakMap,B=new WeakMap,D=new WeakMap,tt=new WeakMap,et=new WeakMap,st=new WeakMap,r=new WeakSet,Z=function(){z(this,$,!0)},it=new WeakMap,pt=function(){return h(this,r,J).call(this).filter(e=>e.checked).length},vt=function(){if(this.name)for(let e of h(this,r,J).call(this)){let s=e;s&&typeof s=="object"&&!s.name&&(s._groupName=this.name)}},Y=function(e){for(let s of h(this,r,J).call(this))"_groupInvalid"in s&&(s._groupInvalid=e)},_t=function(){return h(this,r,J).call(this)[0]},J=function(){return this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]},jt=function(){return de()},Ht=function(e){return e.has("invalid")||e.has("required")||e.has("helpText")||e.has("name")},bt=function(e){let s=h(this,r,_t).call(this);this.internals.setValidity(e," ",s??void 0)},Wt=function(e){this._internalTabIndex=e?0:-1},N=function(){h(this,r,yt).call(this);let e=h(this,r,pt).call(this)>0,s=this.required&&!e,n=this.invalid,c=s&&M(this,$),a=n||c;if(h(this,r,Wt).call(this,a),s){h(this,r,bt).call(this,{valueMissing:!0}),h(this,r,Y).call(this,a);return}if(n){h(this,r,bt).call(this,{customError:!0}),h(this,r,Y).call(this,!0);return}this.internals.setValidity({}),h(this,r,Y).call(this,!1)},yt=function(){M(this,B)||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-checkbox-group: "name" is required for form submission.'),z(this,B,!0)))},y.shadowRootOptions={...Rt.shadowRootOptions,delegatesFocus:!0},y.styles=he`
|
|
38
|
+
.wrapper {
|
|
39
|
+
display: inline-flex;
|
|
40
|
+
flex-direction: column;
|
|
41
|
+
gap: 16px;
|
|
42
|
+
}
|
|
38
43
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
44
|
+
.checkbox-group {
|
|
45
|
+
display: grid;
|
|
46
|
+
gap: 16px;
|
|
47
|
+
}
|
|
43
48
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
49
|
+
.label {
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
gap: 8px;
|
|
53
|
+
font-size: var(--w-font-size-s);
|
|
54
|
+
line-height: var(--w-line-height-s);
|
|
55
|
+
font-weight: 700;
|
|
56
|
+
color: var(--w-s-color-text);
|
|
57
|
+
}
|
|
53
58
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
59
|
+
.optional {
|
|
60
|
+
font-weight: 400;
|
|
61
|
+
color: var(--w-s-color-text-subtle);
|
|
62
|
+
}
|
|
58
63
|
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
64
|
+
.help-text {
|
|
65
|
+
display: block;
|
|
66
|
+
font-size: var(--w-font-size-xs);
|
|
67
|
+
line-height: var(--w-line-height-xs);
|
|
68
|
+
color: var(--w-s-color-text-subtle);
|
|
69
|
+
}
|
|
65
70
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
71
|
+
.error {
|
|
72
|
+
color: var(--w-s-color-text-negative);
|
|
73
|
+
}
|
|
74
|
+
`,S([O({type:String,reflect:!0})],y.prototype,"label",2),S([O({type:String,reflect:!0})],y.prototype,"name",2),S([O({type:Boolean,reflect:!0})],y.prototype,"optional",2),S([O({type:String,reflect:!0,attribute:"help-text"})],y.prototype,"helpText",2),S([O({type:Boolean,reflect:!0})],y.prototype,"required",2),S([O({type:Boolean,reflect:!0})],y.prototype,"invalid",2),S([ue()],y.prototype,"_internalTabIndex",2);var Oe=y;customElements.get("w-checkbox-group")||customElements.define("w-checkbox-group",y);export{Oe as WCheckboxGroup,y as WarpCheckboxGroup};
|
|
70
75
|
//# sourceMappingURL=checkbox-group.js.map
|