@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
package/button-toggle/index.d.ts
CHANGED
|
@@ -1,290 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
-
import { Direction } from '@angular/cdk/bidi';
|
|
5
|
-
import { ElementRef } from '@angular/core';
|
|
6
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { M as MatButtonToggleGroup, a as MatButtonToggle } from '../button-toggle.d-edc8acff.js';
|
|
2
|
+
export { d as MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS, f as MAT_BUTTON_TOGGLE_GROUP, e as MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY, g as MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, a as MatButtonToggle, b as MatButtonToggleAppearance, h as MatButtonToggleChange, c as MatButtonToggleDefaultOptions, M as MatButtonToggleGroup, T as ToggleType } from '../button-toggle.d-edc8acff.js';
|
|
7
3
|
import * as i0 from '@angular/core';
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY,
|
|
17
|
-
ToggleType,
|
|
18
|
-
MatButtonToggleAppearance,
|
|
19
|
-
MatButtonToggleDefaultOptions,
|
|
20
|
-
MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS,
|
|
21
|
-
MAT_BUTTON_TOGGLE_GROUP,
|
|
22
|
-
MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR,
|
|
23
|
-
MatButtonToggleChange,
|
|
24
|
-
MatButtonToggleGroup,
|
|
25
|
-
MatButtonToggle
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Injection token that can be used to configure the
|
|
31
|
-
* default options for all button toggles within an app.
|
|
32
|
-
*/
|
|
33
|
-
export declare const MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS: InjectionToken<MatButtonToggleDefaultOptions>;
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Injection token that can be used to reference instances of `MatButtonToggleGroup`.
|
|
37
|
-
* It serves as alternative token to the actual `MatButtonToggleGroup` class which
|
|
38
|
-
* could cause unnecessary retention of the class and its component metadata.
|
|
39
|
-
*/
|
|
40
|
-
export declare const MAT_BUTTON_TOGGLE_GROUP: InjectionToken<MatButtonToggleGroup>;
|
|
41
|
-
|
|
42
|
-
export declare function MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY(): MatButtonToggleDefaultOptions;
|
|
43
|
-
|
|
44
|
-
/**
|
|
45
|
-
* Provider Expression that allows mat-button-toggle-group to register as a ControlValueAccessor.
|
|
46
|
-
* This allows it to support [(ngModel)].
|
|
47
|
-
* @docs-private
|
|
48
|
-
*/
|
|
49
|
-
export declare const MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any;
|
|
50
|
-
|
|
51
|
-
/** Single button inside of a toggle group. */
|
|
52
|
-
export declare class MatButtonToggle implements OnInit, AfterViewInit, OnDestroy {
|
|
53
|
-
private _changeDetectorRef;
|
|
54
|
-
private _elementRef;
|
|
55
|
-
private _focusMonitor;
|
|
56
|
-
private _idGenerator;
|
|
57
|
-
private _animationMode;
|
|
58
|
-
private _checked;
|
|
59
|
-
/**
|
|
60
|
-
* Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will
|
|
61
|
-
* take precedence so this may be omitted.
|
|
62
|
-
*/
|
|
63
|
-
ariaLabel: string;
|
|
64
|
-
/**
|
|
65
|
-
* Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
|
|
66
|
-
*/
|
|
67
|
-
ariaLabelledby: string | null;
|
|
68
|
-
/** Underlying native `button` element. */
|
|
69
|
-
_buttonElement: ElementRef<HTMLButtonElement>;
|
|
70
|
-
/** The parent button toggle group (exclusive selection). Optional. */
|
|
71
|
-
buttonToggleGroup: MatButtonToggleGroup;
|
|
72
|
-
/** Unique ID for the underlying `button` element. */
|
|
73
|
-
get buttonId(): string;
|
|
74
|
-
/** The unique ID for this button toggle. */
|
|
75
|
-
id: string;
|
|
76
|
-
/** HTML's 'name' attribute used to group radios for unique selection. */
|
|
77
|
-
name: string;
|
|
78
|
-
/** MatButtonToggleGroup reads this to assign its own value. */
|
|
79
|
-
value: any;
|
|
80
|
-
/** Tabindex of the toggle. */
|
|
81
|
-
get tabIndex(): number | null;
|
|
82
|
-
set tabIndex(value: number | null);
|
|
83
|
-
private _tabIndex;
|
|
84
|
-
/** Whether ripples are disabled on the button toggle. */
|
|
85
|
-
disableRipple: boolean;
|
|
86
|
-
/** The appearance style of the button. */
|
|
87
|
-
get appearance(): MatButtonToggleAppearance;
|
|
88
|
-
set appearance(value: MatButtonToggleAppearance);
|
|
89
|
-
private _appearance;
|
|
90
|
-
/** Whether the button is checked. */
|
|
91
|
-
get checked(): boolean;
|
|
92
|
-
set checked(value: boolean);
|
|
93
|
-
/** Whether the button is disabled. */
|
|
94
|
-
get disabled(): boolean;
|
|
95
|
-
set disabled(value: boolean);
|
|
96
|
-
private _disabled;
|
|
97
|
-
/** Whether the button should remain interactive when it is disabled. */
|
|
98
|
-
get disabledInteractive(): boolean;
|
|
99
|
-
set disabledInteractive(value: boolean);
|
|
100
|
-
private _disabledInteractive;
|
|
101
|
-
/** Event emitted when the group value changes. */
|
|
102
|
-
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
103
|
-
constructor(...args: unknown[]);
|
|
104
|
-
ngOnInit(): void;
|
|
105
|
-
ngAfterViewInit(): void;
|
|
106
|
-
ngOnDestroy(): void;
|
|
107
|
-
/** Focuses the button. */
|
|
108
|
-
focus(options?: FocusOptions): void;
|
|
109
|
-
/** Checks the button toggle due to an interaction with the underlying native button. */
|
|
110
|
-
_onButtonClick(): void;
|
|
111
|
-
/**
|
|
112
|
-
* Marks the button toggle as needing checking for change detection.
|
|
113
|
-
* This method is exposed because the parent button toggle group will directly
|
|
114
|
-
* update bound properties of the radio button.
|
|
115
|
-
*/
|
|
116
|
-
_markForCheck(): void;
|
|
117
|
-
/** Gets the name that should be assigned to the inner DOM node. */
|
|
118
|
-
_getButtonName(): string | null;
|
|
119
|
-
/** Whether the toggle is in single selection mode. */
|
|
120
|
-
isSingleSelector(): boolean;
|
|
121
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggle, never>;
|
|
122
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatButtonToggle, "mat-button-toggle", ["matButtonToggle"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
|
|
123
|
-
static ngAcceptInputType_disableRipple: unknown;
|
|
124
|
-
static ngAcceptInputType_checked: unknown;
|
|
125
|
-
static ngAcceptInputType_disabled: unknown;
|
|
126
|
-
static ngAcceptInputType_disabledInteractive: unknown;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
/** Possible appearance styles for the button toggle. */
|
|
130
|
-
export declare type MatButtonToggleAppearance = 'legacy' | 'standard';
|
|
131
|
-
|
|
132
|
-
/** Change event object emitted by button toggle. */
|
|
133
|
-
export declare class MatButtonToggleChange {
|
|
134
|
-
/** The button toggle that emits the event. */
|
|
135
|
-
source: MatButtonToggle;
|
|
136
|
-
/** The value assigned to the button toggle. */
|
|
137
|
-
value: any;
|
|
138
|
-
constructor(
|
|
139
|
-
/** The button toggle that emits the event. */
|
|
140
|
-
source: MatButtonToggle,
|
|
141
|
-
/** The value assigned to the button toggle. */
|
|
142
|
-
value: any);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* Represents the default options for the button toggle that can be configured
|
|
147
|
-
* using the `MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.
|
|
148
|
-
*/
|
|
149
|
-
export declare interface MatButtonToggleDefaultOptions {
|
|
150
|
-
/**
|
|
151
|
-
* Default appearance to be used by button toggles. Can be overridden by explicitly
|
|
152
|
-
* setting an appearance on a button toggle or group.
|
|
153
|
-
*/
|
|
154
|
-
appearance?: MatButtonToggleAppearance;
|
|
155
|
-
/** Whether icon indicators should be hidden for single-selection button toggle groups. */
|
|
156
|
-
hideSingleSelectionIndicator?: boolean;
|
|
157
|
-
/** Whether icon indicators should be hidden for multiple-selection button toggle groups. */
|
|
158
|
-
hideMultipleSelectionIndicator?: boolean;
|
|
159
|
-
/** Whether disabled toggle buttons should be interactive. */
|
|
160
|
-
disabledInteractive?: boolean;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
/** Exclusive selection button toggle group that behaves like a radio-button group. */
|
|
164
|
-
export declare class MatButtonToggleGroup implements ControlValueAccessor, OnInit, AfterContentInit {
|
|
165
|
-
private _changeDetector;
|
|
166
|
-
private _dir;
|
|
167
|
-
private _multiple;
|
|
168
|
-
private _disabled;
|
|
169
|
-
private _disabledInteractive;
|
|
170
|
-
private _selectionModel;
|
|
171
|
-
/**
|
|
172
|
-
* Reference to the raw value that the consumer tried to assign. The real
|
|
173
|
-
* value will exclude any values from this one that don't correspond to a
|
|
174
|
-
* toggle. Useful for the cases where the value is assigned before the toggles
|
|
175
|
-
* have been initialized or at the same that they're being swapped out.
|
|
176
|
-
*/
|
|
177
|
-
private _rawValue;
|
|
178
|
-
/**
|
|
179
|
-
* The method to be called in order to update ngModel.
|
|
180
|
-
* Now `ngModel` binding is not supported in multiple selection mode.
|
|
181
|
-
*/
|
|
182
|
-
_controlValueAccessorChangeFn: (value: any) => void;
|
|
183
|
-
/** onTouch function registered via registerOnTouch (ControlValueAccessor). */
|
|
184
|
-
_onTouched: () => any;
|
|
185
|
-
/** Child button toggle buttons. */
|
|
186
|
-
_buttonToggles: QueryList<MatButtonToggle>;
|
|
187
|
-
/** The appearance for all the buttons in the group. */
|
|
188
|
-
appearance: MatButtonToggleAppearance;
|
|
189
|
-
/** `name` attribute for the underlying `input` element. */
|
|
190
|
-
get name(): string;
|
|
191
|
-
set name(value: string);
|
|
192
|
-
private _name;
|
|
193
|
-
/** Whether the toggle group is vertical. */
|
|
194
|
-
vertical: boolean;
|
|
195
|
-
/** Value of the toggle group. */
|
|
196
|
-
get value(): any;
|
|
197
|
-
set value(newValue: any);
|
|
198
|
-
/**
|
|
199
|
-
* Event that emits whenever the value of the group changes.
|
|
200
|
-
* Used to facilitate two-way data binding.
|
|
201
|
-
* @docs-private
|
|
202
|
-
*/
|
|
203
|
-
readonly valueChange: EventEmitter<any>;
|
|
204
|
-
/** Selected button toggles in the group. */
|
|
205
|
-
get selected(): MatButtonToggle | MatButtonToggle[];
|
|
206
|
-
/** Whether multiple button toggles can be selected. */
|
|
207
|
-
get multiple(): boolean;
|
|
208
|
-
set multiple(value: boolean);
|
|
209
|
-
/** Whether multiple button toggle group is disabled. */
|
|
210
|
-
get disabled(): boolean;
|
|
211
|
-
set disabled(value: boolean);
|
|
212
|
-
/** Whether buttons in the group should be interactive while they're disabled. */
|
|
213
|
-
get disabledInteractive(): boolean;
|
|
214
|
-
set disabledInteractive(value: boolean);
|
|
215
|
-
/** The layout direction of the toggle button group. */
|
|
216
|
-
get dir(): Direction;
|
|
217
|
-
/** Event emitted when the group's value changes. */
|
|
218
|
-
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
219
|
-
/** Whether checkmark indicator for single-selection button toggle groups is hidden. */
|
|
220
|
-
get hideSingleSelectionIndicator(): boolean;
|
|
221
|
-
set hideSingleSelectionIndicator(value: boolean);
|
|
222
|
-
private _hideSingleSelectionIndicator;
|
|
223
|
-
/** Whether checkmark indicator for multiple-selection button toggle groups is hidden. */
|
|
224
|
-
get hideMultipleSelectionIndicator(): boolean;
|
|
225
|
-
set hideMultipleSelectionIndicator(value: boolean);
|
|
226
|
-
private _hideMultipleSelectionIndicator;
|
|
227
|
-
constructor(...args: unknown[]);
|
|
228
|
-
ngOnInit(): void;
|
|
229
|
-
ngAfterContentInit(): void;
|
|
230
|
-
/**
|
|
231
|
-
* Sets the model value. Implemented as part of ControlValueAccessor.
|
|
232
|
-
* @param value Value to be set to the model.
|
|
233
|
-
*/
|
|
234
|
-
writeValue(value: any): void;
|
|
235
|
-
registerOnChange(fn: (value: any) => void): void;
|
|
236
|
-
registerOnTouched(fn: any): void;
|
|
237
|
-
setDisabledState(isDisabled: boolean): void;
|
|
238
|
-
/** Handle keydown event calling to single-select button toggle. */
|
|
239
|
-
protected _keydown(event: KeyboardEvent): void;
|
|
240
|
-
/** Dispatch change event with current selection and group value. */
|
|
241
|
-
_emitChangeEvent(toggle: MatButtonToggle): void;
|
|
242
|
-
/**
|
|
243
|
-
* Syncs a button toggle's selected state with the model value.
|
|
244
|
-
* @param toggle Toggle to be synced.
|
|
245
|
-
* @param select Whether the toggle should be selected.
|
|
246
|
-
* @param isUserInput Whether the change was a result of a user interaction.
|
|
247
|
-
* @param deferEvents Whether to defer emitting the change events.
|
|
248
|
-
*/
|
|
249
|
-
_syncButtonToggle(toggle: MatButtonToggle, select: boolean, isUserInput?: boolean, deferEvents?: boolean): void;
|
|
250
|
-
/** Checks whether a button toggle is selected. */
|
|
251
|
-
_isSelected(toggle: MatButtonToggle): boolean;
|
|
252
|
-
/** Determines whether a button toggle should be checked on init. */
|
|
253
|
-
_isPrechecked(toggle: MatButtonToggle): boolean;
|
|
254
|
-
/** Initializes the tabindex attribute using the radio pattern. */
|
|
255
|
-
private _initializeTabIndex;
|
|
256
|
-
/** Obtain the subsequent toggle to which the focus shifts. */
|
|
257
|
-
private _getNextButton;
|
|
258
|
-
/** Updates the selection state of the toggles in the group based on a value. */
|
|
259
|
-
private _setSelectionByValue;
|
|
260
|
-
/** Clears the selected toggles. */
|
|
261
|
-
private _clearSelection;
|
|
262
|
-
/** Selects a value if there's a toggle that corresponds to it. */
|
|
263
|
-
private _selectValue;
|
|
264
|
-
/** Syncs up the group's value with the model and emits the change event. */
|
|
265
|
-
private _updateModelValue;
|
|
266
|
-
/** Marks all of the child button toggles to be checked. */
|
|
267
|
-
private _markButtonsForCheck;
|
|
268
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleGroup, never>;
|
|
269
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleGroup, "mat-button-toggle-group", ["matButtonToggleGroup"], { "appearance": { "alias": "appearance"; "required": false; }; "name": { "alias": "name"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "hideMultipleSelectionIndicator": { "alias": "hideMultipleSelectionIndicator"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["_buttonToggles"], never, true, never>;
|
|
270
|
-
static ngAcceptInputType_vertical: unknown;
|
|
271
|
-
static ngAcceptInputType_multiple: unknown;
|
|
272
|
-
static ngAcceptInputType_disabled: unknown;
|
|
273
|
-
static ngAcceptInputType_disabledInteractive: unknown;
|
|
274
|
-
static ngAcceptInputType_hideSingleSelectionIndicator: unknown;
|
|
275
|
-
static ngAcceptInputType_hideMultipleSelectionIndicator: unknown;
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
export declare class MatButtonToggleModule {
|
|
4
|
+
import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
|
|
5
|
+
import { M as MatRippleModule } from '../index.d-0536b706.js';
|
|
6
|
+
import '@angular/cdk/bidi';
|
|
7
|
+
import '@angular/forms';
|
|
8
|
+
import '../ripple.d-2fb57d04.js';
|
|
9
|
+
import '@angular/cdk/platform';
|
|
10
|
+
|
|
11
|
+
declare class MatButtonToggleModule {
|
|
279
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleModule, never>;
|
|
280
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MatButtonToggleModule, never, [typeof
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatButtonToggleModule, never, [typeof MatCommonModule, typeof MatRippleModule, typeof MatButtonToggleGroup, typeof MatButtonToggle], [typeof MatCommonModule, typeof MatButtonToggleGroup, typeof MatButtonToggle]>;
|
|
281
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<MatButtonToggleModule>;
|
|
282
15
|
}
|
|
283
16
|
|
|
284
|
-
|
|
285
|
-
* @deprecated No longer used.
|
|
286
|
-
* @breaking-change 11.0.0
|
|
287
|
-
*/
|
|
288
|
-
export declare type ToggleType = 'checkbox' | 'radio';
|
|
289
|
-
|
|
290
|
-
export { }
|
|
17
|
+
export { MatButtonToggleModule };
|
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
import { BaseHarnessFilters } from '@angular/cdk/testing';
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
/** Criteria that can be used to filter a list of `MatButtonToggleGroupHarness` instances. */
|
|
7
|
-
export declare interface ButtonToggleGroupHarnessFilters extends BaseHarnessFilters {
|
|
8
|
-
/** Only find instances which match the given disabled state. */
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
1
|
+
import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
+
import { b as MatButtonToggleAppearance } from '../../button-toggle.d-edc8acff.js';
|
|
3
|
+
import '@angular/cdk/bidi';
|
|
4
|
+
import '@angular/core';
|
|
5
|
+
import '@angular/forms';
|
|
11
6
|
|
|
12
7
|
/** Criteria that can be used to filter a list of `MatButtonToggleHarness` instances. */
|
|
13
|
-
|
|
8
|
+
interface ButtonToggleHarnessFilters extends BaseHarnessFilters {
|
|
14
9
|
/** Only find instances whose text matches the given value. */
|
|
15
10
|
text?: string | RegExp;
|
|
16
11
|
/** Only find instances whose name matches the given value. */
|
|
@@ -22,31 +17,7 @@ export declare interface ButtonToggleHarnessFilters extends BaseHarnessFilters {
|
|
|
22
17
|
}
|
|
23
18
|
|
|
24
19
|
/** Harness for interacting with a standard mat-button-toggle in tests. */
|
|
25
|
-
|
|
26
|
-
/** The selector for the host element of a `MatButton` instance. */
|
|
27
|
-
static hostSelector: string;
|
|
28
|
-
/**
|
|
29
|
-
* Gets a `HarnessPredicate` that can be used to search for a `MatButtonToggleGroupHarness`
|
|
30
|
-
* that meets certain criteria.
|
|
31
|
-
* @param options Options for filtering which button toggle instances are considered a match.
|
|
32
|
-
* @return a `HarnessPredicate` configured with the given options.
|
|
33
|
-
*/
|
|
34
|
-
static with(options?: ButtonToggleGroupHarnessFilters): HarnessPredicate<MatButtonToggleGroupHarness>;
|
|
35
|
-
/**
|
|
36
|
-
* Gets the button toggles that are inside the group.
|
|
37
|
-
* @param filter Optionally filters which toggles are included.
|
|
38
|
-
*/
|
|
39
|
-
getToggles(filter?: ButtonToggleHarnessFilters): Promise<MatButtonToggleHarness[]>;
|
|
40
|
-
/** Gets whether the button toggle group is disabled. */
|
|
41
|
-
isDisabled(): Promise<boolean>;
|
|
42
|
-
/** Gets whether the button toggle group is laid out vertically. */
|
|
43
|
-
isVertical(): Promise<boolean>;
|
|
44
|
-
/** Gets the appearance that the group is using. */
|
|
45
|
-
getAppearance(): Promise<MatButtonToggleAppearance>;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/** Harness for interacting with a standard mat-button-toggle in tests. */
|
|
49
|
-
export declare class MatButtonToggleHarness extends ComponentHarness {
|
|
20
|
+
declare class MatButtonToggleHarness extends ComponentHarness {
|
|
50
21
|
/** The selector for the host element of a `MatButton` instance. */
|
|
51
22
|
static hostSelector: string;
|
|
52
23
|
private _label;
|
|
@@ -92,4 +63,34 @@ export declare class MatButtonToggleHarness extends ComponentHarness {
|
|
|
92
63
|
uncheck(): Promise<void>;
|
|
93
64
|
}
|
|
94
65
|
|
|
95
|
-
|
|
66
|
+
/** Criteria that can be used to filter a list of `MatButtonToggleGroupHarness` instances. */
|
|
67
|
+
interface ButtonToggleGroupHarnessFilters extends BaseHarnessFilters {
|
|
68
|
+
/** Only find instances which match the given disabled state. */
|
|
69
|
+
disabled?: boolean;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/** Harness for interacting with a standard mat-button-toggle in tests. */
|
|
73
|
+
declare class MatButtonToggleGroupHarness extends ComponentHarness {
|
|
74
|
+
/** The selector for the host element of a `MatButton` instance. */
|
|
75
|
+
static hostSelector: string;
|
|
76
|
+
/**
|
|
77
|
+
* Gets a `HarnessPredicate` that can be used to search for a `MatButtonToggleGroupHarness`
|
|
78
|
+
* that meets certain criteria.
|
|
79
|
+
* @param options Options for filtering which button toggle instances are considered a match.
|
|
80
|
+
* @return a `HarnessPredicate` configured with the given options.
|
|
81
|
+
*/
|
|
82
|
+
static with(options?: ButtonToggleGroupHarnessFilters): HarnessPredicate<MatButtonToggleGroupHarness>;
|
|
83
|
+
/**
|
|
84
|
+
* Gets the button toggles that are inside the group.
|
|
85
|
+
* @param filter Optionally filters which toggles are included.
|
|
86
|
+
*/
|
|
87
|
+
getToggles(filter?: ButtonToggleHarnessFilters): Promise<MatButtonToggleHarness[]>;
|
|
88
|
+
/** Gets whether the button toggle group is disabled. */
|
|
89
|
+
isDisabled(): Promise<boolean>;
|
|
90
|
+
/** Gets whether the button toggle group is laid out vertically. */
|
|
91
|
+
isVertical(): Promise<boolean>;
|
|
92
|
+
/** Gets the appearance that the group is using. */
|
|
93
|
+
getAppearance(): Promise<MatButtonToggleAppearance>;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
export { type ButtonToggleGroupHarnessFilters, type ButtonToggleHarnessFilters, MatButtonToggleGroupHarness, MatButtonToggleHarness };
|
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
import { Direction } from '@angular/cdk/bidi';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { InjectionToken, OnInit, AfterContentInit, QueryList, EventEmitter, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
|
|
4
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated No longer used.
|
|
8
|
+
* @breaking-change 11.0.0
|
|
9
|
+
*/
|
|
10
|
+
type ToggleType = 'checkbox' | 'radio';
|
|
11
|
+
/** Possible appearance styles for the button toggle. */
|
|
12
|
+
type MatButtonToggleAppearance = 'legacy' | 'standard';
|
|
13
|
+
/**
|
|
14
|
+
* Represents the default options for the button toggle that can be configured
|
|
15
|
+
* using the `MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.
|
|
16
|
+
*/
|
|
17
|
+
interface MatButtonToggleDefaultOptions {
|
|
18
|
+
/**
|
|
19
|
+
* Default appearance to be used by button toggles. Can be overridden by explicitly
|
|
20
|
+
* setting an appearance on a button toggle or group.
|
|
21
|
+
*/
|
|
22
|
+
appearance?: MatButtonToggleAppearance;
|
|
23
|
+
/** Whether icon indicators should be hidden for single-selection button toggle groups. */
|
|
24
|
+
hideSingleSelectionIndicator?: boolean;
|
|
25
|
+
/** Whether icon indicators should be hidden for multiple-selection button toggle groups. */
|
|
26
|
+
hideMultipleSelectionIndicator?: boolean;
|
|
27
|
+
/** Whether disabled toggle buttons should be interactive. */
|
|
28
|
+
disabledInteractive?: boolean;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Injection token that can be used to configure the
|
|
32
|
+
* default options for all button toggles within an app.
|
|
33
|
+
*/
|
|
34
|
+
declare const MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS: InjectionToken<MatButtonToggleDefaultOptions>;
|
|
35
|
+
/**
|
|
36
|
+
* @docs-private
|
|
37
|
+
* @deprecated No longer used, will be removed.
|
|
38
|
+
* @breaking-change 21.0.0
|
|
39
|
+
*/
|
|
40
|
+
declare function MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY(): MatButtonToggleDefaultOptions;
|
|
41
|
+
/**
|
|
42
|
+
* Injection token that can be used to reference instances of `MatButtonToggleGroup`.
|
|
43
|
+
* It serves as alternative token to the actual `MatButtonToggleGroup` class which
|
|
44
|
+
* could cause unnecessary retention of the class and its component metadata.
|
|
45
|
+
*/
|
|
46
|
+
declare const MAT_BUTTON_TOGGLE_GROUP: InjectionToken<MatButtonToggleGroup>;
|
|
47
|
+
/**
|
|
48
|
+
* Provider Expression that allows mat-button-toggle-group to register as a ControlValueAccessor.
|
|
49
|
+
* This allows it to support [(ngModel)].
|
|
50
|
+
* @docs-private
|
|
51
|
+
*/
|
|
52
|
+
declare const MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any;
|
|
53
|
+
/** Change event object emitted by button toggle. */
|
|
54
|
+
declare class MatButtonToggleChange {
|
|
55
|
+
/** The button toggle that emits the event. */
|
|
56
|
+
source: MatButtonToggle;
|
|
57
|
+
/** The value assigned to the button toggle. */
|
|
58
|
+
value: any;
|
|
59
|
+
constructor(
|
|
60
|
+
/** The button toggle that emits the event. */
|
|
61
|
+
source: MatButtonToggle,
|
|
62
|
+
/** The value assigned to the button toggle. */
|
|
63
|
+
value: any);
|
|
64
|
+
}
|
|
65
|
+
/** Exclusive selection button toggle group that behaves like a radio-button group. */
|
|
66
|
+
declare class MatButtonToggleGroup implements ControlValueAccessor, OnInit, AfterContentInit {
|
|
67
|
+
private _changeDetector;
|
|
68
|
+
private _dir;
|
|
69
|
+
private _multiple;
|
|
70
|
+
private _disabled;
|
|
71
|
+
private _disabledInteractive;
|
|
72
|
+
private _selectionModel;
|
|
73
|
+
/**
|
|
74
|
+
* Reference to the raw value that the consumer tried to assign. The real
|
|
75
|
+
* value will exclude any values from this one that don't correspond to a
|
|
76
|
+
* toggle. Useful for the cases where the value is assigned before the toggles
|
|
77
|
+
* have been initialized or at the same that they're being swapped out.
|
|
78
|
+
*/
|
|
79
|
+
private _rawValue;
|
|
80
|
+
/**
|
|
81
|
+
* The method to be called in order to update ngModel.
|
|
82
|
+
* Now `ngModel` binding is not supported in multiple selection mode.
|
|
83
|
+
*/
|
|
84
|
+
_controlValueAccessorChangeFn: (value: any) => void;
|
|
85
|
+
/** onTouch function registered via registerOnTouch (ControlValueAccessor). */
|
|
86
|
+
_onTouched: () => any;
|
|
87
|
+
/** Child button toggle buttons. */
|
|
88
|
+
_buttonToggles: QueryList<MatButtonToggle>;
|
|
89
|
+
/** The appearance for all the buttons in the group. */
|
|
90
|
+
appearance: MatButtonToggleAppearance;
|
|
91
|
+
/** `name` attribute for the underlying `input` element. */
|
|
92
|
+
get name(): string;
|
|
93
|
+
set name(value: string);
|
|
94
|
+
private _name;
|
|
95
|
+
/** Whether the toggle group is vertical. */
|
|
96
|
+
vertical: boolean;
|
|
97
|
+
/** Value of the toggle group. */
|
|
98
|
+
get value(): any;
|
|
99
|
+
set value(newValue: any);
|
|
100
|
+
/**
|
|
101
|
+
* Event that emits whenever the value of the group changes.
|
|
102
|
+
* Used to facilitate two-way data binding.
|
|
103
|
+
* @docs-private
|
|
104
|
+
*/
|
|
105
|
+
readonly valueChange: EventEmitter<any>;
|
|
106
|
+
/** Selected button toggles in the group. */
|
|
107
|
+
get selected(): MatButtonToggle | MatButtonToggle[];
|
|
108
|
+
/** Whether multiple button toggles can be selected. */
|
|
109
|
+
get multiple(): boolean;
|
|
110
|
+
set multiple(value: boolean);
|
|
111
|
+
/** Whether multiple button toggle group is disabled. */
|
|
112
|
+
get disabled(): boolean;
|
|
113
|
+
set disabled(value: boolean);
|
|
114
|
+
/** Whether buttons in the group should be interactive while they're disabled. */
|
|
115
|
+
get disabledInteractive(): boolean;
|
|
116
|
+
set disabledInteractive(value: boolean);
|
|
117
|
+
/** The layout direction of the toggle button group. */
|
|
118
|
+
get dir(): Direction;
|
|
119
|
+
/** Event emitted when the group's value changes. */
|
|
120
|
+
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
121
|
+
/** Whether checkmark indicator for single-selection button toggle groups is hidden. */
|
|
122
|
+
get hideSingleSelectionIndicator(): boolean;
|
|
123
|
+
set hideSingleSelectionIndicator(value: boolean);
|
|
124
|
+
private _hideSingleSelectionIndicator;
|
|
125
|
+
/** Whether checkmark indicator for multiple-selection button toggle groups is hidden. */
|
|
126
|
+
get hideMultipleSelectionIndicator(): boolean;
|
|
127
|
+
set hideMultipleSelectionIndicator(value: boolean);
|
|
128
|
+
private _hideMultipleSelectionIndicator;
|
|
129
|
+
constructor(...args: unknown[]);
|
|
130
|
+
ngOnInit(): void;
|
|
131
|
+
ngAfterContentInit(): void;
|
|
132
|
+
/**
|
|
133
|
+
* Sets the model value. Implemented as part of ControlValueAccessor.
|
|
134
|
+
* @param value Value to be set to the model.
|
|
135
|
+
*/
|
|
136
|
+
writeValue(value: any): void;
|
|
137
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
138
|
+
registerOnTouched(fn: any): void;
|
|
139
|
+
setDisabledState(isDisabled: boolean): void;
|
|
140
|
+
/** Handle keydown event calling to single-select button toggle. */
|
|
141
|
+
protected _keydown(event: KeyboardEvent): void;
|
|
142
|
+
/** Dispatch change event with current selection and group value. */
|
|
143
|
+
_emitChangeEvent(toggle: MatButtonToggle): void;
|
|
144
|
+
/**
|
|
145
|
+
* Syncs a button toggle's selected state with the model value.
|
|
146
|
+
* @param toggle Toggle to be synced.
|
|
147
|
+
* @param select Whether the toggle should be selected.
|
|
148
|
+
* @param isUserInput Whether the change was a result of a user interaction.
|
|
149
|
+
* @param deferEvents Whether to defer emitting the change events.
|
|
150
|
+
*/
|
|
151
|
+
_syncButtonToggle(toggle: MatButtonToggle, select: boolean, isUserInput?: boolean, deferEvents?: boolean): void;
|
|
152
|
+
/** Checks whether a button toggle is selected. */
|
|
153
|
+
_isSelected(toggle: MatButtonToggle): boolean;
|
|
154
|
+
/** Determines whether a button toggle should be checked on init. */
|
|
155
|
+
_isPrechecked(toggle: MatButtonToggle): boolean;
|
|
156
|
+
/** Initializes the tabindex attribute using the radio pattern. */
|
|
157
|
+
private _initializeTabIndex;
|
|
158
|
+
/** Obtain the subsequent toggle to which the focus shifts. */
|
|
159
|
+
private _getNextButton;
|
|
160
|
+
/** Updates the selection state of the toggles in the group based on a value. */
|
|
161
|
+
private _setSelectionByValue;
|
|
162
|
+
/** Clears the selected toggles. */
|
|
163
|
+
private _clearSelection;
|
|
164
|
+
/** Selects a value if there's a toggle that corresponds to it. */
|
|
165
|
+
private _selectValue;
|
|
166
|
+
/** Syncs up the group's value with the model and emits the change event. */
|
|
167
|
+
private _updateModelValue;
|
|
168
|
+
/** Marks all of the child button toggles to be checked. */
|
|
169
|
+
private _markButtonsForCheck;
|
|
170
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleGroup, never>;
|
|
171
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleGroup, "mat-button-toggle-group", ["matButtonToggleGroup"], { "appearance": { "alias": "appearance"; "required": false; }; "name": { "alias": "name"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "hideMultipleSelectionIndicator": { "alias": "hideMultipleSelectionIndicator"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["_buttonToggles"], never, true, never>;
|
|
172
|
+
static ngAcceptInputType_vertical: unknown;
|
|
173
|
+
static ngAcceptInputType_multiple: unknown;
|
|
174
|
+
static ngAcceptInputType_disabled: unknown;
|
|
175
|
+
static ngAcceptInputType_disabledInteractive: unknown;
|
|
176
|
+
static ngAcceptInputType_hideSingleSelectionIndicator: unknown;
|
|
177
|
+
static ngAcceptInputType_hideMultipleSelectionIndicator: unknown;
|
|
178
|
+
}
|
|
179
|
+
/** Single button inside of a toggle group. */
|
|
180
|
+
declare class MatButtonToggle implements OnInit, AfterViewInit, OnDestroy {
|
|
181
|
+
private _changeDetectorRef;
|
|
182
|
+
private _elementRef;
|
|
183
|
+
private _focusMonitor;
|
|
184
|
+
private _idGenerator;
|
|
185
|
+
private _animationMode;
|
|
186
|
+
private _checked;
|
|
187
|
+
/**
|
|
188
|
+
* Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will
|
|
189
|
+
* take precedence so this may be omitted.
|
|
190
|
+
*/
|
|
191
|
+
ariaLabel: string;
|
|
192
|
+
/**
|
|
193
|
+
* Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
|
|
194
|
+
*/
|
|
195
|
+
ariaLabelledby: string | null;
|
|
196
|
+
/** Underlying native `button` element. */
|
|
197
|
+
_buttonElement: ElementRef<HTMLButtonElement>;
|
|
198
|
+
/** The parent button toggle group (exclusive selection). Optional. */
|
|
199
|
+
buttonToggleGroup: MatButtonToggleGroup;
|
|
200
|
+
/** Unique ID for the underlying `button` element. */
|
|
201
|
+
get buttonId(): string;
|
|
202
|
+
/** The unique ID for this button toggle. */
|
|
203
|
+
id: string;
|
|
204
|
+
/** HTML's 'name' attribute used to group radios for unique selection. */
|
|
205
|
+
name: string;
|
|
206
|
+
/** MatButtonToggleGroup reads this to assign its own value. */
|
|
207
|
+
value: any;
|
|
208
|
+
/** Tabindex of the toggle. */
|
|
209
|
+
get tabIndex(): number | null;
|
|
210
|
+
set tabIndex(value: number | null);
|
|
211
|
+
private _tabIndex;
|
|
212
|
+
/** Whether ripples are disabled on the button toggle. */
|
|
213
|
+
disableRipple: boolean;
|
|
214
|
+
/** The appearance style of the button. */
|
|
215
|
+
get appearance(): MatButtonToggleAppearance;
|
|
216
|
+
set appearance(value: MatButtonToggleAppearance);
|
|
217
|
+
private _appearance;
|
|
218
|
+
/** Whether the button is checked. */
|
|
219
|
+
get checked(): boolean;
|
|
220
|
+
set checked(value: boolean);
|
|
221
|
+
/** Whether the button is disabled. */
|
|
222
|
+
get disabled(): boolean;
|
|
223
|
+
set disabled(value: boolean);
|
|
224
|
+
private _disabled;
|
|
225
|
+
/** Whether the button should remain interactive when it is disabled. */
|
|
226
|
+
get disabledInteractive(): boolean;
|
|
227
|
+
set disabledInteractive(value: boolean);
|
|
228
|
+
private _disabledInteractive;
|
|
229
|
+
/** Event emitted when the group value changes. */
|
|
230
|
+
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
231
|
+
constructor(...args: unknown[]);
|
|
232
|
+
ngOnInit(): void;
|
|
233
|
+
ngAfterViewInit(): void;
|
|
234
|
+
ngOnDestroy(): void;
|
|
235
|
+
/** Focuses the button. */
|
|
236
|
+
focus(options?: FocusOptions): void;
|
|
237
|
+
/** Checks the button toggle due to an interaction with the underlying native button. */
|
|
238
|
+
_onButtonClick(): void;
|
|
239
|
+
/**
|
|
240
|
+
* Marks the button toggle as needing checking for change detection.
|
|
241
|
+
* This method is exposed because the parent button toggle group will directly
|
|
242
|
+
* update bound properties of the radio button.
|
|
243
|
+
*/
|
|
244
|
+
_markForCheck(): void;
|
|
245
|
+
/** Gets the name that should be assigned to the inner DOM node. */
|
|
246
|
+
_getButtonName(): string | null;
|
|
247
|
+
/** Whether the toggle is in single selection mode. */
|
|
248
|
+
isSingleSelector(): boolean;
|
|
249
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggle, never>;
|
|
250
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatButtonToggle, "mat-button-toggle", ["matButtonToggle"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
|
|
251
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
252
|
+
static ngAcceptInputType_checked: unknown;
|
|
253
|
+
static ngAcceptInputType_disabled: unknown;
|
|
254
|
+
static ngAcceptInputType_disabledInteractive: unknown;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
export { MatButtonToggleGroup as M, type ToggleType as T, MatButtonToggle as a, type MatButtonToggleAppearance as b, type MatButtonToggleDefaultOptions as c, MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS as d, MAT_BUTTON_TOGGLE_GROUP_DEFAULT_OPTIONS_FACTORY as e, MAT_BUTTON_TOGGLE_GROUP as f, MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR as g, MatButtonToggleChange as h };
|