@fluentui/web-components 3.0.0-beta.8 → 3.0.0-beta.80
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 +858 -103
- package/README.md +49 -16
- package/dist/dts/accordion/accordion.bench.d.ts +3 -0
- package/dist/dts/accordion/accordion.d.ts +35 -12
- package/dist/dts/accordion/accordion.options.d.ts +3 -3
- package/dist/dts/accordion/accordion.template.d.ts +1 -1
- package/dist/dts/accordion/index.d.ts +2 -1
- package/dist/dts/accordion-item/accordion-item.bench.d.ts +3 -0
- package/dist/dts/accordion-item/accordion-item.d.ts +59 -26
- package/dist/dts/accordion-item/accordion-item.options.d.ts +3 -3
- package/dist/dts/accordion-item/accordion-item.template.d.ts +2 -2
- package/dist/dts/accordion-item/index.d.ts +3 -2
- package/dist/dts/anchor-button/anchor-button.bench.d.ts +3 -0
- package/dist/dts/anchor-button/anchor-button.d.ts +127 -80
- package/dist/dts/anchor-button/anchor-button.options.d.ts +26 -6
- package/dist/dts/anchor-button/anchor-button.template.d.ts +1 -1
- package/dist/dts/anchor-button/index.d.ts +4 -3
- package/dist/dts/avatar/avatar.bench.d.ts +3 -0
- package/dist/dts/avatar/avatar.d.ts +53 -25
- package/dist/dts/avatar/avatar.options.d.ts +6 -6
- package/dist/dts/avatar/avatar.template.d.ts +1 -1
- package/dist/dts/avatar/index.d.ts +2 -2
- package/dist/dts/badge/badge.bench.d.ts +3 -0
- package/dist/dts/badge/badge.d.ts +30 -0
- package/dist/dts/badge/badge.options.d.ts +6 -6
- package/dist/dts/badge/badge.template.d.ts +1 -1
- package/dist/dts/badge/index.d.ts +2 -2
- package/dist/dts/button/button.bench.d.ts +3 -0
- package/dist/dts/button/button.d.ts +206 -84
- package/dist/dts/button/button.definition.d.ts +3 -1
- package/dist/dts/button/button.options.d.ts +22 -8
- package/dist/dts/button/button.styles.d.ts +9 -0
- package/dist/dts/button/button.template.d.ts +9 -3
- package/dist/dts/button/index.d.ts +5 -4
- package/dist/dts/checkbox/checkbox.bench.d.ts +3 -0
- package/dist/dts/checkbox/checkbox.d.ts +324 -39
- package/dist/dts/checkbox/checkbox.options.d.ts +15 -12
- package/dist/dts/checkbox/checkbox.template.d.ts +3 -2
- package/dist/dts/checkbox/index.d.ts +4 -3
- package/dist/dts/compound-button/compound-button.bench.d.ts +3 -0
- package/dist/dts/compound-button/compound-button.options.d.ts +4 -9
- package/dist/dts/compound-button/compound-button.template.d.ts +1 -1
- package/dist/dts/compound-button/index.d.ts +2 -2
- package/dist/dts/counter-badge/counter-badge.bench.d.ts +3 -0
- package/dist/dts/counter-badge/counter-badge.d.ts +36 -0
- package/dist/dts/counter-badge/counter-badge.options.d.ts +6 -6
- package/dist/dts/counter-badge/counter-badge.template.d.ts +2 -2
- package/dist/dts/counter-badge/index.d.ts +2 -2
- package/dist/dts/dialog/dialog.bench.d.ts +3 -0
- package/dist/dts/dialog/dialog.d.ts +12 -146
- package/dist/dts/dialog/dialog.options.d.ts +2 -2
- package/dist/dts/dialog/dialog.template.d.ts +1 -1
- package/dist/dts/dialog/index.d.ts +2 -1
- package/dist/dts/dialog-body/define.d.ts +1 -0
- package/dist/dts/dialog-body/dialog-body.bench.d.ts +3 -0
- package/dist/dts/dialog-body/dialog-body.d.ts +14 -0
- package/dist/dts/dialog-body/dialog-body.definition.d.ts +9 -0
- package/dist/dts/dialog-body/dialog-body.styles.d.ts +4 -0
- package/dist/dts/dialog-body/dialog-body.template.d.ts +6 -0
- package/dist/dts/dialog-body/index.d.ts +4 -0
- package/dist/dts/divider/divider.bench.d.ts +3 -0
- package/dist/dts/divider/divider.d.ts +57 -11
- package/dist/dts/divider/divider.options.d.ts +4 -5
- package/dist/dts/divider/divider.template.d.ts +1 -1
- package/dist/dts/divider/index.d.ts +2 -2
- package/dist/dts/drawer/define.d.ts +1 -0
- package/dist/dts/drawer/drawer.d.ts +93 -0
- package/dist/dts/drawer/drawer.definition.d.ts +8 -0
- package/dist/dts/drawer/drawer.options.d.ts +40 -0
- package/dist/dts/drawer/drawer.styles.d.ts +4 -0
- package/dist/dts/drawer/drawer.template.d.ts +8 -0
- package/dist/dts/drawer/index.d.ts +5 -0
- package/dist/dts/drawer-body/define.d.ts +1 -0
- package/dist/dts/drawer-body/drawer-body.d.ts +20 -0
- package/dist/dts/drawer-body/drawer-body.definition.d.ts +8 -0
- package/dist/dts/drawer-body/drawer-body.styles.d.ts +4 -0
- package/dist/dts/drawer-body/drawer-body.template.d.ts +8 -0
- package/dist/dts/drawer-body/index.d.ts +4 -0
- package/dist/dts/dropdown/define.d.ts +1 -0
- package/dist/dts/dropdown/dropdown.d.ts +492 -0
- package/dist/dts/dropdown/dropdown.definition.d.ts +9 -0
- package/dist/dts/dropdown/dropdown.options.d.ts +53 -0
- package/dist/dts/dropdown/dropdown.styles.d.ts +6 -0
- package/dist/dts/dropdown/dropdown.template.d.ts +38 -0
- package/dist/dts/dropdown/index.d.ts +5 -0
- package/dist/dts/field/define.d.ts +1 -0
- package/dist/dts/field/field.bench.d.ts +3 -0
- package/dist/dts/field/field.d.ts +136 -0
- package/dist/dts/field/field.definition.d.ts +9 -0
- package/dist/dts/field/field.options.d.ts +43 -0
- package/dist/dts/field/field.styles.d.ts +6 -0
- package/dist/dts/field/field.template.d.ts +6 -0
- package/dist/dts/field/index.d.ts +6 -0
- package/dist/dts/form-associated/form-associated.d.ts +4 -78
- package/dist/dts/image/image.bench.d.ts +3 -0
- package/dist/dts/image/image.d.ts +36 -0
- package/dist/dts/image/image.options.d.ts +2 -3
- package/dist/dts/image/image.template.d.ts +1 -1
- package/dist/dts/image/index.d.ts +2 -2
- package/dist/dts/index-rollup.d.ts +42 -1
- package/dist/dts/index.d.ts +65 -31
- package/dist/dts/label/index.d.ts +2 -1
- package/dist/dts/label/label.bench.d.ts +3 -0
- package/dist/dts/label/label.d.ts +24 -2
- package/dist/dts/label/label.options.d.ts +2 -2
- package/dist/dts/label/label.template.d.ts +2 -2
- package/dist/dts/link/define.d.ts +1 -0
- package/dist/dts/link/index.d.ts +5 -0
- package/dist/dts/link/link.bench.d.ts +3 -0
- package/dist/dts/link/link.d.ts +45 -0
- package/dist/dts/link/link.definition.d.ts +7 -0
- package/dist/dts/link/link.options.d.ts +52 -0
- package/dist/dts/link/link.styles.d.ts +1 -0
- package/dist/dts/link/link.template.d.ts +12 -0
- package/dist/dts/listbox/define.d.ts +1 -0
- package/dist/dts/listbox/index.d.ts +5 -0
- package/dist/dts/listbox/listbox.d.ts +116 -0
- package/dist/dts/listbox/listbox.definition.d.ts +9 -0
- package/dist/dts/listbox/listbox.options.d.ts +10 -0
- package/dist/dts/listbox/listbox.styles.d.ts +6 -0
- package/dist/dts/listbox/listbox.template.d.ts +17 -0
- package/dist/dts/menu/index.d.ts +1 -1
- package/dist/dts/menu/menu.bench.d.ts +3 -0
- package/dist/dts/menu/menu.d.ts +87 -58
- package/dist/dts/menu/menu.template.d.ts +1 -1
- package/dist/dts/menu-button/index.d.ts +4 -3
- package/dist/dts/menu-button/menu-button.bench.d.ts +3 -0
- package/dist/dts/menu-button/menu-button.options.d.ts +5 -6
- package/dist/dts/menu-button/menu-button.template.d.ts +1 -1
- package/dist/dts/menu-item/index.d.ts +5 -3
- package/dist/dts/menu-item/menu-item.bench.d.ts +3 -0
- package/dist/dts/menu-item/menu-item.d.ts +34 -57
- package/dist/dts/menu-item/menu-item.options.d.ts +2 -2
- package/dist/dts/menu-list/index.d.ts +1 -1
- package/dist/dts/menu-list/menu-list.bench.d.ts +3 -0
- package/dist/dts/menu-list/menu-list.d.ts +12 -10
- package/dist/dts/menu-list/menu-list.template.d.ts +1 -1
- package/dist/dts/message-bar/define.d.ts +1 -0
- package/dist/dts/message-bar/index.d.ts +5 -0
- package/dist/dts/message-bar/message-bar.bench.d.ts +3 -0
- package/dist/dts/message-bar/message-bar.d.ts +66 -0
- package/dist/dts/message-bar/message-bar.definition.d.ts +9 -0
- package/dist/dts/message-bar/message-bar.options.d.ts +30 -0
- package/dist/dts/message-bar/message-bar.styles.d.ts +7 -0
- package/dist/dts/message-bar/message-bar.template.d.ts +14 -0
- package/dist/dts/option/define.d.ts +1 -0
- package/dist/dts/option/index.d.ts +5 -0
- package/dist/dts/option/option.d.ts +260 -0
- package/dist/dts/option/option.definition.d.ts +9 -0
- package/dist/dts/option/option.options.d.ts +20 -0
- package/dist/dts/option/option.styles.d.ts +6 -0
- package/dist/dts/option/option.template.d.ts +16 -0
- package/dist/dts/patterns/start-end.d.ts +20 -6
- package/dist/dts/progress-bar/index.d.ts +2 -2
- package/dist/dts/progress-bar/progress-bar.bench.d.ts +3 -0
- package/dist/dts/progress-bar/progress-bar.d.ts +85 -16
- package/dist/dts/progress-bar/progress-bar.options.d.ts +4 -13
- package/dist/dts/progress-bar/progress-bar.template.d.ts +1 -2
- package/dist/dts/radio/index.d.ts +2 -1
- package/dist/dts/radio/radio.bench.d.ts +3 -0
- package/dist/dts/radio/radio.d.ts +38 -35
- package/dist/dts/radio/radio.options.d.ts +14 -0
- package/dist/dts/radio/radio.styles.d.ts +3 -1
- package/dist/dts/radio/radio.template.d.ts +14 -2
- package/dist/dts/radio-group/index.d.ts +2 -1
- package/dist/dts/radio-group/radio-group.bench.d.ts +3 -0
- package/dist/dts/radio-group/radio-group.d.ts +211 -49
- package/dist/dts/radio-group/radio-group.options.d.ts +1 -1
- package/dist/dts/radio-group/radio-group.template.d.ts +1 -1
- package/dist/dts/rating-display/define.d.ts +1 -0
- package/dist/dts/rating-display/index.d.ts +5 -0
- package/dist/dts/rating-display/rating-display.d.ts +150 -0
- package/dist/dts/rating-display/rating-display.definition.d.ts +9 -0
- package/dist/dts/rating-display/rating-display.options.d.ts +29 -0
- package/dist/dts/rating-display/rating-display.styles.d.ts +6 -0
- package/dist/dts/rating-display/rating-display.template.d.ts +14 -0
- package/dist/dts/slider/index.d.ts +3 -2
- package/dist/dts/slider/slider.bench.d.ts +3 -0
- package/dist/dts/slider/slider.d.ts +182 -38
- package/dist/dts/slider/slider.options.d.ts +6 -6
- package/dist/dts/slider/slider.template.d.ts +2 -2
- package/dist/dts/spinner/index.d.ts +2 -2
- package/dist/dts/spinner/spinner.bench.d.ts +3 -0
- package/dist/dts/spinner/spinner.d.ts +30 -5
- package/dist/dts/spinner/spinner.options.d.ts +2 -2
- package/dist/dts/spinner/spinner.template.d.ts +2 -5
- package/dist/dts/styles/partials/index.d.ts +1 -0
- package/dist/dts/styles/partials/typography.partials.d.ts +18 -0
- package/dist/dts/styles/states/index.d.ts +634 -0
- package/dist/dts/switch/index.d.ts +3 -2
- package/dist/dts/switch/switch.bench.d.ts +3 -0
- package/dist/dts/switch/switch.d.ts +3 -40
- package/dist/dts/switch/switch.options.d.ts +1 -1
- package/dist/dts/switch/switch.template.d.ts +2 -2
- package/dist/dts/tab/index.d.ts +4 -3
- package/dist/dts/tab/tab.bench.d.ts +3 -0
- package/dist/dts/tab/tab.d.ts +3 -2
- package/dist/dts/tab/tab.template.d.ts +2 -2
- package/dist/dts/tab-panel/index.d.ts +1 -1
- package/dist/dts/tab-panel/tab-panel.bench.d.ts +3 -0
- package/dist/dts/tab-panel/tab-panel.template.d.ts +2 -2
- package/dist/dts/tablist/define.d.ts +1 -0
- package/dist/dts/tablist/index.d.ts +5 -0
- package/dist/dts/tablist/tablist.bench.d.ts +3 -0
- package/dist/dts/tablist/tablist.d.ts +191 -0
- package/dist/dts/tablist/tablist.definition.d.ts +7 -0
- package/dist/dts/tablist/tablist.options.d.ts +44 -0
- package/dist/dts/tablist/tablist.styles.d.ts +4 -0
- package/dist/dts/tablist/tablist.template.d.ts +5 -0
- package/dist/dts/tabs/index.d.ts +5 -4
- package/dist/dts/tabs/tabs.bench.d.ts +3 -0
- package/dist/dts/tabs/tabs.d.ts +14 -10
- package/dist/dts/tabs/tabs.options.d.ts +6 -6
- package/dist/dts/tabs/tabs.template.d.ts +3 -3
- package/dist/dts/text/index.d.ts +2 -2
- package/dist/dts/text/text.bench.d.ts +3 -0
- package/dist/dts/text/text.d.ts +41 -2
- package/dist/dts/text/text.options.d.ts +4 -4
- package/dist/dts/text/text.template.d.ts +1 -1
- package/dist/dts/text-input/index.d.ts +5 -4
- package/dist/dts/text-input/text-input.bench.d.ts +3 -0
- package/dist/dts/text-input/text-input.d.ts +350 -65
- package/dist/dts/text-input/text-input.definition.d.ts +2 -3
- package/dist/dts/text-input/text-input.options.d.ts +22 -32
- package/dist/dts/text-input/text-input.styles.d.ts +5 -2
- package/dist/dts/text-input/text-input.template.d.ts +9 -3
- package/dist/dts/textarea/define.d.ts +1 -0
- package/dist/dts/textarea/index.d.ts +5 -0
- package/dist/dts/textarea/textarea.bench.d.ts +3 -0
- package/dist/dts/textarea/textarea.d.ts +390 -0
- package/dist/dts/textarea/textarea.definition.d.ts +9 -0
- package/dist/dts/textarea/textarea.options.d.ts +49 -0
- package/dist/dts/textarea/textarea.styles.d.ts +7 -0
- package/dist/dts/textarea/textarea.template.d.ts +12 -0
- package/dist/dts/theme/design-tokens.d.ts +2220 -384
- package/dist/dts/theme/index.d.ts +1 -1
- package/dist/dts/theme/set-theme.d.ts +27 -5
- package/dist/dts/theme/set-theme.global.bench.d.ts +3 -0
- package/dist/dts/theme/set-theme.local.bench.d.ts +3 -0
- package/dist/dts/theme/set-theme.shadow.bench.d.ts +3 -0
- package/dist/dts/toggle-button/index.d.ts +5 -4
- package/dist/dts/toggle-button/toggle-button.bench.d.ts +3 -0
- package/dist/dts/toggle-button/toggle-button.d.ts +29 -26
- package/dist/dts/toggle-button/toggle-button.options.d.ts +4 -5
- package/dist/dts/toggle-button/toggle-button.styles.d.ts +7 -0
- package/dist/dts/toggle-button/toggle-button.template.d.ts +1 -1
- package/dist/dts/tooltip/define.d.ts +1 -0
- package/dist/dts/tooltip/index.d.ts +5 -0
- package/dist/dts/tooltip/tooltip.d.ts +95 -0
- package/dist/dts/tooltip/tooltip.definition.d.ts +9 -0
- package/dist/dts/tooltip/tooltip.options.d.ts +24 -0
- package/dist/dts/tooltip/tooltip.styles.d.ts +5 -0
- package/dist/dts/tooltip/tooltip.template.d.ts +6 -0
- package/dist/dts/tsdoc-metadata.json +11 -0
- package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
- package/dist/dts/utils/benchmark-dependencies/tokens.d.ts +1 -0
- package/dist/dts/utils/benchmark-wrapper.d.ts +2 -0
- package/dist/dts/utils/converters.d.ts +17 -0
- package/dist/dts/utils/display.d.ts +17 -0
- package/dist/dts/utils/element-internals.d.ts +54 -0
- package/dist/dts/utils/focusable-element.d.ts +3 -0
- package/dist/dts/utils/index.d.ts +4 -0
- package/dist/dts/utils/language.d.ts +9 -0
- package/dist/dts/utils/root-active-element.d.ts +1 -0
- package/dist/dts/utils/support.d.ts +15 -0
- package/dist/dts/utils/template-helpers.d.ts +2 -3
- package/dist/dts/utils/typings.d.ts +1 -1
- package/dist/dts/utils/unique-id.d.ts +9 -0
- package/dist/esm/accordion/accordion.bench.js +30 -0
- package/dist/esm/accordion/accordion.bench.js.map +1 -0
- package/dist/esm/accordion/accordion.js +52 -97
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/accordion/accordion.options.js +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/accordion.template.js.map +1 -1
- package/dist/esm/accordion/index.js +2 -1
- package/dist/esm/accordion/index.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.bench.js +14 -0
- package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.js +80 -40
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.options.js +1 -1
- package/dist/esm/accordion-item/accordion-item.options.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +63 -85
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.template.js +24 -43
- package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
- package/dist/esm/accordion-item/index.js +2 -2
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.bench.js +11 -0
- package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.definition.js +0 -3
- package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +153 -85
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.options.js +15 -0
- package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.styles.js +12 -5
- package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.template.js +7 -35
- package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
- package/dist/esm/anchor-button/index.js +3 -3
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/avatar/avatar.bench.js +10 -0
- package/dist/esm/avatar/avatar.bench.js.map +1 -0
- package/dist/esm/avatar/avatar.js +72 -46
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +133 -132
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/avatar/avatar.template.js +2 -4
- package/dist/esm/avatar/avatar.template.js.map +1 -1
- package/dist/esm/avatar/index.js +2 -2
- package/dist/esm/avatar/index.js.map +1 -1
- package/dist/esm/badge/badge.bench.js +11 -0
- package/dist/esm/badge/badge.bench.js.map +1 -0
- package/dist/esm/badge/badge.js +41 -8
- package/dist/esm/badge/badge.js.map +1 -1
- package/dist/esm/badge/badge.styles.js +17 -9
- package/dist/esm/badge/badge.styles.js.map +1 -1
- package/dist/esm/badge/badge.template.js.map +1 -1
- package/dist/esm/badge/index.js +2 -2
- package/dist/esm/badge/index.js.map +1 -1
- package/dist/esm/button/button.bench.js +11 -0
- package/dist/esm/button/button.bench.js.map +1 -0
- package/dist/esm/button/button.definition.js +3 -4
- package/dist/esm/button/button.definition.js.map +1 -1
- package/dist/esm/button/button.js +283 -130
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.options.js +10 -1
- package/dist/esm/button/button.options.js.map +1 -1
- package/dist/esm/button/button.styles.js +154 -136
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/button/button.template.js +13 -39
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/button/index.js +4 -4
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/checkbox/checkbox.bench.js +11 -0
- package/dist/esm/checkbox/checkbox.bench.js.map +1 -0
- package/dist/esm/checkbox/checkbox.definition.js +1 -1
- package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +417 -52
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/checkbox.options.js +0 -8
- package/dist/esm/checkbox/checkbox.options.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +141 -128
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.js +23 -34
- package/dist/esm/checkbox/checkbox.template.js.map +1 -1
- package/dist/esm/checkbox/index.js +3 -3
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/compound-button/compound-button.bench.js +15 -0
- package/dist/esm/compound-button/compound-button.bench.js.map +1 -0
- package/dist/esm/compound-button/compound-button.definition.js +0 -3
- package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.js +34 -35
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
- package/dist/esm/compound-button/compound-button.template.js +3 -39
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/compound-button/index.js +2 -2
- package/dist/esm/compound-button/index.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.bench.js +11 -0
- package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.js +50 -9
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.js +9 -8
- package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.template.js.map +1 -1
- package/dist/esm/counter-badge/index.js +2 -2
- package/dist/esm/counter-badge/index.js.map +1 -1
- package/dist/esm/dialog/dialog.bench.js +11 -0
- package/dist/esm/dialog/dialog.bench.js.map +1 -0
- package/dist/esm/dialog/dialog.js +33 -312
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.js +1 -1
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +69 -85
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.js +17 -54
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/dialog/index.js +2 -1
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/esm/dialog-body/define.js +4 -0
- package/dist/esm/dialog-body/define.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.bench.js +11 -0
- package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.definition.js +17 -0
- package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.js +22 -0
- package/dist/esm/dialog-body/dialog-body.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.styles.js +79 -0
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.template.js +42 -0
- package/dist/esm/dialog-body/dialog-body.template.js.map +1 -0
- package/dist/esm/dialog-body/index.js +5 -0
- package/dist/esm/dialog-body/index.js.map +1 -0
- package/dist/esm/divider/divider.bench.js +10 -0
- package/dist/esm/divider/divider.bench.js.map +1 -0
- package/dist/esm/divider/divider.js +77 -26
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/divider/divider.options.js +0 -1
- package/dist/esm/divider/divider.options.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +45 -44
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/divider/divider.template.js +1 -9
- package/dist/esm/divider/divider.template.js.map +1 -1
- package/dist/esm/divider/index.js +2 -2
- package/dist/esm/divider/index.js.map +1 -1
- package/dist/esm/drawer/define.js +4 -0
- package/dist/esm/drawer/define.js.map +1 -0
- package/dist/esm/drawer/drawer.definition.js +16 -0
- package/dist/esm/drawer/drawer.definition.js.map +1 -0
- package/dist/esm/drawer/drawer.js +132 -0
- package/dist/esm/drawer/drawer.js.map +1 -0
- package/dist/esm/drawer/drawer.options.js +25 -0
- package/dist/esm/drawer/drawer.options.js.map +1 -0
- package/dist/esm/drawer/drawer.styles.js +138 -0
- package/dist/esm/drawer/drawer.styles.js.map +1 -0
- package/dist/esm/drawer/drawer.template.js +28 -0
- package/dist/esm/drawer/drawer.template.js.map +1 -0
- package/dist/esm/drawer/index.js +6 -0
- package/dist/esm/drawer/index.js.map +1 -0
- package/dist/esm/drawer-body/define.js +4 -0
- package/dist/esm/drawer-body/define.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.definition.js +16 -0
- package/dist/esm/drawer-body/drawer-body.definition.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.js +21 -0
- package/dist/esm/drawer-body/drawer-body.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.styles.js +31 -0
- package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.template.js +21 -0
- package/dist/esm/drawer-body/drawer-body.template.js.map +1 -0
- package/dist/esm/drawer-body/index.js +5 -0
- package/dist/esm/drawer-body/index.js.map +1 -0
- package/dist/esm/dropdown/define.js +4 -0
- package/dist/esm/dropdown/define.js.map +1 -0
- package/dist/esm/dropdown/dropdown.definition.js +20 -0
- package/dist/esm/dropdown/dropdown.definition.js.map +1 -0
- package/dist/esm/dropdown/dropdown.js +779 -0
- package/dist/esm/dropdown/dropdown.js.map +1 -0
- package/dist/esm/dropdown/dropdown.options.js +43 -0
- package/dist/esm/dropdown/dropdown.options.js.map +1 -0
- package/dist/esm/dropdown/dropdown.styles.js +213 -0
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -0
- package/dist/esm/dropdown/dropdown.template.js +92 -0
- package/dist/esm/dropdown/dropdown.template.js.map +1 -0
- package/dist/esm/dropdown/index.js +6 -0
- package/dist/esm/dropdown/index.js.map +1 -0
- package/dist/esm/field/define.js +4 -0
- package/dist/esm/field/define.js.map +1 -0
- package/dist/esm/field/field.bench.js +10 -0
- package/dist/esm/field/field.bench.js.map +1 -0
- package/dist/esm/field/field.definition.js +20 -0
- package/dist/esm/field/field.definition.js.map +1 -0
- package/dist/esm/field/field.js +211 -0
- package/dist/esm/field/field.js.map +1 -0
- package/dist/esm/field/field.options.js +27 -0
- package/dist/esm/field/field.options.js.map +1 -0
- package/dist/esm/field/field.styles.js +135 -0
- package/dist/esm/field/field.styles.js.map +1 -0
- package/dist/esm/field/field.template.js +26 -0
- package/dist/esm/field/field.template.js.map +1 -0
- package/dist/esm/field/index.js +6 -0
- package/dist/esm/field/index.js.map +1 -0
- package/dist/esm/form-associated/form-associated.js +69 -71
- package/dist/esm/form-associated/form-associated.js.map +1 -1
- package/dist/esm/image/image.bench.js +14 -0
- package/dist/esm/image/image.bench.js.map +1 -0
- package/dist/esm/image/image.js +52 -6
- package/dist/esm/image/image.js.map +1 -1
- package/dist/esm/image/image.options.js +0 -1
- package/dist/esm/image/image.options.js.map +1 -1
- package/dist/esm/image/image.styles.js +14 -13
- package/dist/esm/image/image.styles.js.map +1 -1
- package/dist/esm/image/image.template.js.map +1 -1
- package/dist/esm/image/index.js +2 -2
- package/dist/esm/image/index.js.map +1 -1
- package/dist/esm/index-rollup.js +42 -1
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +50 -31
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/index.js +2 -1
- package/dist/esm/label/index.js.map +1 -1
- package/dist/esm/label/label.bench.js +11 -0
- package/dist/esm/label/label.bench.js.map +1 -0
- package/dist/esm/label/label.js +33 -6
- package/dist/esm/label/label.js.map +1 -1
- package/dist/esm/label/label.styles.js +28 -21
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/label/label.template.js.map +1 -1
- package/dist/esm/link/define.js +4 -0
- package/dist/esm/link/define.js.map +1 -0
- package/dist/esm/link/index.js +6 -0
- package/dist/esm/link/index.js.map +1 -0
- package/dist/esm/link/link.bench.js +11 -0
- package/dist/esm/link/link.bench.js.map +1 -0
- package/dist/esm/link/link.definition.js +15 -0
- package/dist/esm/link/link.definition.js.map +1 -0
- package/dist/esm/link/link.js +54 -0
- package/dist/esm/link/link.js.map +1 -0
- package/dist/esm/link/link.options.js +21 -0
- package/dist/esm/link/link.options.js.map +1 -0
- package/dist/esm/link/link.styles.js +72 -0
- package/dist/esm/link/link.styles.js.map +1 -0
- package/dist/esm/link/link.template.js +22 -0
- package/dist/esm/link/link.template.js.map +1 -0
- package/dist/esm/listbox/define.js +4 -0
- package/dist/esm/listbox/define.js.map +1 -0
- package/dist/esm/listbox/index.js +6 -0
- package/dist/esm/listbox/index.js.map +1 -0
- package/dist/esm/listbox/listbox.definition.js +17 -0
- package/dist/esm/listbox/listbox.definition.js.map +1 -0
- package/dist/esm/listbox/listbox.js +175 -0
- package/dist/esm/listbox/listbox.js.map +1 -0
- package/dist/esm/listbox/listbox.options.js +15 -0
- package/dist/esm/listbox/listbox.options.js.map +1 -0
- package/dist/esm/listbox/listbox.styles.js +26 -0
- package/dist/esm/listbox/listbox.styles.js.map +1 -0
- package/dist/esm/listbox/listbox.template.js +33 -0
- package/dist/esm/listbox/listbox.template.js.map +1 -0
- package/dist/esm/menu/index.js +1 -1
- package/dist/esm/menu/index.js.map +1 -1
- package/dist/esm/menu/menu.bench.js +31 -0
- package/dist/esm/menu/menu.bench.js.map +1 -0
- package/dist/esm/menu/menu.js +141 -182
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu/menu.styles.js +53 -9
- package/dist/esm/menu/menu.styles.js.map +1 -1
- package/dist/esm/menu/menu.template.js +3 -9
- package/dist/esm/menu/menu.template.js.map +1 -1
- package/dist/esm/menu-button/index.js +3 -3
- package/dist/esm/menu-button/index.js.map +1 -1
- package/dist/esm/menu-button/menu-button.bench.js +11 -0
- package/dist/esm/menu-button/menu-button.bench.js.map +1 -0
- package/dist/esm/menu-button/menu-button.definition.js +0 -3
- package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
- package/dist/esm/menu-button/menu-button.template.js +5 -1
- package/dist/esm/menu-button/menu-button.template.js.map +1 -1
- package/dist/esm/menu-item/index.js +4 -3
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/menu-item/menu-item.bench.js +11 -0
- package/dist/esm/menu-item/menu-item.bench.js.map +1 -0
- package/dist/esm/menu-item/menu-item.js +101 -127
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +107 -131
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.template.js +15 -50
- package/dist/esm/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/menu-list/index.js +1 -1
- package/dist/esm/menu-list/index.js.map +1 -1
- package/dist/esm/menu-list/menu-list.bench.js +21 -0
- package/dist/esm/menu-list/menu-list.bench.js.map +1 -0
- package/dist/esm/menu-list/menu-list.js +33 -67
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/menu-list/menu-list.styles.js +5 -5
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
- package/dist/esm/menu-list/menu-list.template.js +0 -1
- package/dist/esm/menu-list/menu-list.template.js.map +1 -1
- package/dist/esm/message-bar/define.js +4 -0
- package/dist/esm/message-bar/define.js.map +1 -0
- package/dist/esm/message-bar/index.js +6 -0
- package/dist/esm/message-bar/index.js.map +1 -0
- package/dist/esm/message-bar/message-bar.bench.js +56 -0
- package/dist/esm/message-bar/message-bar.bench.js.map +1 -0
- package/dist/esm/message-bar/message-bar.definition.js +20 -0
- package/dist/esm/message-bar/message-bar.definition.js.map +1 -0
- package/dist/esm/message-bar/message-bar.js +65 -0
- package/dist/esm/message-bar/message-bar.js.map +1 -0
- package/dist/esm/message-bar/message-bar.options.js +27 -0
- package/dist/esm/message-bar/message-bar.options.js.map +1 -0
- package/dist/esm/message-bar/message-bar.styles.js +108 -0
- package/dist/esm/message-bar/message-bar.styles.js.map +1 -0
- package/dist/esm/message-bar/message-bar.template.js +25 -0
- package/dist/esm/message-bar/message-bar.template.js.map +1 -0
- package/dist/esm/option/define.js +4 -0
- package/dist/esm/option/define.js.map +1 -0
- package/dist/esm/option/index.js +6 -0
- package/dist/esm/option/index.js.map +1 -0
- package/dist/esm/option/option.definition.js +17 -0
- package/dist/esm/option/option.definition.js.map +1 -0
- package/dist/esm/option/option.js +296 -0
- package/dist/esm/option/option.js.map +1 -0
- package/dist/esm/option/option.options.js +15 -0
- package/dist/esm/option/option.options.js.map +1 -0
- package/dist/esm/option/option.styles.js +127 -0
- package/dist/esm/option/option.styles.js.map +1 -0
- package/dist/esm/option/option.template.js +42 -0
- package/dist/esm/option/option.template.js.map +1 -0
- package/dist/esm/patterns/aria-globals.js +1 -6
- package/dist/esm/patterns/aria-globals.js.map +1 -1
- package/dist/esm/patterns/start-end.js +12 -0
- package/dist/esm/patterns/start-end.js.map +1 -1
- package/dist/esm/progress-bar/index.js +2 -2
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.bench.js +10 -0
- package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.js +100 -21
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +51 -129
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.template.js +8 -26
- package/dist/esm/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/index.js.map +1 -1
- package/dist/esm/radio/radio.bench.js +11 -0
- package/dist/esm/radio/radio.bench.js.map +1 -0
- package/dist/esm/radio/radio.js +57 -76
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/radio.options.js +2 -0
- package/dist/esm/radio/radio.options.js.map +1 -0
- package/dist/esm/radio/radio.styles.js +97 -90
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio/radio.template.js +21 -24
- package/dist/esm/radio/radio.template.js.map +1 -1
- package/dist/esm/radio-group/index.js +2 -1
- package/dist/esm/radio-group/index.js.map +1 -1
- package/dist/esm/radio-group/radio-group.bench.js +21 -0
- package/dist/esm/radio-group/radio-group.bench.js.map +1 -0
- package/dist/esm/radio-group/radio-group.js +413 -319
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/radio-group/radio-group.styles.js +28 -33
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.template.js +6 -21
- package/dist/esm/radio-group/radio-group.template.js.map +1 -1
- package/dist/esm/rating-display/define.js +4 -0
- package/dist/esm/rating-display/define.js.map +1 -0
- package/dist/esm/rating-display/index.js +6 -0
- package/dist/esm/rating-display/index.js.map +1 -0
- package/dist/esm/rating-display/rating-display.definition.js +17 -0
- package/dist/esm/rating-display/rating-display.definition.js.map +1 -0
- package/dist/esm/rating-display/rating-display.js +158 -0
- package/dist/esm/rating-display/rating-display.js.map +1 -0
- package/dist/esm/rating-display/rating-display.options.js +19 -0
- package/dist/esm/rating-display/rating-display.options.js.map +1 -0
- package/dist/esm/rating-display/rating-display.styles.js +126 -0
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -0
- package/dist/esm/rating-display/rating-display.template.js +34 -0
- package/dist/esm/rating-display/rating-display.template.js.map +1 -0
- package/dist/esm/slider/index.js +2 -2
- package/dist/esm/slider/index.js.map +1 -1
- package/dist/esm/slider/slider-utilities.js.map +1 -1
- package/dist/esm/slider/slider.bench.js +10 -0
- package/dist/esm/slider/slider.bench.js.map +1 -0
- package/dist/esm/slider/slider.js +429 -229
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.styles.js +128 -131
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/slider/slider.template.js +11 -28
- package/dist/esm/slider/slider.template.js.map +1 -1
- package/dist/esm/spinner/index.js +2 -2
- package/dist/esm/spinner/index.js.map +1 -1
- package/dist/esm/spinner/spinner.bench.js +10 -0
- package/dist/esm/spinner/spinner.bench.js.map +1 -0
- package/dist/esm/spinner/spinner.js +39 -9
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +123 -61
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.template.js +16 -47
- package/dist/esm/spinner/spinner.template.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.js +119 -119
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/styles/partials/index.js +1 -0
- package/dist/esm/styles/partials/index.js.map +1 -1
- package/dist/esm/styles/partials/typography.partials.js +105 -0
- package/dist/esm/styles/partials/typography.partials.js.map +1 -0
- package/dist/esm/styles/states/index.js +636 -0
- package/dist/esm/styles/states/index.js.map +1 -0
- package/dist/esm/switch/index.js +2 -2
- package/dist/esm/switch/index.js.map +1 -1
- package/dist/esm/switch/switch.bench.js +11 -0
- package/dist/esm/switch/switch.bench.js.map +1 -0
- package/dist/esm/switch/switch.js +3 -54
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +63 -83
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.js +6 -16
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/esm/tab/index.js +3 -3
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab/tab.bench.js +11 -0
- package/dist/esm/tab/tab.bench.js.map +1 -0
- package/dist/esm/tab/tab.js +2 -7
- package/dist/esm/tab/tab.js.map +1 -1
- package/dist/esm/tab/tab.styles.js +21 -21
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/esm/tab/tab.template.js.map +1 -1
- package/dist/esm/tab-panel/index.js +1 -1
- package/dist/esm/tab-panel/index.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.bench.js +13 -0
- package/dist/esm/tab-panel/tab-panel.bench.js.map +1 -0
- package/dist/esm/tab-panel/tab-panel.styles.js +2 -2
- package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.template.js.map +1 -1
- package/dist/esm/tablist/define.js +4 -0
- package/dist/esm/tablist/define.js.map +1 -0
- package/dist/esm/tablist/index.js +6 -0
- package/dist/esm/tablist/index.js.map +1 -0
- package/dist/esm/tablist/tablist.bench.js +21 -0
- package/dist/esm/tablist/tablist.bench.js.map +1 -0
- package/dist/esm/tablist/tablist.definition.js +15 -0
- package/dist/esm/tablist/tablist.definition.js.map +1 -0
- package/dist/esm/tablist/tablist.js +389 -0
- package/dist/esm/tablist/tablist.js.map +1 -0
- package/dist/esm/tablist/tablist.options.js +24 -0
- package/dist/esm/tablist/tablist.options.js.map +1 -0
- package/dist/esm/tablist/tablist.styles.js +194 -0
- package/dist/esm/tablist/tablist.styles.js.map +1 -0
- package/dist/esm/tablist/tablist.template.js +10 -0
- package/dist/esm/tablist/tablist.template.js.map +1 -0
- package/dist/esm/tabs/index.js +4 -4
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/tabs/tabs.bench.js +32 -0
- package/dist/esm/tabs/tabs.bench.js.map +1 -0
- package/dist/esm/tabs/tabs.js +19 -23
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/tabs/tabs.styles.js +50 -50
- package/dist/esm/tabs/tabs.styles.js.map +1 -1
- package/dist/esm/tabs/tabs.template.js.map +1 -1
- package/dist/esm/text/index.js +2 -2
- package/dist/esm/text/index.js.map +1 -1
- package/dist/esm/text/text.bench.js +13 -0
- package/dist/esm/text/text.bench.js.map +1 -0
- package/dist/esm/text/text.js +73 -7
- package/dist/esm/text/text.js.map +1 -1
- package/dist/esm/text/text.styles.js +64 -61
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text/text.template.js.map +1 -1
- package/dist/esm/text-input/index.js +4 -4
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.bench.js +10 -0
- package/dist/esm/text-input/text-input.bench.js.map +1 -0
- package/dist/esm/text-input/text-input.definition.js +5 -3
- package/dist/esm/text-input/text-input.definition.js.map +1 -1
- package/dist/esm/text-input/text-input.js +366 -104
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/text-input/text-input.options.js +26 -19
- package/dist/esm/text-input/text-input.options.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +107 -96
- package/dist/esm/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.template.js +45 -55
- package/dist/esm/text-input/text-input.template.js.map +1 -1
- package/dist/esm/textarea/define.js +4 -0
- package/dist/esm/textarea/define.js.map +1 -0
- package/dist/esm/textarea/index.js +6 -0
- package/dist/esm/textarea/index.js.map +1 -0
- package/dist/esm/textarea/textarea.bench.js +10 -0
- package/dist/esm/textarea/textarea.bench.js.map +1 -0
- package/dist/esm/textarea/textarea.definition.js +20 -0
- package/dist/esm/textarea/textarea.definition.js.map +1 -0
- package/dist/esm/textarea/textarea.js +583 -0
- package/dist/esm/textarea/textarea.js.map +1 -0
- package/dist/esm/textarea/textarea.options.js +48 -0
- package/dist/esm/textarea/textarea.options.js.map +1 -0
- package/dist/esm/textarea/textarea.styles.js +268 -0
- package/dist/esm/textarea/textarea.styles.js.map +1 -0
- package/dist/esm/textarea/textarea.template.js +54 -0
- package/dist/esm/textarea/textarea.template.js.map +1 -0
- package/dist/esm/theme/design-tokens.js +2220 -384
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/esm/theme/set-theme.global.bench.js +25 -0
- package/dist/esm/theme/set-theme.global.bench.js.map +1 -0
- package/dist/esm/theme/set-theme.js +185 -12
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/theme/set-theme.local.bench.js +27 -0
- package/dist/esm/theme/set-theme.local.bench.js.map +1 -0
- package/dist/esm/theme/set-theme.shadow.bench.js +29 -0
- package/dist/esm/theme/set-theme.shadow.bench.js.map +1 -0
- package/dist/esm/toggle-button/index.js +4 -4
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.bench.js +11 -0
- package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.definition.js +0 -3
- package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.js +44 -91
- package/dist/esm/toggle-button/toggle-button.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js +56 -50
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/esm/tooltip/define.js +4 -0
- package/dist/esm/tooltip/define.js.map +1 -0
- package/dist/esm/tooltip/index.js +6 -0
- package/dist/esm/tooltip/index.js.map +1 -0
- package/dist/esm/tooltip/tooltip.definition.js +17 -0
- package/dist/esm/tooltip/tooltip.definition.js.map +1 -0
- package/dist/esm/tooltip/tooltip.js +199 -0
- package/dist/esm/tooltip/tooltip.js.map +1 -0
- package/dist/esm/tooltip/tooltip.options.js +19 -0
- package/dist/esm/tooltip/tooltip.options.js.map +1 -0
- package/dist/esm/tooltip/tooltip.styles.js +96 -0
- package/dist/esm/tooltip/tooltip.styles.js.map +1 -0
- package/dist/esm/tooltip/tooltip.template.js +11 -0
- package/dist/esm/tooltip/tooltip.template.js.map +1 -0
- package/dist/esm/utils/apply-mixins.js.map +1 -1
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
- package/dist/esm/utils/benchmark-dependencies/tokens.js +2 -0
- package/dist/esm/utils/benchmark-dependencies/tokens.js.map +1 -0
- package/dist/esm/utils/benchmark-wrapper.js +18 -0
- package/dist/esm/utils/benchmark-wrapper.js.map +1 -0
- package/dist/esm/utils/converters.js +26 -0
- package/dist/esm/utils/converters.js.map +1 -0
- package/dist/esm/utils/direction.js +1 -2
- package/dist/esm/utils/direction.js.map +1 -1
- package/dist/esm/utils/display.js +15 -0
- package/dist/esm/utils/display.js.map +1 -0
- package/dist/esm/utils/element-internals.js +96 -0
- package/dist/esm/utils/element-internals.js.map +1 -0
- package/dist/esm/utils/focusable-element.js +10 -0
- package/dist/esm/utils/focusable-element.js.map +1 -0
- package/dist/esm/utils/get-initials.js +2 -2
- package/dist/esm/utils/get-initials.js.map +1 -1
- package/dist/esm/utils/index.js +4 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/language.js +12 -0
- package/dist/esm/utils/language.js.map +1 -0
- package/dist/esm/utils/root-active-element.js +9 -0
- package/dist/esm/utils/root-active-element.js.map +1 -0
- package/dist/esm/utils/support.js +16 -0
- package/dist/esm/utils/support.js.map +1 -0
- package/dist/esm/utils/template-helpers.js +1 -1
- package/dist/esm/utils/template-helpers.js.map +1 -1
- package/dist/esm/utils/unique-id.js +14 -0
- package/dist/esm/utils/unique-id.js.map +1 -0
- package/dist/esm/utils/whitespace-filter.js +1 -1
- package/dist/esm/utils/whitespace-filter.js.map +1 -1
- package/dist/web-components.d.ts +8201 -2510
- package/dist/web-components.js +11337 -7453
- package/dist/web-components.min.js +464 -259
- package/package.json +60 -159
- package/dist/dts/button/button.form-associated.d.ts +0 -14
- package/dist/dts/checkbox/checkbox.form-associated.d.ts +0 -14
- package/dist/dts/helpers.tests.d.ts +0 -8
- package/dist/dts/progress-bar/base-progress.d.ts +0 -41
- package/dist/dts/progress-ring/progress-ring.d.ts +0 -15
- package/dist/dts/progress-ring/progress-ring.options.d.ts +0 -9
- package/dist/dts/radio/radio.form-associated.d.ts +0 -14
- package/dist/dts/text-input/text-field.form-associated.d.ts +0 -14
- package/dist/esm/button/button.form-associated.js +0 -14
- package/dist/esm/button/button.form-associated.js.map +0 -1
- package/dist/esm/checkbox/checkbox.form-associated.js +0 -14
- package/dist/esm/checkbox/checkbox.form-associated.js.map +0 -1
- package/dist/esm/helpers.tests.js +0 -29
- package/dist/esm/helpers.tests.js.map +0 -1
- package/dist/esm/progress-bar/base-progress.js +0 -61
- package/dist/esm/progress-bar/base-progress.js.map +0 -1
- package/dist/esm/progress-ring/progress-ring.js +0 -16
- package/dist/esm/progress-ring/progress-ring.js.map +0 -1
- package/dist/esm/progress-ring/progress-ring.options.js +0 -2
- package/dist/esm/progress-ring/progress-ring.options.js.map +0 -1
- package/dist/esm/radio/radio.form-associated.js +0 -14
- package/dist/esm/radio/radio.form-associated.js.map +0 -1
- package/dist/esm/text-input/text-field.form-associated.js +0 -14
- package/dist/esm/text-input/text-field.form-associated.js.map +0 -1
- package/dist/fluent-web-components.api.json +0 -27410
- package/dist/storybook/108.78b731e00015540915a8.manager.bundle.js +0 -1
- package/dist/storybook/108.b31ec3a1.iframe.bundle.js +0 -1
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js +0 -2
- package/dist/storybook/316.bc4aabd3.iframe.bundle.js.LICENSE.txt +0 -17
- package/dist/storybook/401.7edec720.iframe.bundle.js +0 -2
- package/dist/storybook/401.7edec720.iframe.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js +0 -2
- package/dist/storybook/401.c9bdfaf0dda8b194127f.manager.bundle.js.LICENSE.txt +0 -12
- package/dist/storybook/491.77b24750.iframe.bundle.js +0 -1
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js +0 -2
- package/dist/storybook/591.f5bf0d78d2f203de19f5.manager.bundle.js.LICENSE.txt +0 -94
- package/dist/storybook/709.22096ad4.iframe.bundle.js +0 -2
- package/dist/storybook/709.22096ad4.iframe.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js +0 -2
- package/dist/storybook/709.b131e33993a6b94d7ad8.manager.bundle.js.LICENSE.txt +0 -8
- package/dist/storybook/711.b5d63aa3.iframe.bundle.js +0 -2
- package/dist/storybook/711.b5d63aa3.iframe.bundle.js.LICENSE.txt +0 -51
- package/dist/storybook/721.46fa9f53.iframe.bundle.js +0 -2
- package/dist/storybook/721.46fa9f53.iframe.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js +0 -2
- package/dist/storybook/721.c225c101a0a55a8f98eb.manager.bundle.js.LICENSE.txt +0 -31
- package/dist/storybook/858.da40ed98.iframe.bundle.js +0 -1
- package/dist/storybook/858.e08e25a6901d2e21e9d8.manager.bundle.js +0 -1
- package/dist/storybook/950.674e7934b4a26a022608.manager.bundle.js +0 -1
- package/dist/storybook/954.630c5748.iframe.bundle.js +0 -1
- package/dist/storybook/954.7f985e2fdf9f15a7748b.manager.bundle.js +0 -1
- package/dist/storybook/SegoeUI-VF.ttf +0 -0
- package/dist/storybook/favicon.ico +0 -0
- package/dist/storybook/favicon.png +0 -0
- package/dist/storybook/iframe.html +0 -364
- package/dist/storybook/index.html +0 -165
- package/dist/storybook/main.588112e6.iframe.bundle.js +0 -2
- package/dist/storybook/main.588112e6.iframe.bundle.js.LICENSE.txt +0 -1
- package/dist/storybook/main.5d7b916dc1e37293b1d8.manager.bundle.js +0 -1
- package/dist/storybook/project.json +0 -1
- package/dist/storybook/runtime~main.5d918fe7.iframe.bundle.js +0 -1
- package/dist/storybook/runtime~main.dbf00b470fe610082919.manager.bundle.js +0 -1
- package/dist/storybook/shell.css +0 -83
- package/dist/storybook/theme-switch.ts +0 -13
- package/docs/api-report.md +0 -2969
- package/playwright.config.ts +0 -25
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { definition as ListboxDefinition } from './listbox.definition.js';
|
|
2
|
+
export { Listbox } from './listbox.js';
|
|
3
|
+
export { isListbox } from './listbox.options.js';
|
|
4
|
+
export { styles as ListboxStyles } from './listbox.styles.js';
|
|
5
|
+
export { template as ListboxTemplate, listboxTemplate } from './listbox.template.js';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/listbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { Listbox } from './listbox.js';
|
|
3
|
+
import { styles } from './listbox.styles.js';
|
|
4
|
+
import { template } from './listbox.template.js';
|
|
5
|
+
/**
|
|
6
|
+
* The Fluent Listbox Element
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
* @remarks
|
|
10
|
+
* HTML Element: `<fluent-listbox>`
|
|
11
|
+
*/
|
|
12
|
+
export const definition = Listbox.compose({
|
|
13
|
+
name: `${FluentDesignSystem.prefix}-listbox`,
|
|
14
|
+
template,
|
|
15
|
+
styles,
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=listbox.definition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.definition.js","sourceRoot":"","sources":["../../../src/listbox/listbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,UAAU;IAC5C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr, FASTElement, observable, Updates } from '@microsoft/fast-element';
|
|
3
|
+
import { isDropdownOption } from '../option/option.options.js';
|
|
4
|
+
import { toggleState } from '../utils/element-internals.js';
|
|
5
|
+
import { uniqueId } from '../utils/unique-id.js';
|
|
6
|
+
/**
|
|
7
|
+
* A Listbox Custom HTML Element.
|
|
8
|
+
* Implements the {@link https://w3c.github.io/aria/#listbox | ARIA listbox } role.
|
|
9
|
+
*
|
|
10
|
+
* @slot - The default slot for the options.
|
|
11
|
+
* @emits connected - Dispatched when the element is connected to the DOM.
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* The listbox component represents a list of options that can be selected.
|
|
15
|
+
* It is intended to be used in conjunction with the {@link BaseDropdown | Dropdown} component.
|
|
16
|
+
*
|
|
17
|
+
* @public
|
|
18
|
+
*/
|
|
19
|
+
export class Listbox extends FASTElement {
|
|
20
|
+
/**
|
|
21
|
+
* Updates the multiple selection state of the listbox and its options.
|
|
22
|
+
*
|
|
23
|
+
* @param prev - the previous multiple value
|
|
24
|
+
* @param next - the current multiple value
|
|
25
|
+
*/
|
|
26
|
+
multipleChanged(prev, next) {
|
|
27
|
+
this.elementInternals.ariaMultiSelectable = next ? 'true' : 'false';
|
|
28
|
+
toggleState(this.elementInternals, 'multiple', next);
|
|
29
|
+
Updates.enqueue(() => {
|
|
30
|
+
this.options.forEach(x => {
|
|
31
|
+
x.multiple = !!next;
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Updates the enabled options collection when properties on the child options change.
|
|
37
|
+
*
|
|
38
|
+
* @param prev - the previous options
|
|
39
|
+
* @param next - the current options
|
|
40
|
+
*
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
43
|
+
optionsChanged(prev, next) {
|
|
44
|
+
next?.forEach((option, index) => {
|
|
45
|
+
option.elementInternals.ariaPosInSet = `${index + 1}`;
|
|
46
|
+
option.elementInternals.ariaSetSize = `${next.length}`;
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Handles the `beforetoggle` event on the listbox.
|
|
51
|
+
*
|
|
52
|
+
* @param e - the toggle event
|
|
53
|
+
* @returns true to allow the default popover behavior, undefined to prevent it
|
|
54
|
+
* @internal
|
|
55
|
+
*/
|
|
56
|
+
beforetoggleHandler(e) {
|
|
57
|
+
if (!this.dropdown) {
|
|
58
|
+
return true;
|
|
59
|
+
}
|
|
60
|
+
if (this.dropdown.disabled) {
|
|
61
|
+
this.dropdown.open = false;
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
this.dropdown.open = e.newState === 'open';
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* The collection of child options that are not disabled.
|
|
69
|
+
*
|
|
70
|
+
* @internal
|
|
71
|
+
*/
|
|
72
|
+
get enabledOptions() {
|
|
73
|
+
return this.options?.filter(x => !x.disabled) ?? [];
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* The collection of child options that are selected.
|
|
77
|
+
*
|
|
78
|
+
* @public
|
|
79
|
+
*/
|
|
80
|
+
get selectedOptions() {
|
|
81
|
+
return this.options?.filter(x => x.selected) ?? [];
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Sets the `selected` state on a target option when clicked.
|
|
85
|
+
*
|
|
86
|
+
* @param e - The pointer event
|
|
87
|
+
* @public
|
|
88
|
+
*/
|
|
89
|
+
clickHandler(e) {
|
|
90
|
+
const target = e.target;
|
|
91
|
+
if (isDropdownOption(target)) {
|
|
92
|
+
this.selectOption(this.enabledOptions.indexOf(target));
|
|
93
|
+
}
|
|
94
|
+
return true;
|
|
95
|
+
}
|
|
96
|
+
constructor() {
|
|
97
|
+
super();
|
|
98
|
+
/**
|
|
99
|
+
* Sets the listbox ID to a unique value if one is not provided.
|
|
100
|
+
*
|
|
101
|
+
* @override
|
|
102
|
+
* @public
|
|
103
|
+
* @remarks
|
|
104
|
+
* HTML Attribute: `id`
|
|
105
|
+
*/
|
|
106
|
+
this.id = uniqueId('listbox-');
|
|
107
|
+
/**
|
|
108
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
109
|
+
*
|
|
110
|
+
* @internal
|
|
111
|
+
*/
|
|
112
|
+
this.elementInternals = this.attachInternals();
|
|
113
|
+
this.elementInternals.role = 'listbox';
|
|
114
|
+
}
|
|
115
|
+
connectedCallback() {
|
|
116
|
+
super.connectedCallback();
|
|
117
|
+
this.$emit('connected');
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* Handles observable subscriptions for the listbox.
|
|
121
|
+
*
|
|
122
|
+
* @param source - The source of the observed change
|
|
123
|
+
* @param propertyName - The name of the property that changed
|
|
124
|
+
*
|
|
125
|
+
* @internal
|
|
126
|
+
*/
|
|
127
|
+
handleChange(source, propertyName) {
|
|
128
|
+
if (propertyName === 'multiple') {
|
|
129
|
+
this.multiple = source.multiple;
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
/**
|
|
134
|
+
* Selects an option by index.
|
|
135
|
+
*
|
|
136
|
+
* @param index - The index of the option to select.
|
|
137
|
+
* @public
|
|
138
|
+
*/
|
|
139
|
+
selectOption(index = this.selectedIndex) {
|
|
140
|
+
let selectedIndex = this.selectedIndex;
|
|
141
|
+
if (!this.multiple) {
|
|
142
|
+
this.enabledOptions.forEach((item, i) => {
|
|
143
|
+
const shouldCheck = i === index;
|
|
144
|
+
item.selected = shouldCheck;
|
|
145
|
+
if (shouldCheck) {
|
|
146
|
+
selectedIndex = i;
|
|
147
|
+
}
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
else {
|
|
151
|
+
const option = this.enabledOptions[index];
|
|
152
|
+
if (option) {
|
|
153
|
+
option.selected = !option.selected;
|
|
154
|
+
}
|
|
155
|
+
selectedIndex = index;
|
|
156
|
+
}
|
|
157
|
+
this.selectedIndex = selectedIndex;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
__decorate([
|
|
161
|
+
attr({ attribute: 'id', mode: 'fromView' })
|
|
162
|
+
], Listbox.prototype, "id", void 0);
|
|
163
|
+
__decorate([
|
|
164
|
+
observable
|
|
165
|
+
], Listbox.prototype, "multiple", void 0);
|
|
166
|
+
__decorate([
|
|
167
|
+
observable
|
|
168
|
+
], Listbox.prototype, "options", void 0);
|
|
169
|
+
__decorate([
|
|
170
|
+
observable
|
|
171
|
+
], Listbox.prototype, "selectedIndex", void 0);
|
|
172
|
+
__decorate([
|
|
173
|
+
observable
|
|
174
|
+
], Listbox.prototype, "dropdown", void 0);
|
|
175
|
+
//# sourceMappingURL=listbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../../src/listbox/listbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Predicate function that determines if the element should be considered a listbox.
|
|
3
|
+
*
|
|
4
|
+
* @param element - The element to check.
|
|
5
|
+
* @param tagName - The tag name to check.
|
|
6
|
+
* @returns true if the element is a listbox.
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
9
|
+
export function isListbox(element, tagName = '-listbox') {
|
|
10
|
+
if (element?.nodeType !== Node.ELEMENT_NODE) {
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
return element.tagName.toLowerCase().endsWith(tagName);
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=listbox.options.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.options.js","sourceRoot":"","sources":["../../../src/listbox/listbox.options.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,OAAqB,EAAE,UAAkB,UAAU;IAC3E,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { borderRadiusMedium, colorNeutralBackground1, shadow16, spacingHorizontalXS, spacingHorizontalXXS, } from '../theme/design-tokens.js';
|
|
3
|
+
import { display } from '../utils/display.js';
|
|
4
|
+
/**
|
|
5
|
+
* Styles for the {@link (Listbox:class)} component.
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
9
|
+
export const styles = css `
|
|
10
|
+
${display('inline-flex')}
|
|
11
|
+
|
|
12
|
+
:host {
|
|
13
|
+
background-color: ${colorNeutralBackground1};
|
|
14
|
+
border-radius: ${borderRadiusMedium};
|
|
15
|
+
border: none;
|
|
16
|
+
box-shadow: ${shadow16};
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
flex-direction: column;
|
|
19
|
+
margin: 0;
|
|
20
|
+
min-width: 160px;
|
|
21
|
+
padding: ${spacingHorizontalXS};
|
|
22
|
+
row-gap: ${spacingHorizontalXXS};
|
|
23
|
+
width: auto;
|
|
24
|
+
}
|
|
25
|
+
`;
|
|
26
|
+
//# sourceMappingURL=listbox.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.styles.js","sourceRoot":"","sources":["../../../src/listbox/listbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,QAAQ,EACR,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;wBAGF,uBAAuB;qBAC1B,kBAAkB;;kBAErB,QAAQ;;;;;eAKX,mBAAmB;eACnB,oBAAoB;;;CAGlC,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { html, slotted } from '@microsoft/fast-element';
|
|
2
|
+
import { isDropdownOption } from '../option/option.options.js';
|
|
3
|
+
/**
|
|
4
|
+
* Generates a template for the {@link (Dropdown:class)} component.
|
|
5
|
+
*
|
|
6
|
+
* @param options - The {@link (DropdownOptions:interface)} to use for generating the template.
|
|
7
|
+
* @returns The template object.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
11
|
+
export function listboxTemplate() {
|
|
12
|
+
return html `
|
|
13
|
+
<template
|
|
14
|
+
id="${x => x.id}"
|
|
15
|
+
@beforetoggle="${(x, c) => x.beforetoggleHandler(c.event)}"
|
|
16
|
+
@click="${(x, c) => x.clickHandler(c.event)}"
|
|
17
|
+
>
|
|
18
|
+
<slot
|
|
19
|
+
${slotted({
|
|
20
|
+
property: 'options',
|
|
21
|
+
filter: node => isDropdownOption(node),
|
|
22
|
+
})}
|
|
23
|
+
></slot>
|
|
24
|
+
</template>
|
|
25
|
+
`;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Template for the Listbox component.
|
|
29
|
+
*
|
|
30
|
+
* @public
|
|
31
|
+
*/
|
|
32
|
+
export const template = listboxTemplate();
|
|
33
|
+
//# sourceMappingURL=listbox.template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"listbox.template.js","sourceRoot":"","sources":["../../../src/listbox/listbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe;IAC7B,OAAO,IAAI,CAAG;;YAEJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;uBACE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAoB,CAAC;gBAC9D,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAqB,CAAC;;;UAGvD,OAAO,CAAC;QACR,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC;KACvC,CAAC;;;GAGP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAiC,eAAe,EAAE,CAAC"}
|
package/dist/esm/menu/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition as menuButtonDefinition } from '../menu-button/menu-button.definition.js';
|
|
3
|
+
import { definition as menuItemDefinition } from '../menu-item/menu-item.definition.js';
|
|
4
|
+
import { definition as menuListDefinition } from '../menu-list/menu-list.definition.js';
|
|
5
|
+
import { definition as menuDefinition } from './menu.definition.js';
|
|
6
|
+
menuDefinition.define(FluentDesignSystem.registry);
|
|
7
|
+
menuButtonDefinition.define(FluentDesignSystem.registry);
|
|
8
|
+
menuListDefinition.define(FluentDesignSystem.registry);
|
|
9
|
+
menuItemDefinition.define(FluentDesignSystem.registry);
|
|
10
|
+
const itemRenderer = () => {
|
|
11
|
+
const menu = document.createElement('fluent-menu');
|
|
12
|
+
const menuButton = document.createElement('fluent-menu-button');
|
|
13
|
+
const menuList = document.createElement('fluent-menu-list');
|
|
14
|
+
const menuItem = document.createElement('fluent-menu-item');
|
|
15
|
+
const menuItem2 = document.createElement('fluent-menu-item');
|
|
16
|
+
const menuItem3 = document.createElement('fluent-menu-item');
|
|
17
|
+
menuButton.setAttribute('slot', 'trigger');
|
|
18
|
+
menuButton.appendChild(document.createTextNode('Menu button'));
|
|
19
|
+
menuItem.appendChild(document.createTextNode('Menu item 1'));
|
|
20
|
+
menuItem2.appendChild(document.createTextNode('Menu item 2'));
|
|
21
|
+
menuItem3.appendChild(document.createTextNode('Menu item 3'));
|
|
22
|
+
menuList.appendChild(menuItem);
|
|
23
|
+
menuList.appendChild(menuItem2);
|
|
24
|
+
menuList.appendChild(menuItem3);
|
|
25
|
+
menu.appendChild(menuList);
|
|
26
|
+
menu.appendChild(menuButton);
|
|
27
|
+
return menu;
|
|
28
|
+
};
|
|
29
|
+
export default itemRenderer;
|
|
30
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
31
|
+
//# sourceMappingURL=menu.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.bench.js","sourceRoot":"","sources":["../../../src/menu/menu.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAC9F,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEpE,cAAc,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AACnD,oBAAoB,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AACzD,kBAAkB,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AACvD,kBAAkB,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAEvD,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAChE,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAE7D,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IAC/D,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IAC7D,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9D,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IAE9D,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAEhC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAE7B,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|