@fluentui/web-components 3.0.0-rc.2 → 3.0.0-rc.20
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 +177 -2
- package/custom-elements.json +9653 -9708
- package/dist/esm/accordion/accordion.d.ts +11 -8
- package/dist/esm/accordion/accordion.definition.js +2 -2
- package/dist/esm/accordion/accordion.definition.js.map +1 -1
- package/dist/esm/accordion/accordion.js +47 -46
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/accordion/accordion.options.d.ts +7 -1
- package/dist/esm/accordion/accordion.options.js +7 -0
- package/dist/esm/accordion/accordion.options.js.map +1 -1
- package/dist/esm/accordion/accordion.styles.js +1 -1
- package/dist/esm/accordion/accordion.styles.js.map +1 -1
- package/dist/esm/accordion/index.d.ts +1 -0
- package/dist/esm/accordion/index.js +1 -0
- package/dist/esm/accordion/index.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.base.d.ts +0 -8
- package/dist/esm/accordion-item/accordion-item.base.js +3 -12
- package/dist/esm/accordion-item/accordion-item.base.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.d.ts +2 -4
- package/dist/esm/accordion-item/accordion-item.definition.js +2 -2
- package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.js +1 -1
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.options.d.ts +17 -1
- package/dist/esm/accordion-item/accordion-item.options.js +19 -0
- package/dist/esm/accordion-item/accordion-item.options.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 +7 -7
- package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
- package/dist/esm/accordion-item/index.d.ts +1 -0
- package/dist/esm/accordion-item/index.js +1 -0
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.base.d.ts +1 -1
- package/dist/esm/anchor-button/anchor-button.base.js +9 -6
- package/dist/esm/anchor-button/anchor-button.base.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.d.ts +1 -2
- package/dist/esm/anchor-button/anchor-button.definition.js +2 -2
- package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +1 -1
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.options.d.ts +7 -1
- package/dist/esm/anchor-button/anchor-button.options.js +7 -0
- package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.styles.js +4 -3
- package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.template.js +1 -1
- package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
- package/dist/esm/anchor-button/index.d.ts +1 -0
- package/dist/esm/anchor-button/index.js +1 -0
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/avatar/avatar.base.d.ts +64 -10
- package/dist/esm/avatar/avatar.base.js +100 -27
- package/dist/esm/avatar/avatar.base.js.map +1 -1
- package/dist/esm/avatar/avatar.definition.js +2 -2
- package/dist/esm/avatar/avatar.definition.js.map +1 -1
- package/dist/esm/avatar/avatar.options.d.ts +7 -1
- package/dist/esm/avatar/avatar.options.js +7 -0
- package/dist/esm/avatar/avatar.options.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +25 -8
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/avatar/avatar.template.js +4 -3
- package/dist/esm/avatar/avatar.template.js.map +1 -1
- package/dist/esm/avatar/index.d.ts +1 -0
- package/dist/esm/avatar/index.js +1 -0
- package/dist/esm/avatar/index.js.map +1 -1
- package/dist/esm/badge/badge.d.ts +1 -1
- package/dist/esm/badge/badge.definition.js +2 -2
- package/dist/esm/badge/badge.definition.js.map +1 -1
- package/dist/esm/badge/badge.js +1 -1
- package/dist/esm/badge/badge.js.map +1 -1
- package/dist/esm/badge/badge.options.d.ts +12 -3
- package/dist/esm/badge/badge.options.js +7 -0
- package/dist/esm/badge/badge.options.js.map +1 -1
- package/dist/esm/badge/badge.styles.js +5 -4
- package/dist/esm/badge/badge.styles.js.map +1 -1
- package/dist/esm/badge/badge.template.js +1 -1
- package/dist/esm/badge/badge.template.js.map +1 -1
- package/dist/esm/badge/index.d.ts +3 -3
- package/dist/esm/badge/index.js +3 -3
- package/dist/esm/badge/index.js.map +1 -1
- package/dist/esm/button/button.base.d.ts +15 -1
- package/dist/esm/button/button.base.js +28 -26
- package/dist/esm/button/button.base.js.map +1 -1
- package/dist/esm/button/button.d.ts +1 -1
- package/dist/esm/button/button.definition.js +2 -2
- package/dist/esm/button/button.definition.js.map +1 -1
- package/dist/esm/button/button.js +1 -1
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.options.d.ts +8 -2
- package/dist/esm/button/button.options.js +7 -0
- package/dist/esm/button/button.options.js.map +1 -1
- package/dist/esm/button/button.styles.js +5 -3
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/button/button.template.d.ts +3 -3
- package/dist/esm/button/button.template.js +1 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/button/index.d.ts +1 -0
- package/dist/esm/button/index.js +1 -0
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/checkbox/checkbox.definition.js +2 -2
- package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
- package/dist/esm/checkbox/checkbox.options.d.ts +6 -0
- package/dist/esm/checkbox/checkbox.options.js +7 -0
- package/dist/esm/checkbox/checkbox.options.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +4 -3
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/checkbox/index.d.ts +1 -0
- package/dist/esm/checkbox/index.js +1 -0
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/compound-button/compound-button.definition.js +2 -2
- package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
- package/dist/esm/compound-button/compound-button.options.d.ts +7 -1
- package/dist/esm/compound-button/compound-button.options.js +7 -0
- package/dist/esm/compound-button/compound-button.options.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.js +4 -3
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
- package/dist/esm/compound-button/compound-button.template.d.ts +3 -1
- package/dist/esm/compound-button/compound-button.template.js +8 -3
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/compound-button/index.d.ts +1 -0
- package/dist/esm/compound-button/index.js +1 -0
- package/dist/esm/compound-button/index.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.base.d.ts +55 -0
- package/dist/esm/counter-badge/counter-badge.base.js +84 -0
- package/dist/esm/counter-badge/counter-badge.base.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.d.ts +5 -57
- package/dist/esm/counter-badge/counter-badge.definition.js +2 -2
- package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js +6 -76
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.options.d.ts +26 -12
- package/dist/esm/counter-badge/counter-badge.options.js +15 -4
- package/dist/esm/counter-badge/counter-badge.options.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.js +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.template.d.ts +9 -1
- package/dist/esm/counter-badge/counter-badge.template.js +15 -7
- package/dist/esm/counter-badge/counter-badge.template.js.map +1 -1
- package/dist/esm/counter-badge/index.d.ts +4 -3
- package/dist/esm/counter-badge/index.js +4 -3
- package/dist/esm/counter-badge/index.js.map +1 -1
- package/dist/esm/define-all.d.ts +42 -0
- package/dist/esm/define-all.js +43 -0
- package/dist/esm/define-all.js.map +1 -0
- package/dist/esm/dialog/dialog.d.ts +59 -11
- package/dist/esm/dialog/dialog.definition.js +2 -2
- package/dist/esm/dialog/dialog.definition.js.map +1 -1
- package/dist/esm/dialog/dialog.js +90 -33
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.d.ts +7 -1
- package/dist/esm/dialog/dialog.options.js +7 -0
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +4 -3
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +5 -3
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/dialog/index.d.ts +1 -0
- package/dist/esm/dialog/index.js +1 -0
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.definition.js +2 -2
- package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.js +1 -1
- package/dist/esm/dialog-body/dialog-body.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.options.d.ts +6 -0
- package/dist/esm/dialog-body/dialog-body.options.js +8 -0
- package/dist/esm/dialog-body/dialog-body.options.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.styles.js +1 -1
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
- package/dist/esm/dialog-body/index.d.ts +1 -0
- package/dist/esm/dialog-body/index.js +1 -0
- package/dist/esm/dialog-body/index.js.map +1 -1
- package/dist/esm/divider/divider.definition.js +2 -2
- package/dist/esm/divider/divider.definition.js.map +1 -1
- package/dist/esm/divider/divider.options.d.ts +7 -1
- package/dist/esm/divider/divider.options.js +8 -1
- package/dist/esm/divider/divider.options.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +5 -3
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/divider/index.d.ts +1 -0
- package/dist/esm/divider/index.js +1 -0
- package/dist/esm/divider/index.js.map +1 -1
- package/dist/esm/drawer/drawer.d.ts +62 -23
- package/dist/esm/drawer/drawer.definition.js +2 -2
- package/dist/esm/drawer/drawer.definition.js.map +1 -1
- package/dist/esm/drawer/drawer.js +91 -54
- package/dist/esm/drawer/drawer.js.map +1 -1
- package/dist/esm/drawer/drawer.options.d.ts +7 -1
- package/dist/esm/drawer/drawer.options.js +7 -0
- package/dist/esm/drawer/drawer.options.js.map +1 -1
- package/dist/esm/drawer/drawer.styles.js +1 -1
- package/dist/esm/drawer/drawer.styles.js.map +1 -1
- package/dist/esm/drawer/drawer.template.js +5 -3
- package/dist/esm/drawer/drawer.template.js.map +1 -1
- package/dist/esm/drawer/index.d.ts +1 -0
- package/dist/esm/drawer/index.js +1 -0
- package/dist/esm/drawer/index.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.definition.js +2 -2
- package/dist/esm/drawer-body/drawer-body.definition.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.js +1 -1
- package/dist/esm/drawer-body/drawer-body.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.options.d.ts +6 -0
- package/dist/esm/drawer-body/drawer-body.options.js +8 -0
- package/dist/esm/drawer-body/drawer-body.options.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.styles.js +1 -1
- package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -1
- package/dist/esm/drawer-body/index.d.ts +1 -0
- package/dist/esm/drawer-body/index.js +1 -0
- package/dist/esm/drawer-body/index.js.map +1 -1
- package/dist/esm/dropdown/dropdown.base.d.ts +6 -0
- package/dist/esm/dropdown/dropdown.base.js +47 -25
- package/dist/esm/dropdown/dropdown.base.js.map +1 -1
- package/dist/esm/dropdown/dropdown.definition.js +2 -2
- package/dist/esm/dropdown/dropdown.definition.js.map +1 -1
- package/dist/esm/dropdown/dropdown.options.d.ts +6 -0
- package/dist/esm/dropdown/dropdown.options.js +7 -0
- package/dist/esm/dropdown/dropdown.options.js.map +1 -1
- package/dist/esm/dropdown/dropdown.styles.js +2 -0
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
- package/dist/esm/dropdown/index.d.ts +1 -0
- package/dist/esm/dropdown/index.js +1 -0
- package/dist/esm/dropdown/index.js.map +1 -1
- package/dist/esm/field/field.base.js +1 -1
- package/dist/esm/field/field.base.js.map +1 -1
- package/dist/esm/field/field.definition.js +2 -2
- package/dist/esm/field/field.definition.js.map +1 -1
- package/dist/esm/field/field.options.d.ts +6 -0
- package/dist/esm/field/field.options.js +7 -0
- package/dist/esm/field/field.options.js.map +1 -1
- package/dist/esm/field/index.d.ts +1 -0
- package/dist/esm/field/index.js +1 -0
- package/dist/esm/field/index.js.map +1 -1
- package/dist/esm/fluent-design-system.js +1 -1
- package/dist/esm/fluent-design-system.js.map +1 -1
- package/dist/esm/image/image.definition.js +2 -2
- package/dist/esm/image/image.definition.js.map +1 -1
- package/dist/esm/image/image.options.d.ts +7 -1
- package/dist/esm/image/image.options.js +7 -0
- package/dist/esm/image/image.options.js.map +1 -1
- package/dist/esm/image/index.d.ts +1 -0
- package/dist/esm/image/index.js +1 -0
- package/dist/esm/image/index.js.map +1 -1
- package/dist/esm/index-all-rollup.d.ts +2 -0
- package/dist/esm/index-all-rollup.js +9 -0
- package/dist/esm/index-all-rollup.js.map +1 -0
- package/dist/esm/index-rollup.d.ts +1 -44
- package/dist/esm/index-rollup.js +6 -44
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.d.ts +8 -11
- package/dist/esm/index.js +6 -8
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/index.d.ts +1 -0
- package/dist/esm/label/index.js +1 -0
- package/dist/esm/label/index.js.map +1 -1
- package/dist/esm/label/label.definition.js +2 -2
- package/dist/esm/label/label.definition.js.map +1 -1
- package/dist/esm/label/label.options.d.ts +7 -1
- package/dist/esm/label/label.options.js +7 -0
- package/dist/esm/label/label.options.js.map +1 -1
- package/dist/esm/label/label.styles.js +1 -1
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/link/index.d.ts +1 -0
- package/dist/esm/link/index.js +1 -0
- package/dist/esm/link/index.js.map +1 -1
- package/dist/esm/link/link.definition.js +2 -2
- package/dist/esm/link/link.definition.js.map +1 -1
- package/dist/esm/link/link.options.d.ts +7 -1
- package/dist/esm/link/link.options.js +7 -0
- package/dist/esm/link/link.options.js.map +1 -1
- package/dist/esm/link/link.styles.js +5 -3
- package/dist/esm/link/link.styles.js.map +1 -1
- package/dist/esm/listbox/index.d.ts +1 -0
- package/dist/esm/listbox/index.js +1 -0
- package/dist/esm/listbox/index.js.map +1 -1
- package/dist/esm/listbox/listbox.d.ts +12 -7
- package/dist/esm/listbox/listbox.definition.js +2 -2
- package/dist/esm/listbox/listbox.definition.js.map +1 -1
- package/dist/esm/listbox/listbox.js +27 -17
- package/dist/esm/listbox/listbox.js.map +1 -1
- package/dist/esm/listbox/listbox.options.d.ts +6 -0
- package/dist/esm/listbox/listbox.options.js +7 -0
- package/dist/esm/listbox/listbox.options.js.map +1 -1
- package/dist/esm/listbox/listbox.template.js +2 -3
- package/dist/esm/listbox/listbox.template.js.map +1 -1
- package/dist/esm/menu/index.d.ts +1 -0
- package/dist/esm/menu/index.js +1 -0
- package/dist/esm/menu/index.js.map +1 -1
- package/dist/esm/menu/menu.d.ts +31 -15
- package/dist/esm/menu/menu.definition.js +2 -2
- package/dist/esm/menu/menu.definition.js.map +1 -1
- package/dist/esm/menu/menu.js +78 -79
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu/menu.options.d.ts +6 -0
- package/dist/esm/menu/menu.options.js +8 -0
- package/dist/esm/menu/menu.options.js.map +1 -0
- package/dist/esm/menu/menu.styles.js +1 -1
- package/dist/esm/menu/menu.styles.js.map +1 -1
- package/dist/esm/menu-button/index.d.ts +1 -0
- package/dist/esm/menu-button/index.js +1 -0
- package/dist/esm/menu-button/index.js.map +1 -1
- package/dist/esm/menu-button/menu-button.definition.js +2 -2
- package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
- package/dist/esm/menu-button/menu-button.options.d.ts +7 -1
- package/dist/esm/menu-button/menu-button.options.js +7 -0
- package/dist/esm/menu-button/menu-button.options.js.map +1 -1
- package/dist/esm/menu-item/index.d.ts +1 -0
- package/dist/esm/menu-item/index.js +1 -0
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/menu-item/menu-item.d.ts +3 -1
- package/dist/esm/menu-item/menu-item.definition.js +2 -2
- package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js +23 -12
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-item/menu-item.options.d.ts +7 -1
- package/dist/esm/menu-item/menu-item.options.js +7 -0
- package/dist/esm/menu-item/menu-item.options.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +5 -3
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.template.js +3 -2
- package/dist/esm/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/menu-list/index.d.ts +2 -0
- package/dist/esm/menu-list/index.js +2 -0
- package/dist/esm/menu-list/index.js.map +1 -1
- package/dist/esm/menu-list/menu-list.base.d.ts +57 -0
- package/dist/esm/menu-list/menu-list.base.js +152 -0
- package/dist/esm/menu-list/menu-list.base.js.map +1 -0
- package/dist/esm/menu-list/menu-list.d.ts +6 -69
- package/dist/esm/menu-list/menu-list.definition.js +2 -2
- package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js +18 -237
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/menu-list/menu-list.options.d.ts +6 -0
- package/dist/esm/menu-list/menu-list.options.js +8 -0
- package/dist/esm/menu-list/menu-list.options.js.map +1 -0
- 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 +1 -5
- package/dist/esm/menu-list/menu-list.template.js.map +1 -1
- package/dist/esm/message-bar/index.d.ts +1 -0
- package/dist/esm/message-bar/index.js +1 -0
- package/dist/esm/message-bar/index.js.map +1 -1
- package/dist/esm/message-bar/message-bar.d.ts +2 -1
- package/dist/esm/message-bar/message-bar.definition.js +2 -1
- package/dist/esm/message-bar/message-bar.definition.js.map +1 -1
- package/dist/esm/message-bar/message-bar.js +2 -1
- package/dist/esm/message-bar/message-bar.js.map +1 -1
- package/dist/esm/message-bar/message-bar.options.d.ts +12 -3
- package/dist/esm/message-bar/message-bar.options.js +13 -3
- package/dist/esm/message-bar/message-bar.options.js.map +1 -1
- package/dist/esm/message-bar/message-bar.template.d.ts +3 -3
- package/dist/esm/message-bar/message-bar.template.js +3 -3
- package/dist/esm/option/index.d.ts +1 -0
- package/dist/esm/option/index.js +1 -0
- package/dist/esm/option/index.js.map +1 -1
- package/dist/esm/option/option.definition.js +2 -2
- package/dist/esm/option/option.definition.js.map +1 -1
- package/dist/esm/option/option.js +1 -1
- package/dist/esm/option/option.js.map +1 -1
- package/dist/esm/option/option.options.d.ts +6 -0
- package/dist/esm/option/option.options.js +7 -0
- package/dist/esm/option/option.options.js.map +1 -1
- package/dist/esm/patterns/start-end.d.ts +1 -1
- package/dist/esm/patterns/start-end.js +1 -1
- package/dist/esm/patterns/start-end.js.map +1 -1
- package/dist/esm/progress-bar/index.d.ts +1 -0
- package/dist/esm/progress-bar/index.js +1 -0
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.base.d.ts +35 -8
- package/dist/esm/progress-bar/progress-bar.base.js +41 -20
- package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.d.ts +8 -2
- package/dist/esm/progress-bar/progress-bar.definition.js +2 -2
- package/dist/esm/progress-bar/progress-bar.definition.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.options.d.ts +7 -1
- package/dist/esm/progress-bar/progress-bar.options.js +7 -0
- package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +5 -3
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/radio/index.d.ts +1 -0
- package/dist/esm/radio/index.js +1 -0
- package/dist/esm/radio/index.js.map +1 -1
- package/dist/esm/radio/radio.d.ts +1 -1
- package/dist/esm/radio/radio.definition.js +2 -2
- package/dist/esm/radio/radio.definition.js.map +1 -1
- package/dist/esm/radio/radio.js +1 -1
- package/dist/esm/radio/radio.options.d.ts +15 -0
- package/dist/esm/radio/radio.options.js +19 -1
- package/dist/esm/radio/radio.options.js.map +1 -1
- package/dist/esm/radio/radio.styles.js +4 -3
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio/radio.template.js +1 -1
- package/dist/esm/radio/radio.template.js.map +1 -1
- package/dist/esm/radio-group/index.d.ts +2 -0
- package/dist/esm/radio-group/index.js +2 -0
- package/dist/esm/radio-group/index.js.map +1 -1
- package/dist/esm/radio-group/radio-group.base.d.ts +272 -0
- package/dist/esm/radio-group/radio-group.base.js +438 -0
- package/dist/esm/radio-group/radio-group.base.js.map +1 -0
- package/dist/esm/radio-group/radio-group.d.ts +8 -273
- package/dist/esm/radio-group/radio-group.definition.js +2 -2
- package/dist/esm/radio-group/radio-group.definition.js.map +1 -1
- package/dist/esm/radio-group/radio-group.js +20 -492
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/radio-group/radio-group.options.d.ts +7 -1
- package/dist/esm/radio-group/radio-group.options.js +8 -1
- package/dist/esm/radio-group/radio-group.options.js.map +1 -1
- 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 +3 -3
- package/dist/esm/radio-group/radio-group.template.js.map +1 -1
- package/dist/esm/rating-display/index.d.ts +1 -0
- package/dist/esm/rating-display/index.js +1 -0
- package/dist/esm/rating-display/index.js.map +1 -1
- package/dist/esm/rating-display/rating-display.base.d.ts +11 -1
- package/dist/esm/rating-display/rating-display.base.js +24 -11
- package/dist/esm/rating-display/rating-display.base.js.map +1 -1
- package/dist/esm/rating-display/rating-display.definition.js +2 -2
- package/dist/esm/rating-display/rating-display.definition.js.map +1 -1
- package/dist/esm/rating-display/rating-display.options.d.ts +7 -1
- package/dist/esm/rating-display/rating-display.options.js +7 -0
- package/dist/esm/rating-display/rating-display.options.js.map +1 -1
- package/dist/esm/rating-display/rating-display.styles.js +5 -3
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
- package/dist/esm/slider/index.d.ts +1 -0
- package/dist/esm/slider/index.js +1 -0
- package/dist/esm/slider/index.js.map +1 -1
- package/dist/esm/slider/slider-utilities.d.ts +1 -1
- package/dist/esm/slider/slider-utilities.js +2 -1
- package/dist/esm/slider/slider-utilities.js.map +1 -1
- package/dist/esm/slider/slider.d.ts +9 -4
- package/dist/esm/slider/slider.definition.js +2 -2
- package/dist/esm/slider/slider.definition.js.map +1 -1
- package/dist/esm/slider/slider.js +55 -35
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.options.d.ts +9 -2
- package/dist/esm/slider/slider.options.js +8 -1
- package/dist/esm/slider/slider.options.js.map +1 -1
- package/dist/esm/slider/slider.styles.js +5 -3
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/spinner/index.d.ts +1 -0
- package/dist/esm/spinner/index.js +1 -0
- package/dist/esm/spinner/index.js.map +1 -1
- package/dist/esm/spinner/spinner.definition.js +2 -2
- package/dist/esm/spinner/spinner.definition.js.map +1 -1
- package/dist/esm/spinner/spinner.options.d.ts +7 -1
- package/dist/esm/spinner/spinner.options.js +7 -0
- package/dist/esm/spinner/spinner.options.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +5 -3
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/styles/index.d.ts +2 -1
- package/dist/esm/styles/index.js +2 -1
- package/dist/esm/styles/index.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.d.ts +2 -1
- package/dist/esm/styles/partials/badge.partials.js +3 -2
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/switch/index.d.ts +1 -0
- package/dist/esm/switch/index.js +1 -0
- package/dist/esm/switch/index.js.map +1 -1
- package/dist/esm/switch/switch.d.ts +1 -1
- package/dist/esm/switch/switch.definition.js +2 -2
- package/dist/esm/switch/switch.definition.js.map +1 -1
- package/dist/esm/switch/switch.options.d.ts +7 -1
- package/dist/esm/switch/switch.options.js +7 -0
- package/dist/esm/switch/switch.options.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +4 -3
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.js +1 -1
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/esm/tab/index.d.ts +1 -0
- package/dist/esm/tab/index.js +1 -0
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab/tab.d.ts +15 -1
- package/dist/esm/tab/tab.definition.js +2 -2
- package/dist/esm/tab/tab.definition.js.map +1 -1
- package/dist/esm/tab/tab.js +26 -2
- package/dist/esm/tab/tab.js.map +1 -1
- package/dist/esm/tab/tab.options.d.ts +6 -0
- package/dist/esm/tab/tab.options.js +7 -0
- package/dist/esm/tab/tab.options.js.map +1 -1
- package/dist/esm/tab/tab.styles.js +23 -3
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/esm/tab/tab.template.js +2 -2
- package/dist/esm/tab/tab.template.js.map +1 -1
- package/dist/esm/tablist/index.d.ts +1 -0
- package/dist/esm/tablist/index.js +1 -0
- package/dist/esm/tablist/index.js.map +1 -1
- package/dist/esm/tablist/tablist.base.d.ts +15 -46
- package/dist/esm/tablist/tablist.base.js +114 -209
- package/dist/esm/tablist/tablist.base.js.map +1 -1
- package/dist/esm/tablist/tablist.d.ts +7 -74
- package/dist/esm/tablist/tablist.definition.js +2 -2
- package/dist/esm/tablist/tablist.definition.js.map +1 -1
- package/dist/esm/tablist/tablist.js +22 -132
- package/dist/esm/tablist/tablist.js.map +1 -1
- package/dist/esm/tablist/tablist.options.d.ts +7 -1
- package/dist/esm/tablist/tablist.options.js +8 -1
- package/dist/esm/tablist/tablist.options.js.map +1 -1
- package/dist/esm/tablist/tablist.styles.js +83 -65
- package/dist/esm/tablist/tablist.styles.js.map +1 -1
- package/dist/esm/tablist/tablist.template.js +5 -1
- package/dist/esm/tablist/tablist.template.js.map +1 -1
- package/dist/esm/text/index.d.ts +1 -0
- package/dist/esm/text/index.js +1 -0
- package/dist/esm/text/index.js.map +1 -1
- package/dist/esm/text/text.definition.js +2 -2
- package/dist/esm/text/text.definition.js.map +1 -1
- package/dist/esm/text/text.options.d.ts +7 -1
- package/dist/esm/text/text.options.js +7 -0
- package/dist/esm/text/text.options.js.map +1 -1
- package/dist/esm/text/text.styles.js +1 -1
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text-input/index.d.ts +1 -0
- package/dist/esm/text-input/index.js +1 -0
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.base.js +12 -5
- package/dist/esm/text-input/text-input.base.js.map +1 -1
- package/dist/esm/text-input/text-input.definition.js +2 -2
- package/dist/esm/text-input/text-input.definition.js.map +1 -1
- package/dist/esm/text-input/text-input.options.d.ts +6 -0
- package/dist/esm/text-input/text-input.options.js +7 -0
- package/dist/esm/text-input/text-input.options.js.map +1 -1
- package/dist/esm/text-input/text-input.template.d.ts +1 -1
- package/dist/esm/text-input/text-input.template.js +2 -8
- package/dist/esm/text-input/text-input.template.js.map +1 -1
- package/dist/esm/textarea/index.d.ts +1 -0
- package/dist/esm/textarea/index.js +1 -0
- package/dist/esm/textarea/index.js.map +1 -1
- package/dist/esm/textarea/textarea.base.d.ts +12 -3
- package/dist/esm/textarea/textarea.base.js +43 -25
- package/dist/esm/textarea/textarea.base.js.map +1 -1
- package/dist/esm/textarea/textarea.definition.js +2 -2
- package/dist/esm/textarea/textarea.definition.js.map +1 -1
- package/dist/esm/textarea/textarea.options.d.ts +6 -0
- package/dist/esm/textarea/textarea.options.js +7 -0
- package/dist/esm/textarea/textarea.options.js.map +1 -1
- package/dist/esm/textarea/textarea.styles.js +4 -3
- package/dist/esm/textarea/textarea.styles.js.map +1 -1
- package/dist/esm/textarea/textarea.template.js +1 -1
- package/dist/esm/textarea/textarea.template.js.map +1 -1
- package/dist/esm/theme/design-tokens.d.ts +115 -0
- package/dist/esm/theme/design-tokens.js +115 -0
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/index.d.ts +1 -1
- package/dist/esm/theme/index.js +1 -1
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/esm/theme/set-theme.d.ts +2 -7
- package/dist/esm/theme/set-theme.js +2 -9
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/toggle-button/index.d.ts +1 -0
- package/dist/esm/toggle-button/index.js +1 -0
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.definition.js +2 -2
- package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.options.d.ts +8 -2
- package/dist/esm/toggle-button/toggle-button.options.js +7 -0
- package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js +4 -3
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/esm/tooltip/index.d.ts +1 -0
- package/dist/esm/tooltip/index.js +1 -0
- package/dist/esm/tooltip/index.js.map +1 -1
- package/dist/esm/tooltip/tooltip.d.ts +2 -2
- package/dist/esm/tooltip/tooltip.definition.js +2 -2
- package/dist/esm/tooltip/tooltip.definition.js.map +1 -1
- package/dist/esm/tooltip/tooltip.js +3 -3
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/esm/tooltip/tooltip.options.d.ts +6 -0
- package/dist/esm/tooltip/tooltip.options.js +7 -0
- package/dist/esm/tooltip/tooltip.options.js.map +1 -1
- package/dist/esm/tree/index.d.ts +1 -0
- package/dist/esm/tree/index.js +1 -0
- package/dist/esm/tree/index.js.map +1 -1
- package/dist/esm/tree/tree.base.d.ts +13 -28
- package/dist/esm/tree/tree.base.js +37 -106
- package/dist/esm/tree/tree.base.js.map +1 -1
- package/dist/esm/tree/tree.d.ts +13 -2
- package/dist/esm/tree/tree.definition.js +2 -2
- package/dist/esm/tree/tree.definition.js.map +1 -1
- package/dist/esm/tree/tree.js +31 -2
- package/dist/esm/tree/tree.js.map +1 -1
- package/dist/esm/tree/tree.options.d.ts +6 -0
- package/dist/esm/tree/tree.options.js +8 -0
- package/dist/esm/tree/tree.options.js.map +1 -0
- package/dist/esm/tree/tree.template.js +2 -3
- package/dist/esm/tree/tree.template.js.map +1 -1
- package/dist/esm/tree-item/index.d.ts +1 -0
- package/dist/esm/tree-item/index.js +1 -0
- package/dist/esm/tree-item/index.js.map +1 -1
- package/dist/esm/tree-item/tree-item.base.d.ts +21 -5
- package/dist/esm/tree-item/tree-item.base.js +46 -18
- package/dist/esm/tree-item/tree-item.base.js.map +1 -1
- package/dist/esm/tree-item/tree-item.definition.js +2 -2
- package/dist/esm/tree-item/tree-item.definition.js.map +1 -1
- package/dist/esm/tree-item/tree-item.options.d.ts +6 -0
- package/dist/esm/tree-item/tree-item.options.js +7 -0
- package/dist/esm/tree-item/tree-item.options.js.map +1 -1
- package/dist/esm/tree-item/tree-item.template.js +1 -1
- package/dist/esm/tree-item/tree-item.template.js.map +1 -1
- package/dist/esm/utils/direction.d.ts +13 -1
- package/dist/esm/utils/direction.js +8 -1
- package/dist/esm/utils/direction.js.map +1 -1
- package/dist/esm/utils/focusable-element.js +2 -1
- package/dist/esm/utils/focusable-element.js.map +1 -1
- package/dist/esm/utils/focusgroup.d.ts +22 -0
- package/dist/esm/utils/focusgroup.js +42 -0
- package/dist/esm/utils/focusgroup.js.map +1 -0
- package/dist/esm/utils/index.d.ts +2 -1
- package/dist/esm/utils/index.js +2 -1
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/numbers.d.ts +5 -0
- package/dist/esm/utils/numbers.js +9 -0
- package/dist/esm/utils/numbers.js.map +1 -0
- package/dist/esm/utils/orientation.d.ts +13 -0
- package/dist/esm/utils/orientation.js +10 -0
- package/dist/esm/utils/orientation.js.map +1 -0
- package/dist/esm/utils/request-idle-callback.d.ts +15 -0
- package/dist/esm/utils/request-idle-callback.js +11 -10
- package/dist/esm/utils/request-idle-callback.js.map +1 -1
- package/dist/esm/utils/typings.d.ts +12 -0
- package/dist/esm/utils/typings.js +21 -1
- package/dist/esm/utils/typings.js.map +1 -1
- package/dist/web-components-all.js +14974 -0
- package/dist/web-components-all.min.js +47 -0
- package/dist/web-components.d.ts +1176 -1213
- package/dist/web-components.js +7775 -7302
- package/dist/web-components.min.js +29 -565
- package/package.json +23 -10
- package/dist/esm/tab-panel/define.d.ts +0 -1
- package/dist/esm/tab-panel/define.js +0 -7
- package/dist/esm/tab-panel/define.js.map +0 -1
- package/dist/esm/tab-panel/index.d.ts +0 -4
- package/dist/esm/tab-panel/index.js +0 -5
- package/dist/esm/tab-panel/index.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.bench.d.ts +0 -3
- package/dist/esm/tab-panel/tab-panel.bench.js +0 -13
- package/dist/esm/tab-panel/tab-panel.bench.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.d.ts +0 -8
- package/dist/esm/tab-panel/tab-panel.definition.d.ts +0 -5
- package/dist/esm/tab-panel/tab-panel.definition.js +0 -13
- package/dist/esm/tab-panel/tab-panel.definition.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.js +0 -9
- package/dist/esm/tab-panel/tab-panel.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.styles.d.ts +0 -1
- package/dist/esm/tab-panel/tab-panel.styles.js +0 -12
- package/dist/esm/tab-panel/tab-panel.styles.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.template.d.ts +0 -7
- package/dist/esm/tab-panel/tab-panel.template.js +0 -13
- package/dist/esm/tab-panel/tab-panel.template.js.map +0 -1
- package/dist/esm/tabs/define.d.ts +0 -1
- package/dist/esm/tabs/define.js +0 -7
- package/dist/esm/tabs/define.js.map +0 -1
- package/dist/esm/tabs/index.d.ts +0 -6
- package/dist/esm/tabs/index.js +0 -6
- package/dist/esm/tabs/index.js.map +0 -1
- package/dist/esm/tabs/tabs.base.d.ts +0 -90
- package/dist/esm/tabs/tabs.base.js +0 -279
- package/dist/esm/tabs/tabs.base.js.map +0 -1
- package/dist/esm/tabs/tabs.bench.d.ts +0 -3
- package/dist/esm/tabs/tabs.bench.js +0 -32
- package/dist/esm/tabs/tabs.bench.js.map +0 -1
- package/dist/esm/tabs/tabs.d.ts +0 -100
- package/dist/esm/tabs/tabs.definition.d.ts +0 -5
- package/dist/esm/tabs/tabs.definition.js +0 -13
- package/dist/esm/tabs/tabs.definition.js.map +0 -1
- package/dist/esm/tabs/tabs.js +0 -180
- package/dist/esm/tabs/tabs.js.map +0 -1
- package/dist/esm/tabs/tabs.options.d.ts +0 -32
- package/dist/esm/tabs/tabs.options.js +0 -16
- package/dist/esm/tabs/tabs.options.js.map +0 -1
- package/dist/esm/tabs/tabs.styles.d.ts +0 -1
- package/dist/esm/tabs/tabs.styles.js +0 -230
- package/dist/esm/tabs/tabs.styles.js.map +0 -1
- package/dist/esm/tabs/tabs.template.d.ts +0 -8
- package/dist/esm/tabs/tabs.template.js +0 -19
- package/dist/esm/tabs/tabs.template.js.map +0 -1
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.d.ts +0 -124
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +0 -142
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +0 -1
package/dist/esm/menu/menu.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
-
import type { MenuList } from '../menu-list/menu-list.js';
|
|
3
2
|
/**
|
|
4
3
|
* A Menu component that provides a customizable menu element.
|
|
5
4
|
*
|
|
@@ -74,12 +73,28 @@ export declare class Menu extends FASTElement {
|
|
|
74
73
|
* Holds the slotted menu list.
|
|
75
74
|
* @public
|
|
76
75
|
*/
|
|
77
|
-
slottedMenuList:
|
|
76
|
+
slottedMenuList: HTMLElement[];
|
|
77
|
+
/**
|
|
78
|
+
* Sets up the component when the slotted menu list changes.
|
|
79
|
+
* @param prev - The previous items in the slotted menu list.
|
|
80
|
+
* @param next - The new items in the slotted menu list.
|
|
81
|
+
* @internal
|
|
82
|
+
*/
|
|
83
|
+
slottedMenuListChanged(prev: HTMLElement[] | undefined, next: HTMLElement[] | undefined): void;
|
|
78
84
|
/**
|
|
79
85
|
* Holds the slotted triggers.
|
|
80
86
|
* @public
|
|
81
87
|
*/
|
|
82
88
|
slottedTriggers: HTMLElement[];
|
|
89
|
+
/**
|
|
90
|
+
* Ensures the trigger is properly set up when the slotted triggers change.
|
|
91
|
+
* This includes setting ARIA attributes and adding event listeners based on the current property values.
|
|
92
|
+
*
|
|
93
|
+
* @param prev - The previous items in the slotted triggers list.
|
|
94
|
+
* @param next - The current items in the slotted triggers list.
|
|
95
|
+
* @internal
|
|
96
|
+
*/
|
|
97
|
+
slottedTriggersChanged(prev: HTMLElement[] | undefined, next: HTMLElement[] | undefined): void;
|
|
83
98
|
/**
|
|
84
99
|
* Holds the primary slot element.
|
|
85
100
|
* @public
|
|
@@ -100,6 +115,14 @@ export declare class Menu extends FASTElement {
|
|
|
100
115
|
* @internal
|
|
101
116
|
*/
|
|
102
117
|
private _menuList?;
|
|
118
|
+
/**
|
|
119
|
+
* @internal
|
|
120
|
+
*/
|
|
121
|
+
private _triggerAbortController?;
|
|
122
|
+
/**
|
|
123
|
+
* @internal
|
|
124
|
+
*/
|
|
125
|
+
private _menuListAbortController?;
|
|
103
126
|
/**
|
|
104
127
|
* Called when the element is connected to the DOM.
|
|
105
128
|
* Sets up the component.
|
|
@@ -114,7 +137,8 @@ export declare class Menu extends FASTElement {
|
|
|
114
137
|
disconnectedCallback(): void;
|
|
115
138
|
/**
|
|
116
139
|
* Sets the component.
|
|
117
|
-
*
|
|
140
|
+
* @deprecated This method is no longer used. Trigger and menu-list listeners are now
|
|
141
|
+
* managed by their respective slot-changed callbacks.
|
|
118
142
|
* @public
|
|
119
143
|
*/
|
|
120
144
|
setComponent(): void;
|
|
@@ -184,23 +208,15 @@ export declare class Menu extends FASTElement {
|
|
|
184
208
|
*/
|
|
185
209
|
closeOnScrollChanged(oldValue: boolean, newValue: boolean): void;
|
|
186
210
|
/**
|
|
187
|
-
* Adds event listeners.
|
|
188
|
-
* Adds click and keydown event listeners to the trigger.
|
|
189
|
-
* Adds a 'toggle' event listener to the menu list.
|
|
190
|
-
* If 'openOnHover' is true, adds a 'mouseover' event listener to the trigger.
|
|
191
|
-
* If 'openOnContext' is true, adds a 'contextmenu' event listener to the trigger and a document 'click' event listener.
|
|
211
|
+
* Adds trigger-related event listeners.
|
|
192
212
|
* @internal
|
|
193
213
|
*/
|
|
194
|
-
private
|
|
214
|
+
private addTriggerListeners;
|
|
195
215
|
/**
|
|
196
|
-
*
|
|
197
|
-
* Removes click and keydown event listeners from the trigger.
|
|
198
|
-
* Also removes toggle event listener from the menu list.
|
|
199
|
-
* Also removes 'mouseover' event listeners from the trigger.
|
|
200
|
-
* Also removes 'contextmenu' event listeners from the trigger and document 'click' event listeners.
|
|
216
|
+
* Adds menu-list event listeners.
|
|
201
217
|
* @internal
|
|
202
218
|
*/
|
|
203
|
-
private
|
|
219
|
+
private addMenuListListeners;
|
|
204
220
|
/**
|
|
205
221
|
* Handles keyboard interaction for the menu. Closes the menu and focuses on the trigger when the Escape key is
|
|
206
222
|
* pressed. Closes the menu when the Tab key is pressed.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { tagName } from './menu.options.js';
|
|
2
2
|
import { Menu } from './menu.js';
|
|
3
3
|
import { styles } from './menu.styles.js';
|
|
4
4
|
import { template } from './menu.template.js';
|
|
@@ -10,7 +10,7 @@ import { template } from './menu.template.js';
|
|
|
10
10
|
* HTML Element: <fluent-menu>
|
|
11
11
|
*/
|
|
12
12
|
export const definition = Menu.compose({
|
|
13
|
-
name:
|
|
13
|
+
name: tagName,
|
|
14
14
|
template,
|
|
15
15
|
styles,
|
|
16
16
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.definition.js","sourceRoot":"","sources":["../../../src/menu/menu.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"menu.definition.js","sourceRoot":"","sources":["../../../src/menu/menu.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,OAAO;IACb,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
package/dist/esm/menu/menu.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { attr, FASTElement, observable, Updates } from '@microsoft/fast-element';
|
|
3
|
-
import { keyEnter, keyEscape, keySpace, keyTab } from '@microsoft/fast-web-utilities';
|
|
4
3
|
import { MenuItem } from '../menu-item/menu-item.js';
|
|
5
4
|
import { MenuItemRole } from '../menu-item/menu-item.options.js';
|
|
6
5
|
/**
|
|
@@ -50,16 +49,6 @@ import { MenuItemRole } from '../menu-item/menu-item.options.js';
|
|
|
50
49
|
export class Menu extends FASTElement {
|
|
51
50
|
constructor() {
|
|
52
51
|
super(...arguments);
|
|
53
|
-
/**
|
|
54
|
-
* Holds the slotted menu list.
|
|
55
|
-
* @public
|
|
56
|
-
*/
|
|
57
|
-
this.slottedMenuList = [];
|
|
58
|
-
/**
|
|
59
|
-
* Holds the slotted triggers.
|
|
60
|
-
* @public
|
|
61
|
-
*/
|
|
62
|
-
this.slottedTriggers = [];
|
|
63
52
|
/**
|
|
64
53
|
* Defines whether the menu is open or not.
|
|
65
54
|
* @internal
|
|
@@ -111,9 +100,10 @@ export class Menu extends FASTElement {
|
|
|
111
100
|
// @ts-expect-error - Baseline 2024
|
|
112
101
|
if (e.type === 'toggle' && e.newState) {
|
|
113
102
|
// @ts-expect-error - Baseline 2024
|
|
114
|
-
const
|
|
115
|
-
this._trigger?.setAttribute('aria-expanded', `${
|
|
116
|
-
this.
|
|
103
|
+
const open = e.newState === 'open';
|
|
104
|
+
this._trigger?.setAttribute('aria-expanded', `${open}`);
|
|
105
|
+
this._menuList?.setAttribute('focusgroup', open ? 'menu' : 'none');
|
|
106
|
+
this._open = open;
|
|
117
107
|
if (this._open) {
|
|
118
108
|
this.focusMenuList();
|
|
119
109
|
}
|
|
@@ -132,8 +122,8 @@ export class Menu extends FASTElement {
|
|
|
132
122
|
}
|
|
133
123
|
const key = e.key;
|
|
134
124
|
switch (key) {
|
|
135
|
-
case
|
|
136
|
-
case
|
|
125
|
+
case ' ':
|
|
126
|
+
case 'Enter':
|
|
137
127
|
e.preventDefault();
|
|
138
128
|
this.toggleMenu();
|
|
139
129
|
break;
|
|
@@ -152,6 +142,41 @@ export class Menu extends FASTElement {
|
|
|
152
142
|
}
|
|
153
143
|
};
|
|
154
144
|
}
|
|
145
|
+
/**
|
|
146
|
+
* Sets up the component when the slotted menu list changes.
|
|
147
|
+
* @param prev - The previous items in the slotted menu list.
|
|
148
|
+
* @param next - The new items in the slotted menu list.
|
|
149
|
+
* @internal
|
|
150
|
+
*/
|
|
151
|
+
slottedMenuListChanged(prev, next) {
|
|
152
|
+
this._menuListAbortController?.abort();
|
|
153
|
+
if (!next?.length) {
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
this._menuList = next[0];
|
|
157
|
+
this._menuList.popover = this.openOnContext ? 'manual' : '';
|
|
158
|
+
this.addMenuListListeners();
|
|
159
|
+
}
|
|
160
|
+
/**
|
|
161
|
+
* Ensures the trigger is properly set up when the slotted triggers change.
|
|
162
|
+
* This includes setting ARIA attributes and adding event listeners based on the current property values.
|
|
163
|
+
*
|
|
164
|
+
* @param prev - The previous items in the slotted triggers list.
|
|
165
|
+
* @param next - The current items in the slotted triggers list.
|
|
166
|
+
* @internal
|
|
167
|
+
*/
|
|
168
|
+
slottedTriggersChanged(prev, next) {
|
|
169
|
+
this._triggerAbortController?.abort();
|
|
170
|
+
if (next?.length) {
|
|
171
|
+
const trigger = next[0];
|
|
172
|
+
this._trigger = trigger;
|
|
173
|
+
if (this._trigger?.isConnected) {
|
|
174
|
+
this._trigger.setAttribute('aria-haspopup', 'true');
|
|
175
|
+
this._trigger.setAttribute('aria-expanded', `${this._open}`);
|
|
176
|
+
this.addTriggerListeners();
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}
|
|
155
180
|
/**
|
|
156
181
|
* Called when the element is connected to the DOM.
|
|
157
182
|
* Sets up the component.
|
|
@@ -159,9 +184,9 @@ export class Menu extends FASTElement {
|
|
|
159
184
|
*/
|
|
160
185
|
connectedCallback() {
|
|
161
186
|
super.connectedCallback();
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
187
|
+
// Retained for backward compatibility. The trigger and menu list listeners are now managed by their respective
|
|
188
|
+
// slot-changed callbacks, so this method is no longer responsible for setting up the component. However, it is left in place to avoid breaking changes for any existing implementations that may be relying on it.
|
|
189
|
+
this.setComponent();
|
|
165
190
|
}
|
|
166
191
|
/**
|
|
167
192
|
* Called when the element is disconnected from the DOM.
|
|
@@ -170,23 +195,16 @@ export class Menu extends FASTElement {
|
|
|
170
195
|
*/
|
|
171
196
|
disconnectedCallback() {
|
|
172
197
|
super.disconnectedCallback();
|
|
173
|
-
this.
|
|
198
|
+
this._triggerAbortController?.abort();
|
|
199
|
+
this._menuListAbortController?.abort();
|
|
174
200
|
}
|
|
175
201
|
/**
|
|
176
202
|
* Sets the component.
|
|
177
|
-
*
|
|
203
|
+
* @deprecated This method is no longer used. Trigger and menu-list listeners are now
|
|
204
|
+
* managed by their respective slot-changed callbacks.
|
|
178
205
|
* @public
|
|
179
206
|
*/
|
|
180
|
-
setComponent() {
|
|
181
|
-
if (this.$fastController.isConnected && this.slottedMenuList.length && this.slottedTriggers.length) {
|
|
182
|
-
this._trigger = this.slottedTriggers[0];
|
|
183
|
-
this._menuList = this.slottedMenuList[0];
|
|
184
|
-
this._trigger.setAttribute('aria-haspopup', 'true');
|
|
185
|
-
this._trigger.setAttribute('aria-expanded', `${this._open}`);
|
|
186
|
-
this._menuList.setAttribute('popover', this.openOnContext ? 'manual' : '');
|
|
187
|
-
this.addListeners();
|
|
188
|
-
}
|
|
189
|
-
}
|
|
207
|
+
setComponent() { }
|
|
190
208
|
/**
|
|
191
209
|
* Focuses on the menu list.
|
|
192
210
|
* @public
|
|
@@ -214,11 +232,9 @@ export class Menu extends FASTElement {
|
|
|
214
232
|
* @public
|
|
215
233
|
*/
|
|
216
234
|
openOnHoverChanged(oldValue, newValue) {
|
|
217
|
-
if (
|
|
218
|
-
this.
|
|
219
|
-
|
|
220
|
-
else {
|
|
221
|
-
this._trigger?.removeEventListener('mouseover', this.openMenu);
|
|
235
|
+
if (this._trigger) {
|
|
236
|
+
this._triggerAbortController?.abort();
|
|
237
|
+
this.addTriggerListeners();
|
|
222
238
|
}
|
|
223
239
|
}
|
|
224
240
|
/**
|
|
@@ -229,11 +245,9 @@ export class Menu extends FASTElement {
|
|
|
229
245
|
* @param newValue - The new value of 'persistOnItemClick'.
|
|
230
246
|
*/
|
|
231
247
|
persistOnItemClickChanged(oldValue, newValue) {
|
|
232
|
-
if (
|
|
233
|
-
this.
|
|
234
|
-
|
|
235
|
-
else {
|
|
236
|
-
this._menuList?.removeEventListener('change', this.closeMenu);
|
|
248
|
+
if (this._menuList) {
|
|
249
|
+
this._menuListAbortController?.abort();
|
|
250
|
+
this.addMenuListListeners();
|
|
237
251
|
}
|
|
238
252
|
}
|
|
239
253
|
/**
|
|
@@ -245,10 +259,14 @@ export class Menu extends FASTElement {
|
|
|
245
259
|
*/
|
|
246
260
|
openOnContextChanged(oldValue, newValue) {
|
|
247
261
|
if (newValue) {
|
|
248
|
-
this.
|
|
262
|
+
this._menuList?.setAttribute('popover', 'manual');
|
|
249
263
|
}
|
|
250
264
|
else {
|
|
251
|
-
this.
|
|
265
|
+
this._menuList?.setAttribute('popover', '');
|
|
266
|
+
}
|
|
267
|
+
if (this._trigger) {
|
|
268
|
+
this._triggerAbortController?.abort();
|
|
269
|
+
this.addTriggerListeners();
|
|
252
270
|
}
|
|
253
271
|
}
|
|
254
272
|
/**
|
|
@@ -267,53 +285,34 @@ export class Menu extends FASTElement {
|
|
|
267
285
|
}
|
|
268
286
|
}
|
|
269
287
|
/**
|
|
270
|
-
* Adds event listeners.
|
|
271
|
-
* Adds click and keydown event listeners to the trigger.
|
|
272
|
-
* Adds a 'toggle' event listener to the menu list.
|
|
273
|
-
* If 'openOnHover' is true, adds a 'mouseover' event listener to the trigger.
|
|
274
|
-
* If 'openOnContext' is true, adds a 'contextmenu' event listener to the trigger and a document 'click' event listener.
|
|
288
|
+
* Adds trigger-related event listeners.
|
|
275
289
|
* @internal
|
|
276
290
|
*/
|
|
277
|
-
|
|
278
|
-
this.
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
this._menuList?.addEventListener('change', this.closeMenu);
|
|
282
|
-
}
|
|
291
|
+
addTriggerListeners() {
|
|
292
|
+
this._triggerAbortController = new AbortController();
|
|
293
|
+
const { signal } = this._triggerAbortController;
|
|
294
|
+
this._trigger?.addEventListener('keydown', this.triggerKeydownHandler, { signal });
|
|
283
295
|
if (this.openOnHover) {
|
|
284
|
-
this._trigger?.addEventListener('mouseover', this.openMenu);
|
|
296
|
+
this._trigger?.addEventListener('mouseover', this.openMenu, { signal });
|
|
285
297
|
}
|
|
286
298
|
else if (this.openOnContext) {
|
|
287
|
-
this._trigger?.addEventListener('contextmenu', this.openMenu);
|
|
288
|
-
document.addEventListener('click', this.documentClickHandler);
|
|
299
|
+
this._trigger?.addEventListener('contextmenu', this.openMenu, { signal });
|
|
300
|
+
document.addEventListener('click', this.documentClickHandler, { signal });
|
|
289
301
|
}
|
|
290
302
|
else {
|
|
291
|
-
this._trigger?.addEventListener('click', this.toggleMenu);
|
|
303
|
+
this._trigger?.addEventListener('click', this.toggleMenu, { signal });
|
|
292
304
|
}
|
|
293
305
|
}
|
|
294
306
|
/**
|
|
295
|
-
*
|
|
296
|
-
* Removes click and keydown event listeners from the trigger.
|
|
297
|
-
* Also removes toggle event listener from the menu list.
|
|
298
|
-
* Also removes 'mouseover' event listeners from the trigger.
|
|
299
|
-
* Also removes 'contextmenu' event listeners from the trigger and document 'click' event listeners.
|
|
307
|
+
* Adds menu-list event listeners.
|
|
300
308
|
* @internal
|
|
301
309
|
*/
|
|
302
|
-
|
|
303
|
-
this.
|
|
304
|
-
|
|
310
|
+
addMenuListListeners() {
|
|
311
|
+
this._menuListAbortController = new AbortController();
|
|
312
|
+
const { signal } = this._menuListAbortController;
|
|
313
|
+
this._menuList?.addEventListener('toggle', this.toggleHandler, { signal });
|
|
305
314
|
if (!this.persistOnItemClick) {
|
|
306
|
-
this._menuList?.
|
|
307
|
-
}
|
|
308
|
-
if (this.openOnHover) {
|
|
309
|
-
this._trigger?.removeEventListener('mouseover', this.openMenu);
|
|
310
|
-
}
|
|
311
|
-
if (this.openOnContext) {
|
|
312
|
-
this._trigger?.removeEventListener('contextmenu', this.openMenu);
|
|
313
|
-
document.removeEventListener('click', this.documentClickHandler);
|
|
314
|
-
}
|
|
315
|
-
else {
|
|
316
|
-
this._trigger?.removeEventListener('click', this.toggleMenu);
|
|
315
|
+
this._menuList?.addEventListener('change', this.closeMenu, { signal });
|
|
317
316
|
}
|
|
318
317
|
}
|
|
319
318
|
/**
|
|
@@ -329,14 +328,14 @@ export class Menu extends FASTElement {
|
|
|
329
328
|
}
|
|
330
329
|
const key = e.key;
|
|
331
330
|
switch (key) {
|
|
332
|
-
case
|
|
331
|
+
case 'Escape':
|
|
333
332
|
e.preventDefault();
|
|
334
333
|
if (this._open) {
|
|
335
334
|
this.closeMenu();
|
|
336
335
|
this.focusTrigger();
|
|
337
336
|
}
|
|
338
337
|
break;
|
|
339
|
-
case
|
|
338
|
+
case 'Tab':
|
|
340
339
|
if (this._open)
|
|
341
340
|
this.closeMenu();
|
|
342
341
|
if (e.shiftKey &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.options.js","sourceRoot":"","sources":["../../../src/menu/menu.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,OAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAiCF,eAAe,UAAU,mBAAmB;;;;;;;;;;;yBAW5C,eAAe;;;;;;;;CAQvC,CAAC"}
|
|
@@ -4,3 +4,4 @@ export { MenuButton } from './menu-button.js';
|
|
|
4
4
|
export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
|
|
5
5
|
export type { MenuButtonOptions } from './menu-button.options.js';
|
|
6
6
|
export { template as MenuButtonTemplate } from './menu-button.template.js';
|
|
7
|
+
export { tagName as MenuButtonTagName } from './menu-button.options.js';
|
|
@@ -3,4 +3,5 @@ export { definition as MenuButtonDefinition } from './menu-button.definition.js'
|
|
|
3
3
|
export { MenuButton } from './menu-button.js';
|
|
4
4
|
export { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
|
|
5
5
|
export { template as MenuButtonTemplate } from './menu-button.template.js';
|
|
6
|
+
export { tagName as MenuButtonTagName } from './menu-button.options.js';
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
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;AAC3E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
1
|
import { styles } from '../button/button.styles.js';
|
|
2
|
+
import { tagName } from './menu-button.options.js';
|
|
3
3
|
import { MenuButton } from './menu-button.js';
|
|
4
4
|
import { template } from './menu-button.template.js';
|
|
5
5
|
/**
|
|
@@ -8,7 +8,7 @@ import { template } from './menu-button.template.js';
|
|
|
8
8
|
* HTML Element: \<fluent-button\>
|
|
9
9
|
*/
|
|
10
10
|
export const definition = MenuButton.compose({
|
|
11
|
-
name:
|
|
11
|
+
name: tagName,
|
|
12
12
|
template,
|
|
13
13
|
styles,
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"menu-button.definition.js","sourceRoot":"","sources":["../../../src/menu-button/menu-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,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,OAAO;IACb,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ButtonOptions } from '../button/button.options.js';
|
|
2
|
-
import type { ValuesOf } from '../utils/
|
|
2
|
+
import type { ValuesOf } from '../utils/typings.js';
|
|
3
3
|
/**
|
|
4
4
|
* Menu Button Appearance constants
|
|
5
5
|
* @public
|
|
@@ -44,3 +44,9 @@ export declare const MenuButtonSize: {
|
|
|
44
44
|
*/
|
|
45
45
|
export type MenuButtonSize = ValuesOf<typeof MenuButtonSize>;
|
|
46
46
|
export type { ButtonOptions as MenuButtonOptions };
|
|
47
|
+
/**
|
|
48
|
+
* The tag name for the menu button element.
|
|
49
|
+
*
|
|
50
|
+
* @public
|
|
51
|
+
*/
|
|
52
|
+
export declare const tagName: "fluent-menu-button";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
1
2
|
import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js';
|
|
2
3
|
/**
|
|
3
4
|
* Menu Button Appearance constants
|
|
@@ -14,4 +15,10 @@ export const MenuButtonShape = ButtonShape;
|
|
|
14
15
|
* @public
|
|
15
16
|
*/
|
|
16
17
|
export const MenuButtonSize = ButtonSize;
|
|
18
|
+
/**
|
|
19
|
+
* The tag name for the menu button element.
|
|
20
|
+
*
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
export const tagName = `${FluentDesignSystem.prefix}-menu-button`;
|
|
17
24
|
//# sourceMappingURL=menu-button.options.js.map
|
|
@@ -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":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,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;AAUzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,cAAuB,CAAC"}
|
|
@@ -4,3 +4,4 @@ export type { MenuItemColumnCount, MenuItemOptions } from './menu-item.js';
|
|
|
4
4
|
export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
|
|
5
5
|
export { styles as MenuItemStyles } from './menu-item.styles.js';
|
|
6
6
|
export { template as MenuItemTemplate } from './menu-item.template.js';
|
|
7
|
+
export { tagName as MenuItemTagName } from './menu-item.options.js';
|
|
@@ -3,4 +3,5 @@ export { MenuItem } from './menu-item.js';
|
|
|
3
3
|
export { MenuItemRole, roleForMenuItem } from './menu-item.options.js';
|
|
4
4
|
export { styles as MenuItemStyles } from './menu-item.styles.js';
|
|
5
5
|
export { template as MenuItemTemplate } from './menu-item.template.js';
|
|
6
|
+
export { tagName as MenuItemTagName } from './menu-item.options.js';
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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"}
|
|
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;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -124,7 +124,9 @@ export declare class MenuItem extends FASTElement {
|
|
|
124
124
|
* Setup required ARIA on open/close
|
|
125
125
|
* @internal
|
|
126
126
|
*/
|
|
127
|
-
|
|
127
|
+
handleToggle: (e: Event) => void;
|
|
128
|
+
/** @internal */
|
|
129
|
+
handleSubmenuFocusOut: (e: FocusEvent) => void;
|
|
128
130
|
/**
|
|
129
131
|
* @internal
|
|
130
132
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { tagName } from './menu-item.options.js';
|
|
2
2
|
import { MenuItem } from './menu-item.js';
|
|
3
3
|
import { styles } from './menu-item.styles.js';
|
|
4
4
|
import { template } from './menu-item.template.js';
|
|
@@ -8,7 +8,7 @@ import { template } from './menu-item.template.js';
|
|
|
8
8
|
* HTML Element: <fluent-menu-item>
|
|
9
9
|
*/
|
|
10
10
|
export const definition = MenuItem.compose({
|
|
11
|
-
name:
|
|
11
|
+
name: tagName,
|
|
12
12
|
template,
|
|
13
13
|
styles,
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.definition.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"menu-item.definition.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,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,OAAO;IACb,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|