@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.18
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 +174 -56
- package/dist/docs/affix/affix.md +2 -2
- package/dist/docs/affix/api.md +2 -2
- package/dist/docs/alert/alert.md +4 -4
- package/dist/docs/alert/api.md +4 -4
- package/dist/docs/attention/api.md +2 -2
- package/dist/docs/attention/attention.md +2 -2
- 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 +2 -2
- package/dist/docs/breadcrumb-item/api.md +27 -0
- package/dist/docs/breadcrumb-item/breadcrumb-item.md +34 -0
- package/dist/docs/breadcrumbs/accessibility.md +8 -18
- package/dist/docs/breadcrumbs/breadcrumbs.md +57 -34
- package/dist/docs/breadcrumbs/examples.md +8 -8
- package/dist/docs/breadcrumbs/styling.md +33 -0
- package/dist/docs/breadcrumbs/usage.md +8 -8
- package/dist/docs/checkbox/api.md +2 -2
- package/dist/docs/checkbox/checkbox.md +176 -2
- package/dist/docs/checkbox/styling.md +173 -0
- package/dist/docs/checkbox-group/checkbox-group.md +43 -30
- package/dist/docs/checkbox-group/styling.md +31 -29
- package/dist/docs/combobox/api.md +12 -12
- package/dist/docs/combobox/combobox.md +12 -12
- package/dist/docs/datepicker/api.md +6 -6
- package/dist/docs/datepicker/datepicker.md +6 -6
- package/dist/docs/icon/api.md +3 -3
- package/dist/docs/icon/icon.md +3 -3
- package/dist/docs/index.md +2 -1
- package/dist/docs/radio-group/api.md +4 -4
- package/dist/docs/radio-group/radio-group.md +183 -68
- package/dist/docs/radio-group/styling.md +179 -64
- package/dist/docs/snackbar/api.md +1 -1
- package/dist/docs/snackbar/snackbar.md +1 -1
- package/dist/docs/snackbar-item/api.md +2 -2
- package/dist/docs/snackbar-item/snackbar-item.md +2 -2
- package/dist/index.d.ts +109 -2
- package/dist/packages/affix/affix.d.ts +4 -4
- 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 +345 -315
- package/dist/packages/affix/affix.js.map +2 -2
- package/dist/packages/affix/affix.react.stories.d.ts +2 -2
- 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 +2 -2
- package/dist/packages/affix/react.js +6 -6
- package/dist/packages/affix/styles.js +1 -1
- package/dist/packages/alert/alert.d.ts +3 -3
- 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 +344 -319
- package/dist/packages/alert/alert.js.map +2 -2
- 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 +1 -1
- package/dist/packages/alert/react.js +4 -4
- package/dist/packages/alert/styles.js +1 -1
- package/dist/packages/attention/attention.d.ts +7 -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 +1725 -1683
- package/dist/packages/attention/attention.js.map +2 -2
- 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 +4 -4
- package/dist/packages/attention/react.js +13 -11
- package/dist/packages/attention/styles.js +1 -1
- package/dist/packages/badge/badge.d.ts +3 -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 +276 -276
- package/dist/packages/badge/badge.js.map +2 -2
- 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 +1 -1
- package/dist/packages/badge/react.js +4 -4
- package/dist/packages/badge/styles.js +1 -1
- package/dist/packages/box/box.d.ts +1 -1
- 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 +283 -283
- package/dist/packages/box/box.js.map +2 -2
- package/dist/packages/box/box.react.stories.d.ts +3 -3
- 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 +1 -1
- package/dist/packages/box/react.js +4 -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 +1 -1
- package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +29 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js +2520 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +7 -0
- package/dist/packages/breadcrumb-item/react.d.ts +2 -0
- package/dist/packages/breadcrumb-item/react.js +11 -0
- package/dist/packages/breadcrumb-item/styles.d.ts +4 -0
- package/dist/packages/breadcrumb-item/styles.js +72 -0
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +3 -1
- 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 +285 -281
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.d.ts +3 -3
- 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 +1 -1
- package/dist/packages/breadcrumbs/react.js +4 -4
- package/dist/packages/breadcrumbs/styles.js +1 -1
- package/dist/packages/button/button.d.ts +5 -5
- 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 +741 -715
- package/dist/packages/button/button.js.map +2 -2
- package/dist/packages/button/button.react.stories.d.ts +3 -3
- 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 -34
- package/dist/packages/button/react.d.ts +2 -2
- package/dist/packages/button/react.js +7 -7
- package/dist/packages/button/styles.js +373 -347
- package/dist/packages/card/card.d.ts +1 -1
- 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 +305 -290
- package/dist/packages/card/card.js.map +2 -2
- package/dist/packages/card/card.react.stories.d.ts +3 -3
- 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 +1 -1
- package/dist/packages/card/react.js +4 -4
- package/dist/packages/card/styles.js +1 -1
- 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 +2 -2
- 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 +475 -424
- package/dist/packages/checkbox/checkbox.js.map +2 -2
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +2 -2
- 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 +1 -1
- package/dist/packages/checkbox/react.js +6 -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 +16 -2
- 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 +60 -55
- package/dist/packages/checkbox-group/checkbox-group.js.map +2 -2
- 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 +96 -90
- package/dist/packages/checkbox-group/react.d.ts +2 -2
- package/dist/packages/checkbox-group/react.js +6 -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 +2 -2
- 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 +332 -332
- package/dist/packages/combobox/combobox.js.map +3 -3
- package/dist/packages/combobox/combobox.react.stories.d.ts +3 -3
- 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 +148 -133
- package/dist/packages/combobox/react.d.ts +2 -2
- package/dist/packages/combobox/react.js +14 -14
- package/dist/packages/combobox/styles.js +1 -1
- package/dist/packages/datepicker/DatePicker.test.d.ts +2 -2
- package/dist/packages/datepicker/DatePicker.test.js +46 -41
- package/dist/packages/datepicker/datepicker.d.ts +3 -3
- 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 +665 -625
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +3 -3
- 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 +2 -2
- package/dist/packages/datepicker/react.js +16 -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 +1 -1
- package/dist/packages/datepicker/utils.js +25 -19
- package/dist/packages/datepicker/utils.test.js +20 -20
- package/dist/packages/expandable/expandable.d.ts +4 -4
- 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 +353 -326
- package/dist/packages/expandable/expandable.js.map +2 -2
- 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 +2 -2
- package/dist/packages/expandable/react.js +9 -9
- package/dist/packages/expandable/styles.js +1 -1
- package/dist/packages/global.js +2 -2
- package/dist/packages/i18n.d.ts +1 -1
- package/dist/packages/i18n.js +37 -29
- package/dist/packages/icon/icon.d.ts +3 -3
- 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 +30 -25
- package/dist/packages/icon/icon.js.map +2 -2
- package/dist/packages/icon/icon.react.stories.d.ts +1 -1
- package/dist/packages/icon/icon.react.stories.js +283 -284
- package/dist/packages/icon/icon.stories.d.ts +3 -3
- package/dist/packages/icon/icon.stories.js +299 -298
- 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 +1 -1
- package/dist/packages/icon/react.js +4 -4
- package/dist/packages/icon/style.js +24 -25
- package/dist/packages/interaction-type-detection.js +9 -9
- package/dist/packages/link/link.d.ts +2 -2
- 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 +709 -683
- package/dist/packages/link/link.js.map +2 -2
- package/dist/packages/link/link.react.stories.d.ts +3 -3
- 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 +2 -2
- package/dist/packages/link/react.js +6 -6
- package/dist/packages/link/styles.js +57 -57
- package/dist/packages/modal/index.d.ts +7 -7
- package/dist/packages/modal/index.js +7 -7
- package/dist/packages/modal/modal.d.ts +1 -1
- 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 +404 -404
- package/dist/packages/modal/modal.js.map +2 -2
- package/dist/packages/modal/modal.react.stories.d.ts +3 -3
- package/dist/packages/modal/modal.react.stories.js +7 -6
- package/dist/packages/modal/modal.react.test.js +5 -5
- package/dist/packages/modal/modal.stories.d.ts +6 -6
- package/dist/packages/modal/modal.stories.js +253 -238
- package/dist/packages/modal/react.d.ts +4 -4
- package/dist/packages/modal/react.js +13 -13
- package/dist/packages/modal/util.js +2 -2
- package/dist/packages/modal-footer/modal-footer.d.ts +1 -1
- package/dist/packages/modal-footer/modal-footer.js +291 -291
- package/dist/packages/modal-footer/modal-footer.js.map +2 -2
- package/dist/packages/modal-footer/react.d.ts +1 -1
- package/dist/packages/modal-footer/react.js +4 -4
- package/dist/packages/modal-header/modal-header.d.ts +2 -2
- package/dist/packages/modal-header/modal-header.js +437 -416
- package/dist/packages/modal-header/modal-header.js.map +2 -2
- package/dist/packages/modal-header/modal-header.react.test.js +5 -3
- package/dist/packages/modal-header/react.d.ts +2 -2
- package/dist/packages/modal-header/react.js +8 -8
- package/dist/packages/page-indicator/page-indicator.d.ts +1 -1
- 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 +26 -26
- package/dist/packages/page-indicator/page-indicator.js.map +2 -2
- 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 +3 -3
- package/dist/packages/page-indicator/page-indicator.stories.js +56 -27
- 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 +2 -2
- package/dist/packages/page-indicator/react.js +7 -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 +3 -3
- 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 +380 -349
- package/dist/packages/pagination/pagination.js.map +2 -2
- package/dist/packages/pagination/pagination.react.stories.d.ts +7 -7
- 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 -69
- package/dist/packages/pagination/react.d.ts +4 -4
- package/dist/packages/pagination/react.js +12 -10
- package/dist/packages/pagination/styles.js +1 -1
- package/dist/packages/pill/pill.d.ts +2 -2
- 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 +331 -308
- package/dist/packages/pill/pill.js.map +2 -2
- package/dist/packages/pill/pill.react.stories.d.ts +3 -3
- package/dist/packages/pill/pill.react.stories.js +3 -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 +2 -2
- package/dist/packages/pill/react.js +18 -14
- package/dist/packages/pill/styles.js +1 -1
- 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 +8 -8
- 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 +3 -3
- 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 +485 -446
- 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 +1 -1
- package/dist/packages/radio/react.js +4 -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 +14 -5
- 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 +648 -560
- package/dist/packages/radio-group/radio-group.js.map +3 -3
- 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 +234 -229
- package/dist/packages/radio-group/react.d.ts +2 -2
- package/dist/packages/radio-group/react.js +10 -10
- package/dist/packages/select/react.d.ts +2 -2
- package/dist/packages/select/react.js +11 -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 +4 -4
- 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 +348 -329
- package/dist/packages/select/select.js.map +2 -2
- package/dist/packages/select/select.react.stories.d.ts +3 -3
- package/dist/packages/select/select.react.stories.js +7 -7
- 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 +175 -178
- package/dist/packages/select/styles.js +1 -1
- package/dist/packages/slider/Slider.d.ts +1 -1
- package/dist/packages/slider/Slider.js +4 -4
- package/dist/packages/slider/index.d.ts +2 -2
- package/dist/packages/slider/index.js +2 -2
- package/dist/packages/slider/react.d.ts +3 -3
- package/dist/packages/slider/react.js +9 -9
- package/dist/packages/slider/slider.d.ts +3 -3
- 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 +480 -462
- package/dist/packages/slider/slider.js.map +2 -2
- package/dist/packages/slider/slider.react.stories.d.ts +3 -3
- 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 +7 -7
- package/dist/packages/slider/slider.stories.js +332 -340
- package/dist/packages/slider/slider.test.d.ts +5 -5
- package/dist/packages/slider/slider.test.js +367 -334
- package/dist/packages/slider/styles/w-slider.styles.js +166 -148
- package/dist/packages/slider/styles.js +1 -1
- package/dist/packages/slider-thumb/SliderThumb.d.ts +1 -1
- package/dist/packages/slider-thumb/SliderThumb.js +4 -4
- 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 +3 -3
- package/dist/packages/slider-thumb/react.js +11 -9
- package/dist/packages/slider-thumb/slider-thumb.d.ts +3 -3
- 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 +545 -548
- package/dist/packages/slider-thumb/slider-thumb.js.map +3 -3
- 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.js +1 -1
- package/dist/packages/snackbar/react.d.ts +1 -1
- package/dist/packages/snackbar/react.js +4 -4
- package/dist/packages/snackbar/snackbar.d.ts +3 -3
- package/dist/packages/snackbar/snackbar.hydration.test.d.ts +1 -1
- package/dist/packages/snackbar/snackbar.hydration.test.js +6 -6
- package/dist/packages/snackbar/snackbar.js +487 -468
- package/dist/packages/snackbar/snackbar.js.map +2 -2
- package/dist/packages/snackbar/snackbar.react.stories.js +3 -3
- package/dist/packages/snackbar/snackbar.stories.d.ts +11 -11
- package/dist/packages/snackbar/snackbar.stories.js +253 -181
- package/dist/packages/snackbar/snackbar.test.d.ts +4 -4
- package/dist/packages/snackbar/snackbar.test.js +11 -11
- package/dist/packages/snackbar/styles.js +29 -29
- package/dist/packages/snackbar-item/react.d.ts +2 -2
- package/dist/packages/snackbar-item/react.js +6 -5
- package/dist/packages/snackbar-item/snackbar-item.d.ts +4 -4
- package/dist/packages/snackbar-item/snackbar-item.js +454 -435
- package/dist/packages/snackbar-item/snackbar-item.js.map +2 -2
- package/dist/packages/snackbar-item/snackbar-item.react.test.js +4 -4
- package/dist/packages/snackbar-item/styles.js +130 -108
- package/dist/packages/step/react.d.ts +1 -1
- package/dist/packages/step/react.js +4 -4
- package/dist/packages/step/step.d.ts +2 -2
- 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 +330 -308
- package/dist/packages/step/step.js.map +2 -2
- 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 +2 -2
- package/dist/packages/step-indicator/react.js +5 -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 +1 -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 +280 -276
- package/dist/packages/step-indicator/step-indicator.js.map +2 -2
- 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 +1 -1
- package/dist/packages/styles.js +274 -274
- package/dist/packages/switch/react.d.ts +1 -1
- package/dist/packages/switch/react.js +6 -6
- package/dist/packages/switch/styles.js +1 -1
- 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 +1 -1
- 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 +299 -299
- package/dist/packages/switch/switch.js.map +2 -2
- package/dist/packages/switch/switch.react.stories.d.ts +2 -2
- 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 +6 -4
- package/dist/packages/tab/react.js +11 -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 +5 -5
- 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 +305 -304
- package/dist/packages/tab/tab.js.map +3 -3
- package/dist/packages/tab/tab.react.test.js +5 -3
- package/dist/packages/tab-panel/react.d.ts +3 -2
- package/dist/packages/tab-panel/react.js +11 -5
- package/dist/packages/tab-panel/tab-panel.d.ts +3 -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 +289 -287
- package/dist/packages/tab-panel/tab-panel.js.map +2 -2
- package/dist/packages/tabs/index.d.ts +4 -4
- package/dist/packages/tabs/index.js +3 -3
- package/dist/packages/tabs/react.d.ts +27 -8
- package/dist/packages/tabs/react.js +30 -9
- package/dist/packages/tabs/styles.js +1 -1
- 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 +3 -3
- 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 +289 -282
- package/dist/packages/tabs/tabs.js.map +2 -2
- 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/react.d.ts +2 -2
- package/dist/packages/textarea/react.js +17 -17
- package/dist/packages/textarea/styles.js +1 -1
- package/dist/packages/textarea/textarea.a11y.test.d.ts +1 -1
- package/dist/packages/textarea/textarea.a11y.test.js +89 -57
- package/dist/packages/textarea/textarea.d.ts +1 -1
- 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 +300 -298
- package/dist/packages/textarea/textarea.js.map +2 -2
- package/dist/packages/textarea/textarea.react.stories.d.ts +3 -3
- package/dist/packages/textarea/textarea.react.stories.js +13 -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 +124 -88
- package/dist/packages/textfield/react.d.ts +2 -2
- package/dist/packages/textfield/react.js +17 -17
- package/dist/packages/textfield/styles/w-textfield.styles.js +60 -58
- package/dist/packages/textfield/styles.js +1 -1
- package/dist/packages/textfield/textfield.d.ts +3 -3
- 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 +376 -368
- package/dist/packages/textfield/textfield.js.map +3 -3
- package/dist/packages/textfield/textfield.react.stories.d.ts +3 -3
- package/dist/packages/textfield/textfield.react.stories.js +31 -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 +103 -71
- package/dist/packages/toast/api.d.ts +1 -1
- 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 +1 -1
- package/dist/packages/toast/toast.d.ts +4 -4
- package/dist/packages/toast/toast.js +346 -317
- package/dist/packages/toast/toast.js.map +2 -2
- 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.js +1 -1
- package/dist/packages/toast-container/toast-container.d.ts +2 -2
- package/dist/packages/toast-container/toast-container.js +292 -291
- package/dist/packages/toast-container/toast-container.js.map +3 -3
- package/dist/packages/utils/element-collapse.js +38 -28
- 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 +61 -22
- package/eik/index.js +12 -12
- package/package.json +18 -16
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var Ae=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var de=a=>{throw TypeError(a)};var g=(a,t,e,r)=>{for(var o=r>1?void 0:r?Le(t,e):t,i=a.length-1,s;i>=0;i--)(s=a[i])&&(o=(r?s(t,e,o):s(o))||o);return r&&o&&Ae(t,e,o),o};var ce=(a,t,e)=>t.has(a)||de("Cannot "+e);var O=(a,t,e)=>(ce(a,t,"read from private field"),e?e.call(a):t.get(a)),U=(a,t,e)=>t.has(a)?de("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(a):t.set(a,e),T=(a,t,e,r)=>(ce(a,t,"write to private field"),r?r.call(a,e):t.set(a,e),e);var S=a=>typeof a=="string",Ne=a=>typeof a=="function",he=new Map,be="en";function ae(a){return[...Array.isArray(a)?a:[a],be]}function ie(a,t,e){let r=ae(a);e||(e="default");let o;if(typeof e=="string")switch(o={day:"numeric",month:"short",year:"numeric"},e){case"full":o.weekday="long";case"long":o.month="long";break;case"short":o.month="numeric";break}else o=e;return W(()=>X("date",r,e),()=>new Intl.DateTimeFormat(r,o)).format(S(t)?new Date(t):t)}function De(a,t,e){let r;if(e||(e="default"),typeof e=="string")switch(r={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":r.timeZoneName="short";break;case"short":delete r.second}else r=e;return ie(a,t,r)}function re(a,t,e){let r=ae(a);return W(()=>X("number",r,e),()=>new Intl.NumberFormat(r,e)).format(t)}function ue(a,t,e,{offset:r=0,...o}){let i=ae(a),s=t?W(()=>X("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):W(()=>X("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return o[e]??o[s.select(e-r)]??o.other}function W(a,t){let e=a(),r=he.get(e);return r||(r=t(),he.set(e,r)),r}function X(a,t,e){let r=t.join("-");return`${a}-${r}-${JSON.stringify(e)}`}var pe=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ge=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,e,r)=>{if(e){let o=parseInt(e,16);return String.fromCharCode(o)}else{let o=parseInt(r,16);return String.fromCharCode(o)}}),ve="%__lingui_octothorpe__%",Oe=(a,t,e={})=>{let r=t||a,o=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let l=Object.keys(e).length?o("number"):void 0,u=re(r,s,l);return n.replace(new RegExp(ve,"g"),u)};return{plural:(s,n)=>{let{offset:l=0}=n,u=ue(r,!1,s,n);return i(s-l,u)},selectordinal:(s,n)=>{let{offset:l=0}=n,u=ue(r,!0,s,n);return i(s-l,u)},select:qe,number:(s,n)=>re(r,s,o(n)||{style:n}),date:(s,n)=>ie(r,s,o(n)||n),time:(s,n)=>De(r,s,o(n)||n)}},qe=(a,t)=>t[a]??t.other;function Pe(a,t,e){return(r={},o)=>{let i=Oe(t,e,o),s=(l,u=!1)=>Array.isArray(l)?l.reduce((y,C)=>{if(C==="#"&&u)return y+ve;if(S(C))return y+C;let[V,m,E]=C,M={};m==="plural"||m==="selectordinal"||m==="select"?Object.entries(E).forEach(([R,P])=>{M[R]=s(P,m==="plural"||m==="selectordinal")}):M=E;let w;if(m){let R=i[m];w=R(r[V],M)}else w=r[V];return w==null?y:y+w},""):l,n=s(a);return S(n)&&pe.test(n)?ge(n):S(n)?n:n?String(n):""}}var je=Object.defineProperty,He=(a,t,e)=>t in a?je(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,$e=(a,t,e)=>(He(a,typeof t!="symbol"?t+"":t,e),e),te=class{constructor(){$e(this,"_events",{})}on(t,e){var r;return(r=this._events)[t]??(r[t]=[]),this._events[t].push(e),()=>this.removeListener(t,e)}removeListener(t,e){let r=this._getListeners(t);if(!r)return;let o=r.indexOf(e);~o&&r.splice(o,1)}emit(t,...e){let r=this._getListeners(t);r&&r.map(o=>o.apply(this,e))}_getListeners(t){let e=this._events[t];return Array.isArray(e)?e:!1}},Ye=Object.defineProperty,Ue=(a,t,e)=>t in a?Ye(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,A=(a,t,e)=>(Ue(a,typeof t!="symbol"?t+"":t,e),e),oe=class extends te{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??be,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 r=this._localeData[t];r?Object.assign(r,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(r=>this._loadLocaleData(r,t[r])),this.emit("change")}_load(t,e){let r=this._messages[t];r?Object.assign(r,e):this._messages[t]=e}load(t,e){typeof t=="string"&&typeof e=="object"?this._load(t,e):Object.entries(t).forEach(([r,o])=>this._load(r,o)),this.emit("change")}loadAndActivate({locale:t,locales:e,messages:r}){this._locale=t,this._locales=e||void 0,this._messages[this._locale]=r,this.emit("change")}activate(t,e){this._locale=t,this._locales=e,this.emit("change")}_(t,e,r){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 o=r?.message;t||(t=""),S(t)||(e=t.values||e,o=t.message,t=t.id);let i=this.messages[t],s=i===void 0,n=this._missing;if(n&&s)return Ne(n)?n(this._locale,t):n;s&&this.emit("missing",{id:t,locale:this._locale});let l=i||o||t;return S(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
3
|
> ${l}
|
|
4
4
|
|
|
@@ -6,279 +6,279 @@ 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
|
-
`)),S(l)&&pe.test(l)?ge(l):S(l)?l:Pe(l,this._locale,this._locales)(e,r?.formats)}date(t,e){return ie(this._locales||this._locale,t,e)}number(t,e){return re(this._locales||this._locale,t,e)}};function We(a={}){return new oe(a)}var x=We();var h=function(a,t,e,r){if(e==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?a!==t||!r:!t.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?r:e==="a"?r.call(a):r?r.value:t.get(a)},p=function(a,t,e,r,o){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?a!==t||!o:!t.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?o.call(a,e):o?o.value=e:t.set(a,e),e};function B(a){var t,e,r,o,i,s,n,l,u,y,C,V,m,E,M,w,
|
|
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
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
9
|
+
`)),S(l)&&pe.test(l)?ge(l):S(l)?l:Pe(l,this._locale,this._locales)(e,r?.formats)}date(t,e){return ie(this._locales||this._locale,t,e)}number(t,e){return re(this._locales||this._locale,t,e)}};function We(a={}){return new oe(a)}var x=We();var h=function(a,t,e,r){if(e==="a"&&!r)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?a!==t||!r:!t.has(a))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?r:e==="a"?r.call(a):r?r.value:t.get(a)},p=function(a,t,e,r,o){if(r==="m")throw new TypeError("Private method is not writable");if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?a!==t||!o:!t.has(a))throw new TypeError("Cannot write private member to an object whose class did not declare it");return r==="a"?o.call(a,e):o?o.value=e:t.set(a,e),e};function B(a){var t,e,r,o,i,s,n,l,u,y,C,V,m,E,M,w,R,P,J;class Re extends a{constructor(...d){var c,b,v;super(...d),t.add(this),this.internals=this.attachInternals(),e.set(this,!1),r.set(this,!1),o.set(this,!1),i.set(this,void 0),s.set(this,void 0),n.set(this,!0),u.set(this,""),y.set(this,()=>{p(this,o,!0,"f"),p(this,e,!0,"f"),h(this,t,"m",w).call(this)}),C.set(this,()=>{p(this,e,!1,"f"),h(this,t,"m",R).call(this,this.shouldFormValueUpdate()?h(this,u,"f"):""),!this.validity.valid&&h(this,o,"f")&&p(this,r,!0,"f");let z=h(this,t,"m",w).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),V.set(this,()=>{var z;h(this,n,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),p(this,n,!1,"f")),p(this,o,!0,"f"),p(this,r,!0,"f"),h(this,t,"m",w).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),m.set(this,void 0),E.set(this,!1),M.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",h(this,y,"f")),(b=this.addEventListener)===null||b===void 0||b.call(this,"blur",h(this,C,"f")),(v=this.addEventListener)===null||v===void 0||v.call(this,"invalid",h(this,V,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let d=this.validators.map(v=>v.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...d])]}static getValidator(d){return this.validators.find(c=>c.attribute===d)||null}static getValidators(d){return this.validators.filter(c=>{var b;if(c.attribute===d||!((b=c.attribute)===null||b===void 0)&&b.includes(d))return!0})}get form(){return this.internals.form}get showError(){return h(this,t,"m",w).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(d,c,b){var v;(v=super.attributeChangedCallback)===null||v===void 0||v.call(this,d,c,b);let H=this.constructor.getValidators(d);H?.length&&this.validationTarget&&this.setValue(h(this,u,"f"))}setValue(d){var c;p(this,r,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),p(this,u,d,"f");let v=this.shouldFormValueUpdate()?d:null;this.internals.setFormValue(v),h(this,t,"m",R).call(this,v),this.valueChangedCallback&&this.valueChangedCallback(v),h(this,t,"m",w).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(d=>d(h(this,M,"f")))}formResetCallback(){var d,c;p(this,o,!1,"f"),p(this,r,!1,"f"),h(this,t,"m",w).call(this),(d=this.resetFormControl)===null||d===void 0||d.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,h(this,t,"m",w).call(this)?this.validationMessage:"")}}return e=new WeakMap,r=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,n=new WeakMap,u=new WeakMap,y=new WeakMap,C=new WeakMap,V=new WeakMap,m=new WeakMap,E=new WeakMap,M=new WeakMap,t=new WeakSet,l=function(){let d=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return d.querySelectorAll(c)},w=function(){if(this.hasAttribute("disabled"))return!1;let d=h(this,r,"f")||h(this,o,"f")&&!this.validity.valid&&!h(this,e,"f");return d&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),d},R=function(d){let c=this.constructor,b={},v=c.validators,z=[],H=v.some(_=>_.isValid instanceof Promise);h(this,E,"f")||(p(this,M,new Promise(_=>{p(this,m,_,"f")}),"f"),p(this,E,!0,"f")),h(this,i,"f")&&(h(this,i,"f").abort(),p(this,s,h(this,i,"f"),"f"));let $=new AbortController;p(this,i,$,"f");let Y,le=!1;v.length&&(v.forEach(_=>{let Q=_.key||"customError",D=_.isValid(this,d,$.signal);D instanceof Promise?(z.push(D),D.then(ee=>{ee!=null&&(b[Q]=!ee,Y=h(this,t,"m",J).call(this,_,d),h(this,t,"m",P).call(this,b,Y))})):(b[Q]=!D,this.validity[Q]!==!D&&(le=!0),!D&&!Y&&(Y=h(this,t,"m",J).call(this,_,d)))}),Promise.allSettled(z).then(()=>{var _;$?.signal.aborted||(p(this,E,!1,"f"),(_=h(this,m,"f"))===null||_===void 0||_.call(this))}),(le||!H)&&h(this,t,"m",P).call(this,b,Y))},P=function(d,c){if(this.validationTarget)this.internals.setValidity(d,c,this.validationTarget),p(this,n,!1,"f");else{if(this.internals.setValidity(d,c),this.internals.validity.valid)return;p(this,n,!0,"f")}},J=function(d,c){if(this.validityCallback){let b=this.validityCallback(d.key||"customError");if(b)return b}return d.message instanceof Function?d.message(this,c):d.message},Re}import{html as K,LitElement as Fe}from"lit";import{property as N,state as ar}from"lit/decorators.js";import{ifDefined as ne}from"lit/directives/if-defined.js";import{html as Ke,LitElement as we}from"lit";import{property as I}from"lit/decorators.js";import{css as Xe}from"lit";import{unsafeCSS as Be}from"lit";var me=Xe`
|
|
10
|
+
*,
|
|
11
|
+
:before,
|
|
12
|
+
:after {
|
|
13
|
+
box-sizing: border-box;
|
|
14
|
+
border-style: solid;
|
|
15
|
+
border-width: 0;
|
|
16
|
+
border-color: var(--w-s-color-border);
|
|
17
|
+
}
|
|
18
|
+
html {
|
|
19
|
+
font-size: 62.5%;
|
|
20
|
+
}
|
|
21
|
+
body {
|
|
22
|
+
background-color: var(--w-s-color-background);
|
|
23
|
+
min-height: 100%;
|
|
24
|
+
margin: 0;
|
|
25
|
+
overflow-y: scroll;
|
|
26
|
+
}
|
|
27
|
+
body,
|
|
28
|
+
:host {
|
|
29
|
+
-webkit-text-size-adjust: 100%;
|
|
30
|
+
tab-size: 4;
|
|
31
|
+
-webkit-tap-highlight-color: transparent;
|
|
32
|
+
font-family: var(--w-font-family);
|
|
33
|
+
font-size: var(--w-font-size-m);
|
|
34
|
+
line-height: var(--w-line-height-m);
|
|
35
|
+
color: var(--w-s-color-text);
|
|
36
|
+
}
|
|
37
|
+
hr {
|
|
38
|
+
color: inherit;
|
|
39
|
+
border-top-width: 1px;
|
|
40
|
+
height: 0;
|
|
41
|
+
}
|
|
42
|
+
abbr:where([title]) {
|
|
43
|
+
-webkit-text-decoration: underline dotted;
|
|
44
|
+
text-decoration: underline dotted;
|
|
45
|
+
}
|
|
46
|
+
h1,
|
|
47
|
+
h2,
|
|
48
|
+
h3,
|
|
49
|
+
h4,
|
|
50
|
+
h5,
|
|
51
|
+
h6 {
|
|
52
|
+
font-size: inherit;
|
|
53
|
+
font-weight: 700;
|
|
54
|
+
}
|
|
55
|
+
a {
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
color: var(--w-s-color-text-link);
|
|
58
|
+
text-decoration: none;
|
|
59
|
+
}
|
|
60
|
+
a:hover,
|
|
61
|
+
a:focus,
|
|
62
|
+
a:active {
|
|
63
|
+
text-decoration: underline;
|
|
64
|
+
}
|
|
65
|
+
a:focus-visible {
|
|
66
|
+
outline: 2px solid var(--w-s-color-border-focus);
|
|
67
|
+
outline-offset: 1px;
|
|
68
|
+
}
|
|
69
|
+
b,
|
|
70
|
+
strong {
|
|
71
|
+
font-weight: 700;
|
|
72
|
+
}
|
|
73
|
+
code,
|
|
74
|
+
kbd,
|
|
75
|
+
samp,
|
|
76
|
+
pre {
|
|
77
|
+
font-family:
|
|
78
|
+
ui-monospace,
|
|
79
|
+
SFMono-Regular,
|
|
80
|
+
Menlo,
|
|
81
|
+
Monaco,
|
|
82
|
+
Consolas,
|
|
83
|
+
Liberation Mono,
|
|
84
|
+
Courier New,
|
|
85
|
+
monospace;
|
|
86
|
+
font-size: 1em;
|
|
87
|
+
}
|
|
88
|
+
sub,
|
|
89
|
+
sup {
|
|
90
|
+
vertical-align: baseline;
|
|
91
|
+
font-size: 75%;
|
|
92
|
+
line-height: 0;
|
|
93
|
+
position: relative;
|
|
94
|
+
}
|
|
95
|
+
sub {
|
|
96
|
+
bottom: -0.25em;
|
|
97
|
+
}
|
|
98
|
+
sup {
|
|
99
|
+
top: -0.5em;
|
|
100
|
+
}
|
|
101
|
+
table {
|
|
102
|
+
text-indent: 0;
|
|
103
|
+
border-color: inherit;
|
|
104
|
+
border-collapse: collapse;
|
|
105
|
+
}
|
|
106
|
+
button,
|
|
107
|
+
input,
|
|
108
|
+
optgroup,
|
|
109
|
+
select,
|
|
110
|
+
textarea {
|
|
111
|
+
font-family: inherit;
|
|
112
|
+
font-size: 100%;
|
|
113
|
+
font-weight: inherit;
|
|
114
|
+
line-height: inherit;
|
|
115
|
+
color: inherit;
|
|
116
|
+
margin: 0;
|
|
117
|
+
padding: 0;
|
|
118
|
+
}
|
|
119
|
+
button,
|
|
120
|
+
select {
|
|
121
|
+
text-transform: none;
|
|
122
|
+
}
|
|
123
|
+
button,
|
|
124
|
+
[type="button"],
|
|
125
|
+
[type="reset"],
|
|
126
|
+
[type="submit"] {
|
|
127
|
+
-webkit-appearance: button;
|
|
128
|
+
}
|
|
129
|
+
:-moz-focusring {
|
|
130
|
+
outline: auto;
|
|
131
|
+
}
|
|
132
|
+
:-moz-ui-invalid {
|
|
133
|
+
box-shadow: none;
|
|
134
|
+
}
|
|
135
|
+
progress {
|
|
136
|
+
vertical-align: baseline;
|
|
137
|
+
}
|
|
138
|
+
::-webkit-inner-spin-button {
|
|
139
|
+
height: auto;
|
|
140
|
+
}
|
|
141
|
+
::-webkit-outer-spin-button {
|
|
142
|
+
height: auto;
|
|
143
|
+
}
|
|
144
|
+
[type="search"] {
|
|
145
|
+
-webkit-appearance: textfield;
|
|
146
|
+
outline-offset: -2px;
|
|
147
|
+
}
|
|
148
|
+
::-webkit-search-decoration {
|
|
149
|
+
-webkit-appearance: none;
|
|
150
|
+
}
|
|
151
|
+
::-webkit-file-upload-button {
|
|
152
|
+
-webkit-appearance: button;
|
|
153
|
+
font: inherit;
|
|
154
|
+
}
|
|
155
|
+
summary {
|
|
156
|
+
display: list-item;
|
|
157
|
+
}
|
|
158
|
+
blockquote,
|
|
159
|
+
dl,
|
|
160
|
+
dd,
|
|
161
|
+
h1,
|
|
162
|
+
h2,
|
|
163
|
+
h3,
|
|
164
|
+
h4,
|
|
165
|
+
h5,
|
|
166
|
+
h6,
|
|
167
|
+
hr,
|
|
168
|
+
figure,
|
|
169
|
+
p,
|
|
170
|
+
pre {
|
|
171
|
+
margin: 0;
|
|
172
|
+
}
|
|
173
|
+
fieldset {
|
|
174
|
+
margin: 0;
|
|
175
|
+
padding: 0;
|
|
176
|
+
}
|
|
177
|
+
legend {
|
|
178
|
+
padding: 0;
|
|
179
|
+
}
|
|
180
|
+
ol,
|
|
181
|
+
ul,
|
|
182
|
+
menu {
|
|
183
|
+
margin: 0;
|
|
184
|
+
padding: 0;
|
|
185
|
+
list-style: none;
|
|
186
|
+
}
|
|
187
|
+
textarea {
|
|
188
|
+
resize: vertical;
|
|
189
|
+
}
|
|
190
|
+
input::placeholder,
|
|
191
|
+
textarea::placeholder {
|
|
192
|
+
opacity: 1;
|
|
193
|
+
color: var(--w-s-color-text-placeholder);
|
|
194
|
+
}
|
|
195
|
+
button,
|
|
196
|
+
[role="button"] {
|
|
197
|
+
cursor: pointer;
|
|
198
|
+
}
|
|
199
|
+
:disabled {
|
|
200
|
+
cursor: default;
|
|
201
|
+
}
|
|
202
|
+
img,
|
|
203
|
+
svg,
|
|
204
|
+
video,
|
|
205
|
+
canvas,
|
|
206
|
+
audio,
|
|
207
|
+
iframe,
|
|
208
|
+
embed,
|
|
209
|
+
object {
|
|
210
|
+
vertical-align: middle;
|
|
211
|
+
display: block;
|
|
212
|
+
}
|
|
213
|
+
img,
|
|
214
|
+
video {
|
|
215
|
+
max-width: 100%;
|
|
216
|
+
height: auto;
|
|
217
|
+
}
|
|
218
|
+
h1 {
|
|
219
|
+
font-size: var(--w-font-size-xxl);
|
|
220
|
+
line-height: var(--w-line-height-xxl);
|
|
221
|
+
}
|
|
222
|
+
h2 {
|
|
223
|
+
font-size: var(--w-font-size-xl);
|
|
224
|
+
line-height: var(--w-line-height-xl);
|
|
225
|
+
}
|
|
226
|
+
h3 {
|
|
227
|
+
font-size: var(--w-font-size-l);
|
|
228
|
+
line-height: var(--w-line-height-l);
|
|
229
|
+
}
|
|
230
|
+
h4 {
|
|
231
|
+
font-size: var(--w-font-size-m);
|
|
232
|
+
line-height: var(--w-line-height-m);
|
|
233
|
+
}
|
|
234
|
+
h5 {
|
|
235
|
+
font-size: var(--w-font-size-s);
|
|
236
|
+
line-height: var(--w-line-height-s);
|
|
237
|
+
}
|
|
238
|
+
dt,
|
|
239
|
+
dd {
|
|
240
|
+
margin: 0 16px;
|
|
241
|
+
}
|
|
242
|
+
h1,
|
|
243
|
+
h2,
|
|
244
|
+
h3,
|
|
245
|
+
h4,
|
|
246
|
+
h5,
|
|
247
|
+
ul,
|
|
248
|
+
ol,
|
|
249
|
+
dl,
|
|
250
|
+
p,
|
|
251
|
+
blockquote {
|
|
252
|
+
margin: 0 0 8px;
|
|
253
|
+
}
|
|
254
|
+
[hidden] {
|
|
255
|
+
display: none !important;
|
|
256
|
+
}
|
|
257
|
+
[tabindex="-1"]:focus:not(:focus-visible) {
|
|
258
|
+
outline: none;
|
|
259
|
+
}
|
|
260
|
+
legend {
|
|
261
|
+
float: left;
|
|
262
|
+
width: 100%;
|
|
263
|
+
margin: 0;
|
|
264
|
+
padding: 0;
|
|
265
|
+
display: table;
|
|
266
|
+
}
|
|
267
|
+
legend + * {
|
|
268
|
+
clear: both;
|
|
269
|
+
}
|
|
270
|
+
fieldset {
|
|
271
|
+
border: 0;
|
|
272
|
+
min-width: 0;
|
|
273
|
+
margin: 0;
|
|
274
|
+
padding: 0.01em 0 0;
|
|
275
|
+
}
|
|
276
|
+
body:not(:-moz-handler-blocked) fieldset {
|
|
277
|
+
display: table-cell;
|
|
278
|
+
}
|
|
279
|
+
svg {
|
|
280
|
+
pointer-events: none;
|
|
281
|
+
}
|
|
282
282
|
`,ur=Be(`*, :before, :after {
|
|
283
283
|
--w-rotate: 0;
|
|
284
284
|
--w-rotate-x: 0;
|
|
@@ -2446,292 +2446,380 @@ Please compile your catalog first.
|
|
|
2446
2446
|
}
|
|
2447
2447
|
}
|
|
2448
2448
|
`);import{css as Ze}from"lit";var Z=Ze`
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2449
|
+
:host {
|
|
2450
|
+
box-sizing: border-box !important;
|
|
2451
|
+
}
|
|
2452
|
+
|
|
2453
|
+
:host *,
|
|
2454
|
+
:host *::before,
|
|
2455
|
+
:host *::after {
|
|
2456
|
+
box-sizing: inherit !important;
|
|
2457
|
+
}
|
|
2458
2458
|
`;import{css as Ge}from"lit";var fe=Ge`
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
|
|
2670
|
-
|
|
2671
|
-
|
|
2672
|
-
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
|
|
2676
|
-
|
|
2677
|
-
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
|
|
2459
|
+
:host {
|
|
2460
|
+
display: inline-flex;
|
|
2461
|
+
align-items: center;
|
|
2462
|
+
gap: var(--_gap);
|
|
2463
|
+
|
|
2464
|
+
--_gap: var(--w-c-radio-gap, 8px);
|
|
2465
|
+
|
|
2466
|
+
--_size: var(--w-c-radio-size, 2rem);
|
|
2467
|
+
--_radius: var(--w-c-radio-radius, 50%);
|
|
2468
|
+
--_border-width: var(--w-c-radio-border-width, 1px);
|
|
2469
|
+
--_checked-border-width: var(--w-c-radio-checked-border-width, 0.6rem);
|
|
2470
|
+
|
|
2471
|
+
--_bg: var(--w-c-radio-bg, var(--w-s-color-background));
|
|
2472
|
+
--_border-color: var(
|
|
2473
|
+
--w-c-radio-border-color,
|
|
2474
|
+
var(--w-s-color-border-strong)
|
|
2475
|
+
);
|
|
2476
|
+
--_border-color-checked: var(
|
|
2477
|
+
--w-c-radio-border-color-checked,
|
|
2478
|
+
var(--w-s-color-border-selected)
|
|
2479
|
+
);
|
|
2480
|
+
--_border-color-invalid: var(
|
|
2481
|
+
--w-c-radio-border-color-invalid,
|
|
2482
|
+
var(--w-s-color-border-negative)
|
|
2483
|
+
);
|
|
2484
|
+
|
|
2485
|
+
--_outline-width: var(--w-c-radio-outline-width, 2px);
|
|
2486
|
+
--_outline-color: var(
|
|
2487
|
+
--w-c-radio-outline-color,
|
|
2488
|
+
var(--w-s-color-border-focus)
|
|
2489
|
+
);
|
|
2490
|
+
--_outline-offset: var(
|
|
2491
|
+
--w-c-radio-outline-offset,
|
|
2492
|
+
var(--w-outline-offset, 1px)
|
|
2493
|
+
);
|
|
2494
|
+
|
|
2495
|
+
--_border-color-disabled: var(
|
|
2496
|
+
--w-c-radio-border-color-disabled,
|
|
2497
|
+
var(--w-s-color-border-disabled)
|
|
2498
|
+
);
|
|
2499
|
+
--_bg-disabled: var(
|
|
2500
|
+
--w-c-radio-bg-disabled,
|
|
2501
|
+
var(--w-s-color-background-disabled-subtle)
|
|
2502
|
+
);
|
|
2503
|
+
|
|
2504
|
+
--_label-font-size: var(--w-c-radio-label-font-size, var(--w-font-size-m));
|
|
2505
|
+
--_label-line-height: var(
|
|
2506
|
+
--w-c-radio-label-line-height,
|
|
2507
|
+
var(--w-line-height-m)
|
|
2508
|
+
);
|
|
2509
|
+
--_label-color: var(--w-c-radio-label-color, currentColor);
|
|
2510
|
+
--_label-color-disabled: var(
|
|
2511
|
+
--w-c-radio-label-color-disabled,
|
|
2512
|
+
var(--w-s-color-text-disabled)
|
|
2513
|
+
);
|
|
2514
|
+
|
|
2515
|
+
--_cursor: var(--w-c-radio-cursor, pointer);
|
|
2516
|
+
--_cursor-disabled: var(--w-c-radio-cursor-disabled, not-allowed);
|
|
2517
|
+
|
|
2518
|
+
--_transition: var(
|
|
2519
|
+
--w-c-radio-transition,
|
|
2520
|
+
border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2521
|
+
border-width 150ms cubic-bezier(0.4, 0, 0.2, 1),
|
|
2522
|
+
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1)
|
|
2523
|
+
);
|
|
2524
|
+
}
|
|
2525
|
+
|
|
2526
|
+
:host([disabled]),
|
|
2527
|
+
:host([disabled-ui]) {
|
|
2528
|
+
--w-c-radio-border-color: var(
|
|
2529
|
+
--w-c-radio-border-color-disabled,
|
|
2530
|
+
var(--w-s-color-border-disabled)
|
|
2531
|
+
);
|
|
2532
|
+
--w-c-radio-bg: var(
|
|
2533
|
+
--w-c-radio-bg-disabled,
|
|
2534
|
+
var(--w-s-color-background-disabled-subtle)
|
|
2535
|
+
);
|
|
2536
|
+
--w-c-radio-border-color-checked: var(
|
|
2537
|
+
--w-c-radio-border-color-disabled,
|
|
2538
|
+
var(--w-s-color-border-disabled)
|
|
2539
|
+
);
|
|
2540
|
+
--w-c-radio-label-color: var(
|
|
2541
|
+
--w-c-radio-label-color-disabled,
|
|
2542
|
+
var(--w-s-color-text-disabled)
|
|
2543
|
+
);
|
|
2544
|
+
--w-c-radio-cursor: var(--w-c-radio-cursor-disabled, not-allowed);
|
|
2545
|
+
}
|
|
2546
|
+
|
|
2547
|
+
.wrapper {
|
|
2548
|
+
display: inline-flex;
|
|
2549
|
+
align-items: center;
|
|
2550
|
+
gap: var(--_gap);
|
|
2551
|
+
}
|
|
2552
|
+
|
|
2553
|
+
[part="control"] {
|
|
2554
|
+
appearance: none;
|
|
2555
|
+
-webkit-appearance: none;
|
|
2556
|
+
margin: 0;
|
|
2557
|
+
|
|
2558
|
+
width: var(--_size);
|
|
2559
|
+
height: var(--_size);
|
|
2560
|
+
border-style: solid;
|
|
2561
|
+
border-width: var(--_border-width);
|
|
2562
|
+
border-color: var(--_border-color);
|
|
2563
|
+
border-radius: var(--_radius);
|
|
2564
|
+
background-color: var(--_bg);
|
|
2565
|
+
cursor: var(--_cursor);
|
|
2566
|
+
flex-shrink: 0;
|
|
2567
|
+
|
|
2568
|
+
transition: var(--_transition);
|
|
2569
|
+
}
|
|
2570
|
+
|
|
2571
|
+
:host([checked]) [part="control"],
|
|
2572
|
+
:host([checked-ui]) [part="control"],
|
|
2573
|
+
:host([role="radio"][checked-ui]) [part="control"],
|
|
2574
|
+
:host([role="radio"]:state(checked)) [part="control"] {
|
|
2575
|
+
border-color: var(--_border-color-checked);
|
|
2576
|
+
border-width: var(--_checked-border-width);
|
|
2577
|
+
}
|
|
2578
|
+
|
|
2579
|
+
:host([invalid]) [part="control"] {
|
|
2580
|
+
border-color: var(--_border-color-invalid);
|
|
2581
|
+
}
|
|
2582
|
+
|
|
2583
|
+
:host(:focus-visible) {
|
|
2584
|
+
outline: none;
|
|
2585
|
+
}
|
|
2586
|
+
|
|
2587
|
+
:host(:focus-visible) [part="control"] {
|
|
2588
|
+
outline: var(--_outline-width) solid var(--_outline-color);
|
|
2589
|
+
outline-offset: var(--_outline-offset);
|
|
2590
|
+
}
|
|
2591
|
+
|
|
2592
|
+
:host([disabled]) [part="control"],
|
|
2593
|
+
:host([disabled-ui]) [part="control"],
|
|
2594
|
+
:host([role="radio"]:state(disabled)) [part="control"] {
|
|
2595
|
+
border-color: var(--_border-color-disabled);
|
|
2596
|
+
background-color: var(--_bg-disabled);
|
|
2597
|
+
cursor: var(--_cursor-disabled);
|
|
2598
|
+
}
|
|
2599
|
+
|
|
2600
|
+
:host([disabled]) [part="label"],
|
|
2601
|
+
:host([disabled-ui]) [part="label"] {
|
|
2602
|
+
color: var(--_label-color-disabled);
|
|
2603
|
+
cursor: var(--_cursor-disabled);
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2606
|
+
:host([disabled][checked]),
|
|
2607
|
+
:host([disabled][checked-ui]),
|
|
2608
|
+
:host([disabled-ui][checked-ui]) [part="control"] {
|
|
2609
|
+
border-color: var(--_border-color-disabled);
|
|
2610
|
+
}
|
|
2611
|
+
|
|
2612
|
+
[part="label"] {
|
|
2613
|
+
font-size: var(--_label-font-size);
|
|
2614
|
+
line-height: var(--_label-line-height);
|
|
2615
|
+
color: var(--_label-color);
|
|
2616
|
+
user-select: none;
|
|
2617
|
+
cursor: var(--_cursor);
|
|
2618
|
+
}
|
|
2619
|
+
|
|
2620
|
+
@media (prefers-reduced-motion: reduce) {
|
|
2621
|
+
:host {
|
|
2622
|
+
--w-c-radio-transition: none;
|
|
2623
|
+
}
|
|
2624
|
+
}
|
|
2625
|
+
|
|
2626
|
+
@media (forced-colors: active) {
|
|
2627
|
+
:host {
|
|
2628
|
+
--w-c-radio-bg: Canvas;
|
|
2629
|
+
--w-c-radio-border-color: ButtonText;
|
|
2630
|
+
--w-c-radio-border-color-checked: Highlight;
|
|
2631
|
+
--w-c-radio-outline-color: Highlight;
|
|
2632
|
+
--w-c-radio-bg-disabled: Canvas;
|
|
2633
|
+
--w-c-radio-border-color-disabled: GrayText;
|
|
2634
|
+
--w-c-radio-label-color: CanvasText;
|
|
2635
|
+
--w-c-radio-label-color-disabled: GrayText;
|
|
2636
|
+
}
|
|
2637
|
+
|
|
2638
|
+
[part="control"] {
|
|
2639
|
+
forced-color-adjust: none;
|
|
2640
|
+
}
|
|
2641
|
+
|
|
2642
|
+
:host([checked]) [part="control"],
|
|
2643
|
+
:host([checked-ui]) [part="control"],
|
|
2644
|
+
:host([role="radio"]:state(checked)) [part="control"] {
|
|
2645
|
+
background-color: var(--_border-color-checked);
|
|
2646
|
+
border-color: var(--_border-color-checked);
|
|
2647
|
+
}
|
|
2648
|
+
|
|
2649
|
+
:host([disabled][checked]),
|
|
2650
|
+
:host([disabled][checked-ui]),
|
|
2651
|
+
:host([disabled-ui][checked-ui]) [part="control"],
|
|
2652
|
+
:host([role="radio"]:state(disabled):state(checked)) [part="control"] {
|
|
2653
|
+
background-color: var(--_border-color-disabled);
|
|
2654
|
+
border-color: var(--_border-color-disabled);
|
|
2655
|
+
}
|
|
2656
|
+
}
|
|
2657
|
+
`;var q,L,F,k=class extends B(we){constructor(){super();this.value=null;this.checked=!1;this.disabled=!1;this.required=!1;this.invalid=!1;U(this,q,!1);U(this,L,!1);U(this,F,!1);this.handleClick=()=>{this.isInGroup()||this.disabled||(T(this,F,!0),!this.checked&&(this.checked=!0,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})))};this.handleInvalid=()=>{T(this,F,!0),this.updateValidity()};this.handleKeyDown=e=>{if(!this.isInGroup()&&!this.disabled&&!e.defaultPrevented){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){let r=this.getStandaloneNamedRadios().filter(u=>!u.disabled);if(r.length<=1)return;e.preventDefault();let o=r.find(u=>u.checked)??r.find(u=>u===this)??r[0],i=e.key==="ArrowUp"||e.key==="ArrowLeft"?-1:1,n=(r.indexOf(o)+i+r.length)%r.length,l=r[n];T(l,F,!0),l.checked||(l.checked=!0,l.updateComplete.then(()=>{l.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})),l.focus();return}if(!(e.key!==" "&&e.key!=="Spacebar"&&e.key!=="Enter")){if(e.key==="Enter"&&this.internals.form){this.internals.form.requestSubmit();return}e.preventDefault(),this.click()}}};this.addEventListener("click",this.handleClick),this.addEventListener("invalid",this.handleInvalid),this.addEventListener("keydown",this.handleKeyDown)}get tabIndex(){return this._internalTabIndex}set tabIndex(e){this._groupTabIndex=e}connectedCallback(){super.connectedCallback(),this.value=this.getAttribute("value")??"on",T(this,q,this.hasAttribute("checked")),this.checked=O(this,q),this.internals.role="radio",this.syncAriaDisabled(),this.syncFormValue(),this.updateValidity()}syncAriaDisabled(){this.internals.ariaDisabled=this.disabled?"true":"false"}syncAriaChecked(){this.internals.ariaChecked=this.checked?"true":"false"}willUpdate(e){this.shouldSyncFormState(e)&&(this.syncFormValue(),this.updateValidity())}updated(e){super.updated(e),e.has("checked")&&(this.syncAriaChecked(),this.checked&&!this.isInGroup()&&(this.uncheckOtherRadios(),this.syncStandaloneTabOrder())),e.has("disabled")&&(this.syncAriaDisabled(),this.isInGroup()||this.syncStandaloneTabOrder()),e.has("invalid")&&(this.internals.ariaInvalid=this.invalid?"true":null),e.has("name")&&this.checked&&!this.isInGroup()&&this.uncheckOtherRadios()}resetFormControl(){this.checked=O(this,q),this.syncFormValue(),this.updateValidity()}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return T(this,F,!0),this.updateValidity(),this.internals.checkValidity()}isInGroup(){return!!this.closest("w-radio-group")}getRadioScope(){return this.internals.form??this.closest("form")??document}getStandaloneNamedRadios(){return this.name?[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].filter(r=>!r.closest("w-radio-group")):[this]}syncStandaloneTabOrder(){let e=this.getStandaloneNamedRadios(),r=e.filter(s=>!s.disabled),i=r.find(s=>s.checked)??r[0]??null;e.forEach(s=>{s._standaloneTabIndex=s===i?0:-1})}get _internalTabIndex(){return this.disabled?-1:this._groupTabIndex!==void 0?this._groupTabIndex:this._standaloneTabIndex!==void 0?this._standaloneTabIndex:0}firstUpdated(){this.isInGroup()||this.syncStandaloneTabOrder()}uncheckOtherRadios(){if(!this.name)return;[...this.getRadioScope().querySelectorAll(`w-radio[name="${this.name}"]`)].forEach(o=>{o!==this&&(o.closest("w-radio-group")||o.checked&&(o.checked=!1))})}updateValidity(){if(this.disabled||this.isInGroup()){this.internals.setValidity({});return}let e=this.required&&!this.checked,r=this.invalid&&!O(this,L);if(e){T(this,L,!0),this.invalid=O(this,F),this.internals.setValidity({valueMissing:!0},this.internals.validationMessage||" ");return}if(O(this,L)&&(this.invalid=!1,T(this,L,!1)),r){this.internals.setValidity({customError:!0},this.internals.validationMessage||" ");return}this.internals.setValidity({})}syncFormValue(){if(this.disabled){this.setValue(null);return}this.setValue(this.checked?this.value:null)}shouldSyncFormState(e){return e.has("checked")||e.has("value")||e.has("disabled")||e.has("required")||e.has("invalid")}render(){return Ke`
|
|
2658
|
+
<div class="wrapper" tabindex="${this._internalTabIndex}">
|
|
2659
|
+
<div part="control" class="control"></div>
|
|
2660
|
+
<slot part="label" class="label"></slot>
|
|
2661
|
+
</div>
|
|
2662
|
+
`}};q=new WeakMap,L=new WeakMap,F=new WeakMap,k.styles=[Z,me,fe],k.shadowRootOptions={...we.shadowRootOptions,delegatesFocus:!0},g([I({reflect:!0})],k.prototype,"name",2),g([I({reflect:!0})],k.prototype,"value",2),g([I({type:Boolean,reflect:!0})],k.prototype,"checked",2),g([I({type:Boolean,reflect:!0})],k.prototype,"disabled",2),g([I({type:Boolean,reflect:!0})],k.prototype,"required",2),g([I({type:Boolean,reflect:!0})],k.prototype,"invalid",2),g([I({attribute:!1})],k.prototype,"_groupTabIndex",2),g([I({attribute:!1})],k.prototype,"_standaloneTabIndex",2);customElements.get("w-radio")||customElements.define("w-radio",k);var Je=["en","nb","fi","da","sv"],se="en",G=a=>Je.find(t=>a===t||a.toLowerCase().includes(t))||se;function ye(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return G(a)}try{let a=ke(document);if(a)return G(a);let t=tr();if(t)return G(t);let e=ke(Ee());return e?G(e):se}catch(a){return console.warn("could not detect locale, falling back to source locale",a),se}}var _e=(a,t,e,r,o)=>{x.load("en",a),x.load("nb",t),x.load("fi",e),x.load("da",r),x.load("sv",o);let i=ye();x.activate(i),Ce(),er()},Qe="warp-i18n-change";function Ce(){typeof window>"u"||window.dispatchEvent(new Event(Qe))}var xe=!1;function er(){if(xe||typeof window>"u"||!document?.documentElement)return;xe=!0;let a=()=>{let o=ye();x.locale!==o&&(x.activate(o),Ce())},t=new MutationObserver(o=>{for(let i of o)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=Ee();e&&e.documentElement&&e!==document&&t.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=rr();r&&t.observe(r,{attributes:!0,attributeFilter:["lang"]})}function Ee(){try{return window.parent?.document??null}catch{return null}}function ke(a){try{return a?.documentElement?.lang??""}catch{return""}}function rr(){try{return window.frameElement??null}catch{return null}}function tr(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}var ze=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["V\xE6lg en mulighed."]}');var Ve=JSON.parse('{"radio-group.label.optional":["Optional"],"radio-group.validation.required":["Please select an option."]}');var Me=JSON.parse('{"radio-group.label.optional":["Valinnainen"],"radio-group.validation.required":["Valitse vaihtoehto."]}');var Te=JSON.parse('{"radio-group.label.optional":["Valgfri"],"radio-group.validation.required":["Velg et alternativ."]}');var Se=JSON.parse('{"radio-group.label.optional":["Valfritt"],"radio-group.validation.required":["V\xE4lj ett alternativ."]}');import{css as or}from"lit";var Ie=or`
|
|
2663
|
+
:host {
|
|
2664
|
+
display: block;
|
|
2665
|
+
|
|
2666
|
+
--_label-font-size: var(
|
|
2667
|
+
--w-c-radio-group-label-font-size,
|
|
2668
|
+
var(--w-font-size-s)
|
|
2669
|
+
);
|
|
2670
|
+
--_label-line-height: var(
|
|
2671
|
+
--w-c-radio-group-label-line-height,
|
|
2672
|
+
var(--w-line-height-s)
|
|
2673
|
+
);
|
|
2674
|
+
--_label-font-weight: var(--w-c-radio-group-label-font-weight, 700);
|
|
2675
|
+
--_label-color: var(--w-c-radio-group-label-color, var(--w-s-color-text));
|
|
2676
|
+
--_label-color-disabled: var(
|
|
2677
|
+
--w-c-radio-group-label-color-disabled,
|
|
2678
|
+
var(--w-s-color-text-disabled)
|
|
2679
|
+
);
|
|
2680
|
+
--_label-padding-bottom: var(--w-c-radio-group-label-padding-bottom, 16px);
|
|
2681
|
+
|
|
2682
|
+
--_optional-font-weight: var(--w-c-radio-group-optional-font-weight, 400);
|
|
2683
|
+
--_optional-color: var(
|
|
2684
|
+
--w-c-radio-group-optional-color,
|
|
2685
|
+
var(--w-s-color-text-subtle)
|
|
2686
|
+
);
|
|
2687
|
+
--_optional-margin-inline-start: var(
|
|
2688
|
+
--w-c-radio-group-optional-margin-inline-start,
|
|
2689
|
+
0.5rem
|
|
2690
|
+
);
|
|
2691
|
+
|
|
2692
|
+
--_radios-gap: var(--w-c-radio-group-gap, 16px);
|
|
2693
|
+
|
|
2694
|
+
--_help-text-margin-block-start: var(
|
|
2695
|
+
--w-c-radio-group-help-text-margin-block-start,
|
|
2696
|
+
16px
|
|
2697
|
+
);
|
|
2698
|
+
--_help-text-font-size: var(
|
|
2699
|
+
--w-c-radio-group-help-text-font-size,
|
|
2700
|
+
var(--w-font-size-xs)
|
|
2701
|
+
);
|
|
2702
|
+
--_help-text-line-height: var(
|
|
2703
|
+
--w-c-radio-group-help-text-line-height,
|
|
2704
|
+
var(--w-line-height-xs)
|
|
2705
|
+
);
|
|
2706
|
+
--_help-text-color: var(
|
|
2707
|
+
--w-c-radio-group-help-text-color,
|
|
2708
|
+
var(--w-s-color-text-subtle)
|
|
2709
|
+
);
|
|
2710
|
+
--_help-text-color-disabled: var(
|
|
2711
|
+
--w-c-radio-group-help-text-color-disabled,
|
|
2712
|
+
var(--w-s-color-text-disabled)
|
|
2713
|
+
);
|
|
2714
|
+
--_help-text-color-error: var(
|
|
2715
|
+
--w-c-radio-group-help-text-color-error,
|
|
2716
|
+
var(--w-s-color-text-negative)
|
|
2717
|
+
);
|
|
2718
|
+
}
|
|
2719
|
+
|
|
2720
|
+
[part="form-control"] {
|
|
2721
|
+
position: relative;
|
|
2722
|
+
|
|
2723
|
+
border: 0;
|
|
2724
|
+
padding: 0;
|
|
2725
|
+
margin: 0;
|
|
2726
|
+
|
|
2727
|
+
min-inline-size: 0;
|
|
2728
|
+
}
|
|
2729
|
+
|
|
2730
|
+
[part="form-control-label"] {
|
|
2731
|
+
display: block;
|
|
2732
|
+
cursor: pointer;
|
|
2733
|
+
|
|
2734
|
+
font-size: var(--_label-font-size);
|
|
2735
|
+
line-height: var(--_label-line-height);
|
|
2736
|
+
font-weight: var(--_label-font-weight);
|
|
2737
|
+
color: var(--_label-color);
|
|
2738
|
+
|
|
2739
|
+
padding-bottom: var(--_label-padding-bottom);
|
|
2740
|
+
|
|
2741
|
+
-webkit-font-smoothing: antialiased;
|
|
2742
|
+
-moz-osx-font-smoothing: grayscale;
|
|
2743
|
+
font-smoothing: grayscale;
|
|
2744
|
+
}
|
|
2745
|
+
|
|
2746
|
+
:host([disabled]) [part="form-control-label"] {
|
|
2747
|
+
cursor: default;
|
|
2748
|
+
color: var(--_label-color-disabled);
|
|
2749
|
+
}
|
|
2750
|
+
|
|
2751
|
+
:host([required]) [part="form-control-label"]::after {
|
|
2752
|
+
content: var(--wa-form-control-required-content);
|
|
2753
|
+
margin-inline-start: var(--wa-form-control-required-content-offset);
|
|
2754
|
+
}
|
|
2755
|
+
|
|
2756
|
+
.optional {
|
|
2757
|
+
font-weight: var(--_optional-font-weight);
|
|
2758
|
+
color: var(--_optional-color);
|
|
2759
|
+
margin-inline-start: var(--_optional-margin-inline-start);
|
|
2760
|
+
}
|
|
2761
|
+
|
|
2762
|
+
[part~="form-control-input"] {
|
|
2763
|
+
display: flex;
|
|
2764
|
+
flex-direction: column;
|
|
2765
|
+
flex-wrap: wrap;
|
|
2766
|
+
gap: var(--_radios-gap);
|
|
2767
|
+
}
|
|
2768
|
+
|
|
2769
|
+
[part~="help-text"] {
|
|
2770
|
+
margin-block-start: var(--_help-text-margin-block-start);
|
|
2771
|
+
font-size: var(--_help-text-font-size);
|
|
2772
|
+
line-height: var(--_help-text-line-height);
|
|
2773
|
+
color: var(--_help-text-color);
|
|
2774
|
+
}
|
|
2775
|
+
|
|
2776
|
+
:host([disabled]) [part~="help-text"] {
|
|
2777
|
+
color: var(--_help-text-color-disabled);
|
|
2778
|
+
}
|
|
2779
|
+
|
|
2780
|
+
:host([data-show-error]) [part~="help-text"] {
|
|
2781
|
+
color: var(--_help-text-color-error);
|
|
2782
|
+
}
|
|
2711
2783
|
`;_e(Ve,Te,Me,ze,Se);var ir=()=>x._({id:"radio-group.validation.required",message:"Please select an option.",comment:"Shown when required radio group has no selections"}),f=class extends B(Fe){constructor(){super();this.hasInteracted=!1;this.hasWarnedMissingName=!1;this.autoTabIndex=!1;this.label="";this.helpText="";this.optional=!1;this.invalid=!1;this.name=null;this.disabled=!1;this.required=!1;this.defaultCheckedValue=void 0;this.slottedHelpText=null;this.nameManagedRadios=new WeakSet;this.disabledManagedRadios=new WeakSet;this.handleRadioClick=e=>{let r=e.target.closest("w-radio");if(!r||r.disabled||this.disabled)return;let o=this.getCheckedValue(),i=this.getAllRadios();this.selectSingleRadio(r,i),this.getCheckedValue()!==o&&this.updateComplete.then(this.emitSelectionChange)};this.handleInvalid=e=>{e.preventDefault(),this.hasInteracted=!0,this.updateValidity()};this.handleHelpTextSlotChange=()=>{this.syncSlottedHelpText(),this.requestUpdate()};this.handleI18nChange=()=>{this.requestUpdate()};this.emitSelectionChange=()=>{this.hasInteracted=!0,this.syncFormValue(),this.updateValidity(),this.requestUpdate(),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))};this.captureDefaultSelection=()=>{this.defaultCheckedValue===void 0&&(this.defaultCheckedValue=this.getCheckedValue())};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleRadioClick),this.addEventListener("invalid",this.handleInvalid)}get validationTarget(){return this.querySelector(":is(w-radio):not([disabled])")??void 0}connectedCallback(){super.connectedCallback(),this.syncSlottedHelpText(),this.syncFormValue(),this.updateValidity(),this.unsubscribeI18n=x.on("change",this.handleI18nChange),this.warnIfMissingName(),this.updateComplete.then(this.captureDefaultSelection)}disconnectedCallback(){this.unsubscribeI18n?.(),this.unsubscribeI18n=void 0,super.disconnectedCallback()}async updated(e){(e.has("disabled")||e.has("name")||e.has("required")||e.has("invalid")||e.has("helpText"))&&(this.syncFormValue(),this.updateValidity(),this.syncRadioElements(),this.syncFormValue(),this.updateValidity())}resetFormControl(){let e=this.defaultCheckedValue??null;this.getAllRadios().forEach(r=>{r.checked=e?r.value===e:!1}),this.syncRadioElements(),this.syncFormValue(),this.updateValidity()}getAllRadios(){return[...this.querySelectorAll("w-radio")]}getCheckedValue(){return this.getAllRadios().find(r=>r.checked)?.value??null}getEnabledRadios(e=this.getAllRadios()){return e.filter(r=>!r.disabled)}selectSingleRadio(e,r=this.getAllRadios()){r.forEach(o=>{let i=o===e;o.checked=i,o._groupTabIndex=i?0:-1})}handleLabelClick(){this.focus()}async syncRadioElements(){let e=this.getAllRadios();e.forEach((r,o)=>{r.toggleAttribute("data-w-radio-first",o===0),r.toggleAttribute("data-w-radio-inner",o!==0&&o!==e.length-1),r.toggleAttribute("data-w-radio-last",o===e.length-1),this.syncRadioDisabledState(r),this.name?(!r.getAttribute("name")||this.nameManagedRadios.has(r))&&(r.setAttribute("name",this.name),this.nameManagedRadios.add(r)):this.nameManagedRadios.has(r)&&(r.removeAttribute("name"),this.nameManagedRadios.delete(r))}),await Promise.all(e.map(async r=>r.updateComplete)),this.normalizeCheckedRadios(e),this.syncTabOrder(e)}syncRadioDisabledState(e){if(this.disabled){e.disabled||(e.disabled=!0,this.disabledManagedRadios.add(e));return}this.disabledManagedRadios.has(e)&&(e.disabled=!1,this.disabledManagedRadios.delete(e))}syncTabOrder(e){if(this.disabled){e.forEach(i=>i._groupTabIndex=-1);return}let r=this.getEnabledRadios(e),o=r.find(i=>i.checked);r.length>0&&(o?r.forEach(i=>i._groupTabIndex=i.checked?0:-1):r.forEach((i,s)=>i._groupTabIndex=s===0?0:-1)),e.filter(i=>i.disabled).forEach(i=>i._groupTabIndex=-1)}handleKeyDown(e){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(e.key)||this.disabled)return;let r=this.getAllRadios(),o=this.getEnabledRadios(r);if(o.length<=0)return;e.preventDefault();let i=this.getCheckedValue(),s=o.find(y=>y.checked)??o[0],n=e.key===" "?0:["ArrowUp","ArrowLeft"].includes(e.key)?-1:1,l=o.indexOf(s)+n;l<0&&(l=o.length-1),l>=o.length&&(l=0),this.selectSingleRadio(o[l],r),o[l].focus(),this.getCheckedValue()!==i&&this.updateComplete.then(this.emitSelectionChange)}focus(e){if(this.disabled)return;let r=this.getAllRadios(),o=r.find(n=>n.checked),i=r.find(n=>!n.disabled),s=o||i;s&&s.focus(e)}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.hasInteracted=!0,this.updateValidity(),this.internals.checkValidity()}hasSlottedContent(e){if(this.querySelector(`[slot="${e}"]`))return!0;let r=this.shadowRoot?.querySelector(`slot[name="${e}"]`);return r?r.assignedNodes({flatten:!0}).some(o=>o.nodeType===Node.ELEMENT_NODE?!0:o.nodeType===Node.TEXT_NODE?!!o.textContent?.trim():!1):!1}syncFormValue(){this.setValue(null)}syncSlottedHelpText(){let e=this.querySelector('[slot="help-text"]');this.slottedHelpText=e?.textContent?.trim()||null}updateValidity(){this.warnIfMissingName();let e=this.required&&!this.getCheckedValue(),r=e&&this.hasInteracted,o=this.invalid||this.hasAttribute("invalid"),i=o||r;if(this.toggleAttribute("data-show-error",i),this.disabled){this.internals.setValidity({}),this.syncChildInvalid(!1),this.syncHostTabIndex(!1);return}if(this.syncHostTabIndex(i),e){this.setValidityState({valueMissing:!0}),this.syncChildInvalid(i);return}if(o){this.setValidityState({customError:!0}),this.syncChildInvalid(!0);return}this.internals.setValidity({}),this.syncChildInvalid(!1)}normalizeCheckedRadios(e){let r=e.find(o=>o.checked);r&&e.forEach(o=>{o!==r&&(o.checked=!1)})}syncChildInvalid(e){this.getAllRadios().forEach(r=>{r.invalid=e})}setValidityState(e){let r=this.validationTarget;this.internals.setValidity(e," ",r??void 0)}syncHostTabIndex(e){if(!(this.hasAttribute("tabindex")&&!this.autoTabIndex)){if(e){this.setAttribute("tabindex","0"),this.autoTabIndex=!0;return}this.autoTabIndex&&(this.removeAttribute("tabindex"),this.autoTabIndex=!1)}}warnIfMissingName(){this.hasWarnedMissingName||this.internals.form&&(this.name&&this.name.trim().length>0||(console.warn('w-radio-group: "name" is required for form submission.'),this.hasWarnedMissingName=!0))}render(){let e=this.hasSlottedContent("label"),r=this.hasSlottedContent("help-text"),o=this.label?!0:!!e,i=this.helpText?!0:!!r,n=this.required&&!this.getCheckedValue()&&this.hasInteracted,l=this.invalid||this.hasAttribute("invalid"),u=l||n,y=u?l&&this.helpText?this.helpText:ir():this.helpText,C=u||i,V=o?"label":void 0,m=C?"help-text":void 0,E=this.slottedHelpText||void 0;return K`
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2784
|
+
<fieldset
|
|
2785
|
+
part="form-control"
|
|
2786
|
+
role="radiogroup"
|
|
2787
|
+
aria-labelledby=${ne(V)}
|
|
2788
|
+
aria-describedby=${ne(m)}
|
|
2789
|
+
aria-errormessage="error-message"
|
|
2790
|
+
aria-invalid=${u?"true":void 0}
|
|
2791
|
+
>
|
|
2792
|
+
${o?K`
|
|
2793
|
+
<label
|
|
2794
|
+
part="form-control-label"
|
|
2795
|
+
id="label"
|
|
2796
|
+
@click=${this.handleLabelClick}
|
|
2797
|
+
>
|
|
2798
|
+
<slot name="label">${this.label}</slot>
|
|
2799
|
+
${this.optional?K`<span class="optional">
|
|
2800
|
+
${x._({id:"radio-group.label.optional",message:"Optional",comment:"Shown behind label when marked as optional"})}
|
|
2801
|
+
</span>`:null}
|
|
2802
|
+
</label>
|
|
2803
|
+
`:null}
|
|
2804
|
+
|
|
2805
|
+
<slot
|
|
2806
|
+
part="form-control-input"
|
|
2807
|
+
@slotchange=${this.syncRadioElements}
|
|
2808
|
+
></slot>
|
|
2809
|
+
|
|
2810
|
+
${C?K`
|
|
2811
|
+
<div
|
|
2812
|
+
id="help-text"
|
|
2813
|
+
part="help-text"
|
|
2814
|
+
aria-label=${ne(E)}
|
|
2815
|
+
>
|
|
2816
|
+
<slot
|
|
2817
|
+
name="help-text"
|
|
2818
|
+
@slotchange=${this.handleHelpTextSlotChange}
|
|
2819
|
+
>${y}</slot
|
|
2820
|
+
>
|
|
2821
|
+
</div>
|
|
2822
|
+
`:null}
|
|
2823
|
+
</fieldset>
|
|
2824
|
+
`}};f.styles=[Z,Ie],f.shadowRootOptions={...Fe.shadowRootOptions,delegatesFocus:!0},g([ar()],f.prototype,"hasInteracted",2),g([N()],f.prototype,"label",2),g([N({attribute:"help-text"})],f.prototype,"helpText",2),g([N({type:Boolean,reflect:!0})],f.prototype,"optional",2),g([N({type:Boolean,reflect:!0})],f.prototype,"invalid",2),g([N({reflect:!0})],f.prototype,"name",2),g([N({type:Boolean,reflect:!0})],f.prototype,"disabled",2),g([N({type:Boolean,reflect:!0})],f.prototype,"required",2);var Gr=f;customElements.get("w-radio-group")||customElements.define("w-radio-group",f);export{Gr as WRadioGroup,f as WarpRadioGroup};
|
|
2737
2825
|
//# sourceMappingURL=radio-group.js.map
|