@angular/material 20.0.0-next.0 → 20.0.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/_autocomplete-theme.scss +4 -4
- package/autocomplete/index.d.ts +96 -126
- package/autocomplete/testing/index.d.ts +6 -11
- package/badge/_badge-theme.scss +5 -5
- package/badge/index.d.ts +8 -112
- package/badge/testing/index.d.ts +7 -8
- package/badge.d-49a8a74b.d.ts +98 -0
- package/bottom-sheet/_bottom-sheet-theme.scss +3 -3
- package/bottom-sheet/index.d.ts +88 -103
- package/bottom-sheet/testing/index.d.ts +4 -6
- package/button/_button-theme.scss +84 -32
- package/button/_fab-theme.scss +13 -13
- package/button/_icon-button-theme.scss +5 -5
- package/button/index.d.ts +10 -245
- package/button/testing/index.d.ts +13 -10
- package/button-toggle/_button-toggle-theme.scss +8 -8
- package/button-toggle/index.d.ts +12 -285
- package/button-toggle/testing/index.d.ts +38 -37
- package/button-toggle.d-edc8acff.d.ts +257 -0
- package/card/_card-theme.scss +12 -12
- package/card/index.d.ts +80 -117
- package/card/testing/index.d.ts +11 -15
- package/checkbox/_checkbox-theme.scss +10 -10
- package/checkbox/index.d.ts +43 -104
- package/checkbox/testing/index.d.ts +6 -10
- package/chips/_chips-theme.scss +14 -14
- package/chips/index.d.ts +599 -693
- package/chips/testing/index.d.ts +78 -93
- package/common-module.d-0e6515ae.d.ts +43 -0
- package/core/_core-theme.scss +2 -2
- package/core/index.d.ts +50 -979
- package/core/option/_optgroup-theme.scss +2 -2
- package/core/option/_option-theme.scss +4 -4
- package/core/ripple/_ripple-theme.scss +3 -3
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +4 -4
- package/core/testing/index.d.ts +3 -65
- package/core/theming/_color-api-backwards-compatibility.scss +19 -8
- package/core/tokens/_density.scss +3 -0
- package/core/tokens/_token-definition.scss +1 -2
- package/core/tokens/_token-utils.scss +20 -5
- package/core/tokens/m2/_index.scss +2 -0
- package/core/tokens/m2/mat/_tonal-button.scss +110 -0
- package/core/tokens/m3/_index.scss +2 -0
- package/core/tokens/m3/definitions/_index.scss +1 -1
- package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +3 -1
- package/core/tokens/m3/definitions/_md-sys-color.scss +44 -2
- package/core/tokens/m3/definitions/_md-sys-typescale.scss +20 -1
- package/core/tokens/m3/mat/_tonal-button.scss +101 -0
- package/date-adapter.d-c6835d41.d.ts +267 -0
- package/date-range-input-harness.d-549a9f7e.d.ts +278 -0
- package/datepicker/_datepicker-theme.scss +8 -7
- package/datepicker/index.d.ts +1332 -1482
- package/datepicker/testing/index.d.ts +5 -287
- package/dialog/_dialog-theme.scss +6 -6
- package/dialog/index.d.ts +59 -453
- package/dialog/testing/index.d.ts +22 -26
- package/dialog.d-57867441.d.ts +335 -0
- package/divider/_divider-theme.scss +2 -2
- package/divider/index.d.ts +6 -11
- package/divider/testing/index.d.ts +2 -16
- package/divider-harness.d-d34fede4.d.ts +14 -0
- package/error-options.d-448d9046.d.ts +17 -0
- package/expansion/_expansion-theme.scss +4 -4
- package/expansion/index.d.ts +139 -190
- package/expansion/testing/index.d.ts +25 -31
- package/fesm2022/autocomplete/testing.mjs +2 -1
- package/fesm2022/autocomplete/testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +56 -32
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +14 -17
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +13 -15
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button/testing.mjs +34 -15
- package/fesm2022/button/testing.mjs.map +1 -1
- package/fesm2022/button-toggle/testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +22 -15
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +14 -395
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +49 -51
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +32 -73
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +51 -46
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/common-module-2d64df09.mjs +42 -0
- package/fesm2022/common-module-2d64df09.mjs.map +1 -0
- package/fesm2022/core/testing.mjs +3 -76
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +38 -1598
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/date-formats-b618acb8.mjs +190 -0
- package/fesm2022/date-formats-b618acb8.mjs.map +1 -0
- package/fesm2022/date-range-input-harness-de70be6a.mjs +467 -0
- package/fesm2022/date-range-input-harness-de70be6a.mjs.map +1 -0
- package/fesm2022/datepicker/testing.mjs +5 -465
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +162 -131
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +12 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +14 -895
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs +2 -17
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider-harness-8099453f.mjs +18 -0
- package/fesm2022/divider-harness-8099453f.mjs.map +1 -0
- package/fesm2022/divider.mjs +10 -12
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/error-options-4a00765e.mjs +29 -0
- package/fesm2022/error-options-4a00765e.mjs.map +1 -0
- package/fesm2022/error-state-8f4ce1af.mjs +37 -0
- package/fesm2022/error-state-8f4ce1af.mjs.map +1 -0
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +30 -32
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field/testing/control.mjs +2 -10
- package/fesm2022/form-field/testing/control.mjs.map +1 -1
- package/fesm2022/form-field/testing.mjs +7 -6
- package/fesm2022/form-field/testing.mjs.map +1 -1
- package/fesm2022/form-field-6d755764.mjs +1076 -0
- package/fesm2022/form-field-6d755764.mjs.map +1 -0
- package/fesm2022/form-field-control-harness-efefd4cf.mjs +11 -0
- package/fesm2022/form-field-control-harness-efefd4cf.mjs.map +1 -0
- package/fesm2022/form-field.mjs +14 -1110
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs +1 -1
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +30 -173
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +12 -12
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon-button-0850d958.mjs +211 -0
- package/fesm2022/icon-button-0850d958.mjs.map +1 -0
- package/fesm2022/icon-module-3f77a24d.mjs +395 -0
- package/fesm2022/icon-module-3f77a24d.mjs.map +1 -0
- package/fesm2022/icon-registry-13a3b98e.mjs +639 -0
- package/fesm2022/icon-registry-13a3b98e.mjs.map +1 -0
- package/fesm2022/icon.mjs +11 -1016
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/index-1763d3a6.mjs +22 -0
- package/fesm2022/index-1763d3a6.mjs.map +1 -0
- package/fesm2022/index-4bc1d6d3.mjs +20 -0
- package/fesm2022/index-4bc1d6d3.mjs.map +1 -0
- package/fesm2022/input/testing.mjs +5 -113
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/input-harness-e68bb132.mjs +115 -0
- package/fesm2022/input-harness-e68bb132.mjs.map +1 -0
- package/fesm2022/input-value-accessor-8a79a24e.mjs +12 -0
- package/fesm2022/input-value-accessor-8a79a24e.mjs.map +1 -0
- package/fesm2022/input.mjs +21 -23
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/internal-form-field-434c4039.mjs +27 -0
- package/fesm2022/internal-form-field-434c4039.mjs.map +1 -0
- package/fesm2022/line-d6afe347.mjs +59 -0
- package/fesm2022/line-d6afe347.mjs.map +1 -0
- package/fesm2022/list/testing.mjs +2 -2
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +59 -56
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +37 -25
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/module-1c16a0a9.mjs +1293 -0
- package/fesm2022/module-1c16a0a9.mjs.map +1 -0
- package/fesm2022/module-47e3be58.mjs +970 -0
- package/fesm2022/module-47e3be58.mjs.map +1 -0
- package/fesm2022/module-a5f9ab72.mjs +875 -0
- package/fesm2022/module-a5f9ab72.mjs.map +1 -0
- package/fesm2022/module-cf951a02.mjs +214 -0
- package/fesm2022/module-cf951a02.mjs.map +1 -0
- package/fesm2022/module-d757bba0.mjs +38 -0
- package/fesm2022/module-d757bba0.mjs.map +1 -0
- package/fesm2022/optgroup-harness-5e66b138.mjs +36 -0
- package/fesm2022/optgroup-harness-5e66b138.mjs.map +1 -0
- package/fesm2022/option-07c3c660.mjs +348 -0
- package/fesm2022/option-07c3c660.mjs.map +1 -0
- package/fesm2022/option-harness-3b7c1106.mjs +46 -0
- package/fesm2022/option-harness-3b7c1106.mjs.map +1 -0
- package/fesm2022/paginator/testing.mjs +4 -1
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +52 -22
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar/testing.mjs +0 -4
- package/fesm2022/progress-bar/testing.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +15 -13
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner/testing.mjs +0 -4
- package/fesm2022/progress-spinner/testing.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +15 -13
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/pseudo-checkbox-af5a4ea4.mjs +52 -0
- package/fesm2022/pseudo-checkbox-af5a4ea4.mjs.map +1 -0
- package/fesm2022/pseudo-checkbox-module-216fae38.mjs +20 -0
- package/fesm2022/pseudo-checkbox-module-216fae38.mjs.map +1 -0
- package/fesm2022/public-api-c5ab57f5.mjs +147 -0
- package/fesm2022/public-api-c5ab57f5.mjs.map +1 -0
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +23 -15
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/ripple-9939d1f5.mjs +639 -0
- package/fesm2022/ripple-9939d1f5.mjs.map +1 -0
- package/fesm2022/ripple-loader-f2078c66.mjs +165 -0
- package/fesm2022/ripple-loader-f2078c66.mjs.map +1 -0
- package/fesm2022/select/testing.mjs +5 -121
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select-harness-69d47123.mjs +123 -0
- package/fesm2022/select-harness-69d47123.mjs.map +1 -0
- package/fesm2022/select.mjs +30 -1311
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav/testing.mjs +1 -1
- package/fesm2022/sidenav/testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +31 -31
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +27 -75
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +27 -23
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +38 -30
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +26 -20
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +52 -39
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/structural-styles-d5ada3b3.mjs +18 -0
- package/fesm2022/structural-styles-d5ada3b3.mjs.map +1 -0
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs +58 -60
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +54 -58
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker/testing.mjs +1 -1
- package/fesm2022/timepicker/testing.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +37 -26
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +13 -15
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +15 -960
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +28 -30
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +16 -16
- package/form-field/index.d.ts +16 -508
- package/form-field/testing/control/index.d.ts +2 -10
- package/form-field/testing/index.d.ts +19 -24
- package/form-field-control-harness.d-2d91f25a.d.ts +10 -0
- package/form-field-control.d-eb86711c.d.ts +62 -0
- package/form-field.d-2edbc094.d.ts +367 -0
- package/grid-list/_grid-list-theme.scss +1 -1
- package/grid-list/index.d.ts +128 -152
- package/grid-list/testing/index.d.ts +39 -44
- package/icon/_icon-theme.scss +2 -2
- package/icon/index.d.ts +9 -470
- package/icon/testing/index.d.ts +41 -44
- package/icon-module.d-aa3bbba0.d.ts +167 -0
- package/icon-registry.d-1dffe9de.d.ts +286 -0
- package/index.d-0536b706.d.ts +11 -0
- package/index.d-37e31cd3.d.ts +13 -0
- package/index.d.ts +2 -3
- package/input/index.d.ts +33 -62
- package/input/testing/index.d.ts +13 -71
- package/input-harness.d-4eecd1d3.d.ts +60 -0
- package/line.d-570a2537.d.ts +25 -0
- package/list/_list-theme.scss +15 -15
- package/list/index.d.ts +155 -244
- package/list/testing/index.d.ts +158 -180
- package/list-option-types.d-8739f903.d.ts +15 -0
- package/menu/_menu-theme.scss +3 -3
- package/menu/index.d.ts +183 -231
- package/menu/testing/index.d.ts +17 -23
- package/module.d-74a721b9.d.ts +326 -0
- package/module.d-792a497c.d.ts +213 -0
- package/module.d-ba05faa6.d.ts +448 -0
- package/module.d-c17c834e.d.ts +18 -0
- package/optgroup-harness.d-7f741f69.d.ts +31 -0
- package/option-harness.d-3d33fc9a.d.ts +34 -0
- package/option-parent.d-559ad5c5.d.ts +19 -0
- package/option.d-6f493d78.d.ts +146 -0
- package/package.json +2 -2
- package/paginator/_paginator-theme.scss +3 -3
- package/paginator/index.d.ts +31 -216
- package/paginator/testing/index.d.ts +14 -15
- package/paginator.d-40b1766e.d.ts +199 -0
- package/palette.d-ec4a617c.d.ts +4 -0
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +2 -2
- package/progress-bar/index.d.ts +40 -59
- package/progress-bar/testing/index.d.ts +7 -10
- package/progress-spinner/_progress-spinner-theme.scss +4 -4
- package/progress-spinner/index.d.ts +8 -110
- package/progress-spinner/testing/index.d.ts +10 -11
- package/progress-spinner.d-1fc040c5.d.ts +96 -0
- package/pseudo-checkbox-module.d-3abc0461.d.ts +44 -0
- package/radio/_radio-theme.scss +12 -12
- package/radio/index.d.ts +151 -170
- package/radio/testing/index.d.ts +61 -67
- package/ripple-loader.d-8aac2988.d.ts +48 -0
- package/ripple.d-2fb57d04.d.ts +255 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +2 -2
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
- package/schematics/ng-generate/theme-color/index_bundled.js +2 -2
- package/schematics/ng-generate/theme-color/schema.json +10 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +2 -2
- package/schematics/ng-update/index_bundled.js +31 -31
- package/select/_select-theme.scss +6 -6
- package/select/index.d.ts +25 -505
- package/select/testing/index.d.ts +5 -67
- package/select-harness.d-7441a7ac.d.ts +63 -0
- package/sidenav/_sidenav-theme.scss +2 -2
- package/sidenav/index.d.ts +49 -92
- package/sidenav/testing/index.d.ts +58 -63
- package/slide-toggle/_slide-toggle-theme.scss +10 -10
- package/slide-toggle/index.d.ts +39 -110
- package/slide-toggle/testing/index.d.ts +17 -21
- package/slider/_slider-theme.scss +10 -10
- package/slider/index.d.ts +281 -328
- package/slider/testing/index.d.ts +42 -47
- package/snack-bar/_snack-bar-theme.scss +4 -4
- package/snack-bar/index.d.ts +152 -185
- package/snack-bar/testing/index.d.ts +7 -9
- package/sort/_sort-theme.scss +3 -3
- package/sort/index.d.ts +61 -169
- package/sort/testing/index.d.ts +22 -25
- package/sort-direction.d-f4ce4649.d.ts +3 -0
- package/sort.d-c2b79a45.d.ts +87 -0
- package/stepper/_stepper-theme.scss +5 -5
- package/stepper/index.d.ts +115 -167
- package/stepper/testing/index.d.ts +43 -52
- package/table/_table-theme.scss +4 -4
- package/table/index.d.ts +97 -156
- package/table/testing/index.d.ts +64 -78
- package/tabs/_tabs-theme.scss +16 -16
- package/tabs/index.d.ts +309 -383
- package/tabs/testing/index.d.ts +67 -76
- package/timepicker/_timepicker-theme.scss +4 -4
- package/timepicker/index.d.ts +127 -160
- package/timepicker/testing/index.d.ts +20 -26
- package/toolbar/_toolbar-theme.scss +4 -4
- package/toolbar/index.d.ts +15 -26
- package/toolbar/testing/index.d.ts +13 -16
- package/tooltip/_tooltip-theme.scss +4 -4
- package/tooltip/index.d.ts +11 -355
- package/tooltip/testing/index.d.ts +7 -10
- package/tree/_tree-theme.scss +3 -3
- package/tree/index.d.ts +117 -163
- package/tree/testing/index.d.ts +52 -58
- /package/core/tokens/m3/definitions/{unused/_md-comp-filled-tonal-button.scss → _md-comp-filled-tonal-button.scss} +0 -0
|
@@ -0,0 +1,326 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { InjectionToken, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/cdk/a11y';
|
|
4
|
+
import * as i2 from '@angular/cdk/overlay';
|
|
5
|
+
import { ScrollStrategy, Overlay, OverlayRef, ConnectedPosition, OriginConnectionPosition, OverlayConnectionPosition } from '@angular/cdk/overlay';
|
|
6
|
+
import { M as MatCommonModule } from './common-module.d-0e6515ae.js';
|
|
7
|
+
import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
|
8
|
+
import { Directionality } from '@angular/cdk/bidi';
|
|
9
|
+
import { Observable } from 'rxjs';
|
|
10
|
+
import * as i5 from '@angular/cdk/scrolling';
|
|
11
|
+
|
|
12
|
+
/** Possible positions for a tooltip. */
|
|
13
|
+
type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
|
|
14
|
+
/**
|
|
15
|
+
* Options for how the tooltip trigger should handle touch gestures.
|
|
16
|
+
* See `MatTooltip.touchGestures` for more information.
|
|
17
|
+
*/
|
|
18
|
+
type TooltipTouchGestures = 'auto' | 'on' | 'off';
|
|
19
|
+
/** Possible visibility states of a tooltip. */
|
|
20
|
+
type TooltipVisibility = 'initial' | 'visible' | 'hidden';
|
|
21
|
+
/** Time in ms to throttle repositioning after scroll events. */
|
|
22
|
+
declare const SCROLL_THROTTLE_MS = 20;
|
|
23
|
+
/**
|
|
24
|
+
* Creates an error to be thrown if the user supplied an invalid tooltip position.
|
|
25
|
+
* @docs-private
|
|
26
|
+
*/
|
|
27
|
+
declare function getMatTooltipInvalidPositionError(position: string): Error;
|
|
28
|
+
/** Injection token that determines the scroll handling while a tooltip is visible. */
|
|
29
|
+
declare const MAT_TOOLTIP_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
|
|
30
|
+
/**
|
|
31
|
+
* @docs-private
|
|
32
|
+
* @deprecated No longer used, will be removed.
|
|
33
|
+
* @breaking-change 21.0.0
|
|
34
|
+
*/
|
|
35
|
+
declare function MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
|
|
36
|
+
/**
|
|
37
|
+
* @docs-private
|
|
38
|
+
* @deprecated No longer used, will be removed.
|
|
39
|
+
* @breaking-change 21.0.0
|
|
40
|
+
*/
|
|
41
|
+
declare const MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER: {
|
|
42
|
+
provide: InjectionToken<() => ScrollStrategy>;
|
|
43
|
+
deps: (typeof Overlay)[];
|
|
44
|
+
useFactory: typeof MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* @docs-private
|
|
48
|
+
* @deprecated No longer used, will be removed.
|
|
49
|
+
* @breaking-change 21.0.0
|
|
50
|
+
*/
|
|
51
|
+
declare function MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY(): MatTooltipDefaultOptions;
|
|
52
|
+
/** Injection token to be used to override the default options for `matTooltip`. */
|
|
53
|
+
declare const MAT_TOOLTIP_DEFAULT_OPTIONS: InjectionToken<MatTooltipDefaultOptions>;
|
|
54
|
+
/** Default `matTooltip` options that can be overridden. */
|
|
55
|
+
interface MatTooltipDefaultOptions {
|
|
56
|
+
/** Default delay when the tooltip is shown. */
|
|
57
|
+
showDelay: number;
|
|
58
|
+
/** Default delay when the tooltip is hidden. */
|
|
59
|
+
hideDelay: number;
|
|
60
|
+
/** Default delay when hiding the tooltip on a touch device. */
|
|
61
|
+
touchendHideDelay: number;
|
|
62
|
+
/** Time between the user putting the pointer on a tooltip trigger and the long press event being fired on a touch device. */
|
|
63
|
+
touchLongPressShowDelay?: number;
|
|
64
|
+
/** Default touch gesture handling for tooltips. */
|
|
65
|
+
touchGestures?: TooltipTouchGestures;
|
|
66
|
+
/** Default position for tooltips. */
|
|
67
|
+
position?: TooltipPosition;
|
|
68
|
+
/**
|
|
69
|
+
* Default value for whether tooltips should be positioned near the click or touch origin
|
|
70
|
+
* instead of outside the element bounding box.
|
|
71
|
+
*/
|
|
72
|
+
positionAtOrigin?: boolean;
|
|
73
|
+
/** Disables the ability for the user to interact with the tooltip element. */
|
|
74
|
+
disableTooltipInteractivity?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Default classes to be applied to the tooltip. These default classes will not be applied if
|
|
77
|
+
* `tooltipClass` is defined directly on the tooltip element, as it will override the default.
|
|
78
|
+
*/
|
|
79
|
+
tooltipClass?: string | string[];
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* CSS class that will be attached to the overlay panel.
|
|
83
|
+
* @deprecated
|
|
84
|
+
* @breaking-change 13.0.0 remove this variable
|
|
85
|
+
*/
|
|
86
|
+
declare const TOOLTIP_PANEL_CLASS = "mat-mdc-tooltip-panel";
|
|
87
|
+
/**
|
|
88
|
+
* Directive that attaches a material design tooltip to the host element. Animates the showing and
|
|
89
|
+
* hiding of a tooltip provided position (defaults to below the element).
|
|
90
|
+
*
|
|
91
|
+
* https://material.io/design/components/tooltips.html
|
|
92
|
+
*/
|
|
93
|
+
declare class MatTooltip implements OnDestroy, AfterViewInit {
|
|
94
|
+
private _elementRef;
|
|
95
|
+
private _ngZone;
|
|
96
|
+
private _platform;
|
|
97
|
+
private _ariaDescriber;
|
|
98
|
+
private _focusMonitor;
|
|
99
|
+
protected _dir: Directionality;
|
|
100
|
+
private _injector;
|
|
101
|
+
private _viewContainerRef;
|
|
102
|
+
private _defaultOptions;
|
|
103
|
+
_overlayRef: OverlayRef | null;
|
|
104
|
+
_tooltipInstance: TooltipComponent | null;
|
|
105
|
+
private _portal;
|
|
106
|
+
private _position;
|
|
107
|
+
private _positionAtOrigin;
|
|
108
|
+
private _disabled;
|
|
109
|
+
private _tooltipClass;
|
|
110
|
+
private _viewInitialized;
|
|
111
|
+
private _pointerExitEventsInitialized;
|
|
112
|
+
private readonly _tooltipComponent;
|
|
113
|
+
private _viewportMargin;
|
|
114
|
+
private _currentPosition;
|
|
115
|
+
private readonly _cssClassPrefix;
|
|
116
|
+
private _ariaDescriptionPending;
|
|
117
|
+
private _dirSubscribed;
|
|
118
|
+
/** Allows the user to define the position of the tooltip relative to the parent element */
|
|
119
|
+
get position(): TooltipPosition;
|
|
120
|
+
set position(value: TooltipPosition);
|
|
121
|
+
/**
|
|
122
|
+
* Whether tooltip should be relative to the click or touch origin
|
|
123
|
+
* instead of outside the element bounding box.
|
|
124
|
+
*/
|
|
125
|
+
get positionAtOrigin(): boolean;
|
|
126
|
+
set positionAtOrigin(value: BooleanInput);
|
|
127
|
+
/** Disables the display of the tooltip. */
|
|
128
|
+
get disabled(): boolean;
|
|
129
|
+
set disabled(value: BooleanInput);
|
|
130
|
+
/** The default delay in ms before showing the tooltip after show is called */
|
|
131
|
+
get showDelay(): number;
|
|
132
|
+
set showDelay(value: NumberInput);
|
|
133
|
+
private _showDelay;
|
|
134
|
+
/** The default delay in ms before hiding the tooltip after hide is called */
|
|
135
|
+
get hideDelay(): number;
|
|
136
|
+
set hideDelay(value: NumberInput);
|
|
137
|
+
private _hideDelay;
|
|
138
|
+
/**
|
|
139
|
+
* How touch gestures should be handled by the tooltip. On touch devices the tooltip directive
|
|
140
|
+
* uses a long press gesture to show and hide, however it can conflict with the native browser
|
|
141
|
+
* gestures. To work around the conflict, Angular Material disables native gestures on the
|
|
142
|
+
* trigger, but that might not be desirable on particular elements (e.g. inputs and draggable
|
|
143
|
+
* elements). The different values for this option configure the touch event handling as follows:
|
|
144
|
+
* - `auto` - Enables touch gestures for all elements, but tries to avoid conflicts with native
|
|
145
|
+
* browser gestures on particular elements. In particular, it allows text selection on inputs
|
|
146
|
+
* and textareas, and preserves the native browser dragging on elements marked as `draggable`.
|
|
147
|
+
* - `on` - Enables touch gestures for all elements and disables native
|
|
148
|
+
* browser gestures with no exceptions.
|
|
149
|
+
* - `off` - Disables touch gestures. Note that this will prevent the tooltip from
|
|
150
|
+
* showing on touch devices.
|
|
151
|
+
*/
|
|
152
|
+
touchGestures: TooltipTouchGestures;
|
|
153
|
+
/** The message to be displayed in the tooltip */
|
|
154
|
+
get message(): string;
|
|
155
|
+
set message(value: string | null | undefined);
|
|
156
|
+
private _message;
|
|
157
|
+
/** Classes to be passed to the tooltip. Supports the same syntax as `ngClass`. */
|
|
158
|
+
get tooltipClass(): string | string[] | Set<string> | {
|
|
159
|
+
[key: string]: any;
|
|
160
|
+
};
|
|
161
|
+
set tooltipClass(value: string | string[] | Set<string> | {
|
|
162
|
+
[key: string]: any;
|
|
163
|
+
});
|
|
164
|
+
/** Manually-bound passive event listeners. */
|
|
165
|
+
private readonly _passiveListeners;
|
|
166
|
+
/** Timer started at the last `touchstart` event. */
|
|
167
|
+
private _touchstartTimeout;
|
|
168
|
+
/** Emits when the component is destroyed. */
|
|
169
|
+
private readonly _destroyed;
|
|
170
|
+
/** Whether ngOnDestroyed has been called. */
|
|
171
|
+
private _isDestroyed;
|
|
172
|
+
constructor(...args: unknown[]);
|
|
173
|
+
ngAfterViewInit(): void;
|
|
174
|
+
/**
|
|
175
|
+
* Dispose the tooltip when destroyed.
|
|
176
|
+
*/
|
|
177
|
+
ngOnDestroy(): void;
|
|
178
|
+
/** Shows the tooltip after the delay in ms, defaults to tooltip-delay-show or 0ms if no input */
|
|
179
|
+
show(delay?: number, origin?: {
|
|
180
|
+
x: number;
|
|
181
|
+
y: number;
|
|
182
|
+
}): void;
|
|
183
|
+
/** Hides the tooltip after the delay in ms, defaults to tooltip-delay-hide or 0ms if no input */
|
|
184
|
+
hide(delay?: number): void;
|
|
185
|
+
/** Shows/hides the tooltip */
|
|
186
|
+
toggle(origin?: {
|
|
187
|
+
x: number;
|
|
188
|
+
y: number;
|
|
189
|
+
}): void;
|
|
190
|
+
/** Returns true if the tooltip is currently visible to the user */
|
|
191
|
+
_isTooltipVisible(): boolean;
|
|
192
|
+
/** Create the overlay config and position strategy */
|
|
193
|
+
private _createOverlay;
|
|
194
|
+
/** Detaches the currently-attached tooltip. */
|
|
195
|
+
private _detach;
|
|
196
|
+
/** Updates the position of the current tooltip. */
|
|
197
|
+
private _updatePosition;
|
|
198
|
+
/** Adds the configured offset to a position. Used as a hook for child classes. */
|
|
199
|
+
protected _addOffset(position: ConnectedPosition): ConnectedPosition;
|
|
200
|
+
/**
|
|
201
|
+
* Returns the origin position and a fallback position based on the user's position preference.
|
|
202
|
+
* The fallback position is the inverse of the origin (e.g. `'below' -> 'above'`).
|
|
203
|
+
*/
|
|
204
|
+
_getOrigin(): {
|
|
205
|
+
main: OriginConnectionPosition;
|
|
206
|
+
fallback: OriginConnectionPosition;
|
|
207
|
+
};
|
|
208
|
+
/** Returns the overlay position and a fallback position based on the user's preference */
|
|
209
|
+
_getOverlayPosition(): {
|
|
210
|
+
main: OverlayConnectionPosition;
|
|
211
|
+
fallback: OverlayConnectionPosition;
|
|
212
|
+
};
|
|
213
|
+
/** Updates the tooltip message and repositions the overlay according to the new message length */
|
|
214
|
+
private _updateTooltipMessage;
|
|
215
|
+
/** Updates the tooltip class */
|
|
216
|
+
private _setTooltipClass;
|
|
217
|
+
/** Inverts an overlay position. */
|
|
218
|
+
private _invertPosition;
|
|
219
|
+
/** Updates the class on the overlay panel based on the current position of the tooltip. */
|
|
220
|
+
private _updateCurrentPositionClass;
|
|
221
|
+
/** Binds the pointer events to the tooltip trigger. */
|
|
222
|
+
private _setupPointerEnterEventsIfNeeded;
|
|
223
|
+
private _setupPointerExitEventsIfNeeded;
|
|
224
|
+
private _addListeners;
|
|
225
|
+
private _platformSupportsMouseEvents;
|
|
226
|
+
/** Listener for the `wheel` event on the element. */
|
|
227
|
+
private _wheelListener;
|
|
228
|
+
/** Disables the native browser gestures, based on how the tooltip has been configured. */
|
|
229
|
+
private _disableNativeGesturesIfNecessary;
|
|
230
|
+
/** Updates the tooltip's ARIA description based on it current state. */
|
|
231
|
+
private _syncAriaDescription;
|
|
232
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatTooltip, never>;
|
|
233
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatTooltip, "[matTooltip]", ["matTooltip"], { "position": { "alias": "matTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "matTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "matTooltipDisabled"; "required": false; }; "showDelay": { "alias": "matTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "matTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "matTooltipTouchGestures"; "required": false; }; "message": { "alias": "matTooltip"; "required": false; }; "tooltipClass": { "alias": "matTooltipClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
234
|
+
}
|
|
235
|
+
/**
|
|
236
|
+
* Internal component that wraps the tooltip's content.
|
|
237
|
+
* @docs-private
|
|
238
|
+
*/
|
|
239
|
+
declare class TooltipComponent implements OnDestroy {
|
|
240
|
+
private _changeDetectorRef;
|
|
241
|
+
protected _elementRef: ElementRef<HTMLElement>;
|
|
242
|
+
_isMultiline: boolean;
|
|
243
|
+
/** Message to display in the tooltip */
|
|
244
|
+
message: string;
|
|
245
|
+
/** Classes to be added to the tooltip. Supports the same syntax as `ngClass`. */
|
|
246
|
+
tooltipClass: string | string[] | Set<string> | {
|
|
247
|
+
[key: string]: any;
|
|
248
|
+
};
|
|
249
|
+
/** The timeout ID of any current timer set to show the tooltip */
|
|
250
|
+
private _showTimeoutId;
|
|
251
|
+
/** The timeout ID of any current timer set to hide the tooltip */
|
|
252
|
+
private _hideTimeoutId;
|
|
253
|
+
/** Element that caused the tooltip to open. */
|
|
254
|
+
_triggerElement: HTMLElement;
|
|
255
|
+
/** Amount of milliseconds to delay the closing sequence. */
|
|
256
|
+
_mouseLeaveHideDelay: number;
|
|
257
|
+
/** Whether animations are currently disabled. */
|
|
258
|
+
private _animationsDisabled;
|
|
259
|
+
/** Reference to the internal tooltip element. */
|
|
260
|
+
_tooltip: ElementRef<HTMLElement>;
|
|
261
|
+
/** Whether interactions on the page should close the tooltip */
|
|
262
|
+
private _closeOnInteraction;
|
|
263
|
+
/** Whether the tooltip is currently visible. */
|
|
264
|
+
private _isVisible;
|
|
265
|
+
/** Subject for notifying that the tooltip has been hidden from the view */
|
|
266
|
+
private readonly _onHide;
|
|
267
|
+
/** Name of the show animation and the class that toggles it. */
|
|
268
|
+
private readonly _showAnimation;
|
|
269
|
+
/** Name of the hide animation and the class that toggles it. */
|
|
270
|
+
private readonly _hideAnimation;
|
|
271
|
+
constructor(...args: unknown[]);
|
|
272
|
+
/**
|
|
273
|
+
* Shows the tooltip with an animation originating from the provided origin
|
|
274
|
+
* @param delay Amount of milliseconds to the delay showing the tooltip.
|
|
275
|
+
*/
|
|
276
|
+
show(delay: number): void;
|
|
277
|
+
/**
|
|
278
|
+
* Begins the animation to hide the tooltip after the provided delay in ms.
|
|
279
|
+
* @param delay Amount of milliseconds to delay showing the tooltip.
|
|
280
|
+
*/
|
|
281
|
+
hide(delay: number): void;
|
|
282
|
+
/** Returns an observable that notifies when the tooltip has been hidden from view. */
|
|
283
|
+
afterHidden(): Observable<void>;
|
|
284
|
+
/** Whether the tooltip is being displayed. */
|
|
285
|
+
isVisible(): boolean;
|
|
286
|
+
ngOnDestroy(): void;
|
|
287
|
+
/**
|
|
288
|
+
* Interactions on the HTML body should close the tooltip immediately as defined in the
|
|
289
|
+
* material design spec.
|
|
290
|
+
* https://material.io/design/components/tooltips.html#behavior
|
|
291
|
+
*/
|
|
292
|
+
_handleBodyInteraction(): void;
|
|
293
|
+
/**
|
|
294
|
+
* Marks that the tooltip needs to be checked in the next change detection run.
|
|
295
|
+
* Mainly used for rendering the initial text before positioning a tooltip, which
|
|
296
|
+
* can be problematic in components with OnPush change detection.
|
|
297
|
+
*/
|
|
298
|
+
_markForCheck(): void;
|
|
299
|
+
_handleMouseLeave({ relatedTarget }: MouseEvent): void;
|
|
300
|
+
/**
|
|
301
|
+
* Callback for when the timeout in this.show() gets completed.
|
|
302
|
+
* This method is only needed by the mdc-tooltip, and so it is only implemented
|
|
303
|
+
* in the mdc-tooltip, not here.
|
|
304
|
+
*/
|
|
305
|
+
protected _onShow(): void;
|
|
306
|
+
/** Whether the tooltip text has overflown to the next line */
|
|
307
|
+
private _isTooltipMultiline;
|
|
308
|
+
/** Event listener dispatched when an animation on the tooltip finishes. */
|
|
309
|
+
_handleAnimationEnd({ animationName }: AnimationEvent): void;
|
|
310
|
+
/** Cancels any pending animation sequences. */
|
|
311
|
+
_cancelPendingAnimations(): void;
|
|
312
|
+
/** Handles the cleanup after an animation has finished. */
|
|
313
|
+
private _finalizeAnimation;
|
|
314
|
+
/** Toggles the visibility of the tooltip element. */
|
|
315
|
+
private _toggleVisibility;
|
|
316
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
317
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "mat-tooltip-component", never, {}, {}, never, never, true, never>;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
declare class MatTooltipModule {
|
|
321
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatTooltipModule, never>;
|
|
322
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatTooltipModule, never, [typeof i1.A11yModule, typeof i2.OverlayModule, typeof MatCommonModule, typeof MatTooltip, typeof TooltipComponent], [typeof MatTooltip, typeof TooltipComponent, typeof MatCommonModule, typeof i5.CdkScrollableModule]>;
|
|
323
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MatTooltipModule>;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
export { MatTooltipModule as M, SCROLL_THROTTLE_MS as S, type TooltipPosition as T, type TooltipTouchGestures as a, type TooltipVisibility as b, MAT_TOOLTIP_SCROLL_STRATEGY as c, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY as d, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER as e, MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY as f, getMatTooltipInvalidPositionError as g, MAT_TOOLTIP_DEFAULT_OPTIONS as h, type MatTooltipDefaultOptions as i, TOOLTIP_PANEL_CLASS as j, MatTooltip as k, TooltipComponent as l };
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { InjectionToken, AfterViewInit, OnDestroy, ElementRef, NgZone } from '@angular/core';
|
|
3
|
+
import { M as MatCommonModule } from './common-module.d-0e6515ae.js';
|
|
4
|
+
import { M as MatRippleModule } from './index.d-0536b706.js';
|
|
5
|
+
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
6
|
+
import { T as ThemePalette } from './palette.d-ec4a617c.js';
|
|
7
|
+
import { M as MatRippleLoader } from './ripple-loader.d-8aac2988.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Possible appearances for a `MatButton`.
|
|
11
|
+
* See https://m3.material.io/components/buttons/overview
|
|
12
|
+
*/
|
|
13
|
+
type MatButtonAppearance = 'text' | 'filled' | 'elevated' | 'outlined' | 'tonal';
|
|
14
|
+
/** Object that can be used to configure the default options for the button component. */
|
|
15
|
+
interface MatButtonConfig {
|
|
16
|
+
/** Whether disabled buttons should be interactive. */
|
|
17
|
+
disabledInteractive?: boolean;
|
|
18
|
+
/** Default palette color to apply to buttons. */
|
|
19
|
+
color?: ThemePalette;
|
|
20
|
+
/** Default appearance for plain buttons (not icon buttons or FABs). */
|
|
21
|
+
defaultAppearance?: MatButtonAppearance;
|
|
22
|
+
}
|
|
23
|
+
/** Injection token that can be used to provide the default options the button component. */
|
|
24
|
+
declare const MAT_BUTTON_CONFIG: InjectionToken<MatButtonConfig>;
|
|
25
|
+
/** Base class for all buttons. */
|
|
26
|
+
declare class MatButtonBase implements AfterViewInit, OnDestroy {
|
|
27
|
+
_elementRef: ElementRef<HTMLElement>;
|
|
28
|
+
protected _ngZone: NgZone;
|
|
29
|
+
protected _animationMode: "NoopAnimations" | "BrowserAnimations" | null;
|
|
30
|
+
protected readonly _config: MatButtonConfig | null;
|
|
31
|
+
private readonly _focusMonitor;
|
|
32
|
+
private _cleanupClick;
|
|
33
|
+
private _renderer;
|
|
34
|
+
/**
|
|
35
|
+
* Handles the lazy creation of the MatButton ripple.
|
|
36
|
+
* Used to improve initial load time of large applications.
|
|
37
|
+
*/
|
|
38
|
+
protected _rippleLoader: MatRippleLoader;
|
|
39
|
+
/** Whether the button is set on an anchor node. */
|
|
40
|
+
protected _isAnchor: boolean;
|
|
41
|
+
/** Whether this button is a FAB. Used to apply the correct class on the ripple. */
|
|
42
|
+
protected _isFab: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Theme color of the button. This API is supported in M2 themes only, it has
|
|
45
|
+
* no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/button/styling.
|
|
46
|
+
*
|
|
47
|
+
* For information on applying color variants in M3, see
|
|
48
|
+
* https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
|
|
49
|
+
*/
|
|
50
|
+
color?: string | null;
|
|
51
|
+
/** Whether the ripple effect is disabled or not. */
|
|
52
|
+
get disableRipple(): boolean;
|
|
53
|
+
set disableRipple(value: any);
|
|
54
|
+
private _disableRipple;
|
|
55
|
+
/** Whether the button is disabled. */
|
|
56
|
+
get disabled(): boolean;
|
|
57
|
+
set disabled(value: any);
|
|
58
|
+
private _disabled;
|
|
59
|
+
/** `aria-disabled` value of the button. */
|
|
60
|
+
ariaDisabled: boolean | undefined;
|
|
61
|
+
/**
|
|
62
|
+
* Natively disabled buttons prevent focus and any pointer events from reaching the button.
|
|
63
|
+
* In some scenarios this might not be desirable, because it can prevent users from finding out
|
|
64
|
+
* why the button is disabled (e.g. via tooltip). This is also useful for buttons that may
|
|
65
|
+
* become disabled when activated, which would cause focus to be transferred to the document
|
|
66
|
+
* body instead of remaining on the button.
|
|
67
|
+
*
|
|
68
|
+
* Enabling this input will change the button so that it is styled to be disabled and will be
|
|
69
|
+
* marked as `aria-disabled`, but it will allow the button to receive events and focus.
|
|
70
|
+
*
|
|
71
|
+
* Note that by enabling this, you need to set the `tabindex` yourself if the button isn't
|
|
72
|
+
* meant to be tabbable and you have to prevent the button action (e.g. form submissions).
|
|
73
|
+
*/
|
|
74
|
+
disabledInteractive: boolean;
|
|
75
|
+
/** Tab index for the button. */
|
|
76
|
+
tabIndex: number;
|
|
77
|
+
/**
|
|
78
|
+
* Backwards-compatibility input that handles pre-existing `[tabindex]` bindings.
|
|
79
|
+
* @docs-private
|
|
80
|
+
*/
|
|
81
|
+
set _tabindex(value: number);
|
|
82
|
+
constructor(...args: unknown[]);
|
|
83
|
+
ngAfterViewInit(): void;
|
|
84
|
+
ngOnDestroy(): void;
|
|
85
|
+
/** Focuses the button. */
|
|
86
|
+
focus(origin?: FocusOrigin, options?: FocusOptions): void;
|
|
87
|
+
protected _getAriaDisabled(): boolean | null;
|
|
88
|
+
protected _getDisabledAttribute(): true | null;
|
|
89
|
+
private _updateRippleDisabled;
|
|
90
|
+
protected _getTabIndex(): number;
|
|
91
|
+
private _setupAsAnchor;
|
|
92
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonBase, never>;
|
|
93
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonBase, never, never, { "color": { "alias": "color"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "_tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, never, true, never>;
|
|
94
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
95
|
+
static ngAcceptInputType_disabled: unknown;
|
|
96
|
+
static ngAcceptInputType_ariaDisabled: unknown;
|
|
97
|
+
static ngAcceptInputType_disabledInteractive: unknown;
|
|
98
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
99
|
+
static ngAcceptInputType__tabindex: unknown;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* Material Design button component. Users interact with a button to perform an action.
|
|
104
|
+
* See https://m3.material.io/components/buttons/overview
|
|
105
|
+
*/
|
|
106
|
+
declare class MatButton extends MatButtonBase {
|
|
107
|
+
/** Appearance of the button. */
|
|
108
|
+
get appearance(): MatButtonAppearance | null;
|
|
109
|
+
set appearance(value: MatButtonAppearance | '');
|
|
110
|
+
private _appearance;
|
|
111
|
+
constructor(...args: unknown[]);
|
|
112
|
+
/** Programmatically sets the appearance of the button. */
|
|
113
|
+
setAppearance(appearance: MatButtonAppearance): void;
|
|
114
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButton, never>;
|
|
115
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatButton, " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", ["matButton", "matAnchor"], { "appearance": { "alias": "matButton"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
116
|
+
}
|
|
117
|
+
/**
|
|
118
|
+
* Material Design button component for anchor elements. Anchor elements are used to provide
|
|
119
|
+
* links for the user to navigate across different routes or pages.
|
|
120
|
+
* See https://m3.material.io/components/buttons/overview
|
|
121
|
+
*/
|
|
122
|
+
declare const MatAnchor: typeof MatButton;
|
|
123
|
+
type MatAnchor = MatButton;
|
|
124
|
+
|
|
125
|
+
/** Default FAB options that can be overridden. */
|
|
126
|
+
interface MatFabDefaultOptions {
|
|
127
|
+
/**
|
|
128
|
+
* Default theme color of the button. This API is supported in M2 themes
|
|
129
|
+
* only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/button/styling.
|
|
130
|
+
*
|
|
131
|
+
* For information on applying color variants in M3, see
|
|
132
|
+
* https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants.
|
|
133
|
+
*/
|
|
134
|
+
color?: ThemePalette;
|
|
135
|
+
}
|
|
136
|
+
/** Injection token to be used to override the default options for FAB. */
|
|
137
|
+
declare const MAT_FAB_DEFAULT_OPTIONS: InjectionToken<MatFabDefaultOptions>;
|
|
138
|
+
/**
|
|
139
|
+
* @docs-private
|
|
140
|
+
* @deprecated No longer used, will be removed.
|
|
141
|
+
* @breaking-change 21.0.0
|
|
142
|
+
*/
|
|
143
|
+
declare function MAT_FAB_DEFAULT_OPTIONS_FACTORY(): MatFabDefaultOptions;
|
|
144
|
+
/**
|
|
145
|
+
* Material Design floating action button (FAB) component. These buttons represent the primary
|
|
146
|
+
* or most common action for users to interact with.
|
|
147
|
+
* See https://m3.material.io/components/floating-action-button/overview
|
|
148
|
+
*
|
|
149
|
+
* The `MatFabButton` class has two appearances: normal and extended.
|
|
150
|
+
*/
|
|
151
|
+
declare class MatFabButton extends MatButtonBase {
|
|
152
|
+
private _options;
|
|
153
|
+
_isFab: boolean;
|
|
154
|
+
extended: boolean;
|
|
155
|
+
constructor(...args: unknown[]);
|
|
156
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatFabButton, never>;
|
|
157
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatFabButton, "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", ["matButton", "matAnchor"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
158
|
+
static ngAcceptInputType_extended: unknown;
|
|
159
|
+
}
|
|
160
|
+
/**
|
|
161
|
+
* Material Design mini floating action button (FAB) component. These buttons represent the primary
|
|
162
|
+
* or most common action for users to interact with.
|
|
163
|
+
* See https://m3.material.io/components/floating-action-button/overview
|
|
164
|
+
*/
|
|
165
|
+
declare class MatMiniFabButton extends MatButtonBase {
|
|
166
|
+
private _options;
|
|
167
|
+
_isFab: boolean;
|
|
168
|
+
constructor(...args: unknown[]);
|
|
169
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatMiniFabButton, never>;
|
|
170
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatMiniFabButton, "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", ["matButton", "matAnchor"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
|
|
171
|
+
}
|
|
172
|
+
/**
|
|
173
|
+
* Material Design floating action button (FAB) component for anchor elements. Anchor elements
|
|
174
|
+
* are used to provide links for the user to navigate across different routes or pages.
|
|
175
|
+
* See https://m3.material.io/components/floating-action-button/overview
|
|
176
|
+
*
|
|
177
|
+
* The `MatFabAnchor` class has two appearances: normal and extended.
|
|
178
|
+
*/
|
|
179
|
+
declare const MatFabAnchor: typeof MatFabButton;
|
|
180
|
+
type MatFabAnchor = MatFabButton;
|
|
181
|
+
/**
|
|
182
|
+
* Material Design mini floating action button (FAB) component for anchor elements. Anchor elements
|
|
183
|
+
* are used to provide links for the user to navigate across different routes or pages.
|
|
184
|
+
* See https://m3.material.io/components/floating-action-button/overview
|
|
185
|
+
*/
|
|
186
|
+
declare const MatMiniFabAnchor: typeof MatMiniFabButton;
|
|
187
|
+
type MatMiniFabAnchor = MatMiniFabButton;
|
|
188
|
+
|
|
189
|
+
/**
|
|
190
|
+
* Material Design icon button component. This type of button displays a single interactive icon for
|
|
191
|
+
* users to perform an action.
|
|
192
|
+
* See https://material.io/develop/web/components/buttons/icon-buttons/
|
|
193
|
+
*/
|
|
194
|
+
declare class MatIconButton extends MatButtonBase {
|
|
195
|
+
constructor(...args: unknown[]);
|
|
196
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatIconButton, never>;
|
|
197
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", ["matButton", "matAnchor"], {}, {}, never, ["*"], true, never>;
|
|
198
|
+
}
|
|
199
|
+
/**
|
|
200
|
+
* Material Design icon button component for anchor elements. This button displays a single
|
|
201
|
+
* interaction icon that allows users to navigate across different routes or pages.
|
|
202
|
+
* See https://material.io/develop/web/components/buttons/icon-buttons/
|
|
203
|
+
*/
|
|
204
|
+
declare const MatIconAnchor: typeof MatIconButton;
|
|
205
|
+
type MatIconAnchor = MatIconButton;
|
|
206
|
+
|
|
207
|
+
declare class MatButtonModule {
|
|
208
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonModule, never>;
|
|
209
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatButtonModule, never, [typeof MatCommonModule, typeof MatRippleModule, typeof MatButton, typeof MatMiniFabButton, typeof MatIconButton, typeof MatFabButton], [typeof MatCommonModule, typeof MatButton, typeof MatMiniFabButton, typeof MatIconButton, typeof MatFabButton]>;
|
|
210
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MatButtonModule>;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
export { MAT_BUTTON_CONFIG as M, type MatButtonAppearance as a, type MatButtonConfig as b, MatButton as c, MatAnchor as d, type MatFabDefaultOptions as e, MAT_FAB_DEFAULT_OPTIONS as f, MAT_FAB_DEFAULT_OPTIONS_FACTORY as g, MatFabButton as h, MatMiniFabButton as i, MatFabAnchor as j, MatMiniFabAnchor as k, MatIconButton as l, MatIconAnchor as m, MatButtonModule as n };
|