@angular/material 20.0.0-next.5 → 20.0.0-next.7
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/_index.scss +1 -1
- package/autocomplete/_autocomplete-theme.scss +14 -14
- package/{core/tokens/m2/mat/_autocomplete.scss → autocomplete/_m2-autocomplete.scss} +7 -7
- package/{core/tokens/m3/mat/_autocomplete.scss → autocomplete/_m3-autocomplete.scss} +4 -4
- package/autocomplete/index.d.ts +10 -10
- package/autocomplete/testing/index.d.ts +4 -3
- package/badge/_badge-theme.scss +16 -16
- package/{core/tokens/m2/mat/_badge.scss → badge/_m2-badge.scss} +6 -6
- package/{core/tokens/m3/mat/_badge.scss → badge/_m3-badge.scss} +22 -22
- package/badge/index.d.ts +5 -5
- package/badge/testing/index.d.ts +4 -3
- package/{badge.d-99f2424c.d.ts → badge.d-BUeRGv1E.d.ts} +3 -2
- package/bottom-sheet/_bottom-sheet-theme.scss +12 -12
- package/{core/tokens/m2/mat/_bottom-sheet.scss → bottom-sheet/_m2-bottom-sheet.scss} +6 -6
- package/{core/tokens/m3/mat/_bottom-sheet.scss → bottom-sheet/_m3-bottom-sheet.scss} +5 -5
- package/bottom-sheet/index.d.ts +5 -3
- package/bottom-sheet/testing/index.d.ts +2 -1
- package/button/_button-theme.scss +30 -241
- package/button/_fab-theme.scss +20 -92
- package/button/_icon-button-theme.scss +20 -15
- package/button/_m2-button.scss +249 -0
- package/{core/tokens/m2/mat/_fab.scss → button/_m2-fab.scss} +46 -13
- package/{core/tokens/m2/mat/_icon-button.scss → button/_m2-icon-button.scss} +7 -7
- package/button/_m3-button.scss +260 -0
- package/button/_m3-fab.scss +187 -0
- package/{core/tokens/m3/mat/_icon-button.scss → button/_m3-icon-button.scss} +18 -4
- package/button/index.d.ts +215 -8
- package/button/testing/index.d.ts +2 -1
- package/button-toggle/_button-toggle-theme.scss +22 -40
- package/{core/tokens/m2/mat/_standard-button-toggle.scss → button-toggle/_m2-button-toggle.scss} +40 -20
- package/{core/tokens/m3/mat/_standard-button-toggle.scss → button-toggle/_m3-button-toggle.scss} +20 -7
- package/button-toggle/index.d.ts +6 -6
- package/button-toggle/testing/index.d.ts +3 -2
- package/{button-toggle.d-659ece43.d.ts → button-toggle.d-cP94fe1M.d.ts} +3 -2
- package/card/_card-theme.scss +14 -66
- package/{core/tokens/m2/mat/_card.scss → card/_m2-card.scss} +17 -7
- package/card/_m3-card.scss +45 -0
- package/card/index.d.ts +3 -2
- package/card/testing/index.d.ts +2 -1
- package/checkbox/_checkbox-theme.scss +21 -20
- package/{core/tokens/m2/mat/_checkbox.scss → checkbox/_m2-checkbox.scss} +11 -11
- package/{core/tokens/m3/mat/_checkbox.scss → checkbox/_m3-checkbox.scss} +17 -4
- package/checkbox/index.d.ts +4 -3
- package/checkbox/testing/index.d.ts +2 -1
- package/chips/_chips-theme.scss +17 -25
- package/{core/tokens/m2/mat/_chip.scss → chips/_m2-chip.scss} +8 -8
- package/{core/tokens/m3/mat/_chip.scss → chips/_m3-chip.scss} +30 -17
- package/chips/index.d.ts +19 -6
- package/chips/testing/index.d.ts +2 -1
- package/{common-module.d-1b789e68.d.ts → common-module.d-CUT8AqiB.d.ts} +2 -1
- package/core/_core-theme.scss +32 -52
- package/core/_core.scss +6 -6
- package/core/{tokens/m2/mat/_app.scss → _m2-app.scss} +8 -7
- package/core/{tokens/m3/mat/_app.scss → _m3-app.scss} +3 -3
- package/core/density/private/_all-density.scss +38 -38
- package/core/index.d.ts +17 -16
- package/core/{tokens/m2/mat/_optgroup.scss → option/_m2-optgroup.scss} +6 -6
- package/core/{tokens/m2/mat/_option.scss → option/_m2-option.scss} +6 -6
- package/core/{tokens/m3/mat/_optgroup.scss → option/_m3-optgroup.scss} +4 -4
- package/core/{tokens/m3/mat/_option.scss → option/_m3-option.scss} +3 -3
- package/core/option/_optgroup-theme.scss +8 -12
- package/core/option/_option-theme.scss +10 -18
- package/core/{tokens/m2/mat/_ripple.scss → ripple/_m2-ripple.scss} +6 -6
- package/core/{tokens/m3/mat/_ripple.scss → ripple/_m3-ripple.scss} +3 -3
- package/core/ripple/_ripple-theme.scss +12 -12
- package/core/ripple/_ripple.scss +3 -4
- package/core/{tokens/m2/mat/_full-pseudo-checkbox.scss → selection/pseudo-checkbox/_m2-pseudo-checkbox.scss} +15 -13
- package/core/selection/pseudo-checkbox/_m3-pseudo-checkbox.scss +49 -0
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +8 -36
- package/core/testing/index.d.ts +32 -3
- package/core/theming/_definition.scss +0 -1
- package/core/theming/_inspection.scss +1 -0
- package/core/tokens/_m2-tokens.scss +131 -0
- package/core/tokens/_m2-utils.scss +109 -0
- package/core/tokens/_m3-system.scss +66 -26
- package/core/tokens/_m3-tokens.scss +111 -31
- package/core/tokens/_m3-utils.scss +85 -0
- package/core/tokens/_token-utils.scss +43 -61
- package/core/tokens/m3/_index.scss +8 -126
- package/{date-adapter.d-de8dcff3.d.ts → date-adapter.d-DzP3EMeE.d.ts} +1 -1
- package/{date-range-input-harness.d-d5ba60f5.d.ts → date-range-input-harness.d-CJDdddpn.d.ts} +3 -2
- package/datepicker/_datepicker-theme.scss +23 -39
- package/{core/tokens/m2/mat/_datepicker.scss → datepicker/_m2-datepicker.scss} +7 -7
- package/{core/tokens/m3/mat/_datepicker.scss → datepicker/_m3-datepicker.scss} +8 -8
- package/datepicker/index.d.ts +20 -15
- package/datepicker/testing/index.d.ts +4 -4
- package/dialog/_dialog-theme.scss +9 -15
- package/{core/tokens/m2/mat/_dialog.scss → dialog/_m2-dialog.scss} +8 -8
- package/{core/tokens/m3/mat/_dialog.scss → dialog/_m3-dialog.scss} +11 -11
- package/dialog/index.d.ts +5 -5
- package/dialog/testing/index.d.ts +3 -2
- package/{dialog.d-06fd8250.d.ts → dialog.d-DSidcNPx.d.ts} +2 -1
- package/divider/_divider-theme.scss +8 -12
- package/{core/tokens/m2/mat/_divider.scss → divider/_m2-divider.scss} +6 -6
- package/{core/tokens/m3/mat/_divider.scss → divider/_m3-divider.scss} +3 -3
- package/divider/index.d.ts +1 -1
- package/divider/testing/index.d.ts +15 -2
- package/{error-options.d-bd1801bf.d.ts → error-options.d-C1yXmo10.d.ts} +1 -1
- package/expansion/_expansion-theme.scss +15 -18
- package/{core/tokens/m2/mat/_expansion.scss → expansion/_m2-expansion.scss} +7 -7
- package/{core/tokens/m3/mat/_expansion.scss → expansion/_m3-expansion.scss} +22 -8
- package/expansion/index.d.ts +3 -2
- package/expansion/testing/index.d.ts +2 -1
- package/fesm2022/{animation-89957083.mjs → animation-DYWs964N.mjs} +8 -6
- package/fesm2022/animation-DYWs964N.mjs.map +1 -0
- package/fesm2022/autocomplete/testing.mjs +2 -2
- package/fesm2022/autocomplete/testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +27 -27
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +15 -14
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +22 -14
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button/testing.mjs.map +1 -1
- package/fesm2022/button-toggle/testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +19 -18
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +219 -9
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +49 -49
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +16 -15
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +78 -61
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/{common-module-727dea0d.mjs → common-module-BTLyTce6.mjs} +6 -6
- package/fesm2022/common-module-BTLyTce6.mjs.map +1 -0
- package/fesm2022/core/testing.mjs +35 -3
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +30 -29
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/{date-formats-7bf66210.mjs → date-formats-BQbO9F6H.mjs} +2 -2
- package/fesm2022/date-formats-BQbO9F6H.mjs.map +1 -0
- package/fesm2022/{date-range-input-harness-62876dda.mjs → date-range-input-harness-qhTX-DXo.mjs} +3 -3
- package/fesm2022/date-range-input-harness-qhTX-DXo.mjs.map +1 -0
- package/fesm2022/datepicker/testing.mjs +3 -3
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +129 -121
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +5 -4
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +4 -3
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs +17 -2
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider.mjs +10 -10
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/{error-options-97896218.mjs → error-options-f2L_D2TV.mjs} +8 -8
- package/fesm2022/error-options-f2L_D2TV.mjs.map +1 -0
- package/fesm2022/{error-state-66849a3f.mjs → error-state-DAicm3pw.mjs} +2 -2
- package/fesm2022/error-state-DAicm3pw.mjs.map +1 -0
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +33 -32
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field/testing/control.mjs +10 -2
- package/fesm2022/form-field/testing/control.mjs.map +1 -1
- package/fesm2022/form-field/testing.mjs +6 -6
- package/fesm2022/form-field/testing.mjs.map +1 -1
- package/fesm2022/{form-field-362737c2.mjs → form-field-DXXhIBX2.mjs} +55 -37
- package/fesm2022/form-field-DXXhIBX2.mjs.map +1 -0
- package/fesm2022/form-field.mjs +5 -4
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs +2 -2
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +31 -32
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +8 -8
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/{icon-button-b18e0678.mjs → icon-button-SnLX2J-J.mjs} +13 -13
- package/fesm2022/icon-button-SnLX2J-J.mjs.map +1 -0
- package/fesm2022/{icon-registry-c6f81050.mjs → icon-registry-C2Nxi8Mq.mjs} +6 -6
- package/fesm2022/icon-registry-C2Nxi8Mq.mjs.map +1 -0
- package/fesm2022/icon.mjs +397 -9
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/{index-36009e89.mjs → index-CYUgEsfZ.mjs} +10 -10
- package/fesm2022/index-CYUgEsfZ.mjs.map +1 -0
- package/fesm2022/{index-59ddbae2.mjs → index-D7tf-UtR.mjs} +8 -8
- package/fesm2022/index-D7tf-UtR.mjs.map +1 -0
- package/fesm2022/input/testing.mjs +2 -2
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/{input-harness-d9056d71.mjs → input-harness-CxVp_q3n.mjs} +3 -3
- package/fesm2022/input-harness-CxVp_q3n.mjs.map +1 -0
- package/fesm2022/{input-value-accessor-4d18edb7.mjs → input-value-accessor-cp3A3zMa.mjs} +2 -2
- package/fesm2022/input-value-accessor-cp3A3zMa.mjs.map +1 -0
- package/fesm2022/input.mjs +29 -36
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/{internal-form-field-8aa9ac25.mjs → internal-form-field-Bq9jLDgy.mjs} +7 -7
- package/fesm2022/internal-form-field-Bq9jLDgy.mjs.map +1 -0
- package/fesm2022/{line-8a8e5afd.mjs → line-DI2_SkWl.mjs} +10 -10
- package/fesm2022/line-DI2_SkWl.mjs.map +1 -0
- package/fesm2022/list/testing.mjs +1 -1
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +68 -67
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/material.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +24 -23
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/{module-363d9b43.mjs → module-BIHXUA0w.mjs} +10 -9
- package/fesm2022/module-BIHXUA0w.mjs.map +1 -0
- package/fesm2022/{module-d7b2b858.mjs → module-Bj-soMIE.mjs} +31 -31
- package/fesm2022/module-Bj-soMIE.mjs.map +1 -0
- package/fesm2022/{module-dd496aa0.mjs → module-Bj_BSG1B.mjs} +33 -24
- package/fesm2022/module-Bj_BSG1B.mjs.map +1 -0
- package/fesm2022/{module-32e29bfa.mjs → module-nTxiyWBy.mjs} +20 -20
- package/fesm2022/module-nTxiyWBy.mjs.map +1 -0
- package/fesm2022/{option-f73e199f.mjs → option-Ce_vIVuD.mjs} +14 -14
- package/fesm2022/option-Ce_vIVuD.mjs.map +1 -0
- package/fesm2022/{option-harness-5590f8f2.mjs → option-harness-D_dpAU04.mjs} +2 -2
- package/fesm2022/option-harness-D_dpAU04.mjs.map +1 -0
- package/fesm2022/paginator/testing.mjs +4 -4
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +32 -31
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar/testing.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +12 -11
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner/testing.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +14 -13
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/{pseudo-checkbox-module-a5e70e5c.mjs → pseudo-checkbox-module-B1fNUV1l.mjs} +8 -8
- package/fesm2022/pseudo-checkbox-module-B1fNUV1l.mjs.map +1 -0
- package/fesm2022/{pseudo-checkbox-eb9ea05b.mjs → pseudo-checkbox-rb5Qj2XH.mjs} +8 -8
- package/fesm2022/pseudo-checkbox-rb5Qj2XH.mjs.map +1 -0
- package/fesm2022/{public-api-c3ea43bd.mjs → public-api-B95TI2uI.mjs} +2 -2
- package/fesm2022/public-api-B95TI2uI.mjs.map +1 -0
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +19 -18
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/{ripple-loader-901d2736.mjs → ripple-loader-R9v4tIlx.mjs} +7 -7
- package/fesm2022/ripple-loader-R9v4tIlx.mjs.map +1 -0
- package/fesm2022/{ripple-7f0562cc.mjs → ripple-t-kasrhF.mjs} +11 -11
- package/fesm2022/ripple-t-kasrhF.mjs.map +1 -0
- package/fesm2022/select/testing.mjs +122 -5
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select.mjs +15 -14
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav/testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +30 -29
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +16 -15
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +25 -24
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +34 -34
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +19 -18
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +43 -42
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/{structural-styles-efc7816b.mjs → structural-styles-BcST1BXh.mjs} +7 -7
- package/fesm2022/structural-styles-BcST1BXh.mjs.map +1 -0
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs +61 -61
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +55 -54
- 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 +27 -26
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +13 -13
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +4 -3
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +28 -28
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +24 -91
- package/{core/tokens/m2/mat/_form-field.scss → form-field/_m2-form-field.scss} +94 -13
- package/form-field/_m3-form-field.scss +153 -0
- package/form-field/index.d.ts +5 -5
- package/form-field/testing/control/index.d.ts +10 -2
- package/form-field/testing/index.d.ts +8 -8
- package/{form-field-control.d-d7b3a431.d.ts → form-field-control.d-39fAGkWp.d.ts} +3 -1
- package/{form-field.d-e2081e20.d.ts → form-field.d-DeaA8Upo.d.ts} +5 -3
- package/grid-list/_grid-list-theme.scss +7 -9
- package/{core/tokens/m2/mat/_grid-list.scss → grid-list/_m2-grid-list.scss} +6 -6
- package/{core/tokens/m3/mat/_grid-list.scss → grid-list/_m3-grid-list.scss} +2 -2
- package/grid-list/index.d.ts +3 -4
- package/grid-list/testing/index.d.ts +2 -1
- package/icon/_icon-theme.scss +12 -12
- package/{core/tokens/m2/mat/_icon.scss → icon/_m2-icon.scss} +5 -5
- package/{core/tokens/m3/mat/_icon.scss → icon/_m3-icon.scss} +3 -3
- package/icon/index.d.ts +4 -4
- package/icon/testing/index.d.ts +3 -2
- package/{icon-module.d-d06a5620.d.ts → icon-module.d-BeibE7j0.d.ts} +5 -4
- package/{icon-registry.d-b191b30b.d.ts → icon-registry.d-DyR40vgq.d.ts} +2 -1
- package/{index.d-609609fc.d.ts → index.d-_XdEyDn3.d.ts} +3 -3
- package/{index.d-6e895711.d.ts → index.d-osnm7rw7.d.ts} +5 -5
- package/input/_input-theme.scss +1 -1
- package/input/index.d.ts +16 -12
- package/input/testing/index.d.ts +4 -3
- package/{input-harness.d-5a0b8058.d.ts → input-harness.d-C1zsmszC.d.ts} +3 -2
- package/{line.d-ed625688.d.ts → line.d-OCn_JHOE.d.ts} +2 -2
- package/list/_list-theme.scss +29 -37
- package/{core/tokens/m2/mat/_list.scss → list/_m2-list.scss} +6 -6
- package/{core/tokens/m3/mat/_list.scss → list/_m3-list.scss} +19 -5
- package/list/index.d.ts +11 -11
- package/list/testing/index.d.ts +4 -3
- package/{list-option-types.d-32a3be09.d.ts → list-option-types.d-BcmY3SsC.d.ts} +1 -1
- package/{core/tokens/m2/mat/_menu.scss → menu/_m2-menu.scss} +7 -7
- package/{core/tokens/m3/mat/_menu.scss → menu/_m3-menu.scss} +14 -14
- package/menu/_menu-theme.scss +9 -15
- package/menu/index.d.ts +6 -5
- package/menu/testing/index.d.ts +2 -1
- package/{module.d-984cabd6.d.ts → module.d-Cym1ScGE.d.ts} +5 -4
- package/{module.d-916841df.d.ts → module.d-D0Yb5xFi.d.ts} +16 -10
- package/{module.d-a335a842.d.ts → module.d-_FxAFBZR.d.ts} +3 -3
- package/{option-harness.d-047df5c5.d.ts → option-harness.d-BpYClwei.d.ts} +2 -1
- package/{option-parent.d-f2c0c7de.d.ts → option-parent.d-CvnRKBST.d.ts} +2 -1
- package/{option.d-be9de0a8.d.ts → option.d-ef4idHSb.d.ts} +1 -1
- package/package.json +5 -2
- package/{core/tokens/m2/mat/_paginator.scss → paginator/_m2-paginator.scss} +7 -7
- package/{core/tokens/m3/mat/_paginator.scss → paginator/_m3-paginator.scss} +20 -4
- package/paginator/_paginator-theme.scss +14 -15
- package/paginator/index.d.ts +19 -19
- package/paginator/testing/index.d.ts +6 -5
- package/{paginator.d-82b71ef4.d.ts → paginator.d-Ctdtnt7L.d.ts} +5 -4
- package/{palette.d-f5ca9a2b.d.ts → palette.d-fF1us9u8.d.ts} +1 -1
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/{core/tokens/m2/mat/_linear-progress.scss → progress-bar/_m2-progress-bar.scss} +7 -7
- package/{core/tokens/m3/mat/_linear-progress.scss → progress-bar/_m3-progress-bar.scss} +3 -3
- package/progress-bar/_progress-bar-theme.scss +9 -9
- package/progress-bar/index.d.ts +4 -3
- package/progress-bar/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_circular-progress.scss → progress-spinner/_m2-progress-spinner.scss} +7 -7
- package/{core/tokens/m3/mat/_circular-progress.scss → progress-spinner/_m3-progress-spinner.scss} +3 -3
- package/progress-spinner/_progress-spinner-theme.scss +13 -13
- package/progress-spinner/index.d.ts +5 -5
- package/progress-spinner/testing/index.d.ts +4 -3
- package/{progress-spinner.d-96c586e2.d.ts → progress-spinner.d-DRWEU4qb.d.ts} +3 -2
- package/{pseudo-checkbox-module.d-efa6959b.d.ts → pseudo-checkbox-module.d-czRCRd5m.d.ts} +3 -2
- package/{core/tokens/m2/mat/_radio.scss → radio/_m2-radio.scss} +9 -9
- package/{core/tokens/m3/mat/_radio.scss → radio/_m3-radio.scss} +17 -4
- package/radio/_radio-theme.scss +21 -19
- package/radio/index.d.ts +7 -6
- package/radio/testing/index.d.ts +2 -1
- package/{ripple-loader.d-ef3a5132.d.ts → ripple-loader.d-DL-hT7NH.d.ts} +1 -1
- package/{ripple.d-838c5cd6.d.ts → ripple.d-DBFnJ3Aa.d.ts} +3 -2
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-generate/theme-color/index_bundled.js +3829 -3941
- package/schematics/ng-generate/theme-color/index_bundled.js.map +3 -4
- package/schematics/ng-update/index_bundled.js +3361 -3407
- package/schematics/ng-update/index_bundled.js.map +3 -4
- package/{core/tokens/m2/mat/_select.scss → select/_m2-select.scss} +11 -11
- package/{core/tokens/m3/mat/_select.scss → select/_m3-select.scss} +19 -6
- package/select/_select-theme.scss +25 -21
- package/select/index.d.ts +12 -12
- package/select/testing/index.d.ts +64 -5
- package/{core/tokens/m2/mat/_sidenav.scss → sidenav/_m2-sidenav.scss} +7 -7
- package/{core/tokens/m3/mat/_sidenav.scss → sidenav/_m3-sidenav.scss} +6 -6
- package/sidenav/_sidenav-theme.scss +10 -14
- package/sidenav/index.d.ts +4 -3
- package/sidenav/testing/index.d.ts +3 -2
- package/{core/tokens/m2/mat/_switch.scss → slide-toggle/_m2-slide-toggle.scss} +9 -9
- package/{core/tokens/m3/mat/_switch.scss → slide-toggle/_m3-slide-toggle.scss} +25 -30
- package/slide-toggle/_slide-toggle-theme.scss +29 -29
- package/slide-toggle/index.d.ts +4 -3
- package/slide-toggle/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_slider.scss → slider/_m2-slider.scss} +7 -7
- package/{core/tokens/m3/mat/_slider.scss → slider/_m3-slider.scss} +12 -12
- package/slider/_slider-theme.scss +12 -24
- package/slider/index.d.ts +7 -6
- package/slider/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_snack-bar.scss → snack-bar/_m2-snack-bar.scss} +6 -6
- package/{core/tokens/m3/mat/_snack-bar.scss → snack-bar/_m3-snack-bar.scss} +2 -2
- package/snack-bar/_snack-bar-theme.scss +8 -14
- package/snack-bar/index.d.ts +9 -8
- package/snack-bar/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_sort.scss → sort/_m2-sort.scss} +6 -6
- package/{core/tokens/m3/mat/_sort.scss → sort/_m3-sort.scss} +2 -2
- package/sort/_sort-theme.scss +9 -15
- package/sort/index.d.ts +6 -6
- package/sort/testing/index.d.ts +3 -2
- package/{sort-direction.d-2be5f588.d.ts → sort-direction.d-Dlz8961P.d.ts} +1 -1
- package/{sort.d-75ca592a.d.ts → sort.d-CHu7FXsP.d.ts} +4 -3
- package/{core/tokens/m2/mat/_stepper.scss → stepper/_m2-stepper.scss} +7 -7
- package/{core/tokens/m3/mat/_stepper.scss → stepper/_m3-stepper.scss} +17 -4
- package/stepper/_stepper-theme.scss +21 -16
- package/stepper/index.d.ts +8 -7
- package/stepper/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_table.scss → table/_m2-table.scss} +7 -7
- package/table/_m3-table.scss +44 -0
- package/table/_table-theme.scss +14 -18
- package/table/index.d.ts +8 -8
- package/table/testing/index.d.ts +3 -2
- package/{core/tokens/m2/mat/_tab-header.scss → tabs/_m2-tabs.scss} +42 -11
- package/tabs/_m3-tabs.scss +70 -0
- package/tabs/_tabs-theme.scss +44 -122
- package/tabs/index.d.ts +6 -5
- package/tabs/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_timepicker.scss → timepicker/_m2-timepicker.scss} +7 -7
- package/{core/tokens/m3/mat/_timepicker.scss → timepicker/_m3-timepicker.scss} +4 -4
- package/timepicker/_timepicker-theme.scss +14 -14
- package/timepicker/index.d.ts +4 -3
- package/timepicker/testing/index.d.ts +3 -2
- package/{core/tokens/m2/mat/_toolbar.scss → toolbar/_m2-toolbar.scss} +7 -7
- package/{core/tokens/m3/mat/_toolbar.scss → toolbar/_m3-toolbar.scss} +18 -4
- package/toolbar/_toolbar-theme.scss +22 -17
- package/toolbar/index.d.ts +1 -1
- package/toolbar/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_plain-tooltip.scss → tooltip/_m2-tooltip.scss} +7 -7
- package/{core/tokens/m3/mat/_plain-tooltip.scss → tooltip/_m3-tooltip.scss} +3 -3
- package/tooltip/_tooltip-theme.scss +14 -14
- package/tooltip/index.d.ts +2 -2
- package/tooltip/testing/index.d.ts +2 -1
- package/{core/tokens/m2/mat/_tree.scss → tree/_m2-tree.scss} +7 -7
- package/{core/tokens/m3/mat/_tree.scss → tree/_m3-tree.scss} +15 -2
- package/tree/_tree-theme.scss +16 -12
- package/tree/index.d.ts +1 -1
- package/tree/testing/index.d.ts +2 -1
- package/button/_button-base.scss +0 -181
- package/checkbox/_checkbox-common.scss +0 -585
- package/core/style/_button-common.scss +0 -17
- package/core/style/_form-common.scss +0 -21
- package/core/style/_list-common.scss +0 -49
- package/core/style/_menu-common.scss +0 -94
- package/core/theming/_palette-deprecated.scss +0 -76
- package/core/theming/_theming-deprecated.scss +0 -27
- package/core/tokens/_density.scss +0 -170
- package/core/tokens/_token-definition.scss +0 -224
- package/core/tokens/m2/_index.scss +0 -159
- package/core/tokens/m2/mat/_elevated-card.scss +0 -51
- package/core/tokens/m2/mat/_extended-fab.scss +0 -53
- package/core/tokens/m2/mat/_fab-small.scss +0 -99
- package/core/tokens/m2/mat/_filled-button.scss +0 -114
- package/core/tokens/m2/mat/_filled-text-field.scss +0 -114
- package/core/tokens/m2/mat/_legacy-button-toggle.scss +0 -59
- package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss +0 -43
- package/core/tokens/m2/mat/_outlined-button.scss +0 -108
- package/core/tokens/m2/mat/_outlined-card.scss +0 -52
- package/core/tokens/m2/mat/_outlined-text-field.scss +0 -100
- package/core/tokens/m2/mat/_protected-button.scss +0 -120
- package/core/tokens/m2/mat/_secondary-navigation-tab.scss +0 -58
- package/core/tokens/m2/mat/_tab-header-with-background.scss +0 -42
- package/core/tokens/m2/mat/_tab-indicator.scss +0 -48
- package/core/tokens/m2/mat/_text-button.scss +0 -90
- package/core/tokens/m2/mat/_tonal-button.scss +0 -90
- package/core/tokens/m3/definitions/_index.scss +0 -8
- package/core/tokens/m3/mat/_card.scss +0 -24
- package/core/tokens/m3/mat/_elevated-card.scss +0 -27
- package/core/tokens/m3/mat/_extended-fab.scss +0 -64
- package/core/tokens/m3/mat/_fab-small.scss +0 -91
- package/core/tokens/m3/mat/_fab.scss +0 -90
- package/core/tokens/m3/mat/_filled-button.scss +0 -73
- package/core/tokens/m3/mat/_filled-text-field.scss +0 -68
- package/core/tokens/m3/mat/_form-field.scss +0 -58
- package/core/tokens/m3/mat/_full-pseudo-checkbox.scss +0 -43
- package/core/tokens/m3/mat/_minimal-pseudo-checkbox.scss +0 -35
- package/core/tokens/m3/mat/_outlined-button.scss +0 -71
- package/core/tokens/m3/mat/_outlined-card.scss +0 -28
- package/core/tokens/m3/mat/_outlined-text-field.scss +0 -65
- package/core/tokens/m3/mat/_protected-button.scss +0 -93
- package/core/tokens/m3/mat/_secondary-navigation-tab.scss +0 -17
- package/core/tokens/m3/mat/_tab-header.scss +0 -52
- package/core/tokens/m3/mat/_tab-indicator.scss +0 -34
- package/core/tokens/m3/mat/_table.scss +0 -29
- package/core/tokens/m3/mat/_text-button.scss +0 -68
- package/core/tokens/m3/mat/_tonal-button.scss +0 -65
- package/core/typography/_typography-utils-deprecated.scss +0 -6
- package/datepicker/_datepicker-legacy-compat.scss +0 -85
- package/divider/_divider-offset.scss +0 -12
- package/divider-harness.d-beb7f187.d.ts +0 -14
- package/expansion/_expansion-variables.scss +0 -30
- package/fesm2022/animation-89957083.mjs.map +0 -1
- package/fesm2022/common-module-727dea0d.mjs.map +0 -1
- package/fesm2022/date-formats-7bf66210.mjs.map +0 -1
- package/fesm2022/date-range-input-harness-62876dda.mjs.map +0 -1
- package/fesm2022/divider-harness-b5028683.mjs +0 -18
- package/fesm2022/divider-harness-b5028683.mjs.map +0 -1
- package/fesm2022/error-options-97896218.mjs.map +0 -1
- package/fesm2022/error-state-66849a3f.mjs.map +0 -1
- package/fesm2022/form-field-362737c2.mjs.map +0 -1
- package/fesm2022/form-field-control-harness-999f1b0d.mjs +0 -11
- package/fesm2022/form-field-control-harness-999f1b0d.mjs.map +0 -1
- package/fesm2022/icon-button-b18e0678.mjs.map +0 -1
- package/fesm2022/icon-module-611f1d10.mjs +0 -395
- package/fesm2022/icon-module-611f1d10.mjs.map +0 -1
- package/fesm2022/icon-registry-c6f81050.mjs.map +0 -1
- package/fesm2022/index-36009e89.mjs.map +0 -1
- package/fesm2022/index-59ddbae2.mjs.map +0 -1
- package/fesm2022/input-harness-d9056d71.mjs.map +0 -1
- package/fesm2022/input-value-accessor-4d18edb7.mjs.map +0 -1
- package/fesm2022/internal-form-field-8aa9ac25.mjs.map +0 -1
- package/fesm2022/line-8a8e5afd.mjs.map +0 -1
- package/fesm2022/module-32e29bfa.mjs.map +0 -1
- package/fesm2022/module-363d9b43.mjs.map +0 -1
- package/fesm2022/module-6b891d2d.mjs +0 -214
- package/fesm2022/module-6b891d2d.mjs.map +0 -1
- package/fesm2022/module-d7b2b858.mjs.map +0 -1
- package/fesm2022/module-dd496aa0.mjs.map +0 -1
- package/fesm2022/optgroup-harness-fd0fcd6d.mjs +0 -36
- package/fesm2022/optgroup-harness-fd0fcd6d.mjs.map +0 -1
- package/fesm2022/option-f73e199f.mjs.map +0 -1
- package/fesm2022/option-harness-5590f8f2.mjs.map +0 -1
- package/fesm2022/pseudo-checkbox-eb9ea05b.mjs.map +0 -1
- package/fesm2022/pseudo-checkbox-module-a5e70e5c.mjs.map +0 -1
- package/fesm2022/public-api-c3ea43bd.mjs.map +0 -1
- package/fesm2022/ripple-7f0562cc.mjs.map +0 -1
- package/fesm2022/ripple-loader-901d2736.mjs.map +0 -1
- package/fesm2022/select-harness-5d21e0b8.mjs +0 -123
- package/fesm2022/select-harness-5d21e0b8.mjs.map +0 -1
- package/fesm2022/structural-styles-efc7816b.mjs.map +0 -1
- package/form-field/_form-field-focus-overlay.scss +0 -31
- package/form-field/_form-field-high-contrast.scss +0 -39
- package/form-field/_form-field-native-select.scss +0 -97
- package/form-field/_form-field-subscript.scss +0 -95
- package/form-field/_mdc-text-field-density-overrides.scss +0 -60
- package/form-field/_mdc-text-field-structure-overrides.scss +0 -186
- package/form-field/_mdc-text-field-structure.scss +0 -621
- package/form-field/_mdc-text-field-textarea-overrides.scss +0 -36
- package/form-field/_user-agent-overrides.scss +0 -24
- package/form-field-control-harness.d-8ec51e17.d.ts +0 -10
- package/list/_list-inherited-structure.scss +0 -504
- package/list/_list-item-hcm-indicator.scss +0 -29
- package/module.d-1b393e15.d.ts +0 -213
- package/optgroup-harness.d-fc22ca1c.d.ts +0 -31
- package/radio/_radio-common.scss +0 -259
- package/select-harness.d-03127681.d.ts +0 -63
- package/stepper/_stepper-variables.scss +0 -29
- package/table/_table-flex-styles.scss +0 -61
- package/tabs/_tabs-common.scss +0 -497
- package/toolbar/_toolbar-variables.scss +0 -28
- /package/core/tokens/m3/{definitions/_md-ref-palette.scss → _md-ref-palette.scss} +0 -0
- /package/core/tokens/m3/{definitions/_md-ref-typeface.scss → _md-ref-typeface.scss} +0 -0
- /package/core/tokens/m3/{definitions/_md-sys-color.scss → _md-sys-color.scss} +0 -0
- /package/core/tokens/m3/{definitions/_md-sys-elevation.scss → _md-sys-elevation.scss} +0 -0
- /package/core/tokens/m3/{definitions/_md-sys-motion.scss → _md-sys-motion.scss} +0 -0
- /package/core/tokens/m3/{definitions/_md-sys-shape.scss → _md-sys-shape.scss} +0 -0
- /package/core/tokens/m3/{definitions/_md-sys-state.scss → _md-sys-state.scss} +0 -0
- /package/core/tokens/m3/{definitions/_md-sys-typescale.scss → _md-sys-typescale.scss} +0 -0
package/module.d-1b393e15.d.ts
DELETED
|
@@ -1,213 +0,0 @@
|
|
|
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-1b789e68.js';
|
|
4
|
-
import { M as MatRippleModule } from './index.d-609609fc.js';
|
|
5
|
-
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
6
|
-
import { T as ThemePalette } from './palette.d-f5ca9a2b.js';
|
|
7
|
-
import { M as MatRippleLoader } from './ripple-loader.d-ef3a5132.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 _animationsDisabled: boolean;
|
|
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 };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { BaseHarnessFilters, ComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { O as OptionHarnessFilters, M as MatOptionHarness } from './option-harness.d-047df5c5.js';
|
|
3
|
-
|
|
4
|
-
interface OptgroupHarnessFilters extends BaseHarnessFilters {
|
|
5
|
-
labelText?: string | RegExp;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
/** Harness for interacting with a `mat-optgroup` in tests. */
|
|
9
|
-
declare class MatOptgroupHarness extends ComponentHarness {
|
|
10
|
-
/** Selector used to locate option group instances. */
|
|
11
|
-
static hostSelector: string;
|
|
12
|
-
private _label;
|
|
13
|
-
/**
|
|
14
|
-
* Gets a `HarnessPredicate` that can be used to search for a option group with specific
|
|
15
|
-
* attributes.
|
|
16
|
-
* @param options Options for filtering which option instances are considered a match.
|
|
17
|
-
* @return a `HarnessPredicate` configured with the given options.
|
|
18
|
-
*/
|
|
19
|
-
static with<T extends MatOptgroupHarness>(this: ComponentHarnessConstructor<T>, options?: OptgroupHarnessFilters): HarnessPredicate<T>;
|
|
20
|
-
/** Gets the option group's label text. */
|
|
21
|
-
getLabelText(): Promise<string>;
|
|
22
|
-
/** Gets whether the option group is disabled. */
|
|
23
|
-
isDisabled(): Promise<boolean>;
|
|
24
|
-
/**
|
|
25
|
-
* Gets the options that are inside the group.
|
|
26
|
-
* @param filter Optionally filters which options are included.
|
|
27
|
-
*/
|
|
28
|
-
getOptions(filter?: OptionHarnessFilters): Promise<MatOptionHarness[]>;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export { MatOptgroupHarness as M, type OptgroupHarnessFilters as O };
|
package/radio/_radio-common.scss
DELETED
|
@@ -1,259 +0,0 @@
|
|
|
1
|
-
@use '../core/tokens/m2/mat/radio' as tokens-mat-radio;
|
|
2
|
-
@use '../core/tokens/token-utils';
|
|
3
|
-
|
|
4
|
-
$_icon-size: 20px;
|
|
5
|
-
|
|
6
|
-
@function _enter-transition($name) {
|
|
7
|
-
@return $name 90ms cubic-bezier(0, 0, 0.2, 1);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@function _exit-transition($name) {
|
|
11
|
-
@return $name 90ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
// Structural styles for a radio button. Shared with the selection list.
|
|
15
|
-
@mixin radio-structure($is-interactive) {
|
|
16
|
-
$tokens: tokens-mat-radio.$prefix, tokens-mat-radio.get-token-slots();
|
|
17
|
-
|
|
18
|
-
.mdc-radio {
|
|
19
|
-
display: inline-block;
|
|
20
|
-
position: relative;
|
|
21
|
-
flex: 0 0 auto;
|
|
22
|
-
box-sizing: content-box;
|
|
23
|
-
width: $_icon-size;
|
|
24
|
-
height: $_icon-size;
|
|
25
|
-
cursor: pointer;
|
|
26
|
-
|
|
27
|
-
// This is something we inherited from MDC, but it shouldn't be necessary.
|
|
28
|
-
// Removing it will likely lead to screenshot diffs.
|
|
29
|
-
will-change: opacity, transform, border-color, color;
|
|
30
|
-
|
|
31
|
-
@include token-utils.use-tokens($tokens...) {
|
|
32
|
-
$size-token: token-utils.get-token-variable(state-layer-size);
|
|
33
|
-
padding: calc((#{$size-token} - #{$_icon-size}) / 2);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
@if ($is-interactive) {
|
|
37
|
-
// MDC's hover indication comes from their ripple which we don't use.
|
|
38
|
-
&:hover > .mdc-radio__native-control:not([disabled]):not(:focus) {
|
|
39
|
-
& ~ .mdc-radio__background::before {
|
|
40
|
-
opacity: 0.04;
|
|
41
|
-
transform: scale(1);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&:hover > .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background {
|
|
46
|
-
> .mdc-radio__outer-circle {
|
|
47
|
-
@include token-utils.use-tokens($tokens...) {
|
|
48
|
-
@include token-utils.create-token-slot(border-color, unselected-hover-icon-color);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&:hover > .mdc-radio__native-control:enabled:checked + .mdc-radio__background {
|
|
54
|
-
> .mdc-radio__outer-circle,
|
|
55
|
-
> .mdc-radio__inner-circle {
|
|
56
|
-
@include token-utils.use-tokens($tokens...) {
|
|
57
|
-
@include token-utils.create-token-slot(border-color, selected-hover-icon-color);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&:active > .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background {
|
|
63
|
-
> .mdc-radio__outer-circle {
|
|
64
|
-
@include token-utils.use-tokens($tokens...) {
|
|
65
|
-
@include token-utils.create-token-slot(border-color, unselected-pressed-icon-color);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
&:active > .mdc-radio__native-control:enabled:checked + .mdc-radio__background {
|
|
71
|
-
> .mdc-radio__outer-circle,
|
|
72
|
-
> .mdc-radio__inner-circle {
|
|
73
|
-
@include token-utils.use-tokens($tokens...) {
|
|
74
|
-
@include token-utils.create-token-slot(border-color, selected-pressed-icon-color);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.mdc-radio__background {
|
|
82
|
-
display: inline-block;
|
|
83
|
-
position: relative;
|
|
84
|
-
box-sizing: border-box;
|
|
85
|
-
width: $_icon-size;
|
|
86
|
-
height: $_icon-size;
|
|
87
|
-
|
|
88
|
-
&::before {
|
|
89
|
-
position: absolute;
|
|
90
|
-
transform: scale(0, 0);
|
|
91
|
-
border-radius: 50%;
|
|
92
|
-
opacity: 0;
|
|
93
|
-
pointer-events: none;
|
|
94
|
-
content: '';
|
|
95
|
-
transition: _exit-transition(opacity), _exit-transition(transform);
|
|
96
|
-
|
|
97
|
-
@include token-utils.use-tokens($tokens...) {
|
|
98
|
-
$size: token-utils.get-token-variable(state-layer-size);
|
|
99
|
-
$offset: calc(-1 * (#{$size} - #{$_icon-size}) / 2);
|
|
100
|
-
width: $size;
|
|
101
|
-
height: $size;
|
|
102
|
-
top: $offset;
|
|
103
|
-
left: $offset;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.mdc-radio__outer-circle {
|
|
109
|
-
position: absolute;
|
|
110
|
-
top: 0;
|
|
111
|
-
left: 0;
|
|
112
|
-
box-sizing: border-box;
|
|
113
|
-
width: 100%;
|
|
114
|
-
height: 100%;
|
|
115
|
-
border-width: 2px;
|
|
116
|
-
border-style: solid;
|
|
117
|
-
border-radius: 50%;
|
|
118
|
-
transition: _exit-transition(border-color);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.mdc-radio__inner-circle {
|
|
122
|
-
position: absolute;
|
|
123
|
-
top: 0;
|
|
124
|
-
left: 0;
|
|
125
|
-
box-sizing: border-box;
|
|
126
|
-
width: 100%;
|
|
127
|
-
height: 100%;
|
|
128
|
-
transform: scale(0, 0);
|
|
129
|
-
border-width: 10px;
|
|
130
|
-
border-style: solid;
|
|
131
|
-
border-radius: 50%;
|
|
132
|
-
transition: _exit-transition(transform), _exit-transition(border-color);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.mdc-radio__native-control {
|
|
136
|
-
position: absolute;
|
|
137
|
-
margin: 0;
|
|
138
|
-
padding: 0;
|
|
139
|
-
opacity: 0;
|
|
140
|
-
top: 0;
|
|
141
|
-
right: 0;
|
|
142
|
-
left: 0;
|
|
143
|
-
cursor: inherit;
|
|
144
|
-
z-index: 1;
|
|
145
|
-
|
|
146
|
-
@include token-utils.use-tokens($tokens...) {
|
|
147
|
-
@include token-utils.create-token-slot(width, state-layer-size);
|
|
148
|
-
@include token-utils.create-token-slot(height, state-layer-size);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
&:checked, &:disabled {
|
|
152
|
-
+ .mdc-radio__background {
|
|
153
|
-
transition: _enter-transition(opacity), _enter-transition(transform);
|
|
154
|
-
|
|
155
|
-
> .mdc-radio__outer-circle {
|
|
156
|
-
transition: _enter-transition(border-color);
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
> .mdc-radio__inner-circle {
|
|
160
|
-
transition: _enter-transition(transform), _enter-transition(border-color);
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
@if ($is-interactive) {
|
|
166
|
-
&:focus + .mdc-radio__background::before {
|
|
167
|
-
transform: scale(1);
|
|
168
|
-
opacity: 0.12;
|
|
169
|
-
transition: _enter-transition(opacity), _enter-transition(transform);
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
&:disabled {
|
|
174
|
-
@include token-utils.use-tokens($tokens...) {
|
|
175
|
-
&:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
|
|
176
|
-
@include token-utils.create-token-slot(border-color, disabled-unselected-icon-color);
|
|
177
|
-
@include token-utils.create-token-slot(opacity, disabled-unselected-icon-opacity);
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
+ .mdc-radio__background {
|
|
181
|
-
cursor: default;
|
|
182
|
-
|
|
183
|
-
> .mdc-radio__inner-circle,
|
|
184
|
-
> .mdc-radio__outer-circle {
|
|
185
|
-
@include token-utils.create-token-slot(border-color, disabled-selected-icon-color);
|
|
186
|
-
@include token-utils.create-token-slot(opacity, disabled-selected-icon-opacity);
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
&:enabled {
|
|
193
|
-
@include token-utils.use-tokens($tokens...) {
|
|
194
|
-
&:not(:checked) + .mdc-radio__background > .mdc-radio__outer-circle {
|
|
195
|
-
@include token-utils.create-token-slot(border-color, unselected-icon-color);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
&:checked + .mdc-radio__background {
|
|
199
|
-
> .mdc-radio__outer-circle,
|
|
200
|
-
> .mdc-radio__inner-circle {
|
|
201
|
-
@include token-utils.create-token-slot(border-color, selected-icon-color);
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
@if ($is-interactive) {
|
|
206
|
-
&:focus:checked + .mdc-radio__background {
|
|
207
|
-
> .mdc-radio__inner-circle,
|
|
208
|
-
> .mdc-radio__outer-circle {
|
|
209
|
-
@include token-utils.create-token-slot(border-color, selected-focus-icon-color);
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
&:checked + .mdc-radio__background > .mdc-radio__inner-circle {
|
|
217
|
-
transform: scale(0.5);
|
|
218
|
-
transition: _enter-transition(transform), _enter-transition(border-color);
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
@if ($is-interactive) {
|
|
223
|
-
&.mat-mdc-radio-disabled-interactive .mdc-radio--disabled {
|
|
224
|
-
pointer-events: auto;
|
|
225
|
-
|
|
226
|
-
@include token-utils.use-tokens($tokens...) {
|
|
227
|
-
// stylelint-disable selector-combinator-space-before
|
|
228
|
-
.mdc-radio__native-control:not(:checked) + .mdc-radio__background
|
|
229
|
-
> .mdc-radio__outer-circle {
|
|
230
|
-
@include token-utils.create-token-slot(border-color, disabled-unselected-icon-color);
|
|
231
|
-
@include token-utils.create-token-slot(opacity, disabled-unselected-icon-opacity);
|
|
232
|
-
}
|
|
233
|
-
// stylelint-enable selector-combinator-space-before
|
|
234
|
-
|
|
235
|
-
&:hover .mdc-radio__native-control:checked + .mdc-radio__background,
|
|
236
|
-
.mdc-radio__native-control:checked:focus + .mdc-radio__background,
|
|
237
|
-
.mdc-radio__native-control + .mdc-radio__background {
|
|
238
|
-
> .mdc-radio__inner-circle,
|
|
239
|
-
> .mdc-radio__outer-circle {
|
|
240
|
-
@include token-utils.create-token-slot(border-color, disabled-selected-icon-color);
|
|
241
|
-
@include token-utils.create-token-slot(opacity, disabled-selected-icon-opacity);
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
// Conditionally disables the animations of the radio button.
|
|
250
|
-
@mixin radio-noop-animations() {
|
|
251
|
-
&._mat-animation-noopable {
|
|
252
|
-
.mdc-radio__background::before,
|
|
253
|
-
.mdc-radio__outer-circle,
|
|
254
|
-
.mdc-radio__inner-circle {
|
|
255
|
-
// Needs to be `!important`, because MDC's selectors are really specific.
|
|
256
|
-
transition: none !important;
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { BaseHarnessFilters, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
|
|
2
|
-
import { O as OptionHarnessFilters, M as MatOptionHarness } from './option-harness.d-047df5c5.js';
|
|
3
|
-
import { O as OptgroupHarnessFilters, M as MatOptgroupHarness } from './optgroup-harness.d-fc22ca1c.js';
|
|
4
|
-
import { M as MatFormFieldControlHarness } from './form-field-control-harness.d-8ec51e17.js';
|
|
5
|
-
|
|
6
|
-
/** A set of criteria that can be used to filter a list of `MatSelectHarness` instances. */
|
|
7
|
-
interface SelectHarnessFilters extends BaseHarnessFilters {
|
|
8
|
-
/** Only find instances which match the given disabled state. */
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
/** Harness for interacting with a mat-select in tests. */
|
|
13
|
-
declare class MatSelectHarness extends MatFormFieldControlHarness {
|
|
14
|
-
static hostSelector: string;
|
|
15
|
-
private _prefix;
|
|
16
|
-
private _optionClass;
|
|
17
|
-
private _optionGroupClass;
|
|
18
|
-
private _documentRootLocator;
|
|
19
|
-
private _backdrop;
|
|
20
|
-
/**
|
|
21
|
-
* Gets a `HarnessPredicate` that can be used to search for a select with specific attributes.
|
|
22
|
-
* @param options Options for filtering which select instances are considered a match.
|
|
23
|
-
* @return a `HarnessPredicate` configured with the given options.
|
|
24
|
-
*/
|
|
25
|
-
static with<T extends MatSelectHarness>(this: ComponentHarnessConstructor<T>, options?: SelectHarnessFilters): HarnessPredicate<T>;
|
|
26
|
-
/** Gets a boolean promise indicating if the select is disabled. */
|
|
27
|
-
isDisabled(): Promise<boolean>;
|
|
28
|
-
/** Gets a boolean promise indicating if the select is valid. */
|
|
29
|
-
isValid(): Promise<boolean>;
|
|
30
|
-
/** Gets a boolean promise indicating if the select is required. */
|
|
31
|
-
isRequired(): Promise<boolean>;
|
|
32
|
-
/** Gets a boolean promise indicating if the select is empty (no value is selected). */
|
|
33
|
-
isEmpty(): Promise<boolean>;
|
|
34
|
-
/** Gets a boolean promise indicating if the select is in multi-selection mode. */
|
|
35
|
-
isMultiple(): Promise<boolean>;
|
|
36
|
-
/** Gets a promise for the select's value text. */
|
|
37
|
-
getValueText(): Promise<string>;
|
|
38
|
-
/** Focuses the select and returns a void promise that indicates when the action is complete. */
|
|
39
|
-
focus(): Promise<void>;
|
|
40
|
-
/** Blurs the select and returns a void promise that indicates when the action is complete. */
|
|
41
|
-
blur(): Promise<void>;
|
|
42
|
-
/** Whether the select is focused. */
|
|
43
|
-
isFocused(): Promise<boolean>;
|
|
44
|
-
/** Gets the options inside the select panel. */
|
|
45
|
-
getOptions(filter?: Omit<OptionHarnessFilters, 'ancestor'>): Promise<MatOptionHarness[]>;
|
|
46
|
-
/** Gets the groups of options inside the panel. */
|
|
47
|
-
getOptionGroups(filter?: Omit<OptgroupHarnessFilters, 'ancestor'>): Promise<MatOptgroupHarness[]>;
|
|
48
|
-
/** Gets whether the select is open. */
|
|
49
|
-
isOpen(): Promise<boolean>;
|
|
50
|
-
/** Opens the select's panel. */
|
|
51
|
-
open(): Promise<void>;
|
|
52
|
-
/**
|
|
53
|
-
* Clicks the options that match the passed-in filter. If the select is in multi-selection
|
|
54
|
-
* mode all options will be clicked, otherwise the harness will pick the first matching option.
|
|
55
|
-
*/
|
|
56
|
-
clickOptions(filter?: OptionHarnessFilters): Promise<void>;
|
|
57
|
-
/** Closes the select's panel. */
|
|
58
|
-
close(): Promise<void>;
|
|
59
|
-
/** Gets the selector that should be used to find this select's panel. */
|
|
60
|
-
private _getPanelSelector;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
export { MatSelectHarness as M, type SelectHarnessFilters as S };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
$header-height: 72px !default;
|
|
2
|
-
// Minimum height for highest density stepper's is determined based on how much
|
|
3
|
-
// stepper headers can shrink until the step icon or step label exceed. We can't use
|
|
4
|
-
// a value below `42px` because the optional label for steps would otherwise exceed.
|
|
5
|
-
$header-minimum-height: 42px !default;
|
|
6
|
-
$header-maximum-height: $header-height !default;
|
|
7
|
-
|
|
8
|
-
$density-config: (
|
|
9
|
-
height: (
|
|
10
|
-
default: $header-height,
|
|
11
|
-
maximum: $header-maximum-height,
|
|
12
|
-
minimum: $header-minimum-height,
|
|
13
|
-
)
|
|
14
|
-
) !default;
|
|
15
|
-
|
|
16
|
-
// Note: These variables are not denoted with `!default` because they are used in the non-theme
|
|
17
|
-
// component styles. Modifying these variables does not have the desired effect for consumers.
|
|
18
|
-
$label-header-height: 24px;
|
|
19
|
-
$label-position-bottom-top-gap: 16px;
|
|
20
|
-
$label-min-width: 50px;
|
|
21
|
-
|
|
22
|
-
$vertical-stepper-content-margin: 36px;
|
|
23
|
-
|
|
24
|
-
$side-gap: 24px;
|
|
25
|
-
$line-width: 1px;
|
|
26
|
-
$line-gap: 8px;
|
|
27
|
-
|
|
28
|
-
$step-sub-label-font-size: 12px;
|
|
29
|
-
$step-header-icon-size: 16px;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
// Flex-based table structure
|
|
2
|
-
$header-row-height: 56px;
|
|
3
|
-
$row-height: 48px;
|
|
4
|
-
$row-horizontal-padding: 24px;
|
|
5
|
-
|
|
6
|
-
// Only use tag name selectors here since the styles are shared between MDC and non-MDC
|
|
7
|
-
@mixin private-table-flex-styles {
|
|
8
|
-
mat-table {
|
|
9
|
-
display: block;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
mat-header-row {
|
|
13
|
-
min-height: $header-row-height;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
mat-row, mat-footer-row {
|
|
17
|
-
min-height: $row-height;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
mat-row, mat-header-row, mat-footer-row {
|
|
21
|
-
display: flex;
|
|
22
|
-
// Define a border style, but then widths default to 3px. Reset them to 0px except the bottom
|
|
23
|
-
// which should be 1px;
|
|
24
|
-
border-width: 0;
|
|
25
|
-
border-bottom-width: 1px;
|
|
26
|
-
border-style: solid;
|
|
27
|
-
align-items: center;
|
|
28
|
-
box-sizing: border-box;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
mat-cell, mat-header-cell, mat-footer-cell {
|
|
32
|
-
// Note: we use `first-of-type`/`last-of-type` here in order to prevent extra
|
|
33
|
-
// elements like ripples or badges from throwing off the layout (see #11165).
|
|
34
|
-
&:first-of-type {
|
|
35
|
-
padding-left: $row-horizontal-padding;
|
|
36
|
-
|
|
37
|
-
[dir='rtl'] &:not(:only-of-type) {
|
|
38
|
-
padding-left: 0;
|
|
39
|
-
padding-right: $row-horizontal-padding;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&:last-of-type {
|
|
44
|
-
padding-right: $row-horizontal-padding;
|
|
45
|
-
|
|
46
|
-
[dir='rtl'] &:not(:only-of-type) {
|
|
47
|
-
padding-right: 0;
|
|
48
|
-
padding-left: $row-horizontal-padding;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
mat-cell, mat-header-cell, mat-footer-cell {
|
|
54
|
-
flex: 1;
|
|
55
|
-
display: flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
word-wrap: break-word;
|
|
59
|
-
min-height: inherit;
|
|
60
|
-
}
|
|
61
|
-
}
|