@fluentui/web-components 3.0.0-beta.99 → 3.0.0-rc.2
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 +335 -2
- package/custom-elements.json +1886 -609
- package/dist/esm/accordion/accordion.js +3 -5
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/{dts → esm}/accordion-item/accordion-item.d.ts +1 -0
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/{dts → esm}/avatar/avatar.base.d.ts +20 -0
- package/dist/esm/avatar/avatar.base.js +37 -1
- package/dist/esm/avatar/avatar.base.js.map +1 -1
- package/dist/esm/avatar/avatar.js +1 -1
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.template.js +2 -2
- package/dist/esm/avatar/avatar.template.js.map +1 -1
- package/dist/{dts → esm}/button/button.base.d.ts +3 -10
- package/dist/esm/button/button.base.js +25 -11
- package/dist/esm/button/button.base.js.map +1 -1
- package/dist/esm/button/button.template.js +0 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/{dts → esm}/checkbox/checkbox.base.d.ts +10 -1
- package/dist/esm/checkbox/checkbox.base.js +24 -2
- package/dist/esm/checkbox/checkbox.base.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.js +0 -1
- package/dist/esm/checkbox/checkbox.template.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.js +7 -1
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
- package/dist/{dts → esm}/dialog/dialog.d.ts +3 -0
- package/dist/esm/dialog/dialog.js +22 -1
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.d.ts +21 -0
- package/dist/esm/dialog/dialog.options.js +14 -0
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +7 -1
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +0 -4
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/{dts → esm}/dialog/index.d.ts +1 -1
- package/dist/esm/dialog/index.js +1 -1
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/{dts → esm}/dialog-body/dialog-body.d.ts +5 -3
- package/dist/esm/dialog-body/dialog-body.js +16 -12
- package/dist/esm/dialog-body/dialog-body.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.styles.js +24 -8
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.template.js +10 -35
- package/dist/esm/dialog-body/dialog-body.template.js.map +1 -1
- package/dist/{dts → esm}/divider/divider.options.d.ts +1 -4
- package/dist/{dts → esm}/drawer/drawer.d.ts +14 -0
- package/dist/esm/drawer/drawer.js +50 -0
- package/dist/esm/drawer/drawer.js.map +1 -1
- package/dist/esm/drawer/drawer.template.js +1 -4
- package/dist/esm/drawer/drawer.template.js.map +1 -1
- package/dist/{dts → esm}/drawer-body/drawer-body.d.ts +7 -0
- package/dist/esm/drawer-body/drawer-body.js +16 -0
- package/dist/esm/drawer-body/drawer-body.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.template.js +1 -1
- package/dist/esm/drawer-body/drawer-body.template.js.map +1 -1
- package/dist/{dts → esm}/dropdown/dropdown.base.d.ts +30 -16
- package/dist/esm/dropdown/dropdown.base.js +114 -62
- package/dist/esm/dropdown/dropdown.base.js.map +1 -1
- package/dist/esm/dropdown/dropdown.definition.js +0 -3
- package/dist/esm/dropdown/dropdown.definition.js.map +1 -1
- package/dist/esm/dropdown/dropdown.styles.js +28 -25
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
- package/dist/esm/dropdown/dropdown.template.js +4 -2
- package/dist/esm/dropdown/dropdown.template.js.map +1 -1
- package/dist/{dts → esm}/field/field.base.d.ts +3 -0
- package/dist/esm/field/field.base.js +21 -10
- package/dist/esm/field/field.base.js.map +1 -1
- package/dist/esm/field/field.styles.js +13 -15
- package/dist/esm/field/field.styles.js.map +1 -1
- package/dist/esm/field/field.template.js +2 -10
- package/dist/esm/field/field.template.js.map +1 -1
- package/dist/{dts → esm}/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.template.js +1 -1
- package/dist/esm/label/label.template.js.map +1 -1
- package/dist/{dts → esm}/listbox/listbox.d.ts +8 -2
- package/dist/esm/listbox/listbox.js +17 -5
- package/dist/esm/listbox/listbox.js.map +1 -1
- package/dist/esm/listbox/listbox.styles.js +38 -2
- package/dist/esm/listbox/listbox.styles.js.map +1 -1
- package/dist/{dts → esm}/listbox/listbox.template.d.ts +1 -2
- package/dist/esm/listbox/listbox.template.js +2 -9
- package/dist/esm/listbox/listbox.template.js.map +1 -1
- package/dist/esm/menu/menu.js +7 -3
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/{dts → esm}/menu-item/menu-item.options.d.ts +10 -0
- package/dist/esm/menu-item/menu-item.options.js +14 -0
- package/dist/esm/menu-item/menu-item.options.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +1 -1
- package/dist/esm/menu-list/menu-list.js +3 -7
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/option/option.js +1 -0
- package/dist/esm/option/option.js.map +1 -1
- package/dist/esm/option/option.styles.js +8 -2
- package/dist/esm/option/option.styles.js.map +1 -1
- package/dist/{dts → esm}/progress-bar/progress-bar.base.d.ts +4 -5
- package/dist/esm/progress-bar/progress-bar.base.js +26 -15
- package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
- package/dist/{dts → esm}/progress-bar/progress-bar.d.ts +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +11 -0
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.template.js +2 -8
- package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/{dts → esm}/radio/radio.d.ts +0 -1
- package/dist/esm/radio/radio.js +0 -7
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/{dts → esm}/radio-group/radio-group.d.ts +15 -0
- package/dist/esm/radio-group/radio-group.js +46 -6
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/{dts → esm}/radio-group/radio-group.options.d.ts +1 -4
- package/dist/esm/radio-group/radio-group.styles.js +5 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/{dts → esm}/rating-display/rating-display.base.d.ts +20 -32
- package/dist/esm/rating-display/rating-display.base.js +63 -48
- package/dist/esm/rating-display/rating-display.base.js.map +1 -1
- package/dist/{dts → esm}/rating-display/rating-display.d.ts +1 -13
- package/dist/esm/rating-display/rating-display.js +0 -16
- package/dist/esm/rating-display/rating-display.js.map +1 -1
- package/dist/esm/rating-display/rating-display.styles.js +65 -38
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
- package/dist/esm/rating-display/rating-display.template.d.ts +17 -0
- package/dist/esm/rating-display/rating-display.template.js +11 -15
- package/dist/esm/rating-display/rating-display.template.js.map +1 -1
- package/dist/esm/slider/slider.js +2 -2
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.template.js +0 -1
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/{dts → esm}/styles/states/index.d.ts +5 -0
- package/dist/esm/styles/states/index.js +5 -0
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +4 -0
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.js +0 -1
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/{dts → 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.options.d.ts +10 -0
- package/dist/esm/tab/tab.options.js +15 -0
- package/dist/esm/tab/tab.options.js.map +1 -0
- package/dist/esm/tab/tab.styles.js +12 -7
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/{dts → esm}/tablist/tablist.base.d.ts +13 -2
- package/dist/esm/tablist/tablist.base.js +23 -0
- package/dist/esm/tablist/tablist.base.js.map +1 -1
- package/dist/{dts → esm}/tablist/tablist.options.d.ts +1 -4
- package/dist/esm/tablist/tablist.styles.js +2 -2
- package/dist/esm/tablist/tablist.template.js +1 -1
- package/dist/esm/tablist/tablist.template.js.map +1 -1
- package/dist/esm/text/text.styles.js +0 -1
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/{dts → esm}/textarea/textarea.base.d.ts +1 -0
- package/dist/esm/textarea/textarea.base.js +14 -6
- package/dist/esm/textarea/textarea.base.js.map +1 -1
- package/dist/esm/textarea/textarea.template.js +2 -14
- package/dist/esm/textarea/textarea.template.js.map +1 -1
- package/dist/{dts → esm}/tree/tree.base.d.ts +7 -1
- package/dist/esm/tree/tree.base.js +9 -0
- package/dist/esm/tree/tree.base.js.map +1 -1
- package/dist/{dts → esm}/tree/tree.d.ts +4 -4
- package/dist/esm/tree/tree.js +2 -2
- package/dist/esm/tree/tree.js.map +1 -1
- package/dist/esm/tree/tree.styles.js +2 -1
- package/dist/esm/tree/tree.styles.js.map +1 -1
- package/dist/esm/tree/tree.template.js +2 -7
- package/dist/esm/tree/tree.template.js.map +1 -1
- package/dist/{dts → esm}/tree-item/tree-item.base.d.ts +8 -1
- package/dist/esm/tree-item/tree-item.base.js +18 -0
- package/dist/esm/tree-item/tree-item.base.js.map +1 -1
- package/dist/{dts → esm}/tree-item/tree-item.d.ts +3 -3
- package/dist/esm/tree-item/tree-item.js +1 -1
- package/dist/esm/tree-item/tree-item.js.map +1 -1
- package/dist/esm/tree-item/tree-item.styles.js +5 -0
- package/dist/esm/tree-item/tree-item.styles.js.map +1 -1
- package/dist/esm/tree-item/tree-item.template.js +5 -13
- package/dist/esm/tree-item/tree-item.template.js.map +1 -1
- package/dist/{dts → esm}/tsdoc-metadata.json +1 -1
- package/dist/esm/utils/element-internals.js +0 -3
- package/dist/esm/utils/element-internals.js.map +1 -1
- package/dist/{dts → esm}/utils/language.d.ts +1 -1
- package/dist/esm/utils/request-idle-callback.d.ts +41 -0
- package/dist/esm/utils/request-idle-callback.js +72 -0
- package/dist/esm/utils/request-idle-callback.js.map +1 -0
- package/dist/web-components.d.ts +197 -105
- package/dist/web-components.js +802 -535
- package/dist/web-components.min.js +230 -219
- package/package.json +27 -55
- package/dist/dts/dialog/dialog.options.d.ts +0 -11
- package/dist/dts/rating-display/rating-display.template.d.ts +0 -14
- /package/dist/{dts → esm}/accordion/accordion.bench.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.definition.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.options.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.styles.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/accordion.template.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/define.d.ts +0 -0
- /package/dist/{dts → esm}/accordion/index.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.base.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.bench.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.definition.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.options.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.styles.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/accordion-item.template.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/define.d.ts +0 -0
- /package/dist/{dts → esm}/accordion-item/index.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.base.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/anchor-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/anchor-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.bench.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.definition.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.options.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.styles.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/avatar.template.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/define.d.ts +0 -0
- /package/dist/{dts → esm}/avatar/index.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.bench.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.definition.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.options.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.styles.d.ts +0 -0
- /package/dist/{dts → esm}/badge/badge.template.d.ts +0 -0
- /package/dist/{dts → esm}/badge/define.d.ts +0 -0
- /package/dist/{dts → esm}/badge/index.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.options.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/button/button.template.d.ts +0 -0
- /package/dist/{dts → esm}/button/define.d.ts +0 -0
- /package/dist/{dts → esm}/button/index.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.bench.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.definition.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.options.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.styles.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/checkbox.template.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/define.d.ts +0 -0
- /package/dist/{dts → esm}/checkbox/index.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/compound-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/compound-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.bench.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.definition.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.options.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.styles.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/counter-badge.template.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/define.d.ts +0 -0
- /package/dist/{dts → esm}/counter-badge/index.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/define.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.bench.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.definition.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.styles.d.ts +0 -0
- /package/dist/{dts → esm}/dialog/dialog.template.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/define.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.bench.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.definition.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.styles.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/dialog-body.template.d.ts +0 -0
- /package/dist/{dts → esm}/dialog-body/index.d.ts +0 -0
- /package/dist/{dts → esm}/divider/define.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.base.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.bench.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.definition.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.styles.d.ts +0 -0
- /package/dist/{dts → esm}/divider/divider.template.d.ts +0 -0
- /package/dist/{dts → esm}/divider/index.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/define.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.definition.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.options.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.styles.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/drawer.template.d.ts +0 -0
- /package/dist/{dts → esm}/drawer/index.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/define.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/drawer-body.definition.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/drawer-body.styles.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/drawer-body.template.d.ts +0 -0
- /package/dist/{dts → esm}/drawer-body/index.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/define.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.definition.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.options.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.styles.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/dropdown.template.d.ts +0 -0
- /package/dist/{dts → esm}/dropdown/index.d.ts +0 -0
- /package/dist/{dts → esm}/field/define.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.bench.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.definition.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.options.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.styles.d.ts +0 -0
- /package/dist/{dts → esm}/field/field.template.d.ts +0 -0
- /package/dist/{dts → esm}/field/index.d.ts +0 -0
- /package/dist/{dts → esm}/fluent-design-system.d.ts +0 -0
- /package/dist/{dts → esm}/image/define.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.bench.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.definition.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.options.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.styles.d.ts +0 -0
- /package/dist/{dts → esm}/image/image.template.d.ts +0 -0
- /package/dist/{dts → esm}/image/index.d.ts +0 -0
- /package/dist/{dts → esm}/index-rollup.d.ts +0 -0
- /package/dist/{dts → esm}/label/define.d.ts +0 -0
- /package/dist/{dts → esm}/label/index.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.bench.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.definition.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.options.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.styles.d.ts +0 -0
- /package/dist/{dts → esm}/label/label.template.d.ts +0 -0
- /package/dist/{dts → esm}/link/define.d.ts +0 -0
- /package/dist/{dts → esm}/link/index.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.bench.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.definition.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.options.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.styles.d.ts +0 -0
- /package/dist/{dts → esm}/link/link.template.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/define.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/index.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/listbox.definition.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/listbox.options.d.ts +0 -0
- /package/dist/{dts → esm}/listbox/listbox.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu/menu.template.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/menu-button/menu-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu-item/menu-item.template.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/define.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/index.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.bench.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.definition.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.styles.d.ts +0 -0
- /package/dist/{dts → esm}/menu-list/menu-list.template.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/define.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/index.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.bench.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.definition.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.options.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.styles.d.ts +0 -0
- /package/dist/{dts → esm}/message-bar/message-bar.template.d.ts +0 -0
- /package/dist/{dts → esm}/option/define.d.ts +0 -0
- /package/dist/{dts → esm}/option/index.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.definition.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.options.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.styles.d.ts +0 -0
- /package/dist/{dts → esm}/option/option.template.d.ts +0 -0
- /package/dist/{dts → esm}/patterns/aria-globals.d.ts +0 -0
- /package/dist/{dts → esm}/patterns/index.d.ts +0 -0
- /package/dist/{dts → esm}/patterns/start-end.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/define.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/index.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.bench.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.definition.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.options.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.styles.d.ts +0 -0
- /package/dist/{dts → esm}/progress-bar/progress-bar.template.d.ts +0 -0
- /package/dist/{dts → esm}/radio/define.d.ts +0 -0
- /package/dist/{dts → esm}/radio/index.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.bench.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.definition.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.options.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.styles.d.ts +0 -0
- /package/dist/{dts → esm}/radio/radio.template.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/define.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/index.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.bench.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.definition.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.styles.d.ts +0 -0
- /package/dist/{dts → esm}/radio-group/radio-group.template.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/define.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/index.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/rating-display.definition.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/rating-display.options.d.ts +0 -0
- /package/dist/{dts → esm}/rating-display/rating-display.styles.d.ts +0 -0
- /package/dist/{dts → esm}/slider/define.d.ts +0 -0
- /package/dist/{dts → esm}/slider/index.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider-utilities.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.bench.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.definition.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.options.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.styles.d.ts +0 -0
- /package/dist/{dts → esm}/slider/slider.template.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/define.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/index.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.base.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.bench.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.definition.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.options.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.styles.d.ts +0 -0
- /package/dist/{dts → esm}/spinner/spinner.template.d.ts +0 -0
- /package/dist/{dts → esm}/styles/index.d.ts +0 -0
- /package/dist/{dts → esm}/styles/partials/badge.partials.d.ts +0 -0
- /package/dist/{dts → esm}/styles/partials/index.d.ts +0 -0
- /package/dist/{dts → esm}/styles/partials/typography.partials.d.ts +0 -0
- /package/dist/{dts → esm}/switch/define.d.ts +0 -0
- /package/dist/{dts → esm}/switch/index.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.bench.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.definition.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.options.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.styles.d.ts +0 -0
- /package/dist/{dts → esm}/switch/switch.template.d.ts +0 -0
- /package/dist/{dts → esm}/tab/define.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tab/tab.template.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/define.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/index.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tab-panel/tab-panel.template.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/define.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/index.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tablist/tablist.template.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/define.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/index.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.base.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.options.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tabs/tabs.template.d.ts +0 -0
- /package/dist/{dts → esm}/text/define.d.ts +0 -0
- /package/dist/{dts → esm}/text/index.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.bench.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.definition.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.options.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.styles.d.ts +0 -0
- /package/dist/{dts → esm}/text/text.template.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/define.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/index.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.base.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.bench.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.definition.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.options.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.styles.d.ts +0 -0
- /package/dist/{dts → esm}/text-input/text-input.template.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/define.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/index.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.bench.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.definition.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.options.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.styles.d.ts +0 -0
- /package/dist/{dts → esm}/textarea/textarea.template.d.ts +0 -0
- /package/dist/{dts → esm}/theme/design-tokens.d.ts +0 -0
- /package/dist/{dts → esm}/theme/index.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.global.bench.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.local.bench.d.ts +0 -0
- /package/dist/{dts → esm}/theme/set-theme.shadow.bench.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/define.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/index.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.bench.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.definition.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.options.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.styles.d.ts +0 -0
- /package/dist/{dts → esm}/toggle-button/toggle-button.template.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/define.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/index.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.options.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tooltip/tooltip.template.d.ts +0 -0
- /package/dist/{dts → esm}/tree/define.d.ts +0 -0
- /package/dist/{dts → esm}/tree/index.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tree/tree.template.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/define.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/index.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.bench.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.definition.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.options.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.styles.d.ts +0 -0
- /package/dist/{dts → esm}/tree-item/tree-item.template.d.ts +0 -0
- /package/dist/{dts → esm}/utils/apply-mixins.d.ts +0 -0
- /package/dist/{dts → esm}/utils/behaviors/match-media-stylesheet-behavior.d.ts +0 -0
- /package/dist/{dts → esm}/utils/benchmark-dependencies/tokens.d.ts +0 -0
- /package/dist/{dts → esm}/utils/benchmark-wrapper.d.ts +0 -0
- /package/dist/{dts → esm}/utils/converters.d.ts +0 -0
- /package/dist/{dts → esm}/utils/direction.d.ts +0 -0
- /package/dist/{dts → esm}/utils/display.d.ts +0 -0
- /package/dist/{dts → esm}/utils/element-internals.d.ts +0 -0
- /package/dist/{dts → esm}/utils/focusable-element.d.ts +0 -0
- /package/dist/{dts → esm}/utils/get-initials.d.ts +0 -0
- /package/dist/{dts → esm}/utils/index.d.ts +0 -0
- /package/dist/{dts → esm}/utils/root-active-element.d.ts +0 -0
- /package/dist/{dts → esm}/utils/support.d.ts +0 -0
- /package/dist/{dts → esm}/utils/template-helpers.d.ts +0 -0
- /package/dist/{dts → esm}/utils/typings.d.ts +0 -0
- /package/dist/{dts → esm}/utils/unique-id.d.ts +0 -0
- /package/dist/{dts → esm}/utils/whitespace-filter.d.ts +0 -0
|
@@ -44,11 +44,9 @@ export class Accordion extends FASTElement {
|
|
|
44
44
|
// Add event listeners to each non-disabled AccordionItem
|
|
45
45
|
this.accordionItems = children.filter(child => !child.hasAttribute('disabled'));
|
|
46
46
|
this.accordionItems.forEach((item, index) => {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
Observable.getNotifier(item).subscribe(this, 'expanded');
|
|
51
|
-
}
|
|
47
|
+
item.addEventListener('click', this.expandedChangedHandler);
|
|
48
|
+
// Subscribe to the expanded attribute of the item
|
|
49
|
+
Observable.getNotifier(item).subscribe(this, 'expanded');
|
|
52
50
|
});
|
|
53
51
|
if (this.isSingleExpandMode()) {
|
|
54
52
|
const expandedItem = this.findExpandedItem();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;;;;;;;;GAUG;AACH,MAAM,OAAO,SAAU,SAAQ,WAAW;IAA1C;;QACE;;;;;;;WAOG;QAEI,eAAU,GAAwB,mBAAmB,CAAC,KAAK,CAAC;QAyD3D,oBAAe,GAAW,CAAC,CAAC;QAkBpC;;;;WAIG;QACK,aAAQ,GAAG,GAAS,EAAE;YAC5B,IAAI,IAAI,CAAC,qBAAqB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC5C,OAAO;YACT,CAAC;YAED,uDAAuD;YACvD,MAAM,QAAQ,GAAc,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACtD,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;YAEnC,0DAA0D;YAC1D,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAc,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;YAEhG,yDAAyD;YACzD,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;YAChF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAa,EAAE,KAAa,EAAE,EAAE;gBAC3D,IAAI,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { StartEnd } from '../patterns/index.js';
|
|
|
3
3
|
import type { StartEndOptions } from '../patterns/index.js';
|
|
4
4
|
import { BaseAccordionItem } from './accordion-item.base.js';
|
|
5
5
|
import { AccordionItemMarkerPosition, AccordionItemSize } from './accordion-item.options.js';
|
|
6
|
+
export type { StaticallyComposableHTML } from '../utils/index.js';
|
|
6
7
|
/**
|
|
7
8
|
* Accordion Item configuration options
|
|
8
9
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAiB7D;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAApD;;QAqBE;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;IAChC,CAAC;CAAA;AArBQ;IADN,IAAI;2CAC2B;AAUzB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;qDACa;AAU7C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACI;AAWhC,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC"}
|
|
@@ -4,6 +4,17 @@ import { FASTElement } from '@microsoft/fast-element';
|
|
|
4
4
|
* @public
|
|
5
5
|
*/
|
|
6
6
|
export declare class BaseAvatar extends FASTElement {
|
|
7
|
+
/**
|
|
8
|
+
* Signal to remove event listeners when the component is disconnected.
|
|
9
|
+
*
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
private abortSignal?;
|
|
13
|
+
/**
|
|
14
|
+
* Reference to the default slot element.
|
|
15
|
+
* @internal
|
|
16
|
+
*/
|
|
17
|
+
defaultSlot: HTMLSlotElement;
|
|
7
18
|
/**
|
|
8
19
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
9
20
|
*
|
|
@@ -26,5 +37,14 @@ export declare class BaseAvatar extends FASTElement {
|
|
|
26
37
|
* HTML Attribute: name
|
|
27
38
|
*/
|
|
28
39
|
initials?: string | undefined;
|
|
40
|
+
connectedCallback(): void;
|
|
29
41
|
constructor();
|
|
42
|
+
disconnectedCallback(): void;
|
|
43
|
+
/**
|
|
44
|
+
* Removes any empty text nodes from the default slot when the slotted content changes.
|
|
45
|
+
*
|
|
46
|
+
* @param e - The event object
|
|
47
|
+
* @internal
|
|
48
|
+
*/
|
|
49
|
+
slotchangeHandler(): void;
|
|
30
50
|
}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { attr, FASTElement } from '@microsoft/fast-element';
|
|
2
|
+
import { attr, FASTElement, Updates } from '@microsoft/fast-element';
|
|
3
3
|
/**
|
|
4
4
|
* The base class used for constructing a fluent-avatar custom element
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
7
|
export class BaseAvatar extends FASTElement {
|
|
8
|
+
connectedCallback() {
|
|
9
|
+
super.connectedCallback();
|
|
10
|
+
this.slotchangeHandler();
|
|
11
|
+
}
|
|
8
12
|
constructor() {
|
|
9
13
|
super();
|
|
10
14
|
/**
|
|
@@ -15,6 +19,38 @@ export class BaseAvatar extends FASTElement {
|
|
|
15
19
|
this.elementInternals = this.attachInternals();
|
|
16
20
|
this.elementInternals.role = 'img';
|
|
17
21
|
}
|
|
22
|
+
disconnectedCallback() {
|
|
23
|
+
this.abortSignal?.abort();
|
|
24
|
+
this.abortSignal = undefined;
|
|
25
|
+
super.disconnectedCallback();
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Removes any empty text nodes from the default slot when the slotted content changes.
|
|
29
|
+
*
|
|
30
|
+
* @param e - The event object
|
|
31
|
+
* @internal
|
|
32
|
+
*/
|
|
33
|
+
slotchangeHandler() {
|
|
34
|
+
this.normalize();
|
|
35
|
+
const elements = this.defaultSlot.assignedElements();
|
|
36
|
+
if (!elements.length && !this.innerText.trim()) {
|
|
37
|
+
const nodes = this.defaultSlot.assignedNodes();
|
|
38
|
+
nodes
|
|
39
|
+
.filter(node => node.nodeType === Node.TEXT_NODE)
|
|
40
|
+
.forEach(node => {
|
|
41
|
+
this.removeChild(node);
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
Updates.enqueue(() => {
|
|
45
|
+
if (!this.abortSignal || this.abortSignal.signal.aborted) {
|
|
46
|
+
this.abortSignal = new AbortController();
|
|
47
|
+
}
|
|
48
|
+
this.defaultSlot.addEventListener('slotchange', () => this.slotchangeHandler(), {
|
|
49
|
+
once: true,
|
|
50
|
+
signal: this.abortSignal.signal,
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
}
|
|
18
54
|
}
|
|
19
55
|
__decorate([
|
|
20
56
|
attr
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.base.js","sourceRoot":"","sources":["../../../src/avatar/avatar.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"avatar.base.js","sourceRoot":"","sources":["../../../src/avatar/avatar.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAErE;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IAyCzC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAjCV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QA8BjE,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAC;IACrC,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAE7B,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED;;;;;OAKG;IACI,iBAAiB;QACtB,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC;QAErD,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC;YAC/C,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,EAAe,CAAC;YAE5D,KAAK;iBACF,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,CAAC;iBAChD,OAAO,CAAC,IAAI,CAAC,EAAE;gBACd,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC,CAAC,CAAC;QACP,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACzD,IAAI,CAAC,WAAW,GAAG,IAAI,eAAe,EAAE,CAAC;YAC3C,CAAC;YAED,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE;gBAC9E,IAAI,EAAE,IAAI;gBACV,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM;aAChC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA9DQ;IADN,IAAI;wCAC4B;AAU1B;IADN,IAAI;4CACgC"}
|
|
@@ -38,7 +38,7 @@ export class Avatar extends BaseAvatar {
|
|
|
38
38
|
}
|
|
39
39
|
// size can be undefined since we default it in CSS only
|
|
40
40
|
const size = this.size ?? 32;
|
|
41
|
-
return (this.initials
|
|
41
|
+
return (this.initials ||
|
|
42
42
|
getInitials(this.name, window.getComputedStyle(this).direction === 'rtl', {
|
|
43
43
|
firstInitialOnly: size <= 16,
|
|
44
44
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAGL,WAAW,EACX,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC;AAE7B;;;;;;;GAOG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IA6EpC;;;;;OAKG;IACI,YAAY,CAAC,MAAW,EAAE,YAAoB;QACnD,QAAQ,YAAY,EAAE,CAAC;YACrB,KAAK,OAAO,CAAC;YACb,KAAK,SAAS;gBACZ,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC;IAED;;;OAGG;IACI,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,wDAAwD;QACxD,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;QAE7B,OAAO,CACL,IAAI,CAAC,QAAQ;YACb,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { html } from '@microsoft/fast-element';
|
|
1
|
+
import { html, ref } from '@microsoft/fast-element';
|
|
2
2
|
const defaultIconTemplate = html `<svg
|
|
3
3
|
width="1em"
|
|
4
4
|
height="1em"
|
|
@@ -18,7 +18,7 @@ const defaultIconTemplate = html `<svg
|
|
|
18
18
|
*/
|
|
19
19
|
export function avatarTemplate() {
|
|
20
20
|
return html `
|
|
21
|
-
<slot>${x => (x.name || x.initials ? x.generateInitials() : defaultIconTemplate)}</slot>
|
|
21
|
+
<slot ${ref('defaultSlot')}>${x => (x.name || x.initials ? x.generateInitials() : defaultIconTemplate)}</slot>
|
|
22
22
|
<slot name="badge"></slot>
|
|
23
23
|
`;
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.template.js","sourceRoot":"","sources":["../../../src/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"avatar.template.js","sourceRoot":"","sources":["../../../src/avatar/avatar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG9E,MAAM,mBAAmB,GAAG,IAAI,CAAA;;;;;;;;;;;;OAYzB,CAAC;AAER;;;GAGG;AACH,MAAM,UAAU,cAAc;IAC5B,OAAO,IAAI,CAAG;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC;;GAEvG,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,EAAE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FASTElement } from '@microsoft/fast-element';
|
|
2
|
-
import { ButtonFormTarget, ButtonType } from './button.options.js';
|
|
2
|
+
import { type ButtonFormTarget, ButtonType } from './button.options.js';
|
|
3
3
|
/**
|
|
4
4
|
* A Button Custom HTML Element.
|
|
5
5
|
* Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.
|
|
@@ -35,7 +35,8 @@ export declare class BaseButton extends FASTElement {
|
|
|
35
35
|
* @remarks
|
|
36
36
|
* HTML Attribute: `disabled`
|
|
37
37
|
*/
|
|
38
|
-
disabled
|
|
38
|
+
disabled: boolean;
|
|
39
|
+
protected disabledChanged(): void;
|
|
39
40
|
/**
|
|
40
41
|
* Indicates that the button is focusable while disabled.
|
|
41
42
|
*
|
|
@@ -44,14 +45,6 @@ export declare class BaseButton extends FASTElement {
|
|
|
44
45
|
* HTML Attribute: `disabled-focusable`
|
|
45
46
|
*/
|
|
46
47
|
disabledFocusable: boolean;
|
|
47
|
-
/**
|
|
48
|
-
* Sets that the button tabindex attribute
|
|
49
|
-
*
|
|
50
|
-
* @public
|
|
51
|
-
* @remarks
|
|
52
|
-
* HTML Attribute: `tabindex`
|
|
53
|
-
*/
|
|
54
|
-
tabIndex: number;
|
|
55
48
|
/**
|
|
56
49
|
* Sets the element's internal disabled state when the element is focusable while disabled.
|
|
57
50
|
*
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { attr, FASTElement,
|
|
2
|
+
import { attr, FASTElement, observable } from '@microsoft/fast-element';
|
|
3
3
|
import { keyEnter, keySpace } from '@microsoft/fast-web-utilities';
|
|
4
4
|
import { ButtonType } from './button.options.js';
|
|
5
5
|
/**
|
|
@@ -14,6 +14,21 @@ import { ButtonType } from './button.options.js';
|
|
|
14
14
|
* @public
|
|
15
15
|
*/
|
|
16
16
|
export class BaseButton extends FASTElement {
|
|
17
|
+
disabledChanged() {
|
|
18
|
+
if (!this.$fastController.isConnected) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
if (this.disabled) {
|
|
22
|
+
this.removeAttribute('tabindex');
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
// If author sets tabindex to a non-positive value, the component should
|
|
26
|
+
// respect it, otherwise set it to 0 to avoid the anti-pattern of setting
|
|
27
|
+
// tabindex to a positive number. See details:
|
|
28
|
+
// https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex
|
|
29
|
+
this.tabIndex = Number(this.getAttribute('tabindex') ?? 0) < 0 ? -1 : 0;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
17
32
|
/**
|
|
18
33
|
* Sets the element's internal disabled state when the element is focusable while disabled.
|
|
19
34
|
*
|
|
@@ -79,25 +94,27 @@ export class BaseButton extends FASTElement {
|
|
|
79
94
|
connectedCallback() {
|
|
80
95
|
super.connectedCallback();
|
|
81
96
|
this.elementInternals.ariaDisabled = `${!!this.disabledFocusable}`;
|
|
97
|
+
this.disabledChanged();
|
|
82
98
|
}
|
|
83
99
|
constructor() {
|
|
84
100
|
super();
|
|
85
101
|
/**
|
|
86
|
-
*
|
|
102
|
+
* Sets the element's disabled state.
|
|
103
|
+
* @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled | `disabled`} attribute
|
|
87
104
|
*
|
|
88
105
|
* @public
|
|
89
106
|
* @remarks
|
|
90
|
-
* HTML Attribute: `disabled
|
|
107
|
+
* HTML Attribute: `disabled`
|
|
91
108
|
*/
|
|
92
|
-
this.
|
|
109
|
+
this.disabled = false;
|
|
93
110
|
/**
|
|
94
|
-
*
|
|
111
|
+
* Indicates that the button is focusable while disabled.
|
|
95
112
|
*
|
|
96
113
|
* @public
|
|
97
114
|
* @remarks
|
|
98
|
-
* HTML Attribute: `
|
|
115
|
+
* HTML Attribute: `disabled-focusable`
|
|
99
116
|
*/
|
|
100
|
-
this.
|
|
117
|
+
this.disabledFocusable = false;
|
|
101
118
|
/**
|
|
102
119
|
* The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
103
120
|
*
|
|
@@ -216,7 +233,7 @@ export class BaseButton extends FASTElement {
|
|
|
216
233
|
if (!this.name &&
|
|
217
234
|
!this.formAction &&
|
|
218
235
|
!this.formEnctype &&
|
|
219
|
-
!this.
|
|
236
|
+
!this.formAttribute &&
|
|
220
237
|
!this.formMethod &&
|
|
221
238
|
!this.formNoValidate &&
|
|
222
239
|
!this.formTarget) {
|
|
@@ -250,9 +267,6 @@ __decorate([
|
|
|
250
267
|
__decorate([
|
|
251
268
|
attr({ attribute: 'disabled-focusable', mode: 'boolean' })
|
|
252
269
|
], BaseButton.prototype, "disabledFocusable", void 0);
|
|
253
|
-
__decorate([
|
|
254
|
-
attr({ attribute: 'tabindex', mode: 'fromView', converter: nullableNumberConverter })
|
|
255
|
-
], BaseButton.prototype, "tabIndex", void 0);
|
|
256
270
|
__decorate([
|
|
257
271
|
attr({ attribute: 'formaction' })
|
|
258
272
|
], BaseButton.prototype, "formAction", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.base.js","sourceRoot":"","sources":["../../../src/button/button.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"button.base.js","sourceRoot":"","sources":["../../../src/button/button.base.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,6 @@ import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
|
8
8
|
export function buttonTemplate(options = {}) {
|
|
9
9
|
return html `
|
|
10
10
|
<template
|
|
11
|
-
tabindex="${x => (x.disabled ? null : x.tabIndex ?? 0)}"
|
|
12
11
|
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
13
12
|
@keypress="${(x, c) => x.keypressHandler(c.event)}"
|
|
14
13
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../src/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;
|
|
1
|
+
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../src/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAI1E;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;gBAEA,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;mBAC5C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAsB,CAAC;;QAEhE,iBAAiB,CAAC,OAAO,CAAC;;gBAElB,OAAO,CAAC,uBAAuB,CAAC;;QAExC,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,EAAE,CAAC"}
|
|
@@ -90,6 +90,14 @@ export declare class BaseCheckbox extends FASTElement {
|
|
|
90
90
|
* @internal
|
|
91
91
|
*/
|
|
92
92
|
protected initialValueChanged(prev: string, next: string): void;
|
|
93
|
+
/**
|
|
94
|
+
* Tracks whether the space key was pressed down while the checkbox was focused.
|
|
95
|
+
* This is used to prevent inadvertently checking a required, unchecked checkbox when the space key is pressed on a
|
|
96
|
+
* submit button and field validation is triggered.
|
|
97
|
+
*
|
|
98
|
+
* @internal
|
|
99
|
+
*/
|
|
100
|
+
private _keydownPressed;
|
|
93
101
|
/**
|
|
94
102
|
* The name of the element. This element's value will be surfaced during form submission under the provided name.
|
|
95
103
|
*
|
|
@@ -221,7 +229,8 @@ export declare class BaseCheckbox extends FASTElement {
|
|
|
221
229
|
*/
|
|
222
230
|
inputHandler(e: InputEvent): boolean | void;
|
|
223
231
|
/**
|
|
224
|
-
* Prevents scrolling when the user presses the space key
|
|
232
|
+
* Prevents scrolling when the user presses the space key, and sets a flag to indicate that the space key was pressed
|
|
233
|
+
* down while the checkbox was focused.
|
|
225
234
|
*
|
|
226
235
|
* @param e - the event object
|
|
227
236
|
* @internal
|
|
@@ -17,6 +17,14 @@ export class BaseCheckbox extends FASTElement {
|
|
|
17
17
|
* HTML Attribute: `value`
|
|
18
18
|
*/
|
|
19
19
|
this.initialValue = 'on';
|
|
20
|
+
/**
|
|
21
|
+
* Tracks whether the space key was pressed down while the checkbox was focused.
|
|
22
|
+
* This is used to prevent inadvertently checking a required, unchecked checkbox when the space key is pressed on a
|
|
23
|
+
* submit button and field validation is triggered.
|
|
24
|
+
*
|
|
25
|
+
* @internal
|
|
26
|
+
*/
|
|
27
|
+
this._keydownPressed = false;
|
|
20
28
|
/**
|
|
21
29
|
* Indicates that the checked state has been changed by the user.
|
|
22
30
|
*
|
|
@@ -65,6 +73,16 @@ export class BaseCheckbox extends FASTElement {
|
|
|
65
73
|
* @internal
|
|
66
74
|
*/
|
|
67
75
|
disabledChanged(prev, next) {
|
|
76
|
+
if (this.disabled) {
|
|
77
|
+
this.removeAttribute('tabindex');
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
// If author sets tabindex to a non-positive value, the component should
|
|
81
|
+
// respect it, otherwise set it to 0 to avoid the anti-pattern of setting
|
|
82
|
+
// tabindex to a positive number. See details:
|
|
83
|
+
// https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex
|
|
84
|
+
this.tabIndex = Number(this.getAttribute('tabindex') ?? 0) < 0 ? -1 : 0;
|
|
85
|
+
}
|
|
68
86
|
this.elementInternals.ariaDisabled = this.disabled ? 'true' : 'false';
|
|
69
87
|
toggleState(this.elementInternals, 'disabled', this.disabled);
|
|
70
88
|
}
|
|
@@ -227,6 +245,7 @@ export class BaseCheckbox extends FASTElement {
|
|
|
227
245
|
}
|
|
228
246
|
connectedCallback() {
|
|
229
247
|
super.connectedCallback();
|
|
248
|
+
this.disabled = !!this.disabledAttribute;
|
|
230
249
|
this.setAriaChecked();
|
|
231
250
|
this.setValidity();
|
|
232
251
|
}
|
|
@@ -242,7 +261,8 @@ export class BaseCheckbox extends FASTElement {
|
|
|
242
261
|
return true;
|
|
243
262
|
}
|
|
244
263
|
/**
|
|
245
|
-
* Prevents scrolling when the user presses the space key
|
|
264
|
+
* Prevents scrolling when the user presses the space key, and sets a flag to indicate that the space key was pressed
|
|
265
|
+
* down while the checkbox was focused.
|
|
246
266
|
*
|
|
247
267
|
* @param e - the event object
|
|
248
268
|
* @internal
|
|
@@ -251,6 +271,7 @@ export class BaseCheckbox extends FASTElement {
|
|
|
251
271
|
if (e.key !== ' ') {
|
|
252
272
|
return true;
|
|
253
273
|
}
|
|
274
|
+
this._keydownPressed = true;
|
|
254
275
|
}
|
|
255
276
|
/**
|
|
256
277
|
* Toggles the checked state when the user releases the space key.
|
|
@@ -259,9 +280,10 @@ export class BaseCheckbox extends FASTElement {
|
|
|
259
280
|
* @internal
|
|
260
281
|
*/
|
|
261
282
|
keyupHandler(e) {
|
|
262
|
-
if (e.key !== ' ') {
|
|
283
|
+
if (!this._keydownPressed || e.key !== ' ') {
|
|
263
284
|
return true;
|
|
264
285
|
}
|
|
286
|
+
this._keydownPressed = false;
|
|
265
287
|
this.click();
|
|
266
288
|
}
|
|
267
289
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.base.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D;;;;GAIG;AACH,MAAM,OAAO,YAAa,SAAQ,WAAW;IAA7C;;
|
|
1
|
+
{"version":3,"file":"checkbox.base.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.base.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,6 @@ const indeterminateIndicator = html.partial(/* html */ `
|
|
|
22
22
|
export function checkboxTemplate(options = {}) {
|
|
23
23
|
return html `
|
|
24
24
|
<template
|
|
25
|
-
tabindex="${x => (!x.disabled ? 0 : void 0)}"
|
|
26
25
|
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
27
26
|
@input="${(x, c) => x.inputHandler(c.event)}"
|
|
28
27
|
@keydown="${(x, c) => x.keydownHandler(c.event)}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;;;;;;;;CAWhD,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;CAEtD,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAqB,UAA2B,EAAE;IAChF,OAAO,IAAI,CAAG;;
|
|
1
|
+
{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;;;;;;;;CAWhD,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;CAEtD,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAqB,UAA2B,EAAE;IAChF,OAAO,IAAI,CAAG;;gBAEA,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;gBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAsB,CAAC;;uCAE3B,iBAAiB,CAAC,OAAO,CAAC,gBAAgB,CAAC;6CACrC,iBAAiB,CAAC,OAAO,CAAC,sBAAsB,CAAC;;GAE3F,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAkC,gBAAgB,CAAC;IACtE,gBAAgB;IAChB,sBAAsB;CACvB,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { styles as ButtonStyles } from '../button/button.styles.js';
|
|
3
3
|
import { colorNeutralForeground2, colorNeutralForeground2BrandHover, colorNeutralForeground2BrandPressed, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForegroundDisabled, colorNeutralForegroundOnBrand, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontWeightRegular, lineHeightBase300, lineHeightBase400, spacingHorizontalS, spacingHorizontalSNudge, spacingHorizontalXS, } from '../theme/design-tokens.js';
|
|
4
|
+
import { forcedColorsStylesheetBehavior } from '../utils/index';
|
|
4
5
|
// Need to support icon hover styles
|
|
5
6
|
export const styles = css `
|
|
6
7
|
${ButtonStyles}
|
|
@@ -99,5 +100,10 @@ export const styles = css `
|
|
|
99
100
|
:host([size='large']) ::slotted([slot='description']) {
|
|
100
101
|
font-size: ${fontSizeBase300};
|
|
101
102
|
}
|
|
102
|
-
|
|
103
|
+
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
104
|
+
:host([appearance='primary']:not(:hover, :focus-visible, :disabled, [disabled-focusable]))
|
|
105
|
+
::slotted([slot='description']) {
|
|
106
|
+
color: HighlightText;
|
|
107
|
+
}
|
|
108
|
+
`));
|
|
103
109
|
//# sourceMappingURL=compound-button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compound-button.styles.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"compound-button.styles.js","sourceRoot":"","sources":["../../../src/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,uBAAuB,EACvB,iCAAiC,EACjC,mCAAmC,EACnC,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAEhE,oCAAoC;AACpC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;;;;;;iBASC,eAAe;mBACb,iBAAiB;;;;;;;;;;aAUvB,uBAAuB;;iBAEnB,eAAe;mBACb,iBAAiB;;;;;;;;;;;aAWvB,4BAA4B;;;;aAI5B,8BAA8B;;;;aAI9B,6BAA6B;;;;;aAK7B,uBAAuB;;;;aAIvB,iCAAiC;;;;aAIjC,mCAAmC;;;;;aAKnC,8BAA8B;;;;;;;;;;;eAW5B,uBAAuB;;;;;;eAMvB,mBAAmB;;;;;;eAMnB,kBAAkB;;;;;;;iBAOhB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;;CAE/B,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;GAKjC,CAAC,CACH,CAAC"}
|
|
@@ -28,6 +28,9 @@ export declare class Dialog extends FASTElement {
|
|
|
28
28
|
* The type of the dialog modal
|
|
29
29
|
*/
|
|
30
30
|
type: DialogType;
|
|
31
|
+
protected typeChanged(prev: DialogType | undefined, next: DialogType | undefined): void;
|
|
32
|
+
/** @internal */
|
|
33
|
+
connectedCallback(): void;
|
|
31
34
|
/**
|
|
32
35
|
* @public
|
|
33
36
|
* Method to emit an event before the dialog's open state changes
|
|
@@ -39,6 +39,28 @@ export class Dialog extends FASTElement {
|
|
|
39
39
|
});
|
|
40
40
|
};
|
|
41
41
|
}
|
|
42
|
+
typeChanged(prev, next) {
|
|
43
|
+
if (!this.dialog) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (next === DialogType.alert) {
|
|
47
|
+
this.dialog.setAttribute('role', 'alertdialog');
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
this.dialog.removeAttribute('role');
|
|
51
|
+
}
|
|
52
|
+
if (next !== DialogType.nonModal) {
|
|
53
|
+
this.dialog.setAttribute('aria-modal', 'true');
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
this.dialog.removeAttribute('aria-modal');
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
/** @internal */
|
|
60
|
+
connectedCallback() {
|
|
61
|
+
super.connectedCallback();
|
|
62
|
+
this.typeChanged(undefined, this.type);
|
|
63
|
+
}
|
|
42
64
|
/**
|
|
43
65
|
* @public
|
|
44
66
|
* Method to show the dialog
|
|
@@ -71,7 +93,6 @@ export class Dialog extends FASTElement {
|
|
|
71
93
|
* @returns boolean
|
|
72
94
|
*/
|
|
73
95
|
clickHandler(event) {
|
|
74
|
-
event.preventDefault();
|
|
75
96
|
if (this.dialog.open && this.type !== DialogType.alert && event.target === this.dialog) {
|
|
76
97
|
this.hide();
|
|
77
98
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,OAAO,MAAO,SAAQ,WAAW;IAAvC;;QAsBE;;;WAGG;QAEI,SAAI,GAAe,UAAU,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ValuesOf } from '../utils/index.js';
|
|
2
|
+
import { Dialog } from './dialog.js';
|
|
3
|
+
/**
|
|
4
|
+
* Dialog modal type
|
|
5
|
+
* @public
|
|
6
|
+
*/
|
|
7
|
+
export declare const DialogType: {
|
|
8
|
+
readonly modal: "modal";
|
|
9
|
+
readonly nonModal: "non-modal";
|
|
10
|
+
readonly alert: "alert";
|
|
11
|
+
};
|
|
12
|
+
export type DialogType = ValuesOf<typeof DialogType>;
|
|
13
|
+
/**
|
|
14
|
+
* Predicate function that determines if the element should be considered a dialog.
|
|
15
|
+
*
|
|
16
|
+
* @param element - The element to check.
|
|
17
|
+
* @param tagName - The tag name to check.
|
|
18
|
+
* @returns true if the element is a dialog.
|
|
19
|
+
* @public
|
|
20
|
+
*/
|
|
21
|
+
export declare function isDialog(element?: Node | null, tagName?: string): element is Dialog;
|
|
@@ -7,4 +7,18 @@ export const DialogType = {
|
|
|
7
7
|
nonModal: 'non-modal',
|
|
8
8
|
alert: 'alert',
|
|
9
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* Predicate function that determines if the element should be considered a dialog.
|
|
12
|
+
*
|
|
13
|
+
* @param element - The element to check.
|
|
14
|
+
* @param tagName - The tag name to check.
|
|
15
|
+
* @returns true if the element is a dialog.
|
|
16
|
+
* @public
|
|
17
|
+
*/
|
|
18
|
+
export function isDialog(element, tagName = '-dialog') {
|
|
19
|
+
if (element?.nodeType !== Node.ELEMENT_NODE) {
|
|
20
|
+
return false;
|
|
21
|
+
}
|
|
22
|
+
return element.tagName.toLowerCase().endsWith(tagName);
|
|
23
|
+
}
|
|
10
24
|
//# sourceMappingURL=dialog.options.js.map
|