@fluentui/web-components 3.0.0-beta.7 → 3.0.0-beta.71
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/CHANGELOG.md +783 -103
- package/README.md +46 -15
- package/dist/dts/accordion/accordion.bench.d.ts +3 -0
- package/dist/dts/accordion/accordion.d.ts +70 -3
- package/dist/dts/accordion/accordion.definition.d.ts +0 -4
- package/dist/dts/accordion/accordion.options.d.ts +14 -0
- package/dist/dts/accordion/accordion.template.d.ts +4 -0
- package/dist/dts/accordion/index.d.ts +2 -1
- package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
- package/dist/dts/accordion-item/accordion-item.d.ts +120 -12
- package/dist/dts/accordion-item/accordion-item.definition.d.ts +0 -3
- package/dist/dts/accordion-item/accordion-item.options.d.ts +4 -4
- package/dist/dts/accordion-item/accordion-item.template.d.ts +2 -1
- package/dist/dts/accordion-item/index.d.ts +3 -2
- package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
- package/dist/dts/anchor-button/anchor-button.d.ts +185 -26
- package/dist/dts/anchor-button/anchor-button.definition.d.ts +0 -3
- package/dist/dts/anchor-button/anchor-button.options.d.ts +43 -6
- package/dist/dts/anchor-button/anchor-button.template.d.ts +7 -2
- package/dist/dts/anchor-button/index.d.ts +4 -3
- package/dist/dts/avatar/avatar.bench.d.ts +3 -0
- package/dist/dts/avatar/avatar.d.ts +52 -24
- package/dist/dts/avatar/avatar.options.d.ts +7 -7
- package/dist/dts/avatar/index.d.ts +2 -2
- package/dist/dts/badge/badge.bench.d.ts +3 -0
- package/dist/dts/badge/badge.d.ts +31 -1
- package/dist/dts/badge/badge.definition.d.ts +0 -3
- package/dist/dts/badge/badge.options.d.ts +7 -7
- package/dist/dts/badge/index.d.ts +2 -2
- package/dist/dts/button/button.bench.d.ts +3 -0
- package/dist/dts/button/button.d.ts +284 -23
- package/dist/dts/button/button.definition.d.ts +2 -3
- package/dist/dts/button/button.options.d.ts +42 -7
- package/dist/dts/button/button.styles.d.ts +9 -0
- package/dist/dts/button/button.template.d.ts +8 -0
- package/dist/dts/button/index.d.ts +5 -4
- package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
- package/dist/dts/checkbox/checkbox.d.ts +343 -15
- package/dist/dts/checkbox/checkbox.options.d.ts +15 -12
- package/dist/dts/checkbox/checkbox.template.d.ts +7 -1
- package/dist/dts/checkbox/index.d.ts +4 -3
- package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
- package/dist/dts/compound-button/compound-button.definition.d.ts +0 -3
- package/dist/dts/compound-button/compound-button.options.d.ts +5 -10
- package/dist/dts/compound-button/index.d.ts +2 -2
- package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
- package/dist/dts/counter-badge/counter-badge.d.ts +37 -1
- package/dist/dts/counter-badge/counter-badge.definition.d.ts +0 -4
- package/dist/dts/counter-badge/counter-badge.options.d.ts +6 -6
- package/dist/dts/counter-badge/index.d.ts +2 -2
- package/dist/dts/dialog/dialog.bench.d.ts +3 -0
- package/dist/dts/dialog/dialog.d.ts +12 -146
- package/dist/dts/dialog/dialog.options.d.ts +3 -3
- package/dist/dts/dialog/index.d.ts +2 -1
- package/dist/dts/dialog-body/define.d.ts +1 -0
- package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
- package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
- package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
- package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
- package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
- package/dist/dts/dialog-body/index.d.ts +4 -0
- package/dist/dts/divider/divider.bench.d.ts +3 -0
- package/dist/dts/divider/divider.d.ts +74 -12
- package/dist/dts/divider/divider.options.d.ts +32 -9
- package/dist/dts/divider/divider.template.d.ts +1 -0
- package/dist/dts/divider/index.d.ts +2 -2
- package/dist/dts/drawer/define.d.ts +1 -0
- package/dist/dts/drawer/drawer.d.ts +93 -0
- package/dist/dts/drawer/drawer.definition.d.ts +8 -0
- package/dist/dts/drawer/drawer.options.d.ts +40 -0
- package/dist/dts/drawer/drawer.styles.d.ts +4 -0
- package/dist/dts/drawer/drawer.template.d.ts +8 -0
- package/dist/dts/drawer/index.d.ts +5 -0
- package/dist/dts/drawer-body/define.d.ts +1 -0
- package/dist/dts/drawer-body/drawer-body.d.ts +20 -0
- package/dist/dts/drawer-body/drawer-body.definition.d.ts +8 -0
- package/dist/dts/drawer-body/drawer-body.styles.d.ts +4 -0
- package/dist/dts/drawer-body/drawer-body.template.d.ts +8 -0
- package/dist/dts/drawer-body/index.d.ts +4 -0
- package/dist/dts/field/define.d.ts +1 -0
- package/dist/dts/field/field.bench.d.ts +3 -0
- package/dist/dts/field/field.d.ts +136 -0
- package/dist/dts/field/field.definition.d.ts +9 -0
- package/dist/dts/field/field.options.d.ts +43 -0
- package/dist/dts/field/field.styles.d.ts +6 -0
- package/dist/dts/field/field.template.d.ts +6 -0
- package/dist/dts/field/index.d.ts +6 -0
- package/dist/dts/form-associated/form-associated.d.ts +104 -0
- package/dist/dts/helpers.tests.d.ts +22 -0
- package/dist/dts/image/image.bench.d.ts +3 -0
- package/dist/dts/image/image.d.ts +36 -0
- package/dist/dts/image/image.options.d.ts +3 -4
- package/dist/dts/image/index.d.ts +2 -2
- package/dist/dts/index-rollup.d.ts +38 -1
- package/dist/dts/index.d.ts +61 -31
- package/dist/dts/label/index.d.ts +2 -1
- package/dist/dts/label/label.bench.d.ts +3 -0
- package/dist/dts/label/label.d.ts +24 -2
- package/dist/dts/label/label.options.d.ts +3 -3
- package/dist/dts/link/define.d.ts +1 -0
- package/dist/dts/link/index.d.ts +5 -0
- package/dist/dts/link/link.bench.d.ts +3 -0
- package/dist/dts/link/link.d.ts +45 -0
- package/dist/dts/link/link.definition.d.ts +7 -0
- package/dist/dts/link/link.options.d.ts +52 -0
- package/dist/dts/link/link.styles.d.ts +1 -0
- package/dist/dts/link/link.template.d.ts +12 -0
- package/dist/dts/menu/index.d.ts +1 -1
- package/dist/dts/menu/menu.bench.d.ts +3 -0
- package/dist/dts/menu/menu.d.ts +86 -57
- package/dist/dts/menu-button/index.d.ts +4 -3
- package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
- package/dist/dts/menu-button/menu-button.definition.d.ts +0 -3
- package/dist/dts/menu-button/menu-button.options.d.ts +6 -7
- package/dist/dts/menu-item/index.d.ts +5 -3
- package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
- package/dist/dts/menu-item/menu-item.d.ts +144 -5
- package/dist/dts/menu-item/menu-item.definition.d.ts +0 -4
- package/dist/dts/menu-item/menu-item.options.d.ts +30 -0
- package/dist/dts/menu-item/menu-item.template.d.ts +2 -1
- package/dist/dts/menu-list/index.d.ts +1 -1
- package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
- package/dist/dts/menu-list/menu-list.d.ts +73 -4
- package/dist/dts/menu-list/menu-list.definition.d.ts +0 -4
- package/dist/dts/menu-list/menu-list.template.d.ts +1 -0
- package/dist/dts/message-bar/define.d.ts +1 -0
- package/dist/dts/message-bar/index.d.ts +5 -0
- package/dist/dts/message-bar/message-bar.bench.d.ts +3 -0
- package/dist/dts/message-bar/message-bar.d.ts +66 -0
- package/dist/dts/message-bar/message-bar.definition.d.ts +9 -0
- package/dist/dts/message-bar/message-bar.options.d.ts +30 -0
- package/dist/dts/message-bar/message-bar.styles.d.ts +7 -0
- package/dist/dts/message-bar/message-bar.template.d.ts +14 -0
- package/dist/dts/patterns/aria-globals.d.ts +189 -0
- package/dist/dts/patterns/index.d.ts +2 -0
- package/dist/dts/patterns/start-end.d.ts +44 -0
- package/dist/dts/progress-bar/index.d.ts +2 -2
- package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
- package/dist/dts/progress-bar/progress-bar.d.ts +89 -13
- package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -4
- package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -0
- package/dist/dts/radio/index.d.ts +2 -1
- package/dist/dts/radio/radio.bench.d.ts +3 -0
- package/dist/dts/radio/radio.d.ts +57 -3
- package/dist/dts/radio/radio.options.d.ts +14 -0
- package/dist/dts/radio/radio.styles.d.ts +3 -1
- package/dist/dts/radio/radio.template.d.ts +13 -0
- package/dist/dts/radio-group/index.d.ts +2 -2
- package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
- package/dist/dts/radio-group/radio-group.d.ts +257 -6
- package/dist/dts/radio-group/radio-group.options.d.ts +17 -0
- package/dist/dts/radio-group/radio-group.template.d.ts +2 -1
- package/dist/dts/rating-display/define.d.ts +1 -0
- package/dist/dts/rating-display/index.d.ts +5 -0
- package/dist/dts/rating-display/rating-display.d.ts +150 -0
- package/dist/dts/rating-display/rating-display.definition.d.ts +9 -0
- package/dist/dts/rating-display/rating-display.options.d.ts +29 -0
- package/dist/dts/rating-display/rating-display.styles.d.ts +6 -0
- package/dist/dts/rating-display/rating-display.template.d.ts +14 -0
- package/dist/dts/slider/index.d.ts +3 -2
- package/dist/dts/slider/slider-utilities.d.ts +5 -0
- package/dist/dts/slider/slider.bench.d.ts +3 -0
- package/dist/dts/slider/slider.d.ts +341 -6
- package/dist/dts/slider/slider.form-associated.d.ts +14 -0
- package/dist/dts/slider/slider.options.d.ts +44 -3
- package/dist/dts/slider/slider.template.d.ts +4 -2
- package/dist/dts/spinner/index.d.ts +2 -2
- package/dist/dts/spinner/spinner.bench.d.ts +3 -0
- package/dist/dts/spinner/spinner.d.ts +29 -4
- package/dist/dts/spinner/spinner.definition.d.ts +0 -4
- package/dist/dts/spinner/spinner.options.d.ts +3 -3
- package/dist/dts/spinner/spinner.template.d.ts +1 -2
- package/dist/dts/styles/partials/index.d.ts +1 -0
- package/dist/dts/styles/partials/typography.partials.d.ts +18 -0
- package/dist/dts/styles/states/index.d.ts +600 -0
- package/dist/dts/switch/index.d.ts +3 -2
- package/dist/dts/switch/switch.bench.d.ts +3 -0
- package/dist/dts/switch/switch.d.ts +7 -12
- package/dist/dts/switch/switch.form-associated.d.ts +14 -0
- package/dist/dts/switch/switch.options.d.ts +2 -2
- package/dist/dts/switch/switch.template.d.ts +2 -1
- package/dist/dts/tab/index.d.ts +4 -3
- package/dist/dts/tab/tab.bench.d.ts +3 -0
- package/dist/dts/tab/tab.d.ts +17 -2
- package/dist/dts/tab/tab.template.d.ts +3 -3
- package/dist/dts/tab-panel/index.d.ts +1 -1
- package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
- package/dist/dts/tab-panel/tab-panel.d.ts +2 -2
- package/dist/dts/tab-panel/tab-panel.template.d.ts +4 -1
- package/dist/dts/tablist/define.d.ts +1 -0
- package/dist/dts/tablist/index.d.ts +5 -0
- package/dist/dts/tablist/tablist.bench.d.ts +3 -0
- package/dist/dts/tablist/tablist.d.ts +191 -0
- package/dist/dts/tablist/tablist.definition.d.ts +7 -0
- package/dist/dts/tablist/tablist.options.d.ts +44 -0
- package/dist/dts/tablist/tablist.styles.d.ts +4 -0
- package/dist/dts/tablist/tablist.template.d.ts +5 -0
- package/dist/dts/tabs/index.d.ts +5 -4
- package/dist/dts/tabs/tabs.bench.d.ts +3 -0
- package/dist/dts/tabs/tabs.d.ts +102 -13
- package/dist/dts/tabs/tabs.options.d.ts +23 -5
- package/dist/dts/tabs/tabs.template.d.ts +5 -1
- package/dist/dts/text/index.d.ts +2 -2
- package/dist/dts/text/text.bench.d.ts +3 -0
- package/dist/dts/text/text.d.ts +40 -1
- package/dist/dts/text/text.options.d.ts +5 -5
- package/dist/dts/text-input/index.d.ts +5 -5
- package/dist/dts/text-input/text-input.bench.d.ts +3 -0
- package/dist/dts/text-input/text-input.d.ts +415 -11
- package/dist/dts/text-input/text-input.definition.d.ts +2 -3
- package/dist/dts/text-input/text-input.options.d.ts +31 -10
- package/dist/dts/text-input/text-input.styles.d.ts +5 -2
- package/dist/dts/text-input/text-input.template.d.ts +8 -1
- package/dist/dts/textarea/define.d.ts +1 -0
- package/dist/dts/textarea/index.d.ts +5 -0
- package/dist/dts/textarea/textarea.bench.d.ts +3 -0
- package/dist/dts/textarea/textarea.d.ts +390 -0
- package/dist/dts/textarea/textarea.definition.d.ts +9 -0
- package/dist/dts/textarea/textarea.options.d.ts +49 -0
- package/dist/dts/textarea/textarea.styles.d.ts +7 -0
- package/dist/dts/textarea/textarea.template.d.ts +12 -0
- package/dist/dts/theme/design-tokens.d.ts +2220 -384
- package/dist/dts/theme/index.d.ts +1 -1
- package/dist/dts/theme/set-theme.d.ts +27 -5
- package/dist/dts/theme/set-theme.global.bench.d.ts +3 -0
- package/dist/dts/theme/set-theme.local.bench.d.ts +3 -0
- package/dist/dts/theme/set-theme.shadow.bench.d.ts +3 -0
- package/dist/dts/toggle-button/index.d.ts +5 -4
- package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
- package/dist/dts/toggle-button/toggle-button.d.ts +29 -26
- package/dist/dts/toggle-button/toggle-button.definition.d.ts +0 -2
- package/dist/dts/toggle-button/toggle-button.options.d.ts +6 -7
- package/dist/dts/toggle-button/toggle-button.styles.d.ts +7 -0
- package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
- package/dist/dts/utils/benchmark-dependencies/tokens.d.ts +1 -0
- package/dist/dts/utils/benchmark-wrapper.d.ts +2 -0
- package/dist/dts/utils/converters.d.ts +17 -0
- package/dist/dts/utils/direction.d.ts +10 -0
- package/dist/dts/utils/display.d.ts +17 -0
- package/dist/dts/utils/element-internals.d.ts +35 -0
- package/dist/dts/utils/focusable-element.d.ts +3 -0
- package/dist/dts/utils/index.d.ts +7 -0
- package/dist/dts/utils/root-active-element.d.ts +1 -0
- package/dist/dts/utils/template-helpers.d.ts +16 -0
- package/dist/dts/utils/typings.d.ts +6 -0
- package/dist/dts/utils/whitespace-filter.d.ts +12 -0
- package/dist/esm/accordion/accordion.bench.js +30 -0
- package/dist/esm/accordion/accordion.bench.js.map +1 -0
- package/dist/esm/accordion/accordion.definition.js +0 -4
- package/dist/esm/accordion/accordion.definition.js.map +1 -1
- package/dist/esm/accordion/accordion.js +172 -3
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/accordion/accordion.options.js +9 -0
- package/dist/esm/accordion/accordion.options.js.map +1 -0
- package/dist/esm/accordion/accordion.styles.js +1 -1
- package/dist/esm/accordion/accordion.styles.js.map +1 -1
- package/dist/esm/accordion/accordion.template.js +11 -1
- package/dist/esm/accordion/accordion.template.js.map +1 -1
- package/dist/esm/accordion/index.js +2 -1
- package/dist/esm/accordion/index.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
- package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.definition.js +0 -3
- package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.js +138 -13
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.options.js +1 -1
- package/dist/esm/accordion-item/accordion-item.options.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +63 -85
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.template.js +30 -4
- package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
- package/dist/esm/accordion-item/index.js +2 -2
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
- package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.definition.js +0 -6
- package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +193 -60
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.options.js +26 -0
- package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.styles.js +12 -5
- package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.template.js +21 -1
- package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
- package/dist/esm/anchor-button/index.js +3 -3
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/avatar/avatar.bench.js +10 -0
- package/dist/esm/avatar/avatar.bench.js.map +1 -0
- package/dist/esm/avatar/avatar.js +66 -37
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +133 -132
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/avatar/avatar.template.js +2 -4
- package/dist/esm/avatar/avatar.template.js.map +1 -1
- package/dist/esm/avatar/index.js +2 -2
- package/dist/esm/avatar/index.js.map +1 -1
- package/dist/esm/badge/badge.bench.js +11 -0
- package/dist/esm/badge/badge.bench.js.map +1 -0
- package/dist/esm/badge/badge.definition.js +0 -3
- package/dist/esm/badge/badge.definition.js.map +1 -1
- package/dist/esm/badge/badge.js +61 -7
- package/dist/esm/badge/badge.js.map +1 -1
- package/dist/esm/badge/badge.styles.js +17 -9
- package/dist/esm/badge/badge.styles.js.map +1 -1
- package/dist/esm/badge/badge.template.js +2 -2
- package/dist/esm/badge/badge.template.js.map +1 -1
- package/dist/esm/badge/index.js +2 -2
- package/dist/esm/badge/index.js.map +1 -1
- package/dist/esm/button/button.bench.js +11 -0
- package/dist/esm/button/button.bench.js.map +1 -0
- package/dist/esm/button/button.definition.js +2 -6
- package/dist/esm/button/button.definition.js.map +1 -1
- package/dist/esm/button/button.js +331 -38
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.options.js +20 -1
- package/dist/esm/button/button.options.js.map +1 -1
- package/dist/esm/button/button.styles.js +154 -136
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/button/button.template.js +23 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/button/index.js +4 -4
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/checkbox/checkbox.bench.js +11 -0
- package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
- package/dist/esm/checkbox/checkbox.definition.js +1 -1
- package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +447 -13
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/checkbox.options.js +0 -8
- package/dist/esm/checkbox/checkbox.options.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +141 -128
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.js +34 -17
- package/dist/esm/checkbox/checkbox.template.js.map +1 -1
- package/dist/esm/checkbox/index.js +3 -3
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/compound-button/compound-button.bench.js +15 -0
- package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
- package/dist/esm/compound-button/compound-button.definition.js +0 -6
- package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
- package/dist/esm/compound-button/compound-button.options.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.js +34 -35
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
- package/dist/esm/compound-button/compound-button.template.js +4 -40
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/compound-button/index.js +2 -2
- package/dist/esm/compound-button/index.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
- package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.definition.js +0 -4
- package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js +69 -7
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.js +9 -8
- package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
- package/dist/esm/counter-badge/index.js +2 -2
- package/dist/esm/counter-badge/index.js.map +1 -1
- package/dist/esm/dialog/dialog.bench.js +11 -0
- package/dist/esm/dialog/dialog.bench.js.map +1 -0
- package/dist/esm/dialog/dialog.js +33 -312
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.js +1 -1
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +69 -85
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +17 -54
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/dialog/index.js +2 -1
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/esm/dialog-body/define.js +4 -0
- package/dist/esm/dialog-body/define.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
- package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
- package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.js +22 -0
- package/dist/esm/dialog-body/dialog-body.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.template.js +42 -0
- package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
- package/dist/esm/dialog-body/index.js +5 -0
- package/dist/esm/dialog-body/index.js.map +1 -0
- package/dist/esm/divider/divider.bench.js +10 -0
- package/dist/esm/divider/divider.bench.js.map +1 -0
- package/dist/esm/divider/divider.js +104 -12
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/divider/divider.options.js +14 -6
- package/dist/esm/divider/divider.options.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +45 -44
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/divider/divider.template.js +4 -1
- package/dist/esm/divider/divider.template.js.map +1 -1
- package/dist/esm/divider/index.js +2 -2
- package/dist/esm/divider/index.js.map +1 -1
- package/dist/esm/drawer/define.js +4 -0
- package/dist/esm/drawer/define.js.map +1 -0
- package/dist/esm/drawer/drawer.definition.js +16 -0
- package/dist/esm/drawer/drawer.definition.js.map +1 -0
- package/dist/esm/drawer/drawer.js +132 -0
- package/dist/esm/drawer/drawer.js.map +1 -0
- package/dist/esm/drawer/drawer.options.js +25 -0
- package/dist/esm/drawer/drawer.options.js.map +1 -0
- package/dist/esm/drawer/drawer.styles.js +138 -0
- package/dist/esm/drawer/drawer.styles.js.map +1 -0
- package/dist/esm/drawer/drawer.template.js +28 -0
- package/dist/esm/drawer/drawer.template.js.map +1 -0
- package/dist/esm/drawer/index.js +6 -0
- package/dist/esm/drawer/index.js.map +1 -0
- package/dist/esm/drawer-body/define.js +4 -0
- package/dist/esm/drawer-body/define.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.definition.js +16 -0
- package/dist/esm/drawer-body/drawer-body.definition.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.js +21 -0
- package/dist/esm/drawer-body/drawer-body.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.styles.js +31 -0
- package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.template.js +21 -0
- package/dist/esm/drawer-body/drawer-body.template.js.map +1 -0
- package/dist/esm/drawer-body/index.js +5 -0
- package/dist/esm/drawer-body/index.js.map +1 -0
- package/dist/esm/field/define.js +4 -0
- package/dist/esm/field/define.js.map +1 -0
- package/dist/esm/field/field.bench.js +10 -0
- package/dist/esm/field/field.bench.js.map +1 -0
- package/dist/esm/field/field.definition.js +20 -0
- package/dist/esm/field/field.definition.js.map +1 -0
- package/dist/esm/field/field.js +212 -0
- package/dist/esm/field/field.js.map +1 -0
- package/dist/esm/field/field.options.js +27 -0
- package/dist/esm/field/field.options.js.map +1 -0
- package/dist/esm/field/field.styles.js +135 -0
- package/dist/esm/field/field.styles.js.map +1 -0
- package/dist/esm/field/field.template.js +26 -0
- package/dist/esm/field/field.template.js.map +1 -0
- package/dist/esm/field/index.js +6 -0
- package/dist/esm/field/index.js.map +1 -0
- package/dist/esm/form-associated/form-associated.js +458 -0
- package/dist/esm/form-associated/form-associated.js.map +1 -0
- package/dist/esm/helpers.tests.js +44 -0
- package/dist/esm/helpers.tests.js.map +1 -1
- package/dist/esm/image/image.bench.js +14 -0
- package/dist/esm/image/image.bench.js.map +1 -0
- package/dist/esm/image/image.js +61 -6
- package/dist/esm/image/image.js.map +1 -1
- package/dist/esm/image/image.options.js +0 -1
- package/dist/esm/image/image.options.js.map +1 -1
- package/dist/esm/image/image.styles.js +14 -13
- package/dist/esm/image/image.styles.js.map +1 -1
- package/dist/esm/image/index.js +2 -2
- package/dist/esm/image/index.js.map +1 -1
- package/dist/esm/index-rollup.js +38 -1
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +46 -31
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/index.js +2 -1
- package/dist/esm/label/index.js.map +1 -1
- package/dist/esm/label/label.bench.js +11 -0
- package/dist/esm/label/label.bench.js.map +1 -0
- package/dist/esm/label/label.js +42 -6
- package/dist/esm/label/label.js.map +1 -1
- package/dist/esm/label/label.styles.js +28 -21
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/link/define.js +4 -0
- package/dist/esm/link/define.js.map +1 -0
- package/dist/esm/link/index.js +6 -0
- package/dist/esm/link/index.js.map +1 -0
- package/dist/esm/link/link.bench.js +11 -0
- package/dist/esm/link/link.bench.js.map +1 -0
- package/dist/esm/link/link.definition.js +15 -0
- package/dist/esm/link/link.definition.js.map +1 -0
- package/dist/esm/link/link.js +58 -0
- package/dist/esm/link/link.js.map +1 -0
- package/dist/esm/link/link.options.js +21 -0
- package/dist/esm/link/link.options.js.map +1 -0
- package/dist/esm/link/link.styles.js +72 -0
- package/dist/esm/link/link.styles.js.map +1 -0
- package/dist/esm/link/link.template.js +22 -0
- package/dist/esm/link/link.template.js.map +1 -0
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/menu/index.js.map +1 -1
- package/dist/esm/menu/menu.bench.js +31 -0
- package/dist/esm/menu/menu.bench.js.map +1 -0
- package/dist/esm/menu/menu.js +146 -175
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu/menu.styles.js +53 -9
- package/dist/esm/menu/menu.styles.js.map +1 -1
- package/dist/esm/menu/menu.template.js +3 -9
- package/dist/esm/menu/menu.template.js.map +1 -1
- package/dist/esm/menu-button/index.js +3 -3
- package/dist/esm/menu-button/index.js.map +1 -1
- package/dist/esm/menu-button/menu-button.bench.js +11 -0
- package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
- package/dist/esm/menu-button/menu-button.definition.js +0 -6
- package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
- package/dist/esm/menu-button/menu-button.options.js.map +1 -1
- package/dist/esm/menu-button/menu-button.template.js +6 -2
- package/dist/esm/menu-button/menu-button.template.js.map +1 -1
- package/dist/esm/menu-item/index.js +4 -3
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/menu-item/menu-item.bench.js +11 -0
- package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
- package/dist/esm/menu-item/menu-item.definition.js +0 -4
- package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js +261 -4
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-item/menu-item.options.js +27 -0
- package/dist/esm/menu-item/menu-item.options.js.map +1 -0
- package/dist/esm/menu-item/menu-item.styles.js +107 -131
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.template.js +30 -7
- package/dist/esm/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/menu-list/index.js +1 -1
- package/dist/esm/menu-list/index.js.map +1 -1
- package/dist/esm/menu-list/menu-list.bench.js +21 -0
- package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
- package/dist/esm/menu-list/menu-list.definition.js +0 -4
- package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js +239 -16
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/menu-list/menu-list.styles.js +5 -5
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
- package/dist/esm/menu-list/menu-list.template.js +12 -1
- package/dist/esm/menu-list/menu-list.template.js.map +1 -1
- package/dist/esm/message-bar/define.js +4 -0
- package/dist/esm/message-bar/define.js.map +1 -0
- package/dist/esm/message-bar/index.js +6 -0
- package/dist/esm/message-bar/index.js.map +1 -0
- package/dist/esm/message-bar/message-bar.bench.js +56 -0
- package/dist/esm/message-bar/message-bar.bench.js.map +1 -0
- package/dist/esm/message-bar/message-bar.definition.js +20 -0
- package/dist/esm/message-bar/message-bar.definition.js.map +1 -0
- package/dist/esm/message-bar/message-bar.js +79 -0
- package/dist/esm/message-bar/message-bar.js.map +1 -0
- package/dist/esm/message-bar/message-bar.options.js +27 -0
- package/dist/esm/message-bar/message-bar.options.js.map +1 -0
- package/dist/esm/message-bar/message-bar.styles.js +108 -0
- package/dist/esm/message-bar/message-bar.styles.js.map +1 -0
- package/dist/esm/message-bar/message-bar.template.js +25 -0
- package/dist/esm/message-bar/message-bar.template.js.map +1 -0
- package/dist/esm/patterns/aria-globals.js +72 -0
- package/dist/esm/patterns/aria-globals.js.map +1 -0
- package/dist/esm/patterns/index.js +3 -0
- package/dist/esm/patterns/index.js.map +1 -0
- package/dist/esm/patterns/start-end.js +29 -0
- package/dist/esm/patterns/start-end.js.map +1 -0
- package/dist/esm/progress-bar/index.js +2 -2
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
- package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.js +117 -16
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +51 -129
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.template.js +11 -5
- package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/index.js.map +1 -1
- package/dist/esm/radio/radio.bench.js +11 -0
- package/dist/esm/radio/radio.bench.js.map +1 -0
- package/dist/esm/radio/radio.js +78 -3
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/radio.options.js +2 -0
- package/dist/esm/radio/radio.options.js.map +1 -0
- package/dist/esm/radio/radio.styles.js +97 -90
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio/radio.template.js +27 -4
- package/dist/esm/radio/radio.template.js.map +1 -1
- package/dist/esm/radio-group/index.js +2 -2
- package/dist/esm/radio-group/index.js.map +1 -1
- package/dist/esm/radio-group/radio-group.bench.js +21 -0
- package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
- package/dist/esm/radio-group/radio-group.js +457 -15
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/radio-group/radio-group.options.js +7 -0
- package/dist/esm/radio-group/radio-group.options.js.map +1 -0
- package/dist/esm/radio-group/radio-group.styles.js +28 -33
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.template.js +15 -1
- package/dist/esm/radio-group/radio-group.template.js.map +1 -1
- package/dist/esm/rating-display/define.js +4 -0
- package/dist/esm/rating-display/define.js.map +1 -0
- package/dist/esm/rating-display/index.js +6 -0
- package/dist/esm/rating-display/index.js.map +1 -0
- package/dist/esm/rating-display/rating-display.definition.js +17 -0
- package/dist/esm/rating-display/rating-display.definition.js.map +1 -0
- package/dist/esm/rating-display/rating-display.js +169 -0
- package/dist/esm/rating-display/rating-display.js.map +1 -0
- package/dist/esm/rating-display/rating-display.options.js +19 -0
- package/dist/esm/rating-display/rating-display.options.js.map +1 -0
- package/dist/esm/rating-display/rating-display.styles.js +126 -0
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -0
- package/dist/esm/rating-display/rating-display.template.js +34 -0
- package/dist/esm/rating-display/rating-display.template.js.map +1 -0
- package/dist/esm/slider/index.js +2 -2
- package/dist/esm/slider/index.js.map +1 -1
- package/dist/esm/slider/slider-utilities.js +12 -0
- package/dist/esm/slider/slider-utilities.js.map +1 -0
- package/dist/esm/slider/slider.bench.js +10 -0
- package/dist/esm/slider/slider.bench.js.map +1 -0
- package/dist/esm/slider/slider.form-associated.js +14 -0
- package/dist/esm/slider/slider.form-associated.js.map +1 -0
- package/dist/esm/slider/slider.js +660 -27
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.options.js +11 -1
- package/dist/esm/slider/slider.options.js.map +1 -1
- package/dist/esm/slider/slider.styles.js +124 -131
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/slider/slider.template.js +22 -2
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/esm/spinner/index.js +2 -2
- package/dist/esm/spinner/index.js.map +1 -1
- package/dist/esm/spinner/spinner.bench.js +10 -0
- package/dist/esm/spinner/spinner.bench.js.map +1 -0
- package/dist/esm/spinner/spinner.definition.js +0 -4
- package/dist/esm/spinner/spinner.definition.js.map +1 -1
- package/dist/esm/spinner/spinner.js +48 -9
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +123 -61
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.template.js +16 -21
- package/dist/esm/spinner/spinner.template.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.js +119 -119
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/styles/partials/index.js +1 -0
- package/dist/esm/styles/partials/index.js.map +1 -1
- package/dist/esm/styles/partials/typography.partials.js +105 -0
- package/dist/esm/styles/partials/typography.partials.js.map +1 -0
- package/dist/esm/styles/states/index.js +602 -0
- package/dist/esm/styles/states/index.js.map +1 -0
- package/dist/esm/switch/index.js +2 -2
- package/dist/esm/switch/index.js.map +1 -1
- package/dist/esm/switch/switch.bench.js +11 -0
- package/dist/esm/switch/switch.bench.js.map +1 -0
- package/dist/esm/switch/switch.form-associated.js +14 -0
- package/dist/esm/switch/switch.form-associated.js.map +1 -0
- package/dist/esm/switch/switch.js +6 -12
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +59 -83
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.js +15 -1
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/esm/tab/index.js +3 -3
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab/tab.bench.js +11 -0
- package/dist/esm/tab/tab.bench.js.map +1 -0
- package/dist/esm/tab/tab.js +9 -3
- package/dist/esm/tab/tab.js.map +1 -1
- package/dist/esm/tab/tab.styles.js +21 -21
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/esm/tab/tab.template.js +1 -1
- package/dist/esm/tab/tab.template.js.map +1 -1
- package/dist/esm/tab-panel/index.js +1 -1
- package/dist/esm/tab-panel/index.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
- package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.js +2 -2
- package/dist/esm/tab-panel/tab-panel.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.styles.js +2 -2
- package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.template.js +8 -1
- package/dist/esm/tab-panel/tab-panel.template.js.map +1 -1
- package/dist/esm/tablist/define.js +4 -0
- package/dist/esm/tablist/define.js.map +1 -0
- package/dist/esm/tablist/index.js +6 -0
- package/dist/esm/tablist/index.js.map +1 -0
- package/dist/esm/tablist/tablist.bench.js +21 -0
- package/dist/esm/tablist/tablist.bench.js.map +1 -0
- package/dist/esm/tablist/tablist.definition.js +15 -0
- package/dist/esm/tablist/tablist.definition.js.map +1 -0
- package/dist/esm/tablist/tablist.js +407 -0
- package/dist/esm/tablist/tablist.js.map +1 -0
- package/dist/esm/tablist/tablist.options.js +24 -0
- package/dist/esm/tablist/tablist.options.js.map +1 -0
- package/dist/esm/tablist/tablist.styles.js +194 -0
- package/dist/esm/tablist/tablist.styles.js.map +1 -0
- package/dist/esm/tablist/tablist.template.js +10 -0
- package/dist/esm/tablist/tablist.template.js.map +1 -0
- package/dist/esm/tabs/index.js +4 -4
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/tabs/tabs.bench.js +32 -0
- package/dist/esm/tabs/tabs.bench.js.map +1 -0
- package/dist/esm/tabs/tabs.js +292 -20
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/tabs/tabs.options.js +6 -2
- package/dist/esm/tabs/tabs.options.js.map +1 -1
- package/dist/esm/tabs/tabs.styles.js +50 -50
- package/dist/esm/tabs/tabs.styles.js.map +1 -1
- package/dist/esm/tabs/tabs.template.js +14 -1
- package/dist/esm/tabs/tabs.template.js.map +1 -1
- package/dist/esm/text/index.js +2 -2
- package/dist/esm/text/index.js.map +1 -1
- package/dist/esm/text/text.bench.js +13 -0
- package/dist/esm/text/text.bench.js.map +1 -0
- package/dist/esm/text/text.js +92 -7
- package/dist/esm/text/text.js.map +1 -1
- package/dist/esm/text/text.styles.js +64 -61
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text-input/index.js +4 -5
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.bench.js +10 -0
- package/dist/esm/text-input/text-input.bench.js.map +1 -0
- package/dist/esm/text-input/text-input.definition.js +5 -3
- package/dist/esm/text-input/text-input.definition.js.map +1 -1
- package/dist/esm/text-input/text-input.js +439 -12
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/text-input/text-input.options.js +35 -2
- package/dist/esm/text-input/text-input.options.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +107 -96
- package/dist/esm/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.template.js +55 -2
- package/dist/esm/text-input/text-input.template.js.map +1 -1
- package/dist/esm/textarea/define.js +4 -0
- package/dist/esm/textarea/define.js.map +1 -0
- package/dist/esm/textarea/index.js +6 -0
- package/dist/esm/textarea/index.js.map +1 -0
- package/dist/esm/textarea/textarea.bench.js +10 -0
- package/dist/esm/textarea/textarea.bench.js.map +1 -0
- package/dist/esm/textarea/textarea.definition.js +20 -0
- package/dist/esm/textarea/textarea.definition.js.map +1 -0
- package/dist/esm/textarea/textarea.js +605 -0
- package/dist/esm/textarea/textarea.js.map +1 -0
- package/dist/esm/textarea/textarea.options.js +48 -0
- package/dist/esm/textarea/textarea.options.js.map +1 -0
- package/dist/esm/textarea/textarea.styles.js +268 -0
- package/dist/esm/textarea/textarea.styles.js.map +1 -0
- package/dist/esm/textarea/textarea.template.js +54 -0
- package/dist/esm/textarea/textarea.template.js.map +1 -0
- package/dist/esm/theme/design-tokens.js +2220 -384
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/esm/theme/set-theme.global.bench.js +25 -0
- package/dist/esm/theme/set-theme.global.bench.js.map +1 -0
- package/dist/esm/theme/set-theme.js +186 -12
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/theme/set-theme.local.bench.js +27 -0
- package/dist/esm/theme/set-theme.local.bench.js.map +1 -0
- package/dist/esm/theme/set-theme.shadow.bench.js +29 -0
- package/dist/esm/theme/set-theme.shadow.bench.js.map +1 -0
- package/dist/esm/toggle-button/index.js +4 -4
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
- package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.definition.js +0 -5
- package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.js +44 -91
- package/dist/esm/toggle-button/toggle-button.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js +56 -50
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.template.js +1 -1
- package/dist/esm/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
- package/dist/esm/utils/benchmark-dependencies/tokens.js +2 -0
- package/dist/esm/utils/benchmark-dependencies/tokens.js.map +1 -0
- package/dist/esm/utils/benchmark-wrapper.js +18 -0
- package/dist/esm/utils/benchmark-wrapper.js.map +1 -0
- package/dist/esm/utils/converters.js +26 -0
- package/dist/esm/utils/converters.js.map +1 -0
- package/dist/esm/utils/direction.js +15 -0
- package/dist/esm/utils/direction.js.map +1 -0
- package/dist/esm/utils/display.js +15 -0
- package/dist/esm/utils/display.js.map +1 -0
- package/dist/esm/utils/element-internals.js +54 -0
- package/dist/esm/utils/element-internals.js.map +1 -0
- package/dist/esm/utils/focusable-element.js +10 -0
- package/dist/esm/utils/focusable-element.js.map +1 -0
- package/dist/esm/utils/get-initials.js.map +1 -1
- package/dist/esm/utils/index.js +8 -0
- package/dist/esm/utils/index.js.map +1 -0
- package/dist/esm/utils/root-active-element.js +9 -0
- package/dist/esm/utils/root-active-element.js.map +1 -0
- package/dist/esm/utils/template-helpers.js +19 -0
- package/dist/esm/utils/template-helpers.js.map +1 -0
- package/dist/esm/utils/typings.js +3 -0
- package/dist/esm/utils/typings.js.map +1 -0
- package/dist/esm/utils/whitespace-filter.js +13 -0
- package/dist/esm/utils/whitespace-filter.js.map +1 -0
- package/dist/web-components.d.ts +8064 -1626
- package/dist/web-components.js +9736 -8528
- package/dist/web-components.min.js +428 -259
- package/package.json +56 -158
- package/dist/fluent-web-components.api.json +0 -22035
- package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
- package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
- package/dist/storybook/350.e4be85c2.iframe.bundle.js +0 -462
- package/dist/storybook/350.e4be85c2.iframe.bundle.js.LICENSE.txt +0 -51
- package/dist/storybook/350.e4be85c2.iframe.bundle.js.map +0 -1
- package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
- package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
- package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
- package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
- package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
- package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
- package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
- package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
- package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
- package/dist/storybook/SegoeUI-VF.ttf +0 -0
- package/dist/storybook/favicon.ico +0 -0
- package/dist/storybook/favicon.png +0 -0
- package/dist/storybook/iframe.html +0 -364
- package/dist/storybook/index.html +0 -165
- package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
- package/dist/storybook/main.b095c2e8.iframe.bundle.js +0 -2
- package/dist/storybook/main.b095c2e8.iframe.bundle.js.LICENSE.txt +0 -1
- package/dist/storybook/project.json +0 -1
- package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
- package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
- package/dist/storybook/shell.css +0 -83
- package/dist/storybook/theme-switch.ts +0 -13
- package/docs/api-report.md +0 -2459
- package/playwright.config.ts +0 -25
|
@@ -1,24 +1,458 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { attr } from '@microsoft/fast-element';
|
|
8
|
-
import { FASTCheckbox } from '@microsoft/fast-foundation/checkbox.js';
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr, FASTElement, Observable, observable } from '@microsoft/fast-element';
|
|
3
|
+
import { toggleState } from '../utils/element-internals.js';
|
|
9
4
|
/**
|
|
10
|
-
* The base class
|
|
5
|
+
* The base class for a component with a toggleable checked state.
|
|
6
|
+
*
|
|
11
7
|
* @public
|
|
12
8
|
*/
|
|
13
|
-
|
|
9
|
+
class BaseCheckbox extends FASTElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
/**
|
|
13
|
+
* The initial value of the input.
|
|
14
|
+
*
|
|
15
|
+
* @public
|
|
16
|
+
* @remarks
|
|
17
|
+
* HTML Attribute: `value`
|
|
18
|
+
*/
|
|
19
|
+
this.initialValue = 'on';
|
|
20
|
+
/**
|
|
21
|
+
* Indicates that the checked state has been changed by the user.
|
|
22
|
+
*
|
|
23
|
+
* @internal
|
|
24
|
+
*/
|
|
25
|
+
this.dirtyChecked = false;
|
|
26
|
+
/**
|
|
27
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
28
|
+
*
|
|
29
|
+
* @internal
|
|
30
|
+
*/
|
|
31
|
+
this.elementInternals = this.attachInternals();
|
|
32
|
+
/**
|
|
33
|
+
* The fallback validation message, taken from a native checkbox `<input>` element.
|
|
34
|
+
*
|
|
35
|
+
* @internal
|
|
36
|
+
*/
|
|
37
|
+
this._validationFallbackMessage = '';
|
|
38
|
+
/**
|
|
39
|
+
* The internal value of the input.
|
|
40
|
+
*
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
43
|
+
this._value = this.initialValue;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* The element's current checked state.
|
|
47
|
+
*
|
|
48
|
+
* @public
|
|
49
|
+
*/
|
|
50
|
+
get checked() {
|
|
51
|
+
Observable.track(this, 'checked');
|
|
52
|
+
return !!this._checked;
|
|
53
|
+
}
|
|
54
|
+
set checked(next) {
|
|
55
|
+
this._checked = next;
|
|
56
|
+
this.setFormValue(next ? this.value : null);
|
|
57
|
+
this.setValidity();
|
|
58
|
+
this.setAriaChecked();
|
|
59
|
+
toggleState(this.elementInternals, 'checked', next);
|
|
60
|
+
Observable.notify(this, 'checked');
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* Toggles the disabled state when the user changes the `disabled` property.
|
|
64
|
+
*
|
|
65
|
+
* @internal
|
|
66
|
+
*/
|
|
67
|
+
disabledChanged(prev, next) {
|
|
68
|
+
this.elementInternals.ariaDisabled = this.disabled ? 'true' : 'false';
|
|
69
|
+
toggleState(this.elementInternals, 'disabled', this.disabled);
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Sets the disabled state when the `disabled` attribute changes.
|
|
73
|
+
*
|
|
74
|
+
* @param prev - the previous value
|
|
75
|
+
* @param next - the current value
|
|
76
|
+
* @internal
|
|
77
|
+
*/
|
|
78
|
+
disabledAttributeChanged(prev, next) {
|
|
79
|
+
this.disabled = !!next;
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* Updates the checked state when the `checked` attribute is changed, unless the checked state has been changed by the user.
|
|
83
|
+
*
|
|
84
|
+
* @param prev - The previous initial checked state
|
|
85
|
+
* @param next - The current initial checked state
|
|
86
|
+
* @internal
|
|
87
|
+
*/
|
|
88
|
+
initialCheckedChanged(prev, next) {
|
|
89
|
+
if (!this.dirtyChecked) {
|
|
90
|
+
this.checked = !!next;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* Sets the value of the input when the `value` attribute changes.
|
|
95
|
+
*
|
|
96
|
+
* @param prev - The previous initial value
|
|
97
|
+
* @param next - The current initial value
|
|
98
|
+
* @internal
|
|
99
|
+
*/
|
|
100
|
+
initialValueChanged(prev, next) {
|
|
101
|
+
this._value = next;
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* Sets the validity of the control when the required state changes.
|
|
105
|
+
*
|
|
106
|
+
* @param prev - The previous required state
|
|
107
|
+
* @param next - The current required state
|
|
108
|
+
* @internal
|
|
109
|
+
*/
|
|
110
|
+
requiredChanged(prev, next) {
|
|
111
|
+
if (this.$fastController.isConnected) {
|
|
112
|
+
this.setValidity();
|
|
113
|
+
this.elementInternals.ariaRequired = this.required ? 'true' : 'false';
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
/**
|
|
117
|
+
* The associated `<form>` element.
|
|
118
|
+
*
|
|
119
|
+
* @public
|
|
120
|
+
* @remarks
|
|
121
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/form | `ElementInternals.form`} property.
|
|
122
|
+
*/
|
|
123
|
+
get form() {
|
|
124
|
+
return this.elementInternals.form;
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* A reference to all associated `<label>` elements.
|
|
128
|
+
*
|
|
129
|
+
* @public
|
|
130
|
+
*/
|
|
131
|
+
get labels() {
|
|
132
|
+
return Object.freeze(Array.from(this.elementInternals.labels));
|
|
133
|
+
}
|
|
134
|
+
/**
|
|
135
|
+
* The validation message. Uses the browser's default validation message for native checkboxes if not otherwise
|
|
136
|
+
* specified (e.g., via `setCustomValidity`).
|
|
137
|
+
*
|
|
138
|
+
* @public
|
|
139
|
+
* @remarks
|
|
140
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/validationMessage | `ElementInternals.validationMessage`} property.
|
|
141
|
+
*/
|
|
142
|
+
get validationMessage() {
|
|
143
|
+
if (this.elementInternals.validationMessage) {
|
|
144
|
+
return this.elementInternals.validationMessage;
|
|
145
|
+
}
|
|
146
|
+
if (!this._validationFallbackMessage) {
|
|
147
|
+
const validationMessageFallbackControl = document.createElement('input');
|
|
148
|
+
validationMessageFallbackControl.type = 'checkbox';
|
|
149
|
+
validationMessageFallbackControl.required = true;
|
|
150
|
+
validationMessageFallbackControl.checked = false;
|
|
151
|
+
this._validationFallbackMessage = validationMessageFallbackControl.validationMessage;
|
|
152
|
+
}
|
|
153
|
+
return this._validationFallbackMessage;
|
|
154
|
+
}
|
|
155
|
+
/**
|
|
156
|
+
* The element's validity state.
|
|
157
|
+
*
|
|
158
|
+
* @public
|
|
159
|
+
* @remarks
|
|
160
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/validity | `ElementInternals.validity`} property.
|
|
161
|
+
*/
|
|
162
|
+
get validity() {
|
|
163
|
+
return this.elementInternals.validity;
|
|
164
|
+
}
|
|
165
|
+
/**
|
|
166
|
+
* The current value of the input.
|
|
167
|
+
*
|
|
168
|
+
* @public
|
|
169
|
+
*/
|
|
170
|
+
get value() {
|
|
171
|
+
Observable.track(this, 'value');
|
|
172
|
+
return this._value;
|
|
173
|
+
}
|
|
174
|
+
set value(value) {
|
|
175
|
+
this._value = value;
|
|
176
|
+
if (this.$fastController.isConnected) {
|
|
177
|
+
this.setFormValue(value);
|
|
178
|
+
this.setValidity();
|
|
179
|
+
Observable.notify(this, 'value');
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
/**
|
|
183
|
+
* Determines if the control can be submitted for constraint validation.
|
|
184
|
+
*
|
|
185
|
+
* @public
|
|
186
|
+
* @remarks
|
|
187
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/willValidate | `ElementInternals.willValidate`} property.
|
|
188
|
+
*/
|
|
189
|
+
get willValidate() {
|
|
190
|
+
return this.elementInternals.willValidate;
|
|
191
|
+
}
|
|
192
|
+
/**
|
|
193
|
+
* Checks the validity of the element and returns the result.
|
|
194
|
+
*
|
|
195
|
+
* @public
|
|
196
|
+
* @remarks
|
|
197
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/checkValidity | `HTMLInputElement.checkValidity()`} method.
|
|
198
|
+
*/
|
|
199
|
+
checkValidity() {
|
|
200
|
+
return this.elementInternals.checkValidity();
|
|
201
|
+
}
|
|
202
|
+
/**
|
|
203
|
+
* Toggles the checked state when the user clicks the element.
|
|
204
|
+
*
|
|
205
|
+
* @param e - the event object
|
|
206
|
+
* @internal
|
|
207
|
+
*/
|
|
208
|
+
clickHandler(e) {
|
|
209
|
+
if (this.disabled) {
|
|
210
|
+
return;
|
|
211
|
+
}
|
|
212
|
+
this.dirtyChecked = true;
|
|
213
|
+
const previousChecked = this.checked;
|
|
214
|
+
this.toggleChecked();
|
|
215
|
+
if (previousChecked !== this.checked) {
|
|
216
|
+
this.$emit('change');
|
|
217
|
+
this.$emit('input');
|
|
218
|
+
}
|
|
219
|
+
return true;
|
|
220
|
+
}
|
|
221
|
+
connectedCallback() {
|
|
222
|
+
super.connectedCallback();
|
|
223
|
+
this.setAriaChecked();
|
|
224
|
+
this.setValidity();
|
|
225
|
+
}
|
|
226
|
+
/**
|
|
227
|
+
* Updates the form value when a user changes the `checked` state.
|
|
228
|
+
*
|
|
229
|
+
* @param e - the event object
|
|
230
|
+
* @internal
|
|
231
|
+
*/
|
|
232
|
+
inputHandler(e) {
|
|
233
|
+
this.setFormValue(this.value);
|
|
234
|
+
this.setValidity();
|
|
235
|
+
return true;
|
|
236
|
+
}
|
|
237
|
+
/**
|
|
238
|
+
* Prevents scrolling when the user presses the space key.
|
|
239
|
+
*
|
|
240
|
+
* @param e - the event object
|
|
241
|
+
* @internal
|
|
242
|
+
*/
|
|
243
|
+
keydownHandler(e) {
|
|
244
|
+
if (e.key !== ' ') {
|
|
245
|
+
return true;
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
/**
|
|
249
|
+
* Toggles the checked state when the user releases the space key.
|
|
250
|
+
*
|
|
251
|
+
* @param e - the event object
|
|
252
|
+
* @internal
|
|
253
|
+
*/
|
|
254
|
+
keyupHandler(e) {
|
|
255
|
+
if (e.key !== ' ') {
|
|
256
|
+
return true;
|
|
257
|
+
}
|
|
258
|
+
this.click();
|
|
259
|
+
}
|
|
260
|
+
/**
|
|
261
|
+
* Resets the form value to its initial value when the form is reset.
|
|
262
|
+
*
|
|
263
|
+
* @internal
|
|
264
|
+
*/
|
|
265
|
+
formResetCallback() {
|
|
266
|
+
var _a;
|
|
267
|
+
this.checked = (_a = this.initialChecked) !== null && _a !== void 0 ? _a : false;
|
|
268
|
+
this.dirtyChecked = false;
|
|
269
|
+
this.setValidity();
|
|
270
|
+
}
|
|
271
|
+
/**
|
|
272
|
+
* Reports the validity of the element.
|
|
273
|
+
*
|
|
274
|
+
* @public
|
|
275
|
+
* @remarks
|
|
276
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/reportValidity | `HTMLInputElement.reportValidity()`} method.
|
|
277
|
+
*/
|
|
278
|
+
reportValidity() {
|
|
279
|
+
return this.elementInternals.reportValidity();
|
|
280
|
+
}
|
|
281
|
+
/**
|
|
282
|
+
* Sets the ARIA checked state.
|
|
283
|
+
*
|
|
284
|
+
* @param value - The checked state
|
|
285
|
+
* @internal
|
|
286
|
+
*/
|
|
287
|
+
setAriaChecked(value = this.checked) {
|
|
288
|
+
this.elementInternals.ariaChecked = value ? 'true' : 'false';
|
|
289
|
+
}
|
|
290
|
+
/**
|
|
291
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/setFormValue | `ElementInternals.setFormValue()`} method.
|
|
292
|
+
*
|
|
293
|
+
* @internal
|
|
294
|
+
*/
|
|
295
|
+
setFormValue(value, state) {
|
|
296
|
+
this.elementInternals.setFormValue(value, value !== null && value !== void 0 ? value : state);
|
|
297
|
+
}
|
|
298
|
+
/**
|
|
299
|
+
* Sets a custom validity message.
|
|
300
|
+
*
|
|
301
|
+
* @param message - The message to set
|
|
302
|
+
* @public
|
|
303
|
+
*/
|
|
304
|
+
setCustomValidity(message) {
|
|
305
|
+
this.elementInternals.setValidity({ customError: true }, message);
|
|
306
|
+
this.setValidity();
|
|
307
|
+
}
|
|
308
|
+
/**
|
|
309
|
+
* Sets the validity of the control.
|
|
310
|
+
*
|
|
311
|
+
* @param flags - Validity flags to set.
|
|
312
|
+
* @param message - Optional message to supply. If not provided, the control's `validationMessage` will be used.
|
|
313
|
+
* @param anchor - Optional anchor to use for the validation message.
|
|
314
|
+
*
|
|
315
|
+
* @internal
|
|
316
|
+
*/
|
|
317
|
+
setValidity(flags, message, anchor) {
|
|
318
|
+
if (this.$fastController.isConnected) {
|
|
319
|
+
if (this.disabled || !this.required) {
|
|
320
|
+
this.elementInternals.setValidity({});
|
|
321
|
+
return;
|
|
322
|
+
}
|
|
323
|
+
this.elementInternals.setValidity({ valueMissing: !!this.required && !this.checked, ...flags }, message !== null && message !== void 0 ? message : this.validationMessage, anchor);
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
/**
|
|
327
|
+
* Toggles the checked state of the control.
|
|
328
|
+
*
|
|
329
|
+
* @param force - Forces the element to be checked or unchecked
|
|
330
|
+
* @public
|
|
331
|
+
*/
|
|
332
|
+
toggleChecked(force = !this.checked) {
|
|
333
|
+
this.checked = force;
|
|
334
|
+
}
|
|
14
335
|
}
|
|
336
|
+
/**
|
|
337
|
+
* The form-associated flag.
|
|
338
|
+
* @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
|
|
339
|
+
*
|
|
340
|
+
* @public
|
|
341
|
+
*/
|
|
342
|
+
BaseCheckbox.formAssociated = true;
|
|
343
|
+
__decorate([
|
|
344
|
+
attr({ mode: 'boolean' })
|
|
345
|
+
], BaseCheckbox.prototype, "autofocus", void 0);
|
|
346
|
+
__decorate([
|
|
347
|
+
observable
|
|
348
|
+
], BaseCheckbox.prototype, "disabled", void 0);
|
|
349
|
+
__decorate([
|
|
350
|
+
attr({ attribute: 'disabled', mode: 'boolean' })
|
|
351
|
+
], BaseCheckbox.prototype, "disabledAttribute", void 0);
|
|
352
|
+
__decorate([
|
|
353
|
+
attr({ attribute: 'form' })
|
|
354
|
+
], BaseCheckbox.prototype, "formAttribute", void 0);
|
|
355
|
+
__decorate([
|
|
356
|
+
attr({ attribute: 'checked', mode: 'boolean' })
|
|
357
|
+
], BaseCheckbox.prototype, "initialChecked", void 0);
|
|
358
|
+
__decorate([
|
|
359
|
+
attr({ attribute: 'value', mode: 'fromView' })
|
|
360
|
+
], BaseCheckbox.prototype, "initialValue", void 0);
|
|
361
|
+
__decorate([
|
|
362
|
+
attr
|
|
363
|
+
], BaseCheckbox.prototype, "name", void 0);
|
|
364
|
+
__decorate([
|
|
365
|
+
attr({ mode: 'boolean' })
|
|
366
|
+
], BaseCheckbox.prototype, "required", void 0);
|
|
367
|
+
export { BaseCheckbox };
|
|
368
|
+
/**
|
|
369
|
+
* A Checkbox Custom HTML Element.
|
|
370
|
+
* Implements the {@link https://w3c.github.io/aria/#checkbox | ARIA checkbox }.
|
|
371
|
+
*
|
|
372
|
+
* @slot checked-indicator - The checked indicator
|
|
373
|
+
* @slot indeterminate-indicator - The indeterminate indicator
|
|
374
|
+
* @fires change - Emits a custom change event when the checked state changes
|
|
375
|
+
* @fires input - Emits a custom input event when the checked state changes
|
|
376
|
+
*
|
|
377
|
+
* @public
|
|
378
|
+
*/
|
|
379
|
+
export class Checkbox extends BaseCheckbox {
|
|
380
|
+
/**
|
|
381
|
+
* Updates the indeterminate state when the `indeterminate` property changes.
|
|
382
|
+
*
|
|
383
|
+
* @param prev - the indeterminate state
|
|
384
|
+
* @param next - the current indeterminate state
|
|
385
|
+
* @internal
|
|
386
|
+
*/
|
|
387
|
+
indeterminateChanged(prev, next) {
|
|
388
|
+
this.setAriaChecked();
|
|
389
|
+
toggleState(this.elementInternals, 'indeterminate', next);
|
|
390
|
+
}
|
|
391
|
+
/**
|
|
392
|
+
* Applies shape states when the `shape` property changes.
|
|
393
|
+
*
|
|
394
|
+
* @param prev - the previous shape value
|
|
395
|
+
* @param next - the next shape value
|
|
396
|
+
* @internal
|
|
397
|
+
*/
|
|
398
|
+
shapeChanged(prev, next) {
|
|
399
|
+
if (prev) {
|
|
400
|
+
toggleState(this.elementInternals, prev, false);
|
|
401
|
+
}
|
|
402
|
+
if (next) {
|
|
403
|
+
toggleState(this.elementInternals, next, true);
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
/**
|
|
407
|
+
* Applies size states when the `size` property changes.
|
|
408
|
+
*
|
|
409
|
+
* @param prev - the previous state
|
|
410
|
+
* @param next - the next state
|
|
411
|
+
* @internal
|
|
412
|
+
*/
|
|
413
|
+
sizeChanged(prev, next) {
|
|
414
|
+
if (prev) {
|
|
415
|
+
toggleState(this.elementInternals, prev, false);
|
|
416
|
+
}
|
|
417
|
+
if (next) {
|
|
418
|
+
toggleState(this.elementInternals, next, true);
|
|
419
|
+
}
|
|
420
|
+
}
|
|
421
|
+
constructor() {
|
|
422
|
+
super();
|
|
423
|
+
this.elementInternals.role = 'checkbox';
|
|
424
|
+
}
|
|
425
|
+
/**
|
|
426
|
+
* Sets the ARIA checked state. If the `indeterminate` flag is true, the value will be 'mixed'.
|
|
427
|
+
*
|
|
428
|
+
* @internal
|
|
429
|
+
* @override
|
|
430
|
+
*/
|
|
431
|
+
setAriaChecked(value = this.checked) {
|
|
432
|
+
if (this.indeterminate) {
|
|
433
|
+
this.elementInternals.ariaChecked = 'mixed';
|
|
434
|
+
return;
|
|
435
|
+
}
|
|
436
|
+
super.setAriaChecked(value);
|
|
437
|
+
}
|
|
438
|
+
/**
|
|
439
|
+
* Toggles the checked state of the control.
|
|
440
|
+
*
|
|
441
|
+
* @param force - Forces the element to be checked or unchecked
|
|
442
|
+
* @public
|
|
443
|
+
*/
|
|
444
|
+
toggleChecked(force = !this.checked) {
|
|
445
|
+
this.indeterminate = false;
|
|
446
|
+
super.toggleChecked(force);
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
__decorate([
|
|
450
|
+
observable
|
|
451
|
+
], Checkbox.prototype, "indeterminate", void 0);
|
|
15
452
|
__decorate([
|
|
16
453
|
attr
|
|
17
454
|
], Checkbox.prototype, "shape", void 0);
|
|
18
455
|
__decorate([
|
|
19
456
|
attr
|
|
20
457
|
], Checkbox.prototype, "size", void 0);
|
|
21
|
-
__decorate([
|
|
22
|
-
attr({ attribute: 'label-position' })
|
|
23
|
-
], Checkbox.prototype, "labelPosition", void 0);
|
|
24
458
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,12 +14,4 @@ export const CheckboxSize = {
|
|
|
14
14
|
medium: 'medium',
|
|
15
15
|
large: 'large',
|
|
16
16
|
};
|
|
17
|
-
/**
|
|
18
|
-
* Checkbox label position
|
|
19
|
-
* @public
|
|
20
|
-
*/
|
|
21
|
-
export const CheckboxLabelPosition = {
|
|
22
|
-
before: 'before',
|
|
23
|
-
after: 'after',
|
|
24
|
-
};
|
|
25
17
|
//# sourceMappingURL=checkbox.options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.options.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.options.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox.options.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.options.ts"],"names":[],"mappings":"AAaA;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC;AAKX;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC"}
|