@fluentui/web-components 3.0.0-rc.3 → 3.0.0-rc.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +274 -2
- package/README.md +26 -0
- package/custom-elements.json +9510 -7860
- package/dist/esm/accordion/accordion.bench.d.ts +2 -0
- package/dist/esm/accordion/accordion.bench.js +2 -5
- package/dist/esm/accordion/accordion.bench.js.map +1 -1
- package/dist/esm/accordion/accordion.d.ts +12 -9
- package/dist/esm/accordion/accordion.definition-async.d.ts +10 -0
- package/dist/esm/accordion/accordion.definition-async.js +17 -0
- package/dist/esm/accordion/accordion.definition-async.js.map +1 -0
- package/dist/esm/accordion/accordion.definition.d.ts +4 -4
- package/dist/esm/accordion/accordion.definition.js +8 -7
- package/dist/esm/accordion/accordion.definition.js.map +1 -1
- package/dist/esm/accordion/accordion.js +48 -47
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/accordion/accordion.options.d.ts +7 -1
- package/dist/esm/accordion/accordion.options.js +7 -0
- package/dist/esm/accordion/accordion.options.js.map +1 -1
- package/dist/esm/accordion/accordion.styles.css +12 -0
- package/dist/esm/accordion/accordion.styles.js +1 -1
- package/dist/esm/accordion/accordion.styles.js.map +1 -1
- package/dist/esm/accordion/accordion.template.html +6 -0
- package/dist/esm/accordion/define-async.js +4 -0
- package/dist/esm/accordion/define-async.js.map +1 -0
- package/dist/esm/accordion/define.js +2 -2
- package/dist/esm/accordion/define.js.map +1 -1
- package/dist/esm/accordion/index.d.ts +1 -0
- package/dist/esm/accordion/index.js +1 -0
- package/dist/esm/accordion/index.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.base.d.ts +0 -8
- package/dist/esm/accordion-item/accordion-item.base.js +3 -12
- package/dist/esm/accordion-item/accordion-item.base.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.bench.d.ts +1 -0
- package/dist/esm/accordion-item/accordion-item.bench.js +1 -3
- package/dist/esm/accordion-item/accordion-item.bench.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.d.ts +4 -6
- package/dist/esm/accordion-item/accordion-item.definition-async.d.ts +10 -0
- package/dist/esm/accordion-item/accordion-item.definition-async.js +17 -0
- package/dist/esm/accordion-item/accordion-item.definition-async.js.map +1 -0
- package/dist/esm/accordion-item/accordion-item.definition.d.ts +3 -4
- package/dist/esm/accordion-item/accordion-item.definition.js +7 -7
- package/dist/esm/accordion-item/accordion-item.definition.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.js +3 -1
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.options.d.ts +17 -1
- package/dist/esm/accordion-item/accordion-item.options.js +19 -0
- package/dist/esm/accordion-item/accordion-item.options.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.css +174 -0
- package/dist/esm/accordion-item/accordion-item.styles.js +4 -2
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.template.html +54 -0
- package/dist/esm/accordion-item/accordion-item.template.js +7 -7
- package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
- package/dist/esm/accordion-item/define-async.js +4 -0
- package/dist/esm/accordion-item/define-async.js.map +1 -0
- package/dist/esm/accordion-item/define.js +2 -2
- package/dist/esm/accordion-item/define.js.map +1 -1
- package/dist/esm/accordion-item/index.d.ts +1 -0
- package/dist/esm/accordion-item/index.js +1 -0
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.base.d.ts +1 -1
- package/dist/esm/anchor-button/anchor-button.base.js +9 -6
- package/dist/esm/anchor-button/anchor-button.base.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.bench.d.ts +1 -0
- package/dist/esm/anchor-button/anchor-button.bench.js +1 -3
- package/dist/esm/anchor-button/anchor-button.bench.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.d.ts +3 -4
- package/dist/esm/anchor-button/anchor-button.definition-async.d.ts +10 -0
- package/dist/esm/anchor-button/anchor-button.definition-async.js +17 -0
- package/dist/esm/anchor-button/anchor-button.definition-async.js.map +1 -0
- package/dist/esm/anchor-button/anchor-button.definition.d.ts +4 -4
- package/dist/esm/anchor-button/anchor-button.definition.js +8 -7
- package/dist/esm/anchor-button/anchor-button.definition.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +3 -1
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.options.d.ts +7 -1
- package/dist/esm/anchor-button/anchor-button.options.js +7 -0
- package/dist/esm/anchor-button/anchor-button.options.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.styles.css +226 -0
- package/dist/esm/anchor-button/anchor-button.styles.js +4 -3
- package/dist/esm/anchor-button/anchor-button.styles.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.template.html +10 -0
- package/dist/esm/anchor-button/anchor-button.template.js +1 -1
- package/dist/esm/anchor-button/anchor-button.template.js.map +1 -1
- package/dist/esm/anchor-button/define-async.d.ts +1 -0
- package/dist/esm/anchor-button/define-async.js +4 -0
- package/dist/esm/anchor-button/define-async.js.map +1 -0
- package/dist/esm/anchor-button/define.js +2 -2
- package/dist/esm/anchor-button/define.js.map +1 -1
- package/dist/esm/anchor-button/index.d.ts +1 -0
- package/dist/esm/anchor-button/index.js +1 -0
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/avatar/avatar.base.d.ts +64 -10
- package/dist/esm/avatar/avatar.base.js +100 -27
- package/dist/esm/avatar/avatar.base.js.map +1 -1
- package/dist/esm/avatar/avatar.bench.d.ts +1 -0
- package/dist/esm/avatar/avatar.bench.js +1 -3
- package/dist/esm/avatar/avatar.bench.js.map +1 -1
- package/dist/esm/avatar/avatar.d.ts +2 -0
- package/dist/esm/avatar/avatar.definition-async.d.ts +10 -0
- package/dist/esm/avatar/avatar.definition-async.js +17 -0
- package/dist/esm/avatar/avatar.definition-async.js.map +1 -0
- package/dist/esm/avatar/avatar.definition.d.ts +3 -5
- package/dist/esm/avatar/avatar.definition.js +7 -8
- package/dist/esm/avatar/avatar.definition.js.map +1 -1
- package/dist/esm/avatar/avatar.js +3 -1
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.options.d.ts +7 -1
- package/dist/esm/avatar/avatar.options.js +7 -0
- package/dist/esm/avatar/avatar.options.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.css +480 -0
- package/dist/esm/avatar/avatar.styles.js +25 -8
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/avatar/avatar.template.html +13 -0
- package/dist/esm/avatar/avatar.template.js +4 -3
- package/dist/esm/avatar/avatar.template.js.map +1 -1
- package/dist/esm/avatar/define-async.d.ts +1 -0
- package/dist/esm/avatar/define-async.js +4 -0
- package/dist/esm/avatar/define-async.js.map +1 -0
- package/dist/esm/avatar/define.js +2 -2
- package/dist/esm/avatar/define.js.map +1 -1
- package/dist/esm/avatar/index.d.ts +1 -0
- package/dist/esm/avatar/index.js +1 -0
- package/dist/esm/avatar/index.js.map +1 -1
- package/dist/esm/badge/badge.bench.d.ts +1 -0
- package/dist/esm/badge/badge.bench.js +1 -3
- package/dist/esm/badge/badge.bench.js.map +1 -1
- package/dist/esm/badge/badge.d.ts +7 -2
- package/dist/esm/badge/badge.definition-async.d.ts +10 -0
- package/dist/esm/badge/badge.definition-async.js +17 -0
- package/dist/esm/badge/badge.definition-async.js.map +1 -0
- package/dist/esm/badge/badge.definition.d.ts +3 -4
- package/dist/esm/badge/badge.definition.js +7 -7
- package/dist/esm/badge/badge.definition.js.map +1 -1
- package/dist/esm/badge/badge.js +7 -2
- package/dist/esm/badge/badge.js.map +1 -1
- package/dist/esm/badge/badge.options.d.ts +12 -3
- package/dist/esm/badge/badge.options.js +7 -0
- package/dist/esm/badge/badge.options.js.map +1 -1
- package/dist/esm/badge/badge.styles.css +266 -0
- package/dist/esm/badge/badge.styles.js +5 -4
- package/dist/esm/badge/badge.styles.js.map +1 -1
- package/dist/esm/badge/badge.template.html +8 -0
- package/dist/esm/badge/badge.template.js +1 -1
- package/dist/esm/badge/badge.template.js.map +1 -1
- package/dist/esm/badge/define-async.d.ts +1 -0
- package/dist/esm/badge/define-async.js +4 -0
- package/dist/esm/badge/define-async.js.map +1 -0
- package/dist/esm/badge/define.js +2 -2
- package/dist/esm/badge/define.js.map +1 -1
- package/dist/esm/badge/index.d.ts +3 -3
- package/dist/esm/badge/index.js +3 -3
- package/dist/esm/badge/index.js.map +1 -1
- package/dist/esm/button/button.base.d.ts +15 -10
- package/dist/esm/button/button.base.js +30 -29
- package/dist/esm/button/button.base.js.map +1 -1
- package/dist/esm/button/button.bench.d.ts +1 -0
- package/dist/esm/button/button.bench.js +1 -3
- package/dist/esm/button/button.bench.js.map +1 -1
- package/dist/esm/button/button.d.ts +1 -1
- package/dist/esm/button/button.definition-async.d.ts +10 -0
- package/dist/esm/button/button.definition-async.js +17 -0
- package/dist/esm/button/button.definition-async.js.map +1 -0
- package/dist/esm/button/button.definition.d.ts +3 -5
- package/dist/esm/button/button.definition.js +7 -8
- package/dist/esm/button/button.definition.js.map +1 -1
- package/dist/esm/button/button.js +1 -1
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.options.d.ts +8 -2
- package/dist/esm/button/button.options.js +7 -0
- package/dist/esm/button/button.options.js.map +1 -1
- package/dist/esm/button/button.styles.css +268 -0
- package/dist/esm/button/button.styles.js +5 -3
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/button/button.template.d.ts +3 -3
- package/dist/esm/button/button.template.html +10 -0
- package/dist/esm/button/button.template.js +1 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/button/define-async.d.ts +1 -0
- package/dist/esm/button/define-async.js +4 -0
- package/dist/esm/button/define-async.js.map +1 -0
- package/dist/esm/button/define.js +2 -2
- package/dist/esm/button/define.js.map +1 -1
- package/dist/esm/button/index.d.ts +1 -0
- package/dist/esm/button/index.js +1 -0
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/checkbox/checkbox.base.d.ts +3 -9
- package/dist/esm/checkbox/checkbox.base.js +14 -10
- package/dist/esm/checkbox/checkbox.base.js.map +1 -1
- package/dist/esm/checkbox/checkbox.bench.d.ts +1 -0
- package/dist/esm/checkbox/checkbox.bench.js +1 -3
- package/dist/esm/checkbox/checkbox.bench.js.map +1 -1
- package/dist/esm/checkbox/checkbox.d.ts +2 -2
- package/dist/esm/checkbox/checkbox.definition-async.d.ts +10 -0
- package/dist/esm/checkbox/checkbox.definition-async.js +17 -0
- package/dist/esm/checkbox/checkbox.definition-async.js.map +1 -0
- package/dist/esm/checkbox/checkbox.definition.d.ts +3 -5
- package/dist/esm/checkbox/checkbox.definition.js +7 -8
- package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +2 -2
- package/dist/esm/checkbox/checkbox.options.d.ts +6 -0
- package/dist/esm/checkbox/checkbox.options.js +7 -0
- package/dist/esm/checkbox/checkbox.options.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.css +172 -0
- package/dist/esm/checkbox/checkbox.styles.js +4 -3
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.html +29 -0
- package/dist/esm/checkbox/define-async.d.ts +1 -0
- package/dist/esm/checkbox/define-async.js +4 -0
- package/dist/esm/checkbox/define-async.js.map +1 -0
- package/dist/esm/checkbox/define.js +2 -2
- package/dist/esm/checkbox/define.js.map +1 -1
- package/dist/esm/checkbox/index.d.ts +1 -0
- package/dist/esm/checkbox/index.js +1 -0
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/compound-button/compound-button.bench.d.ts +1 -0
- package/dist/esm/compound-button/compound-button.bench.js +1 -3
- package/dist/esm/compound-button/compound-button.bench.js.map +1 -1
- package/dist/esm/compound-button/compound-button.d.ts +3 -0
- package/dist/esm/compound-button/compound-button.definition-async.d.ts +10 -0
- package/dist/esm/compound-button/compound-button.definition-async.js +17 -0
- package/dist/esm/compound-button/compound-button.definition-async.js.map +1 -0
- package/dist/esm/compound-button/compound-button.definition.d.ts +4 -4
- package/dist/esm/compound-button/compound-button.definition.js +8 -7
- package/dist/esm/compound-button/compound-button.definition.js.map +1 -1
- package/dist/esm/compound-button/compound-button.js +3 -0
- package/dist/esm/compound-button/compound-button.js.map +1 -1
- package/dist/esm/compound-button/compound-button.options.d.ts +7 -1
- package/dist/esm/compound-button/compound-button.options.js +7 -0
- package/dist/esm/compound-button/compound-button.options.js.map +1 -1
- package/dist/esm/compound-button/compound-button.styles.css +370 -0
- package/dist/esm/compound-button/compound-button.styles.js +4 -3
- package/dist/esm/compound-button/compound-button.styles.js.map +1 -1
- package/dist/esm/compound-button/compound-button.template.d.ts +3 -1
- package/dist/esm/compound-button/compound-button.template.html +11 -0
- package/dist/esm/compound-button/compound-button.template.js +8 -3
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/compound-button/define-async.d.ts +1 -0
- package/dist/esm/compound-button/define-async.js +4 -0
- package/dist/esm/compound-button/define-async.js.map +1 -0
- package/dist/esm/compound-button/define.js +2 -2
- package/dist/esm/compound-button/define.js.map +1 -1
- package/dist/esm/compound-button/index.d.ts +1 -0
- package/dist/esm/compound-button/index.js +1 -0
- package/dist/esm/compound-button/index.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.base.d.ts +55 -0
- package/dist/esm/counter-badge/counter-badge.base.js +84 -0
- package/dist/esm/counter-badge/counter-badge.base.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.bench.d.ts +1 -0
- package/dist/esm/counter-badge/counter-badge.bench.js +1 -3
- package/dist/esm/counter-badge/counter-badge.bench.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.d.ts +8 -57
- package/dist/esm/counter-badge/counter-badge.definition-async.d.ts +10 -0
- package/dist/esm/counter-badge/counter-badge.definition-async.js +17 -0
- package/dist/esm/counter-badge/counter-badge.definition-async.js.map +1 -0
- package/dist/esm/counter-badge/counter-badge.definition.d.ts +4 -4
- package/dist/esm/counter-badge/counter-badge.definition.js +8 -7
- package/dist/esm/counter-badge/counter-badge.definition.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js +9 -76
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.options.d.ts +26 -12
- package/dist/esm/counter-badge/counter-badge.options.js +15 -4
- package/dist/esm/counter-badge/counter-badge.options.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.css +177 -0
- package/dist/esm/counter-badge/counter-badge.styles.js +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.template.d.ts +9 -1
- package/dist/esm/counter-badge/counter-badge.template.html +8 -0
- package/dist/esm/counter-badge/counter-badge.template.js +15 -7
- package/dist/esm/counter-badge/counter-badge.template.js.map +1 -1
- package/dist/esm/counter-badge/define-async.d.ts +1 -0
- package/dist/esm/counter-badge/define-async.js +4 -0
- package/dist/esm/counter-badge/define-async.js.map +1 -0
- package/dist/esm/counter-badge/define.js +2 -2
- package/dist/esm/counter-badge/define.js.map +1 -1
- package/dist/esm/counter-badge/index.d.ts +4 -3
- package/dist/esm/counter-badge/index.js +4 -3
- package/dist/esm/counter-badge/index.js.map +1 -1
- package/dist/esm/define-all.d.ts +42 -0
- package/dist/esm/define-all.js +43 -0
- package/dist/esm/define-all.js.map +1 -0
- package/dist/esm/dialog/define-async.d.ts +1 -0
- package/dist/esm/dialog/define-async.js +4 -0
- package/dist/esm/dialog/define-async.js.map +1 -0
- package/dist/esm/dialog/define.js +2 -2
- package/dist/esm/dialog/define.js.map +1 -1
- package/dist/esm/dialog/dialog.bench.d.ts +1 -0
- package/dist/esm/dialog/dialog.bench.js +1 -3
- package/dist/esm/dialog/dialog.bench.js.map +1 -1
- package/dist/esm/dialog/dialog.d.ts +63 -11
- package/dist/esm/dialog/dialog.definition-async.d.ts +10 -0
- package/dist/esm/dialog/dialog.definition-async.js +17 -0
- package/dist/esm/dialog/dialog.definition-async.js.map +1 -0
- package/dist/esm/dialog/dialog.definition.d.ts +3 -5
- package/dist/esm/dialog/dialog.definition.js +8 -9
- package/dist/esm/dialog/dialog.definition.js.map +1 -1
- package/dist/esm/dialog/dialog.js +98 -33
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.options.d.ts +7 -1
- package/dist/esm/dialog/dialog.options.js +7 -0
- package/dist/esm/dialog/dialog.options.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.css +84 -0
- package/dist/esm/dialog/dialog.styles.js +4 -4
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.template.d.ts +5 -0
- package/dist/esm/dialog/dialog.template.html +20 -0
- package/dist/esm/dialog/dialog.template.js +11 -3
- package/dist/esm/dialog/dialog.template.js.map +1 -1
- package/dist/esm/dialog/index.d.ts +1 -0
- package/dist/esm/dialog/index.js +1 -0
- package/dist/esm/dialog/index.js.map +1 -1
- package/dist/esm/dialog-body/define-async.d.ts +1 -0
- package/dist/esm/dialog-body/define-async.js +4 -0
- package/dist/esm/dialog-body/define-async.js.map +1 -0
- package/dist/esm/dialog-body/define.js +2 -2
- package/dist/esm/dialog-body/define.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.bench.d.ts +1 -0
- package/dist/esm/dialog-body/dialog-body.bench.js +1 -3
- package/dist/esm/dialog-body/dialog-body.bench.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.d.ts +9 -0
- package/dist/esm/dialog-body/dialog-body.definition-async.d.ts +10 -0
- package/dist/esm/dialog-body/dialog-body.definition-async.js +17 -0
- package/dist/esm/dialog-body/dialog-body.definition-async.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.definition.d.ts +3 -5
- package/dist/esm/dialog-body/dialog-body.definition.js +8 -9
- package/dist/esm/dialog-body/dialog-body.definition.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.js +9 -0
- package/dist/esm/dialog-body/dialog-body.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.options.d.ts +6 -0
- package/dist/esm/dialog-body/dialog-body.options.js +8 -0
- package/dist/esm/dialog-body/dialog-body.options.js.map +1 -0
- package/dist/esm/dialog-body/dialog-body.styles.css +92 -0
- package/dist/esm/dialog-body/dialog-body.styles.js +2 -1
- package/dist/esm/dialog-body/dialog-body.styles.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.template.html +12 -0
- package/dist/esm/dialog-body/index.d.ts +1 -0
- package/dist/esm/dialog-body/index.js +1 -0
- package/dist/esm/dialog-body/index.js.map +1 -1
- package/dist/esm/divider/define-async.d.ts +1 -0
- package/dist/esm/divider/define-async.js +4 -0
- package/dist/esm/divider/define-async.js.map +1 -0
- package/dist/esm/divider/define.js +2 -2
- package/dist/esm/divider/define.js.map +1 -1
- package/dist/esm/divider/divider.bench.d.ts +1 -0
- package/dist/esm/divider/divider.bench.js +1 -3
- package/dist/esm/divider/divider.bench.js.map +1 -1
- package/dist/esm/divider/divider.definition-async.d.ts +10 -0
- package/dist/esm/divider/divider.definition-async.js +17 -0
- package/dist/esm/divider/divider.definition-async.js.map +1 -0
- package/dist/esm/divider/divider.definition.d.ts +3 -5
- package/dist/esm/divider/divider.definition.js +8 -9
- package/dist/esm/divider/divider.definition.js.map +1 -1
- package/dist/esm/divider/divider.options.d.ts +7 -1
- package/dist/esm/divider/divider.options.js +8 -1
- package/dist/esm/divider/divider.options.js.map +1 -1
- package/dist/esm/divider/divider.styles.css +123 -0
- package/dist/esm/divider/divider.styles.js +5 -3
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/divider/divider.template.html +6 -0
- package/dist/esm/divider/index.d.ts +1 -0
- package/dist/esm/divider/index.js +1 -0
- package/dist/esm/divider/index.js.map +1 -1
- package/dist/esm/drawer/define-async.d.ts +1 -0
- package/dist/esm/drawer/define-async.js +4 -0
- package/dist/esm/drawer/define-async.js.map +1 -0
- package/dist/esm/drawer/define.js +2 -2
- package/dist/esm/drawer/define.js.map +1 -1
- package/dist/esm/drawer/drawer.d.ts +65 -27
- package/dist/esm/drawer/drawer.definition-async.d.ts +10 -0
- package/dist/esm/drawer/drawer.definition-async.js +17 -0
- package/dist/esm/drawer/drawer.definition-async.js.map +1 -0
- package/dist/esm/drawer/drawer.definition.d.ts +3 -4
- package/dist/esm/drawer/drawer.definition.js +7 -7
- package/dist/esm/drawer/drawer.definition.js.map +1 -1
- package/dist/esm/drawer/drawer.js +98 -58
- package/dist/esm/drawer/drawer.js.map +1 -1
- package/dist/esm/drawer/drawer.options.d.ts +7 -1
- package/dist/esm/drawer/drawer.options.js +7 -0
- package/dist/esm/drawer/drawer.options.js.map +1 -1
- package/dist/esm/drawer/drawer.styles.css +133 -0
- package/dist/esm/drawer/drawer.styles.js +17 -18
- package/dist/esm/drawer/drawer.styles.js.map +1 -1
- package/dist/esm/drawer/drawer.template.html +21 -0
- package/dist/esm/drawer/drawer.template.js +5 -3
- package/dist/esm/drawer/drawer.template.js.map +1 -1
- package/dist/esm/drawer/index.d.ts +1 -0
- package/dist/esm/drawer/index.js +1 -0
- package/dist/esm/drawer/index.js.map +1 -1
- package/dist/esm/drawer-body/define-async.d.ts +1 -0
- package/dist/esm/drawer-body/define-async.js +4 -0
- package/dist/esm/drawer-body/define-async.js.map +1 -0
- package/dist/esm/drawer-body/define.js +2 -2
- package/dist/esm/drawer-body/define.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.definition-async.d.ts +10 -0
- package/dist/esm/drawer-body/drawer-body.definition-async.js +17 -0
- package/dist/esm/drawer-body/drawer-body.definition-async.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.definition.d.ts +3 -4
- package/dist/esm/drawer-body/drawer-body.definition.js +7 -7
- package/dist/esm/drawer-body/drawer-body.definition.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.options.d.ts +6 -0
- package/dist/esm/drawer-body/drawer-body.options.js +8 -0
- package/dist/esm/drawer-body/drawer-body.options.js.map +1 -0
- package/dist/esm/drawer-body/drawer-body.styles.css +36 -0
- package/dist/esm/drawer-body/drawer-body.styles.js +1 -1
- package/dist/esm/drawer-body/drawer-body.styles.js.map +1 -1
- package/dist/esm/drawer-body/drawer-body.template.html +15 -0
- package/dist/esm/drawer-body/index.d.ts +1 -0
- package/dist/esm/drawer-body/index.js +1 -0
- package/dist/esm/drawer-body/index.js.map +1 -1
- package/dist/esm/dropdown/define-async.d.ts +1 -0
- package/dist/esm/dropdown/define-async.js +4 -0
- package/dist/esm/dropdown/define-async.js.map +1 -0
- package/dist/esm/dropdown/define.js +2 -2
- package/dist/esm/dropdown/define.js.map +1 -1
- package/dist/esm/dropdown/dropdown.base.d.ts +33 -0
- package/dist/esm/dropdown/dropdown.base.js +113 -31
- package/dist/esm/dropdown/dropdown.base.js.map +1 -1
- package/dist/esm/dropdown/dropdown.definition-async.d.ts +10 -0
- package/dist/esm/dropdown/dropdown.definition-async.js +17 -0
- package/dist/esm/dropdown/dropdown.definition-async.js.map +1 -0
- package/dist/esm/dropdown/dropdown.definition.d.ts +3 -5
- package/dist/esm/dropdown/dropdown.definition.js +7 -8
- package/dist/esm/dropdown/dropdown.definition.js.map +1 -1
- package/dist/esm/dropdown/dropdown.options.d.ts +6 -0
- package/dist/esm/dropdown/dropdown.options.js +7 -0
- package/dist/esm/dropdown/dropdown.options.js.map +1 -1
- package/dist/esm/dropdown/dropdown.styles.css +222 -0
- package/dist/esm/dropdown/dropdown.styles.js +3 -1
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
- package/dist/esm/dropdown/dropdown.template.html +28 -0
- package/dist/esm/dropdown/index.d.ts +1 -0
- package/dist/esm/dropdown/index.js +1 -0
- package/dist/esm/dropdown/index.js.map +1 -1
- package/dist/esm/field/define-async.d.ts +1 -0
- package/dist/esm/field/define-async.js +4 -0
- package/dist/esm/field/define-async.js.map +1 -0
- package/dist/esm/field/define.js +2 -2
- package/dist/esm/field/define.js.map +1 -1
- package/dist/esm/field/field.base.d.ts +12 -1
- package/dist/esm/field/field.base.js +13 -5
- package/dist/esm/field/field.base.js.map +1 -1
- package/dist/esm/field/field.bench.d.ts +1 -0
- package/dist/esm/field/field.bench.js +1 -3
- package/dist/esm/field/field.bench.js.map +1 -1
- package/dist/esm/field/field.d.ts +7 -0
- package/dist/esm/field/field.definition-async.d.ts +10 -0
- package/dist/esm/field/field.definition-async.js +20 -0
- package/dist/esm/field/field.definition-async.js.map +1 -0
- package/dist/esm/field/field.definition.d.ts +3 -5
- package/dist/esm/field/field.definition.js +8 -9
- package/dist/esm/field/field.definition.js.map +1 -1
- package/dist/esm/field/field.js +7 -0
- package/dist/esm/field/field.js.map +1 -1
- package/dist/esm/field/field.options.d.ts +6 -0
- package/dist/esm/field/field.options.js +7 -0
- package/dist/esm/field/field.options.js.map +1 -1
- package/dist/esm/field/field.styles.css +125 -0
- package/dist/esm/field/field.template.html +13 -0
- package/dist/esm/field/index.d.ts +1 -0
- package/dist/esm/field/index.js +1 -0
- package/dist/esm/field/index.js.map +1 -1
- package/dist/esm/fluent-design-system.js +1 -1
- package/dist/esm/fluent-design-system.js.map +1 -1
- package/dist/esm/image/define-async.d.ts +1 -0
- package/dist/esm/image/define-async.js +4 -0
- package/dist/esm/image/define-async.js.map +1 -0
- package/dist/esm/image/define.js +2 -2
- package/dist/esm/image/define.js.map +1 -1
- package/dist/esm/image/image.bench.d.ts +1 -0
- package/dist/esm/image/image.bench.js +1 -3
- package/dist/esm/image/image.bench.js.map +1 -1
- package/dist/esm/image/image.d.ts +2 -0
- package/dist/esm/image/image.definition-async.d.ts +10 -0
- package/dist/esm/image/image.definition-async.js +17 -0
- package/dist/esm/image/image.definition-async.js.map +1 -0
- package/dist/esm/image/image.definition.d.ts +3 -5
- package/dist/esm/image/image.definition.js +8 -9
- package/dist/esm/image/image.definition.js.map +1 -1
- package/dist/esm/image/image.js +2 -0
- package/dist/esm/image/image.js.map +1 -1
- package/dist/esm/image/image.options.d.ts +7 -1
- package/dist/esm/image/image.options.js +7 -0
- package/dist/esm/image/image.options.js.map +1 -1
- package/dist/esm/image/image.styles.css +50 -0
- package/dist/esm/image/image.template.html +6 -0
- package/dist/esm/image/index.d.ts +1 -0
- package/dist/esm/image/index.js +1 -0
- package/dist/esm/image/index.js.map +1 -1
- package/dist/esm/index-all-rollup.d.ts +2 -0
- package/dist/esm/index-all-rollup.js +9 -0
- package/dist/esm/index-all-rollup.js.map +1 -0
- package/dist/esm/index-rollup.d.ts +1 -44
- package/dist/esm/index-rollup.js +6 -44
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.d.ts +6 -9
- package/dist/esm/index.js +6 -8
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/define-async.d.ts +1 -0
- package/dist/esm/label/define-async.js +4 -0
- package/dist/esm/label/define-async.js.map +1 -0
- package/dist/esm/label/define.js +2 -2
- package/dist/esm/label/define.js.map +1 -1
- package/dist/esm/label/index.d.ts +1 -0
- package/dist/esm/label/index.js +1 -0
- package/dist/esm/label/index.js.map +1 -1
- package/dist/esm/label/label.bench.d.ts +1 -0
- package/dist/esm/label/label.bench.js +1 -3
- package/dist/esm/label/label.bench.js.map +1 -1
- package/dist/esm/label/label.d.ts +3 -0
- package/dist/esm/label/label.definition-async.d.ts +10 -0
- package/dist/esm/label/label.definition-async.js +17 -0
- package/dist/esm/label/label.definition-async.js.map +1 -0
- package/dist/esm/label/label.definition.d.ts +3 -6
- package/dist/esm/label/label.definition.js +7 -9
- package/dist/esm/label/label.definition.js.map +1 -1
- package/dist/esm/label/label.js +3 -0
- package/dist/esm/label/label.js.map +1 -1
- package/dist/esm/label/label.options.d.ts +7 -1
- package/dist/esm/label/label.options.js +7 -0
- package/dist/esm/label/label.options.js.map +1 -1
- package/dist/esm/label/label.styles.css +40 -0
- package/dist/esm/label/label.styles.js +1 -1
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/label/label.template.html +7 -0
- package/dist/esm/link/define-async.d.ts +1 -0
- package/dist/esm/link/define-async.js +4 -0
- package/dist/esm/link/define-async.js.map +1 -0
- package/dist/esm/link/define.js +2 -2
- package/dist/esm/link/define.js.map +1 -1
- package/dist/esm/link/index.d.ts +1 -0
- package/dist/esm/link/index.js +1 -0
- package/dist/esm/link/index.js.map +1 -1
- package/dist/esm/link/link.bench.d.ts +1 -0
- package/dist/esm/link/link.bench.js +1 -3
- package/dist/esm/link/link.bench.js.map +1 -1
- package/dist/esm/link/link.definition-async.d.ts +10 -0
- package/dist/esm/link/link.definition-async.js +17 -0
- package/dist/esm/link/link.definition-async.js.map +1 -0
- package/dist/esm/link/link.definition.d.ts +4 -4
- package/dist/esm/link/link.definition.js +8 -7
- package/dist/esm/link/link.definition.js.map +1 -1
- package/dist/esm/link/link.options.d.ts +7 -1
- package/dist/esm/link/link.options.js +7 -0
- package/dist/esm/link/link.options.js.map +1 -1
- package/dist/esm/link/link.styles.css +72 -0
- package/dist/esm/link/link.styles.js +16 -5
- package/dist/esm/link/link.styles.js.map +1 -1
- package/dist/esm/link/link.template.html +6 -0
- package/dist/esm/listbox/define-async.d.ts +1 -0
- package/dist/esm/listbox/define-async.js +4 -0
- package/dist/esm/listbox/define-async.js.map +1 -0
- package/dist/esm/listbox/define.js +2 -2
- package/dist/esm/listbox/define.js.map +1 -1
- package/dist/esm/listbox/index.d.ts +1 -0
- package/dist/esm/listbox/index.js +1 -0
- package/dist/esm/listbox/index.js.map +1 -1
- package/dist/esm/listbox/listbox.d.ts +12 -7
- package/dist/esm/listbox/listbox.definition-async.d.ts +10 -0
- package/dist/esm/listbox/listbox.definition-async.js +17 -0
- package/dist/esm/listbox/listbox.definition-async.js.map +1 -0
- package/dist/esm/listbox/listbox.definition.d.ts +3 -5
- package/dist/esm/listbox/listbox.definition.js +7 -8
- package/dist/esm/listbox/listbox.definition.js.map +1 -1
- package/dist/esm/listbox/listbox.js +30 -18
- package/dist/esm/listbox/listbox.js.map +1 -1
- package/dist/esm/listbox/listbox.options.d.ts +6 -0
- package/dist/esm/listbox/listbox.options.js +7 -0
- package/dist/esm/listbox/listbox.options.js.map +1 -1
- package/dist/esm/listbox/listbox.styles.css +49 -0
- package/dist/esm/listbox/listbox.styles.js +9 -15
- package/dist/esm/listbox/listbox.styles.js.map +1 -1
- package/dist/esm/listbox/listbox.template.html +6 -0
- package/dist/esm/listbox/listbox.template.js +2 -3
- package/dist/esm/listbox/listbox.template.js.map +1 -1
- package/dist/esm/menu/define-async.d.ts +1 -0
- package/dist/esm/menu/define-async.js +4 -0
- package/dist/esm/menu/define-async.js.map +1 -0
- package/dist/esm/menu/define.js +2 -2
- package/dist/esm/menu/define.js.map +1 -1
- package/dist/esm/menu/index.d.ts +1 -0
- package/dist/esm/menu/index.js +1 -0
- package/dist/esm/menu/index.js.map +1 -1
- package/dist/esm/menu/menu.bench.d.ts +4 -0
- package/dist/esm/menu/menu.bench.js +4 -9
- package/dist/esm/menu/menu.bench.js.map +1 -1
- package/dist/esm/menu/menu.d.ts +35 -19
- package/dist/esm/menu/menu.definition-async.d.ts +10 -0
- package/dist/esm/menu/menu.definition-async.js +17 -0
- package/dist/esm/menu/menu.definition-async.js.map +1 -0
- package/dist/esm/menu/menu.definition.d.ts +3 -5
- package/dist/esm/menu/menu.definition.js +7 -8
- package/dist/esm/menu/menu.definition.js.map +1 -1
- package/dist/esm/menu/menu.js +78 -79
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu/menu.options.d.ts +6 -0
- package/dist/esm/menu/menu.options.js +8 -0
- package/dist/esm/menu/menu.options.js.map +1 -0
- package/dist/esm/menu/menu.styles.css +56 -0
- package/dist/esm/menu/menu.styles.js +8 -9
- package/dist/esm/menu/menu.styles.js.map +1 -1
- package/dist/esm/menu/menu.template.html +8 -0
- package/dist/esm/menu/menu.template.js +1 -7
- package/dist/esm/menu/menu.template.js.map +1 -1
- package/dist/esm/menu-button/define-async.d.ts +1 -0
- package/dist/esm/menu-button/define-async.js +4 -0
- package/dist/esm/menu-button/define-async.js.map +1 -0
- package/dist/esm/menu-button/define.js +2 -2
- package/dist/esm/menu-button/define.js.map +1 -1
- package/dist/esm/menu-button/index.d.ts +1 -0
- package/dist/esm/menu-button/index.js +1 -0
- package/dist/esm/menu-button/index.js.map +1 -1
- package/dist/esm/menu-button/menu-button.bench.d.ts +1 -0
- package/dist/esm/menu-button/menu-button.bench.js +1 -3
- package/dist/esm/menu-button/menu-button.bench.js.map +1 -1
- package/dist/esm/menu-button/menu-button.definition-async.d.ts +10 -0
- package/dist/esm/menu-button/menu-button.definition-async.js +17 -0
- package/dist/esm/menu-button/menu-button.definition-async.js.map +1 -0
- package/dist/esm/menu-button/menu-button.definition.d.ts +4 -4
- package/dist/esm/menu-button/menu-button.definition.js +9 -8
- package/dist/esm/menu-button/menu-button.definition.js.map +1 -1
- package/dist/esm/menu-button/menu-button.options.d.ts +7 -1
- package/dist/esm/menu-button/menu-button.options.js +7 -0
- package/dist/esm/menu-button/menu-button.options.js.map +1 -1
- package/dist/esm/menu-button/menu-button.styles.css +268 -0
- package/dist/esm/{tab-panel/tab-panel.styles.d.ts → menu-button/menu-button.styles.d.ts} +5 -0
- package/dist/esm/menu-button/menu-button.styles.js +8 -0
- package/dist/esm/menu-button/menu-button.styles.js.map +1 -0
- package/dist/esm/menu-button/menu-button.template.html +25 -0
- package/dist/esm/menu-item/define-async.d.ts +1 -0
- package/dist/esm/menu-item/define-async.js +4 -0
- package/dist/esm/menu-item/define-async.js.map +1 -0
- package/dist/esm/menu-item/define.js +2 -2
- package/dist/esm/menu-item/define.js.map +1 -1
- package/dist/esm/menu-item/index.d.ts +1 -0
- package/dist/esm/menu-item/index.js +1 -0
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/menu-item/menu-item.bench.d.ts +1 -0
- package/dist/esm/menu-item/menu-item.bench.js +1 -3
- package/dist/esm/menu-item/menu-item.bench.js.map +1 -1
- package/dist/esm/menu-item/menu-item.d.ts +4 -2
- package/dist/esm/menu-item/menu-item.definition-async.d.ts +10 -0
- package/dist/esm/menu-item/menu-item.definition-async.js +17 -0
- package/dist/esm/menu-item/menu-item.definition-async.js.map +1 -0
- package/dist/esm/menu-item/menu-item.definition.d.ts +4 -4
- package/dist/esm/menu-item/menu-item.definition.js +8 -7
- package/dist/esm/menu-item/menu-item.definition.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js +26 -13
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-item/menu-item.options.d.ts +7 -1
- package/dist/esm/menu-item/menu-item.options.js +7 -0
- package/dist/esm/menu-item/menu-item.options.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.css +159 -0
- package/dist/esm/menu-item/menu-item.styles.js +15 -10
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.template.html +50 -0
- package/dist/esm/menu-item/menu-item.template.js +3 -2
- package/dist/esm/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/menu-list/define-async.d.ts +1 -0
- package/dist/esm/menu-list/define-async.js +4 -0
- package/dist/esm/menu-list/define-async.js.map +1 -0
- package/dist/esm/menu-list/define.js +2 -2
- package/dist/esm/menu-list/define.js.map +1 -1
- package/dist/esm/menu-list/index.d.ts +2 -0
- package/dist/esm/menu-list/index.js +2 -0
- package/dist/esm/menu-list/index.js.map +1 -1
- package/dist/esm/menu-list/menu-list.base.d.ts +57 -0
- package/dist/esm/menu-list/menu-list.base.js +155 -0
- package/dist/esm/menu-list/menu-list.base.js.map +1 -0
- package/dist/esm/menu-list/menu-list.bench.d.ts +2 -0
- package/dist/esm/menu-list/menu-list.bench.js +2 -5
- package/dist/esm/menu-list/menu-list.bench.js.map +1 -1
- package/dist/esm/menu-list/menu-list.d.ts +6 -69
- package/dist/esm/menu-list/menu-list.definition-async.d.ts +10 -0
- package/dist/esm/menu-list/menu-list.definition-async.js +17 -0
- package/dist/esm/menu-list/menu-list.definition-async.js.map +1 -0
- package/dist/esm/menu-list/menu-list.definition.d.ts +4 -4
- package/dist/esm/menu-list/menu-list.definition.js +8 -7
- package/dist/esm/menu-list/menu-list.definition.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js +18 -237
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/menu-list/menu-list.options.d.ts +6 -0
- package/dist/esm/menu-list/menu-list.options.js +8 -0
- package/dist/esm/menu-list/menu-list.options.js.map +1 -0
- package/dist/esm/menu-list/menu-list.styles.css +20 -0
- package/dist/esm/menu-list/menu-list.styles.js +1 -1
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
- package/dist/esm/menu-list/menu-list.template.html +6 -0
- package/dist/esm/menu-list/menu-list.template.js +1 -5
- package/dist/esm/menu-list/menu-list.template.js.map +1 -1
- package/dist/esm/message-bar/define-async.d.ts +1 -0
- package/dist/esm/message-bar/define-async.js +4 -0
- package/dist/esm/message-bar/define-async.js.map +1 -0
- package/dist/esm/message-bar/define.js +2 -2
- package/dist/esm/message-bar/define.js.map +1 -1
- package/dist/esm/message-bar/index.d.ts +1 -0
- package/dist/esm/message-bar/index.js +1 -0
- package/dist/esm/message-bar/index.js.map +1 -1
- package/dist/esm/message-bar/message-bar.bench.d.ts +2 -0
- package/dist/esm/message-bar/message-bar.bench.js +2 -5
- package/dist/esm/message-bar/message-bar.bench.js.map +1 -1
- package/dist/esm/message-bar/message-bar.d.ts +4 -1
- package/dist/esm/message-bar/message-bar.definition-async.d.ts +10 -0
- package/dist/esm/message-bar/message-bar.definition-async.js +17 -0
- package/dist/esm/message-bar/message-bar.definition-async.js.map +1 -0
- package/dist/esm/message-bar/message-bar.definition.d.ts +3 -5
- package/dist/esm/message-bar/message-bar.definition.js +7 -11
- package/dist/esm/message-bar/message-bar.definition.js.map +1 -1
- package/dist/esm/message-bar/message-bar.js +4 -1
- package/dist/esm/message-bar/message-bar.js.map +1 -1
- package/dist/esm/message-bar/message-bar.options.d.ts +12 -3
- package/dist/esm/message-bar/message-bar.options.js +13 -3
- package/dist/esm/message-bar/message-bar.options.js.map +1 -1
- package/dist/esm/message-bar/message-bar.styles.css +97 -0
- package/dist/esm/message-bar/message-bar.styles.js +1 -0
- package/dist/esm/message-bar/message-bar.styles.js.map +1 -1
- package/dist/esm/message-bar/message-bar.template.d.ts +3 -3
- package/dist/esm/message-bar/message-bar.template.html +13 -0
- package/dist/esm/message-bar/message-bar.template.js +3 -3
- package/dist/esm/option/define-async.d.ts +1 -0
- package/dist/esm/option/define-async.js +4 -0
- package/dist/esm/option/define-async.js.map +1 -0
- package/dist/esm/option/define.js +2 -2
- package/dist/esm/option/define.js.map +1 -1
- package/dist/esm/option/index.d.ts +1 -0
- package/dist/esm/option/index.js +1 -0
- package/dist/esm/option/index.js.map +1 -1
- package/dist/esm/option/option.d.ts +3 -0
- package/dist/esm/option/option.definition-async.d.ts +10 -0
- package/dist/esm/option/option.definition-async.js +17 -0
- package/dist/esm/option/option.definition-async.js.map +1 -0
- package/dist/esm/option/option.definition.d.ts +3 -5
- package/dist/esm/option/option.definition.js +7 -8
- package/dist/esm/option/option.definition.js.map +1 -1
- package/dist/esm/option/option.js +4 -1
- package/dist/esm/option/option.js.map +1 -1
- package/dist/esm/option/option.options.d.ts +6 -0
- package/dist/esm/option/option.options.js +7 -0
- package/dist/esm/option/option.options.js.map +1 -1
- package/dist/esm/option/option.styles.css +134 -0
- package/dist/esm/option/option.template.html +24 -0
- package/dist/esm/patterns/start-end.d.ts +1 -1
- package/dist/esm/patterns/start-end.js +1 -1
- package/dist/esm/patterns/start-end.js.map +1 -1
- package/dist/esm/progress-bar/define-async.d.ts +1 -0
- package/dist/esm/progress-bar/define-async.js +4 -0
- package/dist/esm/progress-bar/define-async.js.map +1 -0
- package/dist/esm/progress-bar/define.js +2 -2
- package/dist/esm/progress-bar/define.js.map +1 -1
- package/dist/esm/progress-bar/index.d.ts +1 -0
- package/dist/esm/progress-bar/index.js +1 -0
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.base.d.ts +35 -8
- package/dist/esm/progress-bar/progress-bar.base.js +41 -20
- package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.bench.d.ts +1 -0
- package/dist/esm/progress-bar/progress-bar.bench.js +1 -3
- package/dist/esm/progress-bar/progress-bar.bench.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.d.ts +9 -2
- package/dist/esm/progress-bar/progress-bar.definition-async.d.ts +10 -0
- package/dist/esm/progress-bar/progress-bar.definition-async.js +17 -0
- package/dist/esm/progress-bar/progress-bar.definition-async.js.map +1 -0
- package/dist/esm/progress-bar/progress-bar.definition.d.ts +3 -6
- package/dist/esm/progress-bar/progress-bar.definition.js +7 -9
- package/dist/esm/progress-bar/progress-bar.definition.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.js +1 -0
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.options.d.ts +7 -1
- package/dist/esm/progress-bar/progress-bar.options.js +7 -0
- package/dist/esm/progress-bar/progress-bar.options.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.css +103 -0
- package/dist/esm/progress-bar/progress-bar.styles.js +5 -3
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.template.html +6 -0
- package/dist/esm/radio/define-async.d.ts +1 -0
- package/dist/esm/radio/define-async.js +4 -0
- package/dist/esm/radio/define-async.js.map +1 -0
- package/dist/esm/radio/define.js +2 -2
- package/dist/esm/radio/define.js.map +1 -1
- package/dist/esm/radio/index.d.ts +1 -0
- package/dist/esm/radio/index.js +1 -0
- package/dist/esm/radio/index.js.map +1 -1
- package/dist/esm/radio/radio.bench.d.ts +1 -0
- package/dist/esm/radio/radio.bench.js +1 -3
- package/dist/esm/radio/radio.bench.js.map +1 -1
- package/dist/esm/radio/radio.d.ts +4 -3
- package/dist/esm/radio/radio.definition-async.d.ts +10 -0
- package/dist/esm/radio/radio.definition-async.js +17 -0
- package/dist/esm/radio/radio.definition-async.js.map +1 -0
- package/dist/esm/radio/radio.definition.d.ts +3 -6
- package/dist/esm/radio/radio.definition.js +7 -9
- package/dist/esm/radio/radio.definition.js.map +1 -1
- package/dist/esm/radio/radio.js +4 -3
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/radio.options.d.ts +15 -0
- package/dist/esm/radio/radio.options.js +19 -1
- package/dist/esm/radio/radio.options.js.map +1 -1
- package/dist/esm/radio/radio.styles.css +119 -0
- package/dist/esm/radio/radio.styles.js +4 -3
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio/radio.template.html +8 -0
- package/dist/esm/radio/radio.template.js +1 -1
- package/dist/esm/radio/radio.template.js.map +1 -1
- package/dist/esm/radio-group/define-async.d.ts +1 -0
- package/dist/esm/radio-group/define-async.js +4 -0
- package/dist/esm/radio-group/define-async.js.map +1 -0
- package/dist/esm/radio-group/define.js +2 -2
- package/dist/esm/radio-group/define.js.map +1 -1
- package/dist/esm/radio-group/index.d.ts +2 -0
- package/dist/esm/radio-group/index.js +2 -0
- package/dist/esm/radio-group/index.js.map +1 -1
- package/dist/esm/radio-group/radio-group.base.d.ts +274 -0
- package/dist/esm/radio-group/radio-group.base.js +442 -0
- package/dist/esm/radio-group/radio-group.base.js.map +1 -0
- package/dist/esm/radio-group/radio-group.bench.d.ts +2 -0
- package/dist/esm/radio-group/radio-group.bench.js +2 -5
- package/dist/esm/radio-group/radio-group.bench.js.map +1 -1
- package/dist/esm/radio-group/radio-group.d.ts +9 -273
- package/dist/esm/radio-group/radio-group.definition-async.d.ts +10 -0
- package/dist/esm/radio-group/radio-group.definition-async.js +17 -0
- package/dist/esm/radio-group/radio-group.definition-async.js.map +1 -0
- package/dist/esm/radio-group/radio-group.definition.d.ts +3 -6
- package/dist/esm/radio-group/radio-group.definition.js +7 -9
- package/dist/esm/radio-group/radio-group.definition.js.map +1 -1
- package/dist/esm/radio-group/radio-group.js +21 -492
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/radio-group/radio-group.options.d.ts +7 -1
- package/dist/esm/radio-group/radio-group.options.js +8 -1
- package/dist/esm/radio-group/radio-group.options.js.map +1 -1
- package/dist/esm/radio-group/radio-group.styles.css +45 -0
- package/dist/esm/radio-group/radio-group.styles.js +1 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.template.html +13 -0
- package/dist/esm/radio-group/radio-group.template.js +3 -3
- package/dist/esm/radio-group/radio-group.template.js.map +1 -1
- package/dist/esm/rating-display/define-async.d.ts +1 -0
- package/dist/esm/rating-display/define-async.js +4 -0
- package/dist/esm/rating-display/define-async.js.map +1 -0
- package/dist/esm/rating-display/define.js +2 -2
- package/dist/esm/rating-display/define.js.map +1 -1
- package/dist/esm/rating-display/index.d.ts +1 -0
- package/dist/esm/rating-display/index.js +1 -0
- package/dist/esm/rating-display/index.js.map +1 -1
- package/dist/esm/rating-display/rating-display.base.d.ts +11 -1
- package/dist/esm/rating-display/rating-display.base.js +24 -11
- package/dist/esm/rating-display/rating-display.base.js.map +1 -1
- package/dist/esm/rating-display/rating-display.definition-async.d.ts +10 -0
- package/dist/esm/rating-display/rating-display.definition-async.js +17 -0
- package/dist/esm/rating-display/rating-display.definition-async.js.map +1 -0
- package/dist/esm/rating-display/rating-display.definition.d.ts +3 -5
- package/dist/esm/rating-display/rating-display.definition.js +7 -8
- package/dist/esm/rating-display/rating-display.definition.js.map +1 -1
- package/dist/esm/rating-display/rating-display.options.d.ts +7 -1
- package/dist/esm/rating-display/rating-display.options.js +7 -0
- package/dist/esm/rating-display/rating-display.options.js.map +1 -1
- package/dist/esm/rating-display/rating-display.styles.css +142 -0
- package/dist/esm/rating-display/rating-display.styles.js +5 -3
- package/dist/esm/rating-display/rating-display.styles.js.map +1 -1
- package/dist/esm/rating-display/rating-display.template.html +9 -0
- package/dist/esm/slider/define-async.d.ts +1 -0
- package/dist/esm/slider/define-async.js +4 -0
- package/dist/esm/slider/define-async.js.map +1 -0
- package/dist/esm/slider/define.js +2 -2
- package/dist/esm/slider/define.js.map +1 -1
- package/dist/esm/slider/index.d.ts +1 -0
- package/dist/esm/slider/index.js +1 -0
- package/dist/esm/slider/index.js.map +1 -1
- package/dist/esm/slider/slider-utilities.d.ts +1 -1
- package/dist/esm/slider/slider-utilities.js +2 -1
- package/dist/esm/slider/slider-utilities.js.map +1 -1
- package/dist/esm/slider/slider.bench.d.ts +1 -0
- package/dist/esm/slider/slider.bench.js +1 -3
- package/dist/esm/slider/slider.bench.js.map +1 -1
- package/dist/esm/slider/slider.d.ts +10 -5
- package/dist/esm/slider/slider.definition-async.d.ts +10 -0
- package/dist/esm/slider/slider.definition-async.js +17 -0
- package/dist/esm/slider/slider.definition-async.js.map +1 -0
- package/dist/esm/slider/slider.definition.d.ts +3 -6
- package/dist/esm/slider/slider.definition.js +7 -9
- package/dist/esm/slider/slider.definition.js.map +1 -1
- package/dist/esm/slider/slider.js +58 -36
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/slider/slider.options.d.ts +9 -2
- package/dist/esm/slider/slider.options.js +8 -1
- package/dist/esm/slider/slider.options.js.map +1 -1
- package/dist/esm/slider/slider.styles.css +193 -0
- package/dist/esm/slider/slider.styles.js +5 -3
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/slider/slider.template.html +15 -0
- package/dist/esm/spinner/define-async.d.ts +1 -0
- package/dist/esm/spinner/define-async.js +4 -0
- package/dist/esm/spinner/define-async.js.map +1 -0
- package/dist/esm/spinner/define.js +2 -2
- package/dist/esm/spinner/define.js.map +1 -1
- package/dist/esm/spinner/index.d.ts +1 -0
- package/dist/esm/spinner/index.js +1 -0
- package/dist/esm/spinner/index.js.map +1 -1
- package/dist/esm/spinner/spinner.bench.d.ts +1 -0
- package/dist/esm/spinner/spinner.bench.js +1 -3
- package/dist/esm/spinner/spinner.bench.js.map +1 -1
- package/dist/esm/spinner/spinner.definition-async.d.ts +10 -0
- package/dist/esm/spinner/spinner.definition-async.js +17 -0
- package/dist/esm/spinner/spinner.definition-async.js.map +1 -0
- package/dist/esm/spinner/spinner.definition.d.ts +4 -4
- package/dist/esm/spinner/spinner.definition.js +8 -7
- package/dist/esm/spinner/spinner.definition.js.map +1 -1
- package/dist/esm/spinner/spinner.options.d.ts +7 -1
- package/dist/esm/spinner/spinner.options.js +7 -0
- package/dist/esm/spinner/spinner.options.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.css +159 -0
- package/dist/esm/spinner/spinner.styles.js +5 -3
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.template.html +18 -0
- package/dist/esm/styles/index.d.ts +2 -1
- package/dist/esm/styles/index.js +2 -1
- package/dist/esm/styles/index.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.d.ts +2 -1
- package/dist/esm/styles/partials/badge.partials.js +3 -2
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/switch/define-async.d.ts +1 -0
- package/dist/esm/switch/define-async.js +4 -0
- package/dist/esm/switch/define-async.js.map +1 -0
- package/dist/esm/switch/define.js +2 -2
- package/dist/esm/switch/define.js.map +1 -1
- package/dist/esm/switch/index.d.ts +1 -0
- package/dist/esm/switch/index.js +1 -0
- package/dist/esm/switch/index.js.map +1 -1
- package/dist/esm/switch/switch.bench.d.ts +1 -0
- package/dist/esm/switch/switch.bench.js +1 -3
- package/dist/esm/switch/switch.bench.js.map +1 -1
- package/dist/esm/switch/switch.d.ts +2 -1
- package/dist/esm/switch/switch.definition-async.d.ts +10 -0
- package/dist/esm/switch/switch.definition-async.js +17 -0
- package/dist/esm/switch/switch.definition-async.js.map +1 -0
- package/dist/esm/switch/switch.definition.d.ts +3 -5
- package/dist/esm/switch/switch.definition.js +8 -9
- package/dist/esm/switch/switch.definition.js.map +1 -1
- package/dist/esm/switch/switch.js +1 -0
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/switch/switch.options.d.ts +7 -1
- package/dist/esm/switch/switch.options.js +7 -0
- package/dist/esm/switch/switch.options.js.map +1 -1
- package/dist/esm/switch/switch.styles.css +125 -0
- package/dist/esm/switch/switch.styles.js +4 -3
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.html +11 -0
- package/dist/esm/switch/switch.template.js +1 -1
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/esm/tab/define-async.d.ts +1 -0
- package/dist/esm/tab/define-async.js +4 -0
- package/dist/esm/tab/define-async.js.map +1 -0
- package/dist/esm/tab/define.js +2 -2
- package/dist/esm/tab/define.js.map +1 -1
- package/dist/esm/tab/index.d.ts +1 -0
- package/dist/esm/tab/index.js +1 -0
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab/tab.bench.d.ts +1 -0
- package/dist/esm/tab/tab.bench.js +1 -3
- package/dist/esm/tab/tab.bench.js.map +1 -1
- package/dist/esm/tab/tab.d.ts +15 -1
- package/dist/esm/tab/tab.definition-async.d.ts +10 -0
- package/dist/esm/tab/tab.definition-async.js +17 -0
- package/dist/esm/tab/tab.definition-async.js.map +1 -0
- package/dist/esm/tab/tab.definition.d.ts +7 -2
- package/dist/esm/tab/tab.definition.js +12 -6
- package/dist/esm/tab/tab.definition.js.map +1 -1
- package/dist/esm/tab/tab.js +28 -2
- package/dist/esm/tab/tab.js.map +1 -1
- package/dist/esm/tab/tab.options.d.ts +6 -0
- package/dist/esm/tab/tab.options.js +7 -0
- package/dist/esm/tab/tab.options.js.map +1 -1
- package/dist/esm/tab/tab.styles.css +122 -0
- package/dist/esm/tab/tab.styles.js +23 -3
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/esm/tab/tab.template.html +8 -0
- package/dist/esm/tab/tab.template.js +2 -2
- package/dist/esm/tab/tab.template.js.map +1 -1
- package/dist/esm/tablist/define-async.d.ts +1 -0
- package/dist/esm/tablist/define-async.js +4 -0
- package/dist/esm/tablist/define-async.js.map +1 -0
- package/dist/esm/tablist/define.js +2 -2
- package/dist/esm/tablist/define.js.map +1 -1
- package/dist/esm/tablist/index.d.ts +1 -0
- package/dist/esm/tablist/index.js +1 -0
- package/dist/esm/tablist/index.js.map +1 -1
- package/dist/esm/tablist/tablist.base.d.ts +15 -46
- package/dist/esm/tablist/tablist.base.js +114 -209
- package/dist/esm/tablist/tablist.base.js.map +1 -1
- package/dist/esm/tablist/tablist.bench.d.ts +2 -0
- package/dist/esm/tablist/tablist.bench.js +2 -5
- package/dist/esm/tablist/tablist.bench.js.map +1 -1
- package/dist/esm/tablist/tablist.d.ts +8 -74
- package/dist/esm/tablist/tablist.definition-async.d.ts +10 -0
- package/dist/esm/tablist/tablist.definition-async.js +20 -0
- package/dist/esm/tablist/tablist.definition-async.js.map +1 -0
- package/dist/esm/tablist/tablist.definition.d.ts +4 -4
- package/dist/esm/tablist/tablist.definition.js +9 -8
- package/dist/esm/tablist/tablist.definition.js.map +1 -1
- package/dist/esm/tablist/tablist.js +23 -132
- package/dist/esm/tablist/tablist.js.map +1 -1
- package/dist/esm/tablist/tablist.options.d.ts +7 -1
- package/dist/esm/tablist/tablist.options.js +8 -1
- package/dist/esm/tablist/tablist.options.js.map +1 -1
- package/dist/esm/tablist/tablist.styles.css +207 -0
- package/dist/esm/tablist/tablist.styles.js +83 -65
- package/dist/esm/tablist/tablist.styles.js.map +1 -1
- package/dist/esm/tablist/tablist.template.html +6 -0
- package/dist/esm/tablist/tablist.template.js +5 -1
- package/dist/esm/tablist/tablist.template.js.map +1 -1
- package/dist/esm/text/define-async.d.ts +1 -0
- package/dist/esm/text/define-async.js +4 -0
- package/dist/esm/text/define-async.js.map +1 -0
- package/dist/esm/text/define.js +2 -2
- package/dist/esm/text/define.js.map +1 -1
- package/dist/esm/text/index.d.ts +1 -0
- package/dist/esm/text/index.js +1 -0
- package/dist/esm/text/index.js.map +1 -1
- package/dist/esm/text/text.bench.d.ts +1 -0
- package/dist/esm/text/text.bench.js +1 -3
- package/dist/esm/text/text.bench.js.map +1 -1
- package/dist/esm/text/text.d.ts +2 -0
- package/dist/esm/text/text.definition-async.d.ts +10 -0
- package/dist/esm/text/text.definition-async.js +17 -0
- package/dist/esm/text/text.definition-async.js.map +1 -0
- package/dist/esm/text/text.definition.d.ts +3 -6
- package/dist/esm/text/text.definition.js +7 -9
- package/dist/esm/text/text.definition.js.map +1 -1
- package/dist/esm/text/text.js +2 -0
- package/dist/esm/text/text.js.map +1 -1
- package/dist/esm/text/text.options.d.ts +7 -1
- package/dist/esm/text/text.options.js +7 -0
- package/dist/esm/text/text.options.js.map +1 -1
- package/dist/esm/text/text.styles.css +108 -0
- package/dist/esm/text/text.styles.js +1 -1
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text/text.template.html +6 -0
- package/dist/esm/text-input/define-async.d.ts +1 -0
- package/dist/esm/text-input/define-async.js +4 -0
- package/dist/esm/text-input/define-async.js.map +1 -0
- package/dist/esm/text-input/define.js +2 -2
- package/dist/esm/text-input/define.js.map +1 -1
- package/dist/esm/text-input/index.d.ts +1 -0
- package/dist/esm/text-input/index.js +1 -0
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.base.d.ts +4 -22
- package/dist/esm/text-input/text-input.base.js +20 -34
- package/dist/esm/text-input/text-input.base.js.map +1 -1
- package/dist/esm/text-input/text-input.bench.d.ts +1 -0
- package/dist/esm/text-input/text-input.bench.js +1 -3
- package/dist/esm/text-input/text-input.bench.js.map +1 -1
- package/dist/esm/text-input/text-input.d.ts +2 -0
- package/dist/esm/text-input/text-input.definition-async.d.ts +10 -0
- package/dist/esm/text-input/text-input.definition-async.js +20 -0
- package/dist/esm/text-input/text-input.definition-async.js.map +1 -0
- package/dist/esm/text-input/text-input.definition.d.ts +3 -5
- package/dist/esm/text-input/text-input.definition.js +8 -9
- package/dist/esm/text-input/text-input.definition.js.map +1 -1
- package/dist/esm/text-input/text-input.js +2 -0
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/text-input/text-input.options.d.ts +6 -0
- package/dist/esm/text-input/text-input.options.js +7 -0
- package/dist/esm/text-input/text-input.options.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.css +204 -0
- package/dist/esm/text-input/text-input.template.d.ts +1 -1
- package/dist/esm/text-input/text-input.template.html +35 -0
- package/dist/esm/text-input/text-input.template.js +4 -15
- package/dist/esm/text-input/text-input.template.js.map +1 -1
- package/dist/esm/textarea/define-async.d.ts +1 -0
- package/dist/esm/textarea/define-async.js +4 -0
- package/dist/esm/textarea/define-async.js.map +1 -0
- package/dist/esm/textarea/define.js +2 -2
- package/dist/esm/textarea/define.js.map +1 -1
- package/dist/esm/textarea/index.d.ts +1 -0
- package/dist/esm/textarea/index.js +1 -0
- package/dist/esm/textarea/index.js.map +1 -1
- package/dist/esm/textarea/textarea.base.d.ts +14 -5
- package/dist/esm/textarea/textarea.base.js +58 -36
- package/dist/esm/textarea/textarea.base.js.map +1 -1
- package/dist/esm/textarea/textarea.bench.d.ts +1 -0
- package/dist/esm/textarea/textarea.bench.js +1 -3
- package/dist/esm/textarea/textarea.bench.js.map +1 -1
- package/dist/esm/textarea/textarea.definition-async.d.ts +10 -0
- package/dist/esm/textarea/textarea.definition-async.js +20 -0
- package/dist/esm/textarea/textarea.definition-async.js.map +1 -0
- package/dist/esm/textarea/textarea.definition.d.ts +3 -5
- package/dist/esm/textarea/textarea.definition.js +8 -9
- package/dist/esm/textarea/textarea.definition.js.map +1 -1
- package/dist/esm/textarea/textarea.options.d.ts +6 -0
- package/dist/esm/textarea/textarea.options.js +7 -0
- package/dist/esm/textarea/textarea.options.js.map +1 -1
- package/dist/esm/textarea/textarea.styles.css +262 -0
- package/dist/esm/textarea/textarea.styles.js +4 -3
- package/dist/esm/textarea/textarea.styles.js.map +1 -1
- package/dist/esm/textarea/textarea.template.html +30 -0
- package/dist/esm/textarea/textarea.template.js +1 -1
- package/dist/esm/textarea/textarea.template.js.map +1 -1
- package/dist/esm/theme/design-tokens.d.ts +115 -0
- package/dist/esm/theme/design-tokens.js +115 -0
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/index.d.ts +1 -1
- package/dist/esm/theme/index.js +1 -1
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/esm/theme/set-theme.d.ts +2 -7
- package/dist/esm/theme/set-theme.js +2 -9
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/toggle-button/define-async.d.ts +1 -0
- package/dist/esm/toggle-button/define-async.js +4 -0
- package/dist/esm/toggle-button/define-async.js.map +1 -0
- package/dist/esm/toggle-button/define.js +2 -2
- package/dist/esm/toggle-button/define.js.map +1 -1
- package/dist/esm/toggle-button/index.d.ts +1 -0
- package/dist/esm/toggle-button/index.js +1 -0
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.bench.d.ts +1 -0
- package/dist/esm/toggle-button/toggle-button.bench.js +1 -3
- package/dist/esm/toggle-button/toggle-button.bench.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.definition-async.d.ts +10 -0
- package/dist/esm/toggle-button/toggle-button.definition-async.js +17 -0
- package/dist/esm/toggle-button/toggle-button.definition-async.js.map +1 -0
- package/dist/esm/toggle-button/toggle-button.definition.d.ts +3 -4
- package/dist/esm/toggle-button/toggle-button.definition.js +7 -7
- package/dist/esm/toggle-button/toggle-button.definition.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.js +2 -3
- package/dist/esm/toggle-button/toggle-button.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.options.d.ts +8 -2
- package/dist/esm/toggle-button/toggle-button.options.js +7 -0
- package/dist/esm/toggle-button/toggle-button.options.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.css +364 -0
- package/dist/esm/toggle-button/toggle-button.styles.js +7 -3
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.template.html +10 -0
- package/dist/esm/tooltip/define-async.d.ts +1 -0
- package/dist/esm/tooltip/define-async.js +4 -0
- package/dist/esm/tooltip/define-async.js.map +1 -0
- package/dist/esm/tooltip/define.js +2 -2
- package/dist/esm/tooltip/define.js.map +1 -1
- package/dist/esm/tooltip/index.d.ts +1 -0
- package/dist/esm/tooltip/index.js +1 -0
- package/dist/esm/tooltip/index.js.map +1 -1
- package/dist/esm/tooltip/tooltip.d.ts +13 -11
- package/dist/esm/tooltip/tooltip.definition-async.d.ts +10 -0
- package/dist/esm/tooltip/tooltip.definition-async.js +17 -0
- package/dist/esm/tooltip/tooltip.definition-async.js.map +1 -0
- package/dist/esm/tooltip/tooltip.definition.d.ts +3 -5
- package/dist/esm/tooltip/tooltip.definition.js +7 -8
- package/dist/esm/tooltip/tooltip.definition.js.map +1 -1
- package/dist/esm/tooltip/tooltip.js +44 -10
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/esm/tooltip/tooltip.options.d.ts +6 -0
- package/dist/esm/tooltip/tooltip.options.js +7 -0
- package/dist/esm/tooltip/tooltip.options.js.map +1 -1
- package/dist/esm/tooltip/tooltip.styles.css +90 -0
- package/dist/esm/tooltip/tooltip.styles.js +1 -1
- package/dist/esm/tooltip/tooltip.template.html +6 -0
- package/dist/esm/tree/define-async.d.ts +1 -0
- package/dist/esm/tree/define-async.js +4 -0
- package/dist/esm/tree/define-async.js.map +1 -0
- package/dist/esm/tree/define.js +2 -2
- package/dist/esm/tree/define.js.map +1 -1
- package/dist/esm/tree/index.d.ts +1 -0
- package/dist/esm/tree/index.js +1 -0
- package/dist/esm/tree/index.js.map +1 -1
- package/dist/esm/tree/tree.base.d.ts +12 -27
- package/dist/esm/tree/tree.base.js +36 -105
- package/dist/esm/tree/tree.base.js.map +1 -1
- package/dist/esm/tree/tree.bench.d.ts +1 -0
- package/dist/esm/tree/tree.bench.js +1 -3
- package/dist/esm/tree/tree.bench.js.map +1 -1
- package/dist/esm/tree/tree.d.ts +13 -2
- package/dist/esm/tree/tree.definition-async.d.ts +10 -0
- package/dist/esm/tree/tree.definition-async.js +17 -0
- package/dist/esm/tree/tree.definition-async.js.map +1 -0
- package/dist/esm/tree/tree.definition.d.ts +3 -4
- package/dist/esm/tree/tree.definition.js +10 -10
- package/dist/esm/tree/tree.definition.js.map +1 -1
- package/dist/esm/tree/tree.js +31 -2
- package/dist/esm/tree/tree.js.map +1 -1
- package/dist/esm/tree/tree.options.d.ts +6 -0
- package/dist/esm/tree/tree.options.js +8 -0
- package/dist/esm/tree/tree.options.js.map +1 -0
- package/dist/esm/tree/tree.styles.css +10 -0
- package/dist/esm/tree/tree.template.html +13 -0
- package/dist/esm/tree/tree.template.js +2 -2
- package/dist/esm/tree/tree.template.js.map +1 -1
- package/dist/esm/tree-item/define-async.d.ts +1 -0
- package/dist/esm/tree-item/define-async.js +4 -0
- package/dist/esm/tree-item/define-async.js.map +1 -0
- package/dist/esm/tree-item/define.js +2 -2
- package/dist/esm/tree-item/define.js.map +1 -1
- package/dist/esm/tree-item/index.d.ts +1 -0
- package/dist/esm/tree-item/index.js +1 -0
- package/dist/esm/tree-item/index.js.map +1 -1
- package/dist/esm/tree-item/tree-item.base.d.ts +31 -5
- package/dist/esm/tree-item/tree-item.base.js +69 -21
- package/dist/esm/tree-item/tree-item.base.js.map +1 -1
- package/dist/esm/tree-item/tree-item.bench.d.ts +1 -0
- package/dist/esm/tree-item/tree-item.bench.js +1 -3
- package/dist/esm/tree-item/tree-item.bench.js.map +1 -1
- package/dist/esm/tree-item/tree-item.d.ts +15 -0
- package/dist/esm/tree-item/tree-item.definition-async.d.ts +10 -0
- package/dist/esm/tree-item/tree-item.definition-async.js +17 -0
- package/dist/esm/tree-item/tree-item.definition-async.js.map +1 -0
- package/dist/esm/tree-item/tree-item.definition.d.ts +3 -4
- package/dist/esm/tree-item/tree-item.definition.js +10 -10
- package/dist/esm/tree-item/tree-item.definition.js.map +1 -1
- package/dist/esm/tree-item/tree-item.js +15 -0
- package/dist/esm/tree-item/tree-item.js.map +1 -1
- package/dist/esm/tree-item/tree-item.options.d.ts +6 -0
- package/dist/esm/tree-item/tree-item.options.js +7 -0
- package/dist/esm/tree-item/tree-item.options.js.map +1 -1
- package/dist/esm/tree-item/tree-item.styles.css +161 -0
- package/dist/esm/tree-item/tree-item.template.html +27 -0
- package/dist/esm/tree-item/tree-item.template.js +1 -1
- package/dist/esm/tree-item/tree-item.template.js.map +1 -1
- package/dist/esm/utils/autofocus.d.ts +12 -0
- package/dist/esm/utils/autofocus.js +25 -0
- package/dist/esm/utils/autofocus.js.map +1 -0
- package/dist/esm/utils/direction.d.ts +13 -1
- package/dist/esm/utils/direction.js +8 -1
- package/dist/esm/utils/direction.js.map +1 -1
- package/dist/esm/utils/focusable-element.js +2 -1
- package/dist/esm/utils/focusable-element.js.map +1 -1
- package/dist/esm/utils/focusgroup.d.ts +22 -0
- package/dist/esm/utils/focusgroup.js +42 -0
- package/dist/esm/utils/focusgroup.js.map +1 -0
- package/dist/esm/utils/index.d.ts +2 -1
- package/dist/esm/utils/index.js +2 -1
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/numbers.d.ts +5 -0
- package/dist/esm/utils/numbers.js +9 -0
- package/dist/esm/utils/numbers.js.map +1 -0
- package/dist/esm/utils/orientation.d.ts +13 -0
- package/dist/esm/utils/orientation.js +10 -0
- package/dist/esm/utils/orientation.js.map +1 -0
- package/dist/esm/utils/request-idle-callback.d.ts +15 -0
- package/dist/esm/utils/request-idle-callback.js +11 -10
- package/dist/esm/utils/request-idle-callback.js.map +1 -1
- package/dist/esm/utils/typings.d.ts +12 -0
- package/dist/esm/utils/typings.js +21 -1
- package/dist/esm/utils/typings.js.map +1 -1
- package/dist/web-components-all.js +15035 -0
- package/dist/web-components-all.min.js +43 -0
- package/dist/web-components.d.ts +1370 -1362
- package/dist/web-components.js +8334 -7800
- package/dist/web-components.min.js +27 -567
- package/package.json +35 -13
- package/dist/esm/tab-panel/define.js +0 -7
- package/dist/esm/tab-panel/define.js.map +0 -1
- package/dist/esm/tab-panel/index.d.ts +0 -4
- package/dist/esm/tab-panel/index.js +0 -5
- package/dist/esm/tab-panel/index.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.bench.d.ts +0 -3
- package/dist/esm/tab-panel/tab-panel.bench.js +0 -13
- package/dist/esm/tab-panel/tab-panel.bench.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.d.ts +0 -8
- package/dist/esm/tab-panel/tab-panel.definition.d.ts +0 -5
- package/dist/esm/tab-panel/tab-panel.definition.js +0 -13
- package/dist/esm/tab-panel/tab-panel.definition.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.js +0 -9
- package/dist/esm/tab-panel/tab-panel.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.styles.js +0 -12
- package/dist/esm/tab-panel/tab-panel.styles.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.template.d.ts +0 -7
- package/dist/esm/tab-panel/tab-panel.template.js +0 -13
- package/dist/esm/tab-panel/tab-panel.template.js.map +0 -1
- package/dist/esm/tabs/define.js +0 -7
- package/dist/esm/tabs/define.js.map +0 -1
- package/dist/esm/tabs/index.d.ts +0 -6
- package/dist/esm/tabs/index.js +0 -6
- package/dist/esm/tabs/index.js.map +0 -1
- package/dist/esm/tabs/tabs.base.d.ts +0 -90
- package/dist/esm/tabs/tabs.base.js +0 -279
- package/dist/esm/tabs/tabs.base.js.map +0 -1
- package/dist/esm/tabs/tabs.bench.d.ts +0 -3
- package/dist/esm/tabs/tabs.bench.js +0 -32
- package/dist/esm/tabs/tabs.bench.js.map +0 -1
- package/dist/esm/tabs/tabs.d.ts +0 -100
- package/dist/esm/tabs/tabs.definition.d.ts +0 -5
- package/dist/esm/tabs/tabs.definition.js +0 -13
- package/dist/esm/tabs/tabs.definition.js.map +0 -1
- package/dist/esm/tabs/tabs.js +0 -180
- package/dist/esm/tabs/tabs.js.map +0 -1
- package/dist/esm/tabs/tabs.options.d.ts +0 -32
- package/dist/esm/tabs/tabs.options.js +0 -16
- package/dist/esm/tabs/tabs.options.js.map +0 -1
- package/dist/esm/tabs/tabs.styles.d.ts +0 -1
- package/dist/esm/tabs/tabs.styles.js +0 -230
- package/dist/esm/tabs/tabs.styles.js.map +0 -1
- package/dist/esm/tabs/tabs.template.d.ts +0 -8
- package/dist/esm/tabs/tabs.template.js +0 -19
- package/dist/esm/tabs/tabs.template.js.map +0 -1
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.d.ts +0 -124
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +0 -142
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +0 -1
- /package/dist/esm/{tabs/define.d.ts → accordion/define-async.d.ts} +0 -0
- /package/dist/esm/{tab-panel/define.d.ts → accordion-item/define-async.d.ts} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { attr, FASTElement, nullableNumberConverter, Updates } from '@microsoft/fast-element';
|
|
3
|
-
import { uniqueId } from '
|
|
3
|
+
import { uniqueId } from '../utils/unique-id.js';
|
|
4
4
|
import { AnchorPositioningCSSSupported, AnchorPositioningHTMLSupported } from '../utils/support.js';
|
|
5
5
|
/**
|
|
6
6
|
* A Tooltip Custom HTML Element.
|
|
@@ -8,6 +8,8 @@ import { AnchorPositioningCSSSupported, AnchorPositioningHTMLSupported } from '.
|
|
|
8
8
|
*
|
|
9
9
|
* @tag fluent-tooltip
|
|
10
10
|
*
|
|
11
|
+
* @slot - The default slot. Accepts the content of the tooltip.
|
|
12
|
+
*
|
|
11
13
|
* @public
|
|
12
14
|
*/
|
|
13
15
|
export class Tooltip extends FASTElement {
|
|
@@ -17,9 +19,7 @@ export class Tooltip extends FASTElement {
|
|
|
17
19
|
* @internal
|
|
18
20
|
*/
|
|
19
21
|
positioningChanged() {
|
|
20
|
-
|
|
21
|
-
this.setFallbackStyles();
|
|
22
|
-
}
|
|
22
|
+
this.setFallbackStyles();
|
|
23
23
|
}
|
|
24
24
|
/**
|
|
25
25
|
* Reference to the anchor element
|
|
@@ -73,10 +73,16 @@ export class Tooltip extends FASTElement {
|
|
|
73
73
|
* Hide the tooltip on blur
|
|
74
74
|
*/
|
|
75
75
|
this.blurAnchorHandler = () => this.hideTooltip(0);
|
|
76
|
+
/**
|
|
77
|
+
* Indicates whether the tooltip styles have been applied for browsers that do not support anchor positioning.
|
|
78
|
+
* @internal
|
|
79
|
+
*/
|
|
80
|
+
this.anchorPositioningReady = false;
|
|
76
81
|
this.elementInternals.role = 'tooltip';
|
|
77
82
|
}
|
|
78
83
|
connectedCallback() {
|
|
79
84
|
super.connectedCallback();
|
|
85
|
+
this.popover ??= 'auto';
|
|
80
86
|
// If the anchor element is not found, tooltip will not be shown
|
|
81
87
|
if (!this.anchorElement) {
|
|
82
88
|
return;
|
|
@@ -101,18 +107,37 @@ export class Tooltip extends FASTElement {
|
|
|
101
107
|
Updates.enqueue(() => this.setFallbackStyles());
|
|
102
108
|
}
|
|
103
109
|
disconnectedCallback() {
|
|
104
|
-
super.disconnectedCallback();
|
|
105
110
|
this.anchorElement?.removeEventListener('focus', this.focusAnchorHandler);
|
|
106
111
|
this.anchorElement?.removeEventListener('blur', this.blurAnchorHandler);
|
|
107
112
|
this.anchorElement?.removeEventListener('mouseenter', this.mouseenterAnchorHandler);
|
|
108
113
|
this.anchorElement?.removeEventListener('mouseleave', this.mouseleaveAnchorHandler);
|
|
114
|
+
if (this.anchorElement) {
|
|
115
|
+
const describedBy = this.anchorElement.getAttribute('aria-describedby') ?? '';
|
|
116
|
+
const ids = describedBy
|
|
117
|
+
.trim()
|
|
118
|
+
.split(/\s+/)
|
|
119
|
+
.filter(id => id !== this.id);
|
|
120
|
+
if (ids.length) {
|
|
121
|
+
this.anchorElement.setAttribute('aria-describedby', ids.join(' '));
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
this.anchorElement.removeAttribute('aria-describedby');
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
super.disconnectedCallback();
|
|
109
128
|
}
|
|
110
129
|
/**
|
|
111
130
|
* Shows the tooltip
|
|
112
|
-
* @param delay Number of milliseconds to delay showing the tooltip
|
|
131
|
+
* @param delay - Number of milliseconds to delay showing the tooltip
|
|
113
132
|
* @internal
|
|
114
133
|
*/
|
|
115
134
|
showTooltip(delay = this.defaultDelay) {
|
|
135
|
+
if (!this.anchorPositioningReady) {
|
|
136
|
+
this.setFallbackStyles().then(() => {
|
|
137
|
+
this.showTooltip(delay);
|
|
138
|
+
});
|
|
139
|
+
return;
|
|
140
|
+
}
|
|
116
141
|
setTimeout(() => {
|
|
117
142
|
this.setAttribute('aria-hidden', 'false');
|
|
118
143
|
this.showPopover();
|
|
@@ -120,7 +145,7 @@ export class Tooltip extends FASTElement {
|
|
|
120
145
|
}
|
|
121
146
|
/**
|
|
122
147
|
* Hide the tooltip
|
|
123
|
-
* @param delay Number of milliseconds to delay hiding the tooltip
|
|
148
|
+
* @param delay - Number of milliseconds to delay hiding the tooltip
|
|
124
149
|
* @internal
|
|
125
150
|
*/
|
|
126
151
|
hideTooltip(delay = this.defaultDelay) {
|
|
@@ -134,7 +159,15 @@ export class Tooltip extends FASTElement {
|
|
|
134
159
|
this.hidePopover();
|
|
135
160
|
}, delay);
|
|
136
161
|
}
|
|
137
|
-
|
|
162
|
+
/**
|
|
163
|
+
* Sets fallback styles for the tooltip for browsers that do not support CSS anchor positioning.
|
|
164
|
+
* @internal
|
|
165
|
+
*/
|
|
166
|
+
async setFallbackStyles() {
|
|
167
|
+
if (AnchorPositioningCSSSupported) {
|
|
168
|
+
this.anchorPositioningReady = true;
|
|
169
|
+
return;
|
|
170
|
+
}
|
|
138
171
|
if (!this.anchorElement) {
|
|
139
172
|
return;
|
|
140
173
|
}
|
|
@@ -177,13 +210,14 @@ export class Tooltip extends FASTElement {
|
|
|
177
210
|
#${this.id} {
|
|
178
211
|
inset: unset;
|
|
179
212
|
position-anchor: ${anchorName};
|
|
180
|
-
position:
|
|
213
|
+
position: fixed;
|
|
181
214
|
${directionCSS}
|
|
182
215
|
${alignmentCSS}
|
|
183
216
|
}
|
|
184
217
|
`;
|
|
185
218
|
if (window.CSS_ANCHOR_POLYFILL) {
|
|
186
|
-
window.CSS_ANCHOR_POLYFILL
|
|
219
|
+
await window.CSS_ANCHOR_POLYFILL({ elements: [this.anchorPositioningStyleElement] });
|
|
220
|
+
this.anchorPositioningReady = true;
|
|
187
221
|
}
|
|
188
222
|
}
|
|
189
223
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,3 +22,9 @@ export declare const TooltipPositioningOption: {
|
|
|
22
22
|
* @public
|
|
23
23
|
*/
|
|
24
24
|
export type TooltipPositioningOption = ValuesOf<typeof TooltipPositioningOption>;
|
|
25
|
+
/**
|
|
26
|
+
* The tag name for the tooltip element.
|
|
27
|
+
*
|
|
28
|
+
* @public
|
|
29
|
+
*/
|
|
30
|
+
export declare const tagName: "fluent-tooltip";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
1
2
|
/**
|
|
2
3
|
* The TooltipPositioning options and their corresponding CSS values
|
|
3
4
|
* @public
|
|
@@ -16,4 +17,10 @@ export const TooltipPositioningOption = {
|
|
|
16
17
|
after: 'inline-end',
|
|
17
18
|
'after-bottom': 'inline-end span-block-start',
|
|
18
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* The tag name for the tooltip element.
|
|
22
|
+
*
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
export const tagName = `${FluentDesignSystem.prefix}-tooltip`;
|
|
19
26
|
//# sourceMappingURL=tooltip.options.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.options.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.options.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip.options.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,aAAa,EAAE,6BAA6B;IAC5C,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,+BAA+B;IAC5C,aAAa,EAAE,2BAA2B;IAC1C,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,6BAA6B;IAC1C,YAAY,EAAE,6BAA6B;IAC3C,MAAM,EAAE,cAAc;IACtB,eAAe,EAAE,+BAA+B;IAChD,WAAW,EAAE,2BAA2B;IACxC,KAAK,EAAE,YAAY;IACnB,cAAc,EAAE,6BAA6B;CACrC,CAAC;AAQX;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,UAAmB,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
:host([hidden]) {
|
|
2
|
+
display: none;
|
|
3
|
+
}
|
|
4
|
+
:host {
|
|
5
|
+
display: inline-flex;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
:host(:not(:popover-open)) {
|
|
9
|
+
display: none;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:host {
|
|
13
|
+
--position-area: block-start;
|
|
14
|
+
--position-try-options: flip-block;
|
|
15
|
+
--block-offset: var(--spacingVerticalXS);
|
|
16
|
+
--inline-offset: var(--spacingHorizontalXS);
|
|
17
|
+
background: var(--colorNeutralBackground1);
|
|
18
|
+
border-radius: var(--borderRadiusMedium);
|
|
19
|
+
border: 1px solid var(--colorTransparentStroke);
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
color: var(--colorNeutralForeground1);
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
filter: drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));
|
|
24
|
+
font-family: var(--fontFamilyBase);
|
|
25
|
+
font-size: var(--fontSizeBase200);
|
|
26
|
+
inset: unset;
|
|
27
|
+
line-height: var(--lineHeightBase200);
|
|
28
|
+
margin: unset; /* Remove browser default for [popover] */
|
|
29
|
+
max-width: 240px;
|
|
30
|
+
overflow: visible;
|
|
31
|
+
padding: 4px var(--spacingHorizontalMNudge) 6px;
|
|
32
|
+
position: absolute;
|
|
33
|
+
position-area: var(--position-area);
|
|
34
|
+
position-try-fallbacks: var(--position-try-options);
|
|
35
|
+
width: auto;
|
|
36
|
+
z-index: 1;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@supports (inset-area: block-start) {
|
|
40
|
+
:host {
|
|
41
|
+
inset-area: var(--position-area);
|
|
42
|
+
position-try-fallbacks: var(--position-try-options);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:host(:is([positioning^='above'], [positioning^='below'], :not([positioning]))) {
|
|
47
|
+
margin-block: var(--block-offset);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
:host(:is([positioning^='before'], [positioning^='after'])) {
|
|
51
|
+
margin-inline: var(--inline-offset);
|
|
52
|
+
--position-try-options: flip-inline;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
:host([positioning='above-start']) {
|
|
56
|
+
--position-area: block-start span-inline-end;
|
|
57
|
+
}
|
|
58
|
+
:host([positioning='above']) {
|
|
59
|
+
--position-area: block-start;
|
|
60
|
+
}
|
|
61
|
+
:host([positioning='above-end']) {
|
|
62
|
+
--position-area: block-start span-inline-start;
|
|
63
|
+
}
|
|
64
|
+
:host([positioning='below-start']) {
|
|
65
|
+
--position-area: block-end span-inline-end;
|
|
66
|
+
}
|
|
67
|
+
:host([positioning='below']) {
|
|
68
|
+
--position-area: block-end;
|
|
69
|
+
}
|
|
70
|
+
:host([positioning='below-end']) {
|
|
71
|
+
--position-area: block-end span-inline-start;
|
|
72
|
+
}
|
|
73
|
+
:host([positioning='before-top']) {
|
|
74
|
+
--position-area: inline-start span-block-end;
|
|
75
|
+
}
|
|
76
|
+
:host([positioning='before']) {
|
|
77
|
+
--position-area: inline-start;
|
|
78
|
+
}
|
|
79
|
+
:host([positioning='before-bottom']) {
|
|
80
|
+
--position-area: inline-start span-block-start;
|
|
81
|
+
}
|
|
82
|
+
:host([positioning='after-top']) {
|
|
83
|
+
--position-area: inline-end span-block-end;
|
|
84
|
+
}
|
|
85
|
+
:host([positioning='after']) {
|
|
86
|
+
--position-area: inline-end;
|
|
87
|
+
}
|
|
88
|
+
:host([positioning='after-bottom']) {
|
|
89
|
+
--position-area: inline-end span-block-start;
|
|
90
|
+
}
|
|
@@ -35,7 +35,7 @@ export const styles = css `
|
|
|
35
35
|
padding: 4px ${spacingHorizontalMNudge} 6px;
|
|
36
36
|
position: absolute;
|
|
37
37
|
position-area: var(--position-area);
|
|
38
|
-
position-try-
|
|
38
|
+
position-try-fallbacks: var(--position-try-options);
|
|
39
39
|
width: auto;
|
|
40
40
|
z-index: 1;
|
|
41
41
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/tree/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC"}
|
package/dist/esm/tree/define.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tree/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/tree/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC"}
|
package/dist/esm/tree/index.d.ts
CHANGED
|
@@ -3,3 +3,4 @@ export { Tree } from './tree.js';
|
|
|
3
3
|
export { template as TreeTemplate } from './tree.template.js';
|
|
4
4
|
export { styles as TreeStyles } from './tree.styles.js';
|
|
5
5
|
export { definition as TreeDefinition } from './tree.definition.js';
|
|
6
|
+
export { tagName as TreeTagName } from './tree.options.js';
|
package/dist/esm/tree/index.js
CHANGED
|
@@ -3,4 +3,5 @@ export { Tree } from './tree.js';
|
|
|
3
3
|
export { template as TreeTemplate } from './tree.template.js';
|
|
4
4
|
export { styles as TreeStyles } from './tree.styles.js';
|
|
5
5
|
export { definition as TreeDefinition } from './tree.definition.js';
|
|
6
|
+
export { tagName as TreeTagName } from './tree.options.js';
|
|
6
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,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;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -6,12 +6,6 @@ export declare class BaseTree extends FASTElement {
|
|
|
6
6
|
* @public
|
|
7
7
|
*/
|
|
8
8
|
currentSelected: HTMLElement | null;
|
|
9
|
-
/**
|
|
10
|
-
* The tree item that is designated to be in the tab queue.
|
|
11
|
-
*
|
|
12
|
-
* @internal
|
|
13
|
-
*/
|
|
14
|
-
private currentFocused;
|
|
15
9
|
/**
|
|
16
10
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
17
11
|
*
|
|
@@ -20,6 +14,13 @@ export declare class BaseTree extends FASTElement {
|
|
|
20
14
|
elementInternals: ElementInternals;
|
|
21
15
|
/** @internal */
|
|
22
16
|
defaultSlot: HTMLSlotElement;
|
|
17
|
+
/**
|
|
18
|
+
* Calls the slot change handler when the `defaultSlot` reference is updated
|
|
19
|
+
* by the template binding.
|
|
20
|
+
*
|
|
21
|
+
* @internal
|
|
22
|
+
*/
|
|
23
|
+
defaultSlotChanged(): void;
|
|
23
24
|
constructor();
|
|
24
25
|
/** @internal */
|
|
25
26
|
childTreeItems: BaseTreeItem[];
|
|
@@ -35,18 +36,6 @@ export declare class BaseTree extends FASTElement {
|
|
|
35
36
|
* @internal
|
|
36
37
|
*/
|
|
37
38
|
keydownHandler(e: KeyboardEvent): boolean | void;
|
|
38
|
-
/**
|
|
39
|
-
* Handle focus events
|
|
40
|
-
*
|
|
41
|
-
* @internal
|
|
42
|
-
*/
|
|
43
|
-
focusHandler(e: FocusEvent): void;
|
|
44
|
-
/**
|
|
45
|
-
* Handle blur events
|
|
46
|
-
*
|
|
47
|
-
* @internal
|
|
48
|
-
*/
|
|
49
|
-
blurHandler(e: FocusEvent): void;
|
|
50
39
|
/**
|
|
51
40
|
* Handles click events bubbling up
|
|
52
41
|
*
|
|
@@ -60,15 +49,11 @@ export declare class BaseTree extends FASTElement {
|
|
|
60
49
|
* @internal
|
|
61
50
|
*/
|
|
62
51
|
changeHandler(e: Event): boolean | void;
|
|
63
|
-
/**
|
|
64
|
-
* checks if there are any nested tree items
|
|
65
|
-
*/
|
|
66
|
-
private getValidFocusableItem;
|
|
67
|
-
private getVisibleNodes;
|
|
68
|
-
/**
|
|
69
|
-
* Move focus to a tree item based on its offset from the provided item
|
|
70
|
-
*/
|
|
71
|
-
private focusNextNode;
|
|
72
52
|
/** @internal */
|
|
73
53
|
handleDefaultSlotChange(): void;
|
|
54
|
+
/**
|
|
55
|
+
* All descendant tree items in DOM order, recursively flattened from
|
|
56
|
+
* `childTreeItems`.
|
|
57
|
+
*/
|
|
58
|
+
protected get descendantTreeItems(): BaseTreeItem[];
|
|
74
59
|
}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { FASTElement, observable } from '@microsoft/fast-element';
|
|
3
|
-
import { isHTMLElement, keyArrowDown, keyArrowLeft, keyArrowRight, keyArrowUp, keyEnd, keyEnter, keyHome, keySpace, } from '@microsoft/fast-web-utilities';
|
|
4
3
|
import { isTreeItem } from '../tree-item/tree-item.options.js';
|
|
5
4
|
export class BaseTree extends FASTElement {
|
|
5
|
+
/**
|
|
6
|
+
* Calls the slot change handler when the `defaultSlot` reference is updated
|
|
7
|
+
* by the template binding.
|
|
8
|
+
*
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
11
|
+
defaultSlotChanged() {
|
|
12
|
+
this.handleDefaultSlotChange();
|
|
13
|
+
}
|
|
6
14
|
constructor() {
|
|
7
15
|
super();
|
|
8
16
|
/**
|
|
@@ -10,20 +18,12 @@ export class BaseTree extends FASTElement {
|
|
|
10
18
|
* @public
|
|
11
19
|
*/
|
|
12
20
|
this.currentSelected = null;
|
|
13
|
-
/**
|
|
14
|
-
* The tree item that is designated to be in the tab queue.
|
|
15
|
-
*
|
|
16
|
-
* @internal
|
|
17
|
-
*/
|
|
18
|
-
this.currentFocused = null;
|
|
19
21
|
/**
|
|
20
22
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
21
23
|
*
|
|
22
24
|
* @internal
|
|
23
25
|
*/
|
|
24
26
|
this.elementInternals = this.attachInternals();
|
|
25
|
-
/** @internal */
|
|
26
|
-
this.childTreeItems = [];
|
|
27
27
|
this.elementInternals.role = 'tree';
|
|
28
28
|
}
|
|
29
29
|
/** @internal */
|
|
@@ -38,10 +38,6 @@ export class BaseTree extends FASTElement {
|
|
|
38
38
|
// defaults to first one found
|
|
39
39
|
const selectedItem = this.querySelector(`[selected]`);
|
|
40
40
|
this.currentSelected = selectedItem;
|
|
41
|
-
// invalidate the current focused item if it is no longer valid
|
|
42
|
-
if (this.currentFocused === null || !this.contains(this.currentFocused)) {
|
|
43
|
-
this.currentFocused = this.getValidFocusableItem();
|
|
44
|
-
}
|
|
45
41
|
}
|
|
46
42
|
/**
|
|
47
43
|
* KeyDown handler
|
|
@@ -56,21 +52,8 @@ export class BaseTree extends FASTElement {
|
|
|
56
52
|
if (!isTreeItem(item) || this.childTreeItems.length < 1) {
|
|
57
53
|
return true;
|
|
58
54
|
}
|
|
59
|
-
const elements = this.getVisibleNodes();
|
|
60
55
|
switch (e.key) {
|
|
61
|
-
case
|
|
62
|
-
if (elements.length) {
|
|
63
|
-
elements[0].focus();
|
|
64
|
-
}
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
case keyEnd: {
|
|
68
|
-
if (elements.length) {
|
|
69
|
-
elements[elements.length - 1].focus();
|
|
70
|
-
}
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
case keyArrowLeft: {
|
|
56
|
+
case 'ArrowLeft': {
|
|
74
57
|
if (item?.childTreeItems?.length && item.expanded) {
|
|
75
58
|
item.expanded = false;
|
|
76
59
|
}
|
|
@@ -79,32 +62,24 @@ export class BaseTree extends FASTElement {
|
|
|
79
62
|
}
|
|
80
63
|
return;
|
|
81
64
|
}
|
|
82
|
-
case
|
|
65
|
+
case 'ArrowRight': {
|
|
83
66
|
if (item?.childTreeItems?.length) {
|
|
84
67
|
if (!item.expanded) {
|
|
85
68
|
item.expanded = true;
|
|
86
69
|
}
|
|
87
70
|
else {
|
|
88
|
-
|
|
71
|
+
return true;
|
|
89
72
|
}
|
|
90
73
|
}
|
|
91
74
|
return;
|
|
92
75
|
}
|
|
93
|
-
case
|
|
94
|
-
this.focusNextNode(1, item);
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
case keyArrowUp: {
|
|
98
|
-
this.focusNextNode(-1, item);
|
|
99
|
-
return;
|
|
100
|
-
}
|
|
101
|
-
case keyEnter: {
|
|
76
|
+
case 'Enter': {
|
|
102
77
|
// In single-select trees where selection does not follow focus (see note below),
|
|
103
78
|
// the default action is typically to select the focused node.
|
|
104
79
|
this.clickHandler(e);
|
|
105
80
|
return;
|
|
106
81
|
}
|
|
107
|
-
case
|
|
82
|
+
case ' ': {
|
|
108
83
|
item.selected = true;
|
|
109
84
|
return;
|
|
110
85
|
}
|
|
@@ -112,39 +87,6 @@ export class BaseTree extends FASTElement {
|
|
|
112
87
|
// don't prevent default if we took no action
|
|
113
88
|
return true;
|
|
114
89
|
}
|
|
115
|
-
/**
|
|
116
|
-
* Handle focus events
|
|
117
|
-
*
|
|
118
|
-
* @internal
|
|
119
|
-
*/
|
|
120
|
-
focusHandler(e) {
|
|
121
|
-
if (this.childTreeItems.length < 1) {
|
|
122
|
-
// no child items, nothing to do
|
|
123
|
-
return;
|
|
124
|
-
}
|
|
125
|
-
if (e.target === this) {
|
|
126
|
-
this.currentFocused = this.getValidFocusableItem();
|
|
127
|
-
if (this.currentFocused && this.currentFocused.tabIndex < 0) {
|
|
128
|
-
this.currentFocused.tabIndex = 0;
|
|
129
|
-
}
|
|
130
|
-
this.currentFocused?.focus();
|
|
131
|
-
return;
|
|
132
|
-
}
|
|
133
|
-
if (this.contains(e.target)) {
|
|
134
|
-
this.setAttribute('tabindex', '-1');
|
|
135
|
-
this.currentFocused = e.target;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
/**
|
|
139
|
-
* Handle blur events
|
|
140
|
-
*
|
|
141
|
-
* @internal
|
|
142
|
-
*/
|
|
143
|
-
blurHandler(e) {
|
|
144
|
-
if (e.target instanceof HTMLElement && (e.relatedTarget === null || !this.contains(e.relatedTarget))) {
|
|
145
|
-
this.setAttribute('tabindex', '0');
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
90
|
/**
|
|
149
91
|
* Handles click events bubbling up
|
|
150
92
|
*
|
|
@@ -179,7 +121,7 @@ export class BaseTree extends FASTElement {
|
|
|
179
121
|
}
|
|
180
122
|
const item = e.target;
|
|
181
123
|
if (item.selected) {
|
|
182
|
-
// Deselect the
|
|
124
|
+
// Deselect the previously selected item
|
|
183
125
|
if (this.currentSelected && this.currentSelected !== item && isTreeItem(this.currentSelected)) {
|
|
184
126
|
this.currentSelected.selected = false;
|
|
185
127
|
}
|
|
@@ -191,46 +133,35 @@ export class BaseTree extends FASTElement {
|
|
|
191
133
|
this.currentSelected = null;
|
|
192
134
|
}
|
|
193
135
|
}
|
|
194
|
-
/**
|
|
195
|
-
* checks if there are any nested tree items
|
|
196
|
-
*/
|
|
197
|
-
getValidFocusableItem() {
|
|
198
|
-
const elements = this.getVisibleNodes();
|
|
199
|
-
// default to selected element if there is one
|
|
200
|
-
let focusIndex = elements.findIndex(el => el.selected);
|
|
201
|
-
if (focusIndex === -1) {
|
|
202
|
-
// otherwise first focusable tree item
|
|
203
|
-
focusIndex = elements.findIndex(el => isTreeItem(el));
|
|
204
|
-
}
|
|
205
|
-
if (focusIndex !== -1) {
|
|
206
|
-
return elements[focusIndex];
|
|
207
|
-
}
|
|
208
|
-
return null;
|
|
209
|
-
}
|
|
210
|
-
getVisibleNodes() {
|
|
211
|
-
return Array.from(this.querySelectorAll('*')).filter(node => isTreeItem(node) && node.offsetParent !== null);
|
|
212
|
-
}
|
|
213
|
-
/**
|
|
214
|
-
* Move focus to a tree item based on its offset from the provided item
|
|
215
|
-
*/
|
|
216
|
-
focusNextNode(delta, item) {
|
|
217
|
-
const visibleNodes = this.getVisibleNodes();
|
|
218
|
-
if (!visibleNodes.length) {
|
|
219
|
-
return;
|
|
220
|
-
}
|
|
221
|
-
const focusItem = visibleNodes[visibleNodes.indexOf(item) + delta];
|
|
222
|
-
if (isHTMLElement(focusItem)) {
|
|
223
|
-
focusItem.focus();
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
136
|
/** @internal */
|
|
227
137
|
handleDefaultSlotChange() {
|
|
228
138
|
this.childTreeItems = this.defaultSlot.assignedElements().filter(el => isTreeItem(el));
|
|
229
139
|
}
|
|
140
|
+
/**
|
|
141
|
+
* All descendant tree items in DOM order, recursively flattened from
|
|
142
|
+
* `childTreeItems`.
|
|
143
|
+
*/
|
|
144
|
+
get descendantTreeItems() {
|
|
145
|
+
const result = [];
|
|
146
|
+
const visit = (items) => {
|
|
147
|
+
if (!items) {
|
|
148
|
+
return;
|
|
149
|
+
}
|
|
150
|
+
for (const item of items) {
|
|
151
|
+
result.push(item);
|
|
152
|
+
visit(item.childTreeItems);
|
|
153
|
+
}
|
|
154
|
+
};
|
|
155
|
+
visit(this.childTreeItems);
|
|
156
|
+
return result;
|
|
157
|
+
}
|
|
230
158
|
}
|
|
231
159
|
__decorate([
|
|
232
160
|
observable
|
|
233
161
|
], BaseTree.prototype, "currentSelected", void 0);
|
|
162
|
+
__decorate([
|
|
163
|
+
observable
|
|
164
|
+
], BaseTree.prototype, "defaultSlot", void 0);
|
|
234
165
|
__decorate([
|
|
235
166
|
observable
|
|
236
167
|
], BaseTree.prototype, "childTreeItems", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.base.js","sourceRoot":"","sources":["../../../src/tree/tree.base.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"tree.base.js","sourceRoot":"","sources":["../../../src/tree/tree.base.ts"],"names":[],"mappings":"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"}
|