@fluentui/web-components 3.0.0-beta.3 → 3.0.0-beta.31
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 +430 -103
- package/README.md +46 -15
- package/dist/dts/accordion/accordion.bench.d.ts +3 -0
- package/dist/dts/accordion/accordion.d.ts +47 -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 +78 -6
- package/dist/dts/accordion-item/accordion-item.definition.d.ts +0 -3
- package/dist/dts/accordion-item/accordion-item.options.d.ts +3 -3
- 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 +179 -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 +22 -2
- 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 +267 -22
- 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 +282 -16
- 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/define.d.ts +1 -0
- package/dist/dts/dialog/dialog.bench.d.ts +3 -0
- package/dist/dts/dialog/dialog.d.ts +58 -0
- package/dist/dts/dialog/dialog.definition.d.ts +9 -0
- package/dist/dts/dialog/dialog.options.d.ts +11 -0
- package/dist/dts/dialog/dialog.styles.d.ts +4 -0
- package/dist/dts/dialog/dialog.template.d.ts +7 -0
- package/dist/dts/dialog/index.d.ts +5 -0
- 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 +47 -11
- package/dist/dts/divider/divider.options.d.ts +32 -8
- package/dist/dts/divider/divider.template.d.ts +1 -0
- package/dist/dts/divider/index.d.ts +2 -2
- 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 +99 -0
- package/dist/dts/field/field.definition.d.ts +9 -0
- package/dist/dts/field/field.options.d.ts +41 -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/image/image.bench.d.ts +3 -0
- package/dist/dts/image/image.options.d.ts +3 -3
- package/dist/dts/image/index.d.ts +2 -2
- package/dist/dts/index-rollup.d.ts +32 -1
- package/dist/dts/index.d.ts +53 -30
- 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 +0 -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 +4 -0
- package/dist/dts/link/link.bench.d.ts +3 -0
- package/dist/dts/link/link.d.ts +33 -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 +27 -25
- 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 +162 -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 +71 -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/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 +60 -10
- 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 +54 -3
- package/dist/dts/radio/radio.form-associated.d.ts +14 -0
- package/dist/dts/radio/radio.template.d.ts +2 -1
- 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 +91 -2
- package/dist/dts/radio-group/radio-group.options.d.ts +17 -0
- package/dist/dts/radio-group/radio-group.template.d.ts +1 -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 +195 -5
- 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 +9 -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 +110 -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 +6 -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/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.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 +395 -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/theme/design-tokens.d.ts +2180 -384
- package/dist/dts/theme/set-theme.d.ts +6 -3
- 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/direction.d.ts +10 -0
- package/dist/dts/utils/display.d.ts +17 -0
- package/dist/dts/utils/element-internals.d.ts +20 -0
- package/dist/dts/utils/index.d.ts +6 -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 +211 -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 +80 -10
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.template.js +47 -2
- 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 +187 -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 +43 -23
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +36 -36
- 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 +14 -6
- 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 +312 -42
- 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 +78 -78
- 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 +371 -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 +145 -123
- 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 +16 -17
- 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 +12 -6
- 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/define.js +4 -0
- package/dist/esm/dialog/define.js.map +1 -0
- package/dist/esm/dialog/dialog.bench.js +11 -0
- package/dist/esm/dialog/dialog.bench.js.map +1 -0
- package/dist/esm/dialog/dialog.definition.js +17 -0
- package/dist/esm/dialog/dialog.definition.js.map +1 -0
- package/dist/esm/dialog/dialog.js +91 -0
- package/dist/esm/dialog/dialog.js.map +1 -0
- package/dist/esm/dialog/dialog.options.js +10 -0
- package/dist/esm/dialog/dialog.options.js.map +1 -0
- package/dist/esm/dialog/dialog.styles.js +86 -0
- package/dist/esm/dialog/dialog.styles.js.map +1 -0
- package/dist/esm/dialog/dialog.template.js +24 -0
- package/dist/esm/dialog/dialog.template.js.map +1 -0
- package/dist/esm/dialog/index.js +6 -0
- package/dist/esm/dialog/index.js.map +1 -0
- 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 +56 -11
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/divider/divider.options.js +14 -5
- package/dist/esm/divider/divider.options.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +1 -1
- 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/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 +139 -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 +186 -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/image/image.bench.js +14 -0
- package/dist/esm/image/image.bench.js.map +1 -0
- package/dist/esm/image/image.js +1 -6
- package/dist/esm/image/image.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 +32 -1
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +39 -30
- 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 +1 -6
- package/dist/esm/label/label.js.map +1 -1
- package/dist/esm/label/label.styles.js +13 -6
- 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 +5 -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 +36 -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 +73 -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 +26 -29
- package/dist/esm/menu/menu.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 +265 -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 +1 -1
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.template.js +57 -2
- 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 +262 -11
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/menu-list/menu-list.styles.js +1 -1
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
- package/dist/esm/menu-list/menu-list.template.js +13 -1
- package/dist/esm/menu-list/menu-list.template.js.map +1 -1
- 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 +66 -13
- 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 +49 -128
- 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.form-associated.js +14 -0
- package/dist/esm/radio/radio.form-associated.js.map +1 -0
- package/dist/esm/radio/radio.js +91 -3
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/radio.styles.js +1 -1
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio/radio.template.js +28 -2
- 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 +347 -9
- 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 +1 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.template.js +30 -1
- package/dist/esm/radio-group/radio-group.template.js.map +1 -1
- 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 +433 -22
- 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 +1 -1
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/slider/slider.template.js +39 -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 +13 -9
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +3 -17
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.template.js +8 -21
- package/dist/esm/spinner/spinner.template.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.js +44 -43
- 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 +112 -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 +2 -12
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +38 -58
- 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 +1 -1
- 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 +1 -1
- 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/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 +1 -1
- 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 +1 -6
- package/dist/esm/text/text.js.map +1 -1
- package/dist/esm/text/text.styles.js +49 -25
- 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 +398 -11
- 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 +22 -12
- 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/theme/design-tokens.js +2181 -386
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/set-theme.js +26 -3
- package/dist/esm/theme/set-theme.js.map +1 -1
- 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 +32 -26
- 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/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 +32 -0
- package/dist/esm/utils/element-internals.js.map +1 -0
- package/dist/esm/utils/get-initials.js.map +1 -1
- package/dist/esm/utils/index.js +7 -0
- package/dist/esm/utils/index.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 +6312 -1611
- package/dist/web-components.js +5593 -6543
- package/dist/web-components.min.js +398 -251
- package/package.json +41 -13
- package/dist/fluent-web-components.api.json +0 -19686
- 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/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/677.939f187f.iframe.bundle.js +0 -462
- package/dist/storybook/677.939f187f.iframe.bundle.js.LICENSE.txt +0 -46
- package/dist/storybook/677.939f187f.iframe.bundle.js.map +0 -1
- 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.b782e9fb.iframe.bundle.js +0 -2
- package/dist/storybook/main.b782e9fb.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 -2427
- package/playwright.config.ts +0 -25
package/dist/esm/menu/menu.js
CHANGED
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
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
|
-
};
|
|
1
|
+
import { __decorate } from "tslib";
|
|
7
2
|
import { attr, FASTElement, observable, Updates } from '@microsoft/fast-element';
|
|
8
3
|
import { autoUpdate, computePosition, flip, hide, size } from '@floating-ui/dom';
|
|
9
4
|
import { keyEnter, keyEscape, keySpace, keyTab } from '@microsoft/fast-web-utilities';
|
|
@@ -86,17 +81,17 @@ export class Menu extends FASTElement {
|
|
|
86
81
|
};
|
|
87
82
|
/**
|
|
88
83
|
* The task to set the positioning of the menu.
|
|
89
|
-
* @
|
|
84
|
+
* @internal
|
|
90
85
|
*/
|
|
91
86
|
this.setPositioningTask = () => {
|
|
92
87
|
this.setPositioning();
|
|
93
88
|
};
|
|
94
89
|
/**
|
|
95
|
-
* Handles keyboard interaction for the trigger.
|
|
96
|
-
*
|
|
97
|
-
*
|
|
90
|
+
* Handles keyboard interaction for the trigger. Toggles the menu when the Space or Enter key is pressed. If the menu
|
|
91
|
+
* is open, focuses on the menu list.
|
|
92
|
+
*
|
|
93
|
+
* @param e - the keyboard event
|
|
98
94
|
* @public
|
|
99
|
-
* @param {KeyboardEvent} e - the keyboard event
|
|
100
95
|
*/
|
|
101
96
|
this.handleTriggerKeydown = (e) => {
|
|
102
97
|
if (e.defaultPrevented) {
|
|
@@ -118,8 +113,8 @@ export class Menu extends FASTElement {
|
|
|
118
113
|
};
|
|
119
114
|
/**
|
|
120
115
|
* Handles document click events to close the menu when a click occurs outside of the menu or the trigger.
|
|
121
|
-
* @
|
|
122
|
-
* @param
|
|
116
|
+
* @internal
|
|
117
|
+
* @param e - The event triggered on document click.
|
|
123
118
|
*/
|
|
124
119
|
this.handleDocumentClick = (e) => {
|
|
125
120
|
if (e && !e.composedPath().includes(this._menuList) && !e.composedPath().includes(this._trigger)) {
|
|
@@ -188,9 +183,10 @@ export class Menu extends FASTElement {
|
|
|
188
183
|
* Updates the 'aria-expanded' attribute and sets the positioning of the menu.
|
|
189
184
|
* Sets menu list position
|
|
190
185
|
* emits openChanged event
|
|
186
|
+
*
|
|
187
|
+
* @param oldValue - The previous value of 'open'.
|
|
188
|
+
* @param newValue - The new value of 'open'.
|
|
191
189
|
* @public
|
|
192
|
-
* @param {boolean} oldValue - The previous value of 'open'.
|
|
193
|
-
* @param {boolean} newValue - The new value of 'open'.
|
|
194
190
|
*/
|
|
195
191
|
openChanged(oldValue, newValue) {
|
|
196
192
|
var _a;
|
|
@@ -206,9 +202,10 @@ export class Menu extends FASTElement {
|
|
|
206
202
|
/**
|
|
207
203
|
* Called whenever the 'openOnHover' property changes.
|
|
208
204
|
* Adds or removes a 'mouseover' event listener to the trigger based on the new value.
|
|
205
|
+
*
|
|
206
|
+
* @param oldValue - The previous value of 'openOnHover'.
|
|
207
|
+
* @param newValue - The new value of 'openOnHover'.
|
|
209
208
|
* @public
|
|
210
|
-
* @param {boolean} oldValue - The previous value of 'openOnHover'.
|
|
211
|
-
* @param {boolean} newValue - The new value of 'openOnHover'.
|
|
212
209
|
*/
|
|
213
210
|
openOnHoverChanged(oldValue, newValue) {
|
|
214
211
|
var _a, _b;
|
|
@@ -223,8 +220,8 @@ export class Menu extends FASTElement {
|
|
|
223
220
|
* Called whenever the 'persistOnItemClick' property changes.
|
|
224
221
|
* Adds or removes a 'click' event listener to the menu list based on the new value.
|
|
225
222
|
* @public
|
|
226
|
-
* @param
|
|
227
|
-
* @param
|
|
223
|
+
* @param oldValue - The previous value of 'persistOnItemClick'.
|
|
224
|
+
* @param newValue - The new value of 'persistOnItemClick'.
|
|
228
225
|
*/
|
|
229
226
|
persistOnItemClickChanged(oldValue, newValue) {
|
|
230
227
|
var _a, _b;
|
|
@@ -239,8 +236,8 @@ export class Menu extends FASTElement {
|
|
|
239
236
|
* Called whenever the 'openOnContext' property changes.
|
|
240
237
|
* Adds or removes a 'contextmenu' event listener to the trigger based on the new value.
|
|
241
238
|
* @public
|
|
242
|
-
* @param
|
|
243
|
-
* @param
|
|
239
|
+
* @param oldValue - The previous value of 'openOnContext'.
|
|
240
|
+
* @param newValue - The new value of 'openOnContext'.
|
|
244
241
|
*/
|
|
245
242
|
openOnContextChanged(oldValue, newValue) {
|
|
246
243
|
var _a, _b;
|
|
@@ -255,8 +252,8 @@ export class Menu extends FASTElement {
|
|
|
255
252
|
* Called whenever the 'closeOnScroll' property changes.
|
|
256
253
|
* Adds or removes a 'closeOnScroll' event listener to the trigger based on the new value.
|
|
257
254
|
* @public
|
|
258
|
-
* @param
|
|
259
|
-
* @param
|
|
255
|
+
* @param oldValue - The previous value of 'closeOnScroll'.
|
|
256
|
+
* @param newValue - The new value of 'closeOnScroll'.
|
|
260
257
|
*/
|
|
261
258
|
closeOnScrollChanged(oldValue, newValue) {
|
|
262
259
|
if (newValue) {
|
|
@@ -268,7 +265,7 @@ export class Menu extends FASTElement {
|
|
|
268
265
|
}
|
|
269
266
|
/**
|
|
270
267
|
* Sets the positioning of the menu.
|
|
271
|
-
* @
|
|
268
|
+
* @internal
|
|
272
269
|
*/
|
|
273
270
|
setPositioning() {
|
|
274
271
|
if (this.$fastController.isConnected && this._menuList && this.open && this._trigger) {
|
|
@@ -333,7 +330,7 @@ export class Menu extends FASTElement {
|
|
|
333
330
|
* Removes event listeners.
|
|
334
331
|
* Removes click and keydown event listeners from the trigger and a click event listener from the document.
|
|
335
332
|
* Also removes 'mouseover' event listeners from the trigger.
|
|
336
|
-
* @
|
|
333
|
+
* @internal
|
|
337
334
|
*/
|
|
338
335
|
removeListeners() {
|
|
339
336
|
var _a, _b, _c, _d, _e;
|
|
@@ -353,11 +350,11 @@ export class Menu extends FASTElement {
|
|
|
353
350
|
}
|
|
354
351
|
}
|
|
355
352
|
/**
|
|
356
|
-
* Handles keyboard interaction for the menu.
|
|
357
|
-
* Closes the menu
|
|
358
|
-
*
|
|
353
|
+
* Handles keyboard interaction for the menu. Closes the menu and focuses on the trigger when the Escape key is
|
|
354
|
+
* pressed. Closes the menu when the Tab key is pressed.
|
|
355
|
+
*
|
|
356
|
+
* @param e - the keyboard event
|
|
359
357
|
* @public
|
|
360
|
-
* @param {KeyboardEvent} e - the keyboard event
|
|
361
358
|
*/
|
|
362
359
|
handleMenuKeydown(e) {
|
|
363
360
|
if (e.defaultPrevented) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export * from './menu-button.js';
|
|
2
|
-
export * from './menu-button.options.js';
|
|
3
|
-
export { template as MenuButtonTemplate } from './menu-button.template.js';
|
|
4
1
|
export { styles as MenuButtonStyles } from '../button/button.styles.js';
|
|
5
2
|
export { definition as MenuButtonDefinition } from './menu-button.definition.js';
|
|
3
|
+
export { MenuButton } from './menu-button.js';
|
|
4
|
+
export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
|
|
5
|
+
export { template as MenuButtonTemplate } from './menu-button.template.js';
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEjG,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition } from './menu-button.definition.js';
|
|
3
|
+
definition.define(FluentDesignSystem.registry);
|
|
4
|
+
const itemRenderer = () => {
|
|
5
|
+
const btn = document.createElement('fluent-menu-button');
|
|
6
|
+
btn.appendChild(document.createTextNode('Menu button'));
|
|
7
|
+
return btn;
|
|
8
|
+
};
|
|
9
|
+
export default itemRenderer;
|
|
10
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
11
|
+
//# sourceMappingURL=menu-button.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-button.bench.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACzD,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IACxD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -3,9 +3,6 @@ import { styles } from '../button/button.styles.js';
|
|
|
3
3
|
import { MenuButton } from './menu-button.js';
|
|
4
4
|
import { template } from './menu-button.template.js';
|
|
5
5
|
/**
|
|
6
|
-
* The Fluent Menu Button Element. Implements {@link @microsoft/fast-foundation#Button },
|
|
7
|
-
* {@link @microsoft/fast-foundation#buttonTemplate}
|
|
8
|
-
*
|
|
9
6
|
* @public
|
|
10
7
|
* @remarks
|
|
11
8
|
* HTML Element: \<fluent-button\>
|
|
@@ -14,8 +11,5 @@ export const definition = MenuButton.compose({
|
|
|
14
11
|
name: `${FluentDesignSystem.prefix}-menu-button`,
|
|
15
12
|
template,
|
|
16
13
|
styles,
|
|
17
|
-
shadowOptions: {
|
|
18
|
-
delegatesFocus: true,
|
|
19
|
-
},
|
|
20
14
|
});
|
|
21
15
|
//# sourceMappingURL=menu-button.definition.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD
|
|
1
|
+
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,cAAc;IAChD,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.options.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.options.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu-button.options.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGxF;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAQrD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC;AAQ3C;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { html } from '@microsoft/fast-element';
|
|
2
|
-
import { buttonTemplate } from '
|
|
2
|
+
import { buttonTemplate } from '../button/button.template.js';
|
|
3
3
|
/**
|
|
4
4
|
* The template for the Button component.
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
7
|
export const template = buttonTemplate({
|
|
8
|
-
end: html.partial(
|
|
8
|
+
end: html.partial(/* html */ `
|
|
9
|
+
<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path>
|
|
11
|
+
</svg>
|
|
12
|
+
`),
|
|
9
13
|
});
|
|
10
14
|
//# sourceMappingURL=menu-button.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.template.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"menu-button.template.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAoC,cAAc,CAAa;IAClF,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;GAI5B,CAAC;CACH,CAAC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
export * from './menu-item.js';
|
|
2
|
-
export { template as MenuItemTemplate } from './menu-item.template.js';
|
|
3
|
-
export { styles as MenuItemStyles } from './menu-item.styles.js';
|
|
4
1
|
export { definition as MenuItemDefinition } from './menu-item.definition.js';
|
|
2
|
+
export { MenuItem } from './menu-item.js';
|
|
3
|
+
export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
|
|
4
|
+
export { styles as MenuItemStyles } from './menu-item.styles.js';
|
|
5
|
+
export { template as MenuItemTemplate } from './menu-item.template.js';
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-item/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition } from './menu-item.definition.js';
|
|
3
|
+
definition.define(FluentDesignSystem.registry);
|
|
4
|
+
const itemRenderer = () => {
|
|
5
|
+
const menuItem = document.createElement('fluent-menu-item');
|
|
6
|
+
menuItem.appendChild(document.createTextNode('Menu item'));
|
|
7
|
+
return menuItem;
|
|
8
|
+
};
|
|
9
|
+
export default itemRenderer;
|
|
10
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
11
|
+
//# sourceMappingURL=menu-item.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item.bench.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5D,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -3,10 +3,6 @@ import { MenuItem } from './menu-item.js';
|
|
|
3
3
|
import { styles } from './menu-item.styles.js';
|
|
4
4
|
import { template } from './menu-item.template.js';
|
|
5
5
|
/**
|
|
6
|
-
* The Fluent Menu Item Element. Implements {@link @microsoft/fast-foundation#MenuItem },
|
|
7
|
-
* {@link @microsoft/fast-foundation#menuItemTemplate}
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
6
|
* @public
|
|
11
7
|
* @remarks
|
|
12
8
|
* HTML Element: <fluent-menu-item>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.definition.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD
|
|
1
|
+
{"version":3,"file":"menu-item.definition.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,YAAY;IAC9C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -1,9 +1,270 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { autoUpdate, computePosition, flip, shift, size } from '@floating-ui/dom';
|
|
3
|
+
import { attr, FASTElement, observable, Updates } from '@microsoft/fast-element';
|
|
4
|
+
import { keyArrowLeft, keyArrowRight, keyEnter, keyEscape, keySpace } from '@microsoft/fast-web-utilities';
|
|
5
|
+
import { StartEnd } from '../patterns/start-end.js';
|
|
6
|
+
import { applyMixins } from '../utils/apply-mixins.js';
|
|
7
|
+
import { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
|
|
8
|
+
export { MenuItemRole, roleForMenuItem };
|
|
3
9
|
/**
|
|
4
|
-
*
|
|
10
|
+
* A Switch Custom HTML Element.
|
|
11
|
+
* Implements {@link https://www.w3.org/TR/wai-aria-1.1/#menuitem | ARIA menuitem }, {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemcheckbox | ARIA menuitemcheckbox}, or {@link https://www.w3.org/TR/wai-aria-1.1/#menuitemradio | ARIA menuitemradio }.
|
|
12
|
+
*
|
|
13
|
+
* @slot checked-indicator - The checked indicator
|
|
14
|
+
* @slot radio-indicator - The radio indicator
|
|
15
|
+
* @slot start - Content which can be provided before the menu item content
|
|
16
|
+
* @slot end - Content which can be provided after the menu item content
|
|
17
|
+
* @slot - The default slot for menu item content
|
|
18
|
+
* @slot expand-collapse-indicator - The expand/collapse indicator
|
|
19
|
+
* @slot submenu - Used to nest menu's within menu items
|
|
20
|
+
* @csspart input-container - The element representing the visual checked or radio indicator
|
|
21
|
+
* @csspart checkbox - The element wrapping the `menuitemcheckbox` indicator
|
|
22
|
+
* @csspart radio - The element wrapping the `menuitemradio` indicator
|
|
23
|
+
* @csspart content - The element wrapping the menu item content
|
|
24
|
+
* @csspart expand-collapse-glyph-container - The element wrapping the expand collapse element
|
|
25
|
+
* @csspart expand-collapse - The expand/collapse element
|
|
26
|
+
* @csspart submenu-region - The container for the submenu, used for positioning
|
|
27
|
+
* @fires expanded-change - Fires a custom 'expanded-change' event when the expanded state changes
|
|
28
|
+
* @fires change - Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked
|
|
29
|
+
*
|
|
5
30
|
* @public
|
|
6
31
|
*/
|
|
7
|
-
export class MenuItem extends
|
|
32
|
+
export class MenuItem extends FASTElement {
|
|
33
|
+
constructor() {
|
|
34
|
+
super(...arguments);
|
|
35
|
+
/**
|
|
36
|
+
* The role of the element.
|
|
37
|
+
*
|
|
38
|
+
* @public
|
|
39
|
+
* @remarks
|
|
40
|
+
* HTML Attribute: role
|
|
41
|
+
*/
|
|
42
|
+
this.role = MenuItemRole.menuitem;
|
|
43
|
+
/**
|
|
44
|
+
* The checked value of the element.
|
|
45
|
+
*
|
|
46
|
+
* @public
|
|
47
|
+
* @remarks
|
|
48
|
+
* HTML Attribute: checked
|
|
49
|
+
*/
|
|
50
|
+
this.checked = false;
|
|
51
|
+
this.focusSubmenuOnLoad = false;
|
|
52
|
+
/**
|
|
53
|
+
* @internal
|
|
54
|
+
*/
|
|
55
|
+
this.handleMenuItemKeyDown = (e) => {
|
|
56
|
+
if (e.defaultPrevented) {
|
|
57
|
+
return false;
|
|
58
|
+
}
|
|
59
|
+
switch (e.key) {
|
|
60
|
+
case keyEnter:
|
|
61
|
+
case keySpace:
|
|
62
|
+
this.invoke();
|
|
63
|
+
return false;
|
|
64
|
+
case keyArrowRight:
|
|
65
|
+
//open/focus on submenu
|
|
66
|
+
this.expanded && this.submenu ? this.submenu.focus() : this.expandAndFocus();
|
|
67
|
+
return false;
|
|
68
|
+
case keyEscape:
|
|
69
|
+
// close submenu
|
|
70
|
+
if (this.expanded) {
|
|
71
|
+
this.closeSubMenu();
|
|
72
|
+
return false;
|
|
73
|
+
}
|
|
74
|
+
break;
|
|
75
|
+
case keyArrowLeft:
|
|
76
|
+
//close submenu
|
|
77
|
+
if (this.expanded) {
|
|
78
|
+
this.closeSubMenu();
|
|
79
|
+
return false;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
return true;
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* @internal
|
|
86
|
+
*/
|
|
87
|
+
this.handleMenuItemClick = (e) => {
|
|
88
|
+
if (e.defaultPrevented || this.disabled) {
|
|
89
|
+
return false;
|
|
90
|
+
}
|
|
91
|
+
this.invoke();
|
|
92
|
+
return false;
|
|
93
|
+
};
|
|
94
|
+
/**
|
|
95
|
+
* @internal
|
|
96
|
+
*/
|
|
97
|
+
this.submenuLoaded = () => {
|
|
98
|
+
if (!this.focusSubmenuOnLoad) {
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
this.focusSubmenuOnLoad = false;
|
|
102
|
+
if (this.submenu) {
|
|
103
|
+
this.submenu.focus();
|
|
104
|
+
this.setAttribute('tabindex', '-1');
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
/**
|
|
108
|
+
* @internal
|
|
109
|
+
*/
|
|
110
|
+
this.handleMouseOver = (e) => {
|
|
111
|
+
if (this.disabled || !this.hasSubmenu || this.expanded) {
|
|
112
|
+
return false;
|
|
113
|
+
}
|
|
114
|
+
this.expanded = true;
|
|
115
|
+
return false;
|
|
116
|
+
};
|
|
117
|
+
/**
|
|
118
|
+
* @internal
|
|
119
|
+
*/
|
|
120
|
+
this.handleMouseOut = (e) => {
|
|
121
|
+
if (!this.expanded || this.contains(document.activeElement)) {
|
|
122
|
+
return false;
|
|
123
|
+
}
|
|
124
|
+
this.expanded = false;
|
|
125
|
+
return false;
|
|
126
|
+
};
|
|
127
|
+
/**
|
|
128
|
+
* @internal
|
|
129
|
+
*/
|
|
130
|
+
this.closeSubMenu = () => {
|
|
131
|
+
// close submenu
|
|
132
|
+
this.expanded = false;
|
|
133
|
+
this.focus();
|
|
134
|
+
};
|
|
135
|
+
/**
|
|
136
|
+
* @internal
|
|
137
|
+
*/
|
|
138
|
+
this.expandAndFocus = () => {
|
|
139
|
+
if (!this.hasSubmenu) {
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
this.focusSubmenuOnLoad = true;
|
|
143
|
+
this.expanded = true;
|
|
144
|
+
};
|
|
145
|
+
/**
|
|
146
|
+
* @internal
|
|
147
|
+
*/
|
|
148
|
+
this.invoke = () => {
|
|
149
|
+
if (this.disabled) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
switch (this.role) {
|
|
153
|
+
case MenuItemRole.menuitemcheckbox:
|
|
154
|
+
this.checked = !this.checked;
|
|
155
|
+
break;
|
|
156
|
+
case MenuItemRole.menuitem:
|
|
157
|
+
if (this.hasSubmenu) {
|
|
158
|
+
this.expandAndFocus();
|
|
159
|
+
break;
|
|
160
|
+
}
|
|
161
|
+
this.$emit('change');
|
|
162
|
+
break;
|
|
163
|
+
case MenuItemRole.menuitemradio:
|
|
164
|
+
if (!this.checked) {
|
|
165
|
+
this.checked = true;
|
|
166
|
+
}
|
|
167
|
+
break;
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
}
|
|
171
|
+
expandedChanged(prev, next) {
|
|
172
|
+
if (this.$fastController.isConnected) {
|
|
173
|
+
if (next && this.submenu) {
|
|
174
|
+
this.updateSubmenu();
|
|
175
|
+
}
|
|
176
|
+
this.$emit('expanded-change', this, { bubbles: false });
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
checkedChanged(oldValue, newValue) {
|
|
180
|
+
if (this.$fastController.isConnected) {
|
|
181
|
+
this.$emit('change');
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
/**
|
|
185
|
+
* @internal
|
|
186
|
+
*/
|
|
187
|
+
get hasSubmenu() {
|
|
188
|
+
return !!this.submenu;
|
|
189
|
+
}
|
|
190
|
+
/**
|
|
191
|
+
* Sets the submenu and updates its position.
|
|
192
|
+
*
|
|
193
|
+
* @internal
|
|
194
|
+
*/
|
|
195
|
+
slottedSubmenuChanged(prev, next) {
|
|
196
|
+
if (next.length) {
|
|
197
|
+
this.submenu = next[0];
|
|
198
|
+
this.updateSubmenu();
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
/**
|
|
202
|
+
* @internal
|
|
203
|
+
*/
|
|
204
|
+
disconnectedCallback() {
|
|
205
|
+
var _a;
|
|
206
|
+
(_a = this.cleanup) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
207
|
+
super.disconnectedCallback();
|
|
208
|
+
}
|
|
209
|
+
/**
|
|
210
|
+
* Calculate and apply submenu positioning.
|
|
211
|
+
*
|
|
212
|
+
* @public
|
|
213
|
+
*/
|
|
214
|
+
updateSubmenu() {
|
|
215
|
+
var _a;
|
|
216
|
+
(_a = this.cleanup) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
217
|
+
if (!this.submenu || !this.expanded) {
|
|
218
|
+
return;
|
|
219
|
+
}
|
|
220
|
+
Updates.enqueue(() => {
|
|
221
|
+
this.cleanup = autoUpdate(this, this.submenuContainer, async () => {
|
|
222
|
+
const fallbackPlacements = ['left-start', 'right-start'];
|
|
223
|
+
const { x, y } = await computePosition(this, this.submenuContainer, {
|
|
224
|
+
middleware: [
|
|
225
|
+
shift(),
|
|
226
|
+
size({
|
|
227
|
+
apply: ({ availableWidth, rects }) => {
|
|
228
|
+
if (availableWidth < rects.floating.width) {
|
|
229
|
+
fallbackPlacements.push('bottom-end', 'top-end');
|
|
230
|
+
}
|
|
231
|
+
},
|
|
232
|
+
}),
|
|
233
|
+
flip({ fallbackPlacements }),
|
|
234
|
+
],
|
|
235
|
+
placement: 'right-start',
|
|
236
|
+
strategy: 'fixed',
|
|
237
|
+
});
|
|
238
|
+
Object.assign(this.submenuContainer.style, {
|
|
239
|
+
left: `${x}px`,
|
|
240
|
+
position: 'fixed',
|
|
241
|
+
top: `${y}px`,
|
|
242
|
+
});
|
|
243
|
+
this.submenuLoaded();
|
|
244
|
+
});
|
|
245
|
+
});
|
|
246
|
+
}
|
|
8
247
|
}
|
|
248
|
+
__decorate([
|
|
249
|
+
attr({ mode: 'boolean' })
|
|
250
|
+
], MenuItem.prototype, "disabled", void 0);
|
|
251
|
+
__decorate([
|
|
252
|
+
attr({ mode: 'boolean' })
|
|
253
|
+
], MenuItem.prototype, "expanded", void 0);
|
|
254
|
+
__decorate([
|
|
255
|
+
attr
|
|
256
|
+
], MenuItem.prototype, "role", void 0);
|
|
257
|
+
__decorate([
|
|
258
|
+
attr({ mode: 'boolean' })
|
|
259
|
+
], MenuItem.prototype, "checked", void 0);
|
|
260
|
+
__decorate([
|
|
261
|
+
attr({ mode: 'boolean' })
|
|
262
|
+
], MenuItem.prototype, "hidden", void 0);
|
|
263
|
+
__decorate([
|
|
264
|
+
observable
|
|
265
|
+
], MenuItem.prototype, "slottedSubmenu", void 0);
|
|
266
|
+
__decorate([
|
|
267
|
+
observable
|
|
268
|
+
], MenuItem.prototype, "submenu", void 0);
|
|
269
|
+
applyMixins(MenuItem, StartEnd);
|
|
9
270
|
//# sourceMappingURL=menu-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Menu items roles.
|
|
3
|
+
* @public
|
|
4
|
+
*/
|
|
5
|
+
export const MenuItemRole = {
|
|
6
|
+
/**
|
|
7
|
+
* The menu item has a "menuitem" role
|
|
8
|
+
*/
|
|
9
|
+
menuitem: 'menuitem',
|
|
10
|
+
/**
|
|
11
|
+
* The menu item has a "menuitemcheckbox" role
|
|
12
|
+
*/
|
|
13
|
+
menuitemcheckbox: 'menuitemcheckbox',
|
|
14
|
+
/**
|
|
15
|
+
* The menu item has a "menuitemradio" role
|
|
16
|
+
*/
|
|
17
|
+
menuitemradio: 'menuitemradio',
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* @internal
|
|
21
|
+
*/
|
|
22
|
+
export const roleForMenuItem = {
|
|
23
|
+
[MenuItemRole.menuitem]: 'menuitem',
|
|
24
|
+
[MenuItemRole.menuitemcheckbox]: 'menuitemcheckbox',
|
|
25
|
+
[MenuItemRole.menuitemradio]: 'menuitemradio',
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=menu-item.options.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item.options.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,UAAU;IAEpB;;OAEG;IACH,gBAAgB,EAAE,kBAAkB;IAEpC;;OAEG;IACH,aAAa,EAAE,eAAe;CACtB,CAAC;AAQX;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAExB;IACF,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,UAAU;IACnC,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,kBAAkB;IACnD,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,eAAe;CAC9C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import { display } from '
|
|
2
|
+
import { display } from '../utils/index.js';
|
|
3
3
|
import { borderRadiusMedium, colorCompoundBrandForeground1Hover, colorCompoundBrandForeground1Pressed, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Selected, colorNeutralBackgroundDisabled, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground3, colorNeutralForegroundDisabled, fontFamilyBase, fontSizeBase200, fontSizeBase300, fontSizeBase500, fontWeightRegular, lineHeightBase200, lineHeightBase300, } from '../theme/design-tokens.js';
|
|
4
4
|
/** MenuItem styles
|
|
5
5
|
* @public
|