@angular/material 20.0.0-next.0 → 20.0.0-next.10
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 +18 -18
- 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 +100 -127
- package/autocomplete/testing/index.d.ts +7 -11
- package/badge/_badge-theme.scss +21 -21
- package/{core/tokens/m2/mat/_badge.scss → badge/_m2-badge.scss} +6 -6
- package/{core/tokens/m3/mat/_badge.scss → badge/_m3-badge.scss} +28 -27
- package/badge/index.d.ts +8 -112
- package/badge/testing/index.d.ts +8 -8
- package/badge.d-D0iThVg0.d.ts +99 -0
- package/bottom-sheet/_bottom-sheet-theme.scss +15 -15
- 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 +91 -103
- package/bottom-sheet/testing/index.d.ts +5 -6
- package/button/_button-theme.scss +34 -333
- package/button/_fab-theme.scss +23 -128
- package/button/_icon-button-theme.scss +29 -36
- package/button/_m2-button.scss +249 -0
- package/button/_m2-fab.scss +132 -0
- package/{core/tokens/m2/mat/_icon-button.scss → button/_m2-icon-button.scss} +35 -26
- 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} +32 -7
- package/button/index.d.ts +107 -135
- package/button/testing/index.d.ts +14 -10
- package/button-toggle/_button-toggle-theme.scss +26 -44
- 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} +24 -9
- package/button-toggle/index.d.ts +12 -285
- package/button-toggle/testing/index.d.ts +39 -37
- package/button-toggle.d-B_G01PhW.d.ts +258 -0
- package/card/_card-theme.scss +18 -70
- package/{core/tokens/m2/mat/_card.scss → card/_m2-card.scss} +20 -18
- package/card/_m3-card.scss +48 -0
- package/card/index.d.ts +81 -117
- package/card/testing/index.d.ts +12 -15
- package/checkbox/_checkbox-theme.scss +30 -52
- package/{core/tokens/m2/mdc/_checkbox.scss → checkbox/_m2-checkbox.scss} +31 -53
- package/checkbox/_m3-checkbox.scss +103 -0
- package/checkbox/index.d.ts +45 -105
- package/checkbox/testing/index.d.ts +7 -10
- package/chips/_chips-theme.scss +24 -67
- package/chips/_m2-chip.scss +127 -0
- package/chips/_m3-chip.scss +129 -0
- package/chips/index.d.ts +624 -694
- package/chips/testing/index.d.ts +79 -93
- package/common-module.d-C8xzHJDr.d.ts +44 -0
- package/core/_core-theme.scss +34 -54
- 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} +4 -4
- package/core/density/private/_all-density.scss +38 -38
- package/core/index.d.ts +60 -976
- package/core/m2/_theming.scss +68 -44
- 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/option/_m3-option.scss +57 -0
- package/core/option/_optgroup-theme.scss +10 -14
- package/core/option/_option-theme.scss +14 -22
- 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 +15 -15
- 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 +10 -38
- package/core/testing/index.d.ts +9 -42
- package/core/theming/_color-api-backwards-compatibility.scss +19 -8
- package/core/theming/_definition.scss +2 -3
- package/core/theming/_inspection.scss +3 -2
- package/core/tokens/_m2-tokens.scss +131 -0
- package/core/tokens/_m2-utils.scss +109 -0
- package/core/tokens/_m3-system.scss +67 -27
- package/core/tokens/_m3-tokens.scss +113 -33
- package/core/tokens/_m3-utils.scss +85 -0
- package/core/tokens/_token-utils.scss +69 -67
- package/core/tokens/m3/_index.scss +8 -163
- package/core/tokens/m3/{definitions/_md-sys-color.scss → _md-sys-color.scss} +44 -2
- package/core/tokens/m3/{definitions/_md-sys-typescale.scss → _md-sys-typescale.scss} +20 -1
- package/date-adapter.d-CtKXIxk0.d.ts +267 -0
- package/date-range-input-harness.d-CaEyN8dT.d.ts +279 -0
- package/datepicker/_datepicker-theme.scss +27 -42
- package/{core/tokens/m2/mat/_datepicker.scss → datepicker/_m2-datepicker.scss} +7 -7
- package/{core/tokens/m3/mat/_datepicker.scss → datepicker/_m3-datepicker.scss} +13 -11
- package/datepicker/index.d.ts +1336 -1481
- package/datepicker/testing/index.d.ts +5 -287
- package/dialog/_dialog-theme.scss +12 -39
- package/{core/tokens/m2/mdc/_dialog.scss → dialog/_m2-dialog.scss} +21 -50
- package/dialog/_m3-dialog.scss +47 -0
- package/dialog/index.d.ts +59 -453
- package/dialog/testing/index.d.ts +23 -26
- package/dialog.d-DsYAn2Gk.d.ts +339 -0
- package/divider/_divider-theme.scss +10 -14
- 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 +6 -11
- package/divider/testing/index.d.ts +5 -6
- package/error-options.d-CGdTZUYk.d.ts +17 -0
- package/expansion/_expansion-theme.scss +19 -22
- 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 +140 -190
- package/expansion/testing/index.d.ts +26 -31
- package/fesm2022/animation-DfMFjxHu.mjs +41 -0
- package/fesm2022/animation-DfMFjxHu.mjs.map +1 -0
- package/fesm2022/autocomplete/testing.mjs +2 -1
- package/fesm2022/autocomplete/testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +79 -51
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +22 -23
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +33 -22
- 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 +28 -19
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +114 -285
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +52 -52
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +39 -78
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs +7 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +104 -66
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/common-module-DZl8g1kc.mjs +42 -0
- package/fesm2022/common-module-DZl8g1kc.mjs.map +1 -0
- package/fesm2022/core/testing.mjs +2 -43
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +39 -1620
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/date-formats-K6TQue-Y.mjs +190 -0
- package/fesm2022/date-formats-K6TQue-Y.mjs.map +1 -0
- package/fesm2022/date-range-input-harness-Bp1T4oUe.mjs +467 -0
- package/fesm2022/date-range-input-harness-Bp1T4oUe.mjs.map +1 -0
- package/fesm2022/datepicker/testing.mjs +5 -465
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +198 -156
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +14 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +16 -895
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider.mjs +11 -13
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/error-options-BWOa3B4G.mjs +29 -0
- package/fesm2022/error-options-BWOa3B4G.mjs.map +1 -0
- package/fesm2022/error-state-Dtb1IHM-.mjs +37 -0
- package/fesm2022/error-state-Dtb1IHM-.mjs.map +1 -0
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +36 -37
- package/fesm2022/expansion.mjs.map +1 -1
- 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-BZd6Vhww.mjs +1101 -0
- package/fesm2022/form-field-BZd6Vhww.mjs.map +1 -0
- package/fesm2022/form-field.mjs +16 -1110
- 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 +32 -176
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +11 -12
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon-button-4VvBKIK4.mjs +212 -0
- package/fesm2022/icon-button-4VvBKIK4.mjs.map +1 -0
- package/fesm2022/icon-registry-Bk5cM8Z5.mjs +638 -0
- package/fesm2022/icon-registry-Bk5cM8Z5.mjs.map +1 -0
- package/fesm2022/icon.mjs +24 -642
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/index-BHJ4tVIe.mjs +22 -0
- package/fesm2022/index-BHJ4tVIe.mjs.map +1 -0
- package/fesm2022/index-D2rZ0V78.mjs +20 -0
- package/fesm2022/index-D2rZ0V78.mjs.map +1 -0
- package/fesm2022/input/testing.mjs +5 -113
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/input-harness-oQzj5EsQ.mjs +115 -0
- package/fesm2022/input-harness-oQzj5EsQ.mjs.map +1 -0
- package/fesm2022/input-value-accessor-D1GvPuqO.mjs +12 -0
- package/fesm2022/input-value-accessor-D1GvPuqO.mjs.map +1 -0
- package/fesm2022/input.mjs +32 -40
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/internal-form-field-DVvKYBKJ.mjs +27 -0
- package/fesm2022/internal-form-field-DVvKYBKJ.mjs.map +1 -0
- package/fesm2022/line-Dwrcg_t9.mjs +59 -0
- package/fesm2022/line-Dwrcg_t9.mjs.map +1 -0
- package/fesm2022/list/testing.mjs +2 -2
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +71 -68
- 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 +57 -46
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/module-CTd5xD2i.mjs +39 -0
- package/fesm2022/module-CTd5xD2i.mjs.map +1 -0
- package/fesm2022/module-D-cNfopD.mjs +891 -0
- package/fesm2022/module-D-cNfopD.mjs.map +1 -0
- package/fesm2022/module-X29xYsIk.mjs +970 -0
- package/fesm2022/module-X29xYsIk.mjs.map +1 -0
- package/fesm2022/module-qRXgbi2L.mjs +1312 -0
- package/fesm2022/module-qRXgbi2L.mjs.map +1 -0
- package/fesm2022/option-MOeehkAg.mjs +348 -0
- package/fesm2022/option-MOeehkAg.mjs.map +1 -0
- package/fesm2022/option-harness-BFcc-M_4.mjs +46 -0
- package/fesm2022/option-harness-BFcc-M_4.mjs.map +1 -0
- package/fesm2022/paginator/testing.mjs +4 -1
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +54 -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 +20 -19
- 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 +22 -20
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/pseudo-checkbox-BFGIaGxz.mjs +53 -0
- package/fesm2022/pseudo-checkbox-BFGIaGxz.mjs.map +1 -0
- package/fesm2022/pseudo-checkbox-module-Dxth-mPi.mjs +20 -0
- package/fesm2022/pseudo-checkbox-module-Dxth-mPi.mjs.map +1 -0
- package/fesm2022/public-api-BoO5eSq-.mjs +147 -0
- package/fesm2022/public-api-BoO5eSq-.mjs.map +1 -0
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +28 -20
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/ripple-CuyVtN3V.mjs +640 -0
- package/fesm2022/ripple-CuyVtN3V.mjs.map +1 -0
- package/fesm2022/ripple-loader-pOctSZby.mjs +162 -0
- package/fesm2022/ripple-loader-pOctSZby.mjs.map +1 -0
- package/fesm2022/select/testing.mjs +3 -2
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select.mjs +32 -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 +39 -38
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +32 -80
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +33 -29
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +55 -53
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +31 -23
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +60 -45
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/structural-styles-CasigI3l.mjs +18 -0
- package/fesm2022/structural-styles-CasigI3l.mjs.map +1 -0
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs +61 -65
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +89 -85
- 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 +51 -41
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +15 -18
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +17 -960
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +29 -31
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +30 -97
- 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 +16 -508
- package/form-field/testing/control/index.d.ts +2 -2
- package/form-field/testing/index.d.ts +19 -24
- package/form-field-control.d-DvB4ZVlf.d.ts +64 -0
- package/form-field.d-b9aHrR4I.d.ts +373 -0
- package/grid-list/_grid-list-theme.scss +8 -10
- 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 +127 -152
- package/grid-list/testing/index.d.ts +40 -44
- package/icon/_icon-theme.scss +13 -13
- package/{core/tokens/m2/mat/_icon.scss → icon/_m2-icon.scss} +5 -5
- package/{core/tokens/m3/mat/_icon.scss → icon/_m3-icon.scss} +8 -6
- package/icon/index.d.ts +9 -470
- package/icon/testing/index.d.ts +42 -44
- package/icon-module.d-sA1hmRKS.d.ts +168 -0
- package/icon-registry.d-BVwP8t9_.d.ts +287 -0
- package/index.d-C5neTPvr.d.ts +11 -0
- package/index.d-CikM2bbf.d.ts +13 -0
- package/index.d.ts +2 -3
- package/input/_input-theme.scss +1 -1
- package/input/index.d.ts +39 -64
- package/input/testing/index.d.ts +14 -71
- package/input-harness.d-8fkAAbu2.d.ts +61 -0
- package/line.d-C-QdueRc.d.ts +25 -0
- package/list/_list-theme.scss +41 -71
- package/list/_m2-list.scss +133 -0
- package/list/_m3-list.scss +92 -0
- package/list/index.d.ts +155 -244
- package/list/testing/index.d.ts +159 -180
- package/list-option-types.d-77dQtwu8.d.ts +15 -0
- 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 -17
- package/menu/_menu-theme.scss +12 -18
- package/menu/index.d.ts +185 -231
- package/menu/testing/index.d.ts +18 -23
- package/module.d-BGzxQfCs.d.ts +18 -0
- package/module.d-CH_8jCsD.d.ts +454 -0
- package/module.d-m-qXd3m8.d.ts +329 -0
- package/option-harness.d-IqsW95GR.d.ts +35 -0
- package/option-parent.d-CnYuuMkO.d.ts +20 -0
- package/option.d-BVGX3edu.d.ts +146 -0
- 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 +17 -18
- package/paginator/index.d.ts +31 -216
- package/paginator/testing/index.d.ts +15 -15
- package/paginator.d-3kymf0wo.d.ts +200 -0
- package/palette.d-BSSFKjO6.d.ts +4 -0
- 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/mdc/_linear-progress.scss → progress-bar/_m2-progress-bar.scss} +7 -8
- package/{core/tokens/m3/mdc/_linear-progress.scss → progress-bar/_m3-progress-bar.scss} +11 -6
- package/progress-bar/_progress-bar-theme.scss +11 -11
- package/progress-bar/index.d.ts +41 -60
- package/progress-bar/testing/index.d.ts +8 -10
- package/{core/tokens/m2/mdc/_tab-indicator.scss → progress-spinner/_m2-progress-spinner.scss} +10 -11
- package/{core/tokens/m3/mdc/_circular-progress.scss → progress-spinner/_m3-progress-spinner.scss} +10 -6
- package/progress-spinner/_progress-spinner-theme.scss +17 -17
- package/progress-spinner/index.d.ts +8 -110
- package/progress-spinner/testing/index.d.ts +11 -11
- package/progress-spinner.d-DtYCWeYd.d.ts +97 -0
- package/pseudo-checkbox-module.d-BHmTZ10P.d.ts +45 -0
- package/{core/tokens/m2/mdc/_radio.scss → radio/_m2-radio.scss} +28 -36
- package/radio/_m3-radio.scss +79 -0
- package/radio/_radio-theme.scss +27 -56
- package/radio/index.d.ts +152 -170
- package/radio/testing/index.d.ts +62 -67
- package/ripple-loader.d-9me-KFSi.d.ts +48 -0
- package/ripple.d-BT30YVLB.d.ts +256 -0
- package/schematics/ng-add/fonts/material-fonts.js +3 -3
- package/schematics/ng-add/fonts/material-fonts.js.map +1 -0
- package/schematics/ng-add/index.js +2 -2
- package/schematics/ng-add/index.js.map +1 -0
- package/schematics/ng-add/package-config.js +1 -1
- package/schematics/ng-add/package-config.js.map +1 -0
- package/schematics/ng-add/schema.js +1 -1
- package/schematics/ng-add/schema.js.map +1 -0
- package/schematics/ng-add/setup-project.js +5 -5
- package/schematics/ng-add/setup-project.js.map +1 -0
- package/schematics/ng-add/theming/create-custom-theme.js +1 -1
- package/schematics/ng-add/theming/create-custom-theme.js.map +1 -0
- package/schematics/ng-add/theming/theming.js +6 -8
- package/schematics/ng-add/theming/theming.js.map +1 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +2 -2
- package/schematics/ng-generate/address-form/index.js +1 -1
- package/schematics/ng-generate/address-form/index.js.map +1 -0
- package/schematics/ng-generate/address-form/schema.js +1 -1
- package/schematics/ng-generate/address-form/schema.js.map +1 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
- package/schematics/ng-generate/dashboard/index.js +1 -1
- package/schematics/ng-generate/dashboard/index.js.map +1 -0
- package/schematics/ng-generate/dashboard/schema.js +1 -1
- package/schematics/ng-generate/dashboard/schema.js.map +1 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
- package/schematics/ng-generate/navigation/index.js +1 -1
- package/schematics/ng-generate/navigation/index.js.map +1 -0
- package/schematics/ng-generate/navigation/schema.js +1 -1
- package/schematics/ng-generate/navigation/schema.js.map +1 -0
- package/schematics/ng-generate/table/index.js +1 -1
- package/schematics/ng-generate/table/index.js.map +1 -0
- package/schematics/ng-generate/table/schema.js +1 -1
- package/schematics/ng-generate/table/schema.js.map +1 -0
- package/schematics/ng-generate/theme-color/index_bundled.js +1711 -225
- package/schematics/ng-generate/theme-color/index_bundled.js.map +2 -3
- 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-generate/tree/index.js +1 -1
- package/schematics/ng-generate/tree/index.js.map +1 -0
- package/schematics/ng-generate/tree/schema.js +1 -1
- package/schematics/ng-generate/tree/schema.js.map +1 -0
- package/schematics/ng-update/index_bundled.js +3465 -4099
- package/schematics/ng-update/index_bundled.js.map +3 -4
- package/schematics/tsconfig.json +26 -0
- package/{core/tokens/m2/mat/_select.scss → select/_m2-select.scss} +11 -11
- package/{core/tokens/m3/mat/_select.scss → select/_m3-select.scss} +22 -7
- package/select/_select-theme.scss +30 -26
- package/select/index.d.ts +25 -505
- package/select/testing/index.d.ts +13 -16
- 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 +12 -16
- package/sidenav/index.d.ts +51 -93
- package/sidenav/testing/index.d.ts +59 -63
- package/slide-toggle/_m2-slide-toggle.scss +167 -0
- package/slide-toggle/_m3-slide-toggle.scss +160 -0
- package/slide-toggle/_slide-toggle-theme.scss +55 -48
- package/slide-toggle/index.d.ts +40 -110
- package/slide-toggle/testing/index.d.ts +18 -21
- package/{core/tokens/m2/mdc/_slider.scss → slider/_m2-slider.scss} +29 -68
- package/slider/_m3-slider.scss +121 -0
- package/slider/_slider-theme.scss +18 -53
- package/slider/index.d.ts +282 -328
- package/slider/testing/index.d.ts +43 -47
- package/{core/tokens/m2/mat/_snack-bar.scss → snack-bar/_m2-snack-bar.scss} +23 -8
- package/snack-bar/_m3-snack-bar.scss +25 -0
- package/snack-bar/_snack-bar-theme.scss +11 -30
- package/snack-bar/index.d.ts +155 -188
- package/snack-bar/testing/index.d.ts +8 -9
- 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 +12 -18
- package/sort/index.d.ts +62 -170
- package/sort/testing/index.d.ts +23 -25
- package/sort-direction.d-CF7VUsH-.d.ts +3 -0
- package/sort.d-i-bF_IaU.d.ts +88 -0
- package/{core/tokens/m2/mat/_stepper.scss → stepper/_m2-stepper.scss} +7 -34
- package/stepper/_m3-stepper.scss +102 -0
- package/stepper/_stepper-theme.scss +26 -21
- package/stepper/index.d.ts +117 -168
- package/stepper/testing/index.d.ts +44 -52
- 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 +18 -22
- package/table/index.d.ts +97 -156
- package/table/testing/index.d.ts +65 -78
- 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 +47 -125
- package/tabs/index.d.ts +321 -388
- package/tabs/testing/index.d.ts +68 -76
- 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 +18 -18
- package/timepicker/index.d.ts +127 -161
- package/timepicker/testing/index.d.ts +21 -26
- 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 +26 -21
- package/toolbar/index.d.ts +15 -26
- package/toolbar/testing/index.d.ts +14 -16
- package/{core/tokens/m2/mdc/_plain-tooltip.scss → tooltip/_m2-tooltip.scss} +7 -17
- package/tooltip/_m3-tooltip.scss +25 -0
- package/tooltip/_tooltip-theme.scss +18 -18
- package/tooltip/index.d.ts +11 -355
- package/tooltip/testing/index.d.ts +8 -10
- 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 +19 -15
- package/tree/index.d.ts +117 -163
- package/tree/testing/index.d.ts +53 -58
- 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 -193
- package/core/tokens/_token-definition.scss +0 -273
- package/core/tokens/m2/_index.scss +0 -187
- package/core/tokens/m2/mat/_checkbox.scss +0 -50
- package/core/tokens/m2/mat/_chip.scss +0 -63
- package/core/tokens/m2/mat/_dialog.scss +0 -51
- package/core/tokens/m2/mat/_fab-small.scss +0 -108
- package/core/tokens/m2/mat/_fab.scss +0 -108
- package/core/tokens/m2/mat/_filled-button.scss +0 -102
- package/core/tokens/m2/mat/_legacy-button-toggle.scss +0 -59
- package/core/tokens/m2/mat/_list.scss +0 -44
- package/core/tokens/m2/mat/_minimal-pseudo-checkbox.scss +0 -43
- package/core/tokens/m2/mat/_outlined-button.scss +0 -88
- package/core/tokens/m2/mat/_protected-button.scss +0 -102
- package/core/tokens/m2/mat/_radio.scss +0 -52
- package/core/tokens/m2/mat/_slider.scss +0 -69
- package/core/tokens/m2/mat/_switch.scss +0 -76
- package/core/tokens/m2/mat/_tab-header-with-background.scss +0 -42
- package/core/tokens/m2/mat/_text-button.scss +0 -91
- package/core/tokens/m2/mdc/_chip.scss +0 -313
- package/core/tokens/m2/mdc/_circular-progress.scss +0 -61
- package/core/tokens/m2/mdc/_elevated-card.scss +0 -77
- package/core/tokens/m2/mdc/_extended-fab.scss +0 -87
- package/core/tokens/m2/mdc/_fab-small.scss +0 -92
- package/core/tokens/m2/mdc/_fab.scss +0 -93
- package/core/tokens/m2/mdc/_filled-button.scss +0 -124
- package/core/tokens/m2/mdc/_filled-text-field.scss +0 -181
- package/core/tokens/m2/mdc/_icon-button.scss +0 -91
- package/core/tokens/m2/mdc/_list.scss +0 -219
- package/core/tokens/m2/mdc/_outlined-button.scss +0 -124
- package/core/tokens/m2/mdc/_outlined-card.scss +0 -85
- package/core/tokens/m2/mdc/_outlined-text-field.scss +0 -163
- package/core/tokens/m2/mdc/_protected-button.scss +0 -129
- package/core/tokens/m2/mdc/_secondary-navigation-tab.scss +0 -87
- package/core/tokens/m2/mdc/_snack-bar.scss +0 -93
- package/core/tokens/m2/mdc/_switch.scss +0 -192
- package/core/tokens/m2/mdc/_text-button.scss +0 -98
- package/core/tokens/m3/definitions/_index.scss +0 -94
- package/core/tokens/m3/definitions/_md-comp-checkbox.scss +0 -120
- package/core/tokens/m3/definitions/_md-comp-circular-progress-indicator.scss +0 -27
- package/core/tokens/m3/definitions/_md-comp-data-table.scss +0 -90
- package/core/tokens/m3/definitions/_md-comp-dialog.scss +0 -123
- package/core/tokens/m3/definitions/_md-comp-elevated-button.scss +0 -87
- package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +0 -53
- package/core/tokens/m3/definitions/_md-comp-extended-fab-primary.scss +0 -90
- package/core/tokens/m3/definitions/_md-comp-extended-fab-secondary.scss +0 -91
- package/core/tokens/m3/definitions/_md-comp-extended-fab-tertiary.scss +0 -91
- package/core/tokens/m3/definitions/_md-comp-fab-primary-small.scss +0 -59
- package/core/tokens/m3/definitions/_md-comp-fab-primary.scss +0 -59
- package/core/tokens/m3/definitions/_md-comp-fab-secondary-small.scss +0 -60
- package/core/tokens/m3/definitions/_md-comp-fab-secondary.scss +0 -60
- package/core/tokens/m3/definitions/_md-comp-fab-tertiary-small.scss +0 -60
- package/core/tokens/m3/definitions/_md-comp-fab-tertiary.scss +0 -60
- package/core/tokens/m3/definitions/_md-comp-filled-button.scss +0 -85
- package/core/tokens/m3/definitions/_md-comp-filled-card.scss +0 -52
- package/core/tokens/m3/definitions/_md-comp-filled-icon-button.scss +0 -73
- package/core/tokens/m3/definitions/_md-comp-filled-text-field.scss +0 -189
- package/core/tokens/m3/definitions/_md-comp-icon-button.scss +0 -64
- package/core/tokens/m3/definitions/_md-comp-linear-progress-indicator.scss +0 -29
- package/core/tokens/m3/definitions/_md-comp-list.scss +0 -252
- package/core/tokens/m3/definitions/_md-comp-outlined-button.scss +0 -80
- package/core/tokens/m3/definitions/_md-comp-outlined-card.scss +0 -59
- package/core/tokens/m3/definitions/_md-comp-outlined-icon-button.scss +0 -73
- package/core/tokens/m3/definitions/_md-comp-outlined-text-field.scss +0 -171
- package/core/tokens/m3/definitions/_md-comp-plain-tooltip.scss +0 -51
- package/core/tokens/m3/definitions/_md-comp-radio-button.scss +0 -62
- package/core/tokens/m3/definitions/_md-comp-secondary-navigation-tab.scss +0 -80
- package/core/tokens/m3/definitions/_md-comp-slider.scss +0 -110
- package/core/tokens/m3/definitions/_md-comp-snackbar.scss +0 -125
- package/core/tokens/m3/definitions/_md-comp-switch.scss +0 -130
- package/core/tokens/m3/definitions/_md-comp-text-button.scss +0 -73
- package/core/tokens/m3/definitions/unused/_md-comp-assist-chip.scss +0 -105
- package/core/tokens/m3/definitions/unused/_md-comp-badge.scss +0 -54
- package/core/tokens/m3/definitions/unused/_md-comp-banner.scss +0 -71
- package/core/tokens/m3/definitions/unused/_md-comp-bottom-app-bar.scss +0 -29
- package/core/tokens/m3/definitions/unused/_md-comp-carousel-item.scss +0 -59
- package/core/tokens/m3/definitions/unused/_md-comp-date-input-modal.scss +0 -87
- package/core/tokens/m3/definitions/unused/_md-comp-date-picker-docked.scss +0 -248
- package/core/tokens/m3/definitions/unused/_md-comp-date-picker-modal.scss +0 -313
- package/core/tokens/m3/definitions/unused/_md-comp-divider.scss +0 -19
- package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-branded.scss +0 -82
- package/core/tokens/m3/definitions/unused/_md-comp-extended-fab-surface.scss +0 -86
- package/core/tokens/m3/definitions/unused/_md-comp-fab-branded-large.scss +0 -54
- package/core/tokens/m3/definitions/unused/_md-comp-fab-branded.scss +0 -54
- package/core/tokens/m3/definitions/unused/_md-comp-fab-primary-large.scss +0 -59
- package/core/tokens/m3/definitions/unused/_md-comp-fab-secondary-large.scss +0 -60
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-large.scss +0 -58
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface-small.scss +0 -58
- package/core/tokens/m3/definitions/unused/_md-comp-fab-surface.scss +0 -58
- package/core/tokens/m3/definitions/unused/_md-comp-fab-tertiary-large.scss +0 -60
- package/core/tokens/m3/definitions/unused/_md-comp-filled-autocomplete.scss +0 -269
- package/core/tokens/m3/definitions/unused/_md-comp-filled-menu-button.scss +0 -94
- package/core/tokens/m3/definitions/unused/_md-comp-filled-select.scss +0 -274
- package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-button.scss +0 -95
- package/core/tokens/m3/definitions/unused/_md-comp-filled-tonal-icon-button.scss +0 -80
- package/core/tokens/m3/definitions/unused/_md-comp-filter-chip.scss +0 -205
- package/core/tokens/m3/definitions/unused/_md-comp-full-screen-dialog.scss +0 -109
- package/core/tokens/m3/definitions/unused/_md-comp-input-chip.scss +0 -180
- package/core/tokens/m3/definitions/unused/_md-comp-menu.scss +0 -31
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-bar.scss +0 -110
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-drawer.scss +0 -162
- package/core/tokens/m3/definitions/unused/_md-comp-navigation-rail.scss +0 -127
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-autocomplete.scss +0 -259
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-menu-button.scss +0 -90
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-segmented-button.scss +0 -108
- package/core/tokens/m3/definitions/unused/_md-comp-outlined-select.scss +0 -264
- package/core/tokens/m3/definitions/unused/_md-comp-primary-navigation-tab.scss +0 -117
- package/core/tokens/m3/definitions/unused/_md-comp-rich-tooltip.scss +0 -121
- package/core/tokens/m3/definitions/unused/_md-comp-scrim.scss +0 -19
- package/core/tokens/m3/definitions/unused/_md-comp-search-bar.scss +0 -97
- package/core/tokens/m3/definitions/unused/_md-comp-search-view.scss +0 -91
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-bottom.scss +0 -39
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-floating.scss +0 -28
- package/core/tokens/m3/definitions/unused/_md-comp-sheet-side.scss +0 -87
- package/core/tokens/m3/definitions/unused/_md-comp-standard-menu-button.scss +0 -94
- package/core/tokens/m3/definitions/unused/_md-comp-suggestion-chip.scss +0 -121
- package/core/tokens/m3/definitions/unused/_md-comp-time-input.scss +0 -222
- package/core/tokens/m3/definitions/unused/_md-comp-time-picker.scss +0 -268
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-large.scss +0 -59
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-medium.scss +0 -59
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small-centered.scss +0 -62
- package/core/tokens/m3/definitions/unused/_md-comp-top-app-bar-small.scss +0 -60
- package/core/tokens/m3/mat/_card.scss +0 -24
- package/core/tokens/m3/mat/_checkbox.scss +0 -26
- package/core/tokens/m3/mat/_chip.scss +0 -46
- package/core/tokens/m3/mat/_dialog.scss +0 -32
- package/core/tokens/m3/mat/_fab-small.scss +0 -50
- package/core/tokens/m3/mat/_fab.scss +0 -50
- package/core/tokens/m3/mat/_filled-button.scss +0 -54
- package/core/tokens/m3/mat/_form-field.scss +0 -59
- package/core/tokens/m3/mat/_full-pseudo-checkbox.scss +0 -42
- package/core/tokens/m3/mat/_list.scss +0 -19
- package/core/tokens/m3/mat/_minimal-pseudo-checkbox.scss +0 -33
- package/core/tokens/m3/mat/_option.scss +0 -55
- package/core/tokens/m3/mat/_outlined-button.scss +0 -54
- package/core/tokens/m3/mat/_protected-button.scss +0 -55
- package/core/tokens/m3/mat/_radio.scss +0 -45
- package/core/tokens/m3/mat/_slider.scss +0 -58
- package/core/tokens/m3/mat/_snack-bar.scss +0 -18
- package/core/tokens/m3/mat/_stepper.scss +0 -79
- package/core/tokens/m3/mat/_switch.scss +0 -56
- package/core/tokens/m3/mat/_tab-header.scss +0 -51
- package/core/tokens/m3/mat/_table.scss +0 -29
- package/core/tokens/m3/mat/_text-button.scss +0 -55
- package/core/tokens/m3/mdc/_checkbox.scss +0 -112
- package/core/tokens/m3/mdc/_chip.scss +0 -93
- package/core/tokens/m3/mdc/_dialog.scss +0 -23
- package/core/tokens/m3/mdc/_elevated-card.scss +0 -22
- package/core/tokens/m3/mdc/_extended-fab.scss +0 -42
- package/core/tokens/m3/mdc/_fab-small.scss +0 -41
- package/core/tokens/m3/mdc/_fab.scss +0 -39
- package/core/tokens/m3/mdc/_filled-button.scss +0 -86
- package/core/tokens/m3/mdc/_filled-text-field.scss +0 -91
- package/core/tokens/m3/mdc/_icon-button.scss +0 -60
- package/core/tokens/m3/mdc/_list.scss +0 -37
- package/core/tokens/m3/mdc/_outlined-button.scss +0 -84
- package/core/tokens/m3/mdc/_outlined-card.scss +0 -22
- package/core/tokens/m3/mdc/_outlined-text-field.scss +0 -86
- package/core/tokens/m3/mdc/_plain-tooltip.scss +0 -15
- package/core/tokens/m3/mdc/_protected-button.scss +0 -101
- package/core/tokens/m3/mdc/_radio.scss +0 -47
- package/core/tokens/m3/mdc/_secondary-navigation-tab.scss +0 -16
- package/core/tokens/m3/mdc/_slider.scss +0 -69
- package/core/tokens/m3/mdc/_snack-bar.scss +0 -15
- package/core/tokens/m3/mdc/_switch.scss +0 -82
- package/core/tokens/m3/mdc/_tab-indicator.scss +0 -34
- package/core/tokens/m3/mdc/_text-button.scss +0 -79
- 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/expansion/_expansion-variables.scss +0 -30
- 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/list/_list-inherited-structure.scss +0 -504
- package/list/_list-item-hcm-indicator.scss +0 -29
- package/radio/_radio-common.scss +0 -259
- package/schematics/ng-add/fonts/material-fonts.mjs +0 -34
- package/schematics/ng-add/index.mjs +0 -54
- package/schematics/ng-add/package-config.mjs +0 -51
- package/schematics/ng-add/schema.mjs +0 -10
- package/schematics/ng-add/setup-project.mjs +0 -75
- package/schematics/ng-add/theming/create-custom-theme.mjs +0 -30
- package/schematics/ng-add/theming/theming.mjs +0 -151
- package/schematics/ng-generate/address-form/index.mjs +0 -43
- package/schematics/ng-generate/address-form/schema.mjs +0 -10
- package/schematics/ng-generate/dashboard/index.mjs +0 -42
- package/schematics/ng-generate/dashboard/schema.mjs +0 -10
- package/schematics/ng-generate/navigation/index.mjs +0 -42
- package/schematics/ng-generate/navigation/schema.mjs +0 -10
- package/schematics/ng-generate/table/index.mjs +0 -40
- package/schematics/ng-generate/table/schema.mjs +0 -10
- package/schematics/ng-generate/tree/index.mjs +0 -40
- package/schematics/ng-generate/tree/schema.mjs +0 -10
- package/schematics/schematics.externs.js +0 -0
- 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-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/chips/index.d.ts
CHANGED
|
@@ -1,139 +1,113 @@
|
|
|
1
|
-
import { AfterContentInit } from '@angular/core';
|
|
2
|
-
import { AfterViewInit } from '@angular/core';
|
|
3
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
4
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
5
|
-
import { DoCheck } from '@angular/core';
|
|
6
|
-
import { ElementRef } from '@angular/core';
|
|
7
|
-
import { ErrorStateMatcher } from '@angular/material/core';
|
|
8
|
-
import { EventEmitter } from '@angular/core';
|
|
9
|
-
import { FocusKeyManager } from '@angular/cdk/a11y';
|
|
10
1
|
import * as i0 from '@angular/core';
|
|
11
|
-
import
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import { Subject } from 'rxjs';
|
|
23
|
-
|
|
24
|
-
declare namespace i10 {
|
|
25
|
-
export {
|
|
26
|
-
MatChipEditedEvent,
|
|
27
|
-
MatChipRow
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
declare namespace i11 {
|
|
32
|
-
export {
|
|
33
|
-
MatChipSet
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
declare namespace i2 {
|
|
38
|
-
export {
|
|
39
|
-
MatChipAction
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
declare namespace i3 {
|
|
44
|
-
export {
|
|
45
|
-
MatChipEvent,
|
|
46
|
-
MatChip
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
declare namespace i4 {
|
|
51
|
-
export {
|
|
52
|
-
MatChipAvatar,
|
|
53
|
-
MatChipTrailingIcon,
|
|
54
|
-
MatChipRemove
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
declare namespace i5 {
|
|
59
|
-
export {
|
|
60
|
-
MatChipEditInput
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
declare namespace i6 {
|
|
65
|
-
export {
|
|
66
|
-
MatChipGridChange,
|
|
67
|
-
MatChipGrid
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
declare namespace i7 {
|
|
72
|
-
export {
|
|
73
|
-
MatChipInputEvent,
|
|
74
|
-
MatChipInput
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
declare namespace i8 {
|
|
79
|
-
export {
|
|
80
|
-
MatChipListboxChange,
|
|
81
|
-
MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR,
|
|
82
|
-
MatChipListbox
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
declare namespace i9 {
|
|
87
|
-
export {
|
|
88
|
-
MatChipSelectionChange,
|
|
89
|
-
MatChipOption
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* Injection token used to avoid a circular dependency between the `MatChip` and `MatChipAction`.
|
|
95
|
-
*/
|
|
96
|
-
export declare const MAT_CHIP: InjectionToken<unknown>;
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
|
|
100
|
-
* alternative token to the actual `MatChipAvatar` class which could cause unnecessary
|
|
101
|
-
* retention of the class and its directive metadata.
|
|
102
|
-
*/
|
|
103
|
-
export declare const MAT_CHIP_AVATAR: InjectionToken<unknown>;
|
|
2
|
+
import { ElementRef, OnInit, AfterViewInit, AfterContentInit, DoCheck, OnDestroy, ChangeDetectorRef, NgZone, QueryList, EventEmitter, Injector, OnChanges, InjectionToken } from '@angular/core';
|
|
3
|
+
import { Subject, Observable } from 'rxjs';
|
|
4
|
+
import { FocusKeyManager } from '@angular/cdk/a11y';
|
|
5
|
+
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
6
|
+
import { E as ErrorStateMatcher } from '../error-options.d-CGdTZUYk.js';
|
|
7
|
+
import { M as MatFormFieldControl } from '../form-field-control.d-DvB4ZVlf.js';
|
|
8
|
+
import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
|
|
9
|
+
import { M as MatRippleModule } from '../index.d-C5neTPvr.js';
|
|
10
|
+
import '@angular/cdk/bidi';
|
|
11
|
+
import '../ripple.d-BT30YVLB.js';
|
|
12
|
+
import '@angular/cdk/platform';
|
|
104
13
|
|
|
105
14
|
/**
|
|
106
|
-
*
|
|
107
|
-
* This allows it to support [(ngModel)].
|
|
15
|
+
* Section within a chip.
|
|
108
16
|
* @docs-private
|
|
109
17
|
*/
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
18
|
+
declare class MatChipAction {
|
|
19
|
+
_elementRef: ElementRef<HTMLElement>;
|
|
20
|
+
protected _parentChip: {
|
|
21
|
+
_handlePrimaryActionInteraction(): void;
|
|
22
|
+
remove(): void;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
_isEditing?: boolean;
|
|
25
|
+
};
|
|
26
|
+
/** Whether the action is interactive. */
|
|
27
|
+
isInteractive: boolean;
|
|
28
|
+
/** Whether this is the primary action in the chip. */
|
|
29
|
+
_isPrimary: boolean;
|
|
30
|
+
/** Whether the action is disabled. */
|
|
31
|
+
get disabled(): boolean;
|
|
32
|
+
set disabled(value: boolean);
|
|
33
|
+
private _disabled;
|
|
34
|
+
/** Tab index of the action. */
|
|
35
|
+
tabIndex: number;
|
|
36
|
+
/**
|
|
37
|
+
* Private API to allow focusing this chip when it is disabled.
|
|
38
|
+
*/
|
|
39
|
+
private _allowFocusWhenDisabled;
|
|
40
|
+
/**
|
|
41
|
+
* Determine the value of the disabled attribute for this chip action.
|
|
42
|
+
*/
|
|
43
|
+
protected _getDisabledAttribute(): string | null;
|
|
44
|
+
/**
|
|
45
|
+
* Determine the value of the tabindex attribute for this chip action.
|
|
46
|
+
*/
|
|
47
|
+
protected _getTabindex(): string | null;
|
|
48
|
+
constructor(...args: unknown[]);
|
|
49
|
+
focus(): void;
|
|
50
|
+
_handleClick(event: MouseEvent): void;
|
|
51
|
+
_handleKeydown(event: KeyboardEvent): void;
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipAction, never>;
|
|
53
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipAction, "[matChipAction]", never, { "isInteractive": { "alias": "isInteractive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "_allowFocusWhenDisabled": { "alias": "_allowFocusWhenDisabled"; "required": false; }; }, {}, never, never, true, never>;
|
|
54
|
+
static ngAcceptInputType_disabled: unknown;
|
|
55
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
56
|
+
}
|
|
118
57
|
|
|
58
|
+
/** Avatar image within a chip. */
|
|
59
|
+
declare class MatChipAvatar {
|
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipAvatar, never>;
|
|
61
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipAvatar, "mat-chip-avatar, [matChipAvatar]", never, {}, {}, never, never, true, never>;
|
|
62
|
+
}
|
|
63
|
+
/** Non-interactive trailing icon in a chip. */
|
|
64
|
+
declare class MatChipTrailingIcon extends MatChipAction {
|
|
65
|
+
/**
|
|
66
|
+
* MDC considers all trailing actions as a remove icon,
|
|
67
|
+
* but we support non-interactive trailing icons.
|
|
68
|
+
*/
|
|
69
|
+
isInteractive: boolean;
|
|
70
|
+
_isPrimary: boolean;
|
|
71
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipTrailingIcon, never>;
|
|
72
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipTrailingIcon, "mat-chip-trailing-icon, [matChipTrailingIcon]", never, {}, {}, never, never, true, never>;
|
|
73
|
+
}
|
|
119
74
|
/**
|
|
120
|
-
*
|
|
121
|
-
*
|
|
122
|
-
*
|
|
75
|
+
* Directive to remove the parent chip when the trailing icon is clicked or
|
|
76
|
+
* when the ENTER key is pressed on it.
|
|
77
|
+
*
|
|
78
|
+
* Recommended for use with the Material Design "cancel" icon
|
|
79
|
+
* available at https://material.io/icons/#ic_cancel.
|
|
80
|
+
*
|
|
81
|
+
* Example:
|
|
82
|
+
*
|
|
83
|
+
* ```
|
|
84
|
+
* <mat-chip>
|
|
85
|
+
* <mat-icon matChipRemove>cancel</mat-icon>
|
|
86
|
+
* </mat-chip>
|
|
87
|
+
* ```
|
|
123
88
|
*/
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
89
|
+
declare class MatChipRemove extends MatChipAction {
|
|
90
|
+
_isPrimary: boolean;
|
|
91
|
+
_handleClick(event: MouseEvent): void;
|
|
92
|
+
_handleKeydown(event: KeyboardEvent): void;
|
|
93
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRemove, never>;
|
|
94
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipRemove, "[matChipRemove]", never, {}, {}, never, never, true, never>;
|
|
95
|
+
}
|
|
128
96
|
|
|
97
|
+
/** Represents an event fired on an individual `mat-chip`. */
|
|
98
|
+
interface MatChipEvent {
|
|
99
|
+
/** The chip the event was fired on. */
|
|
100
|
+
chip: MatChip;
|
|
101
|
+
}
|
|
129
102
|
/**
|
|
130
103
|
* Material design styled Chip base component. Used inside the MatChipSet component.
|
|
131
104
|
*
|
|
132
105
|
* Extended by MatChipOption and MatChipRow for different interaction patterns.
|
|
133
106
|
*/
|
|
134
|
-
|
|
107
|
+
declare class MatChip implements OnInit, AfterViewInit, AfterContentInit, DoCheck, OnDestroy {
|
|
135
108
|
_changeDetectorRef: ChangeDetectorRef;
|
|
136
109
|
_elementRef: ElementRef<HTMLElement>;
|
|
110
|
+
private readonly _tagName;
|
|
137
111
|
protected _ngZone: NgZone;
|
|
138
112
|
private _focusMonitor;
|
|
139
113
|
private _globalRippleOptions;
|
|
@@ -257,67 +231,92 @@ export declare class MatChip implements OnInit, AfterViewInit, AfterContentInit,
|
|
|
257
231
|
static ngAcceptInputType_disabled: unknown;
|
|
258
232
|
}
|
|
259
233
|
|
|
234
|
+
/** Event object emitted by MatChipOption when selected or deselected. */
|
|
235
|
+
declare class MatChipSelectionChange {
|
|
236
|
+
/** Reference to the chip that emitted the event. */
|
|
237
|
+
source: MatChipOption;
|
|
238
|
+
/** Whether the chip that emitted the event is selected. */
|
|
239
|
+
selected: boolean;
|
|
240
|
+
/** Whether the selection change was a result of a user interaction. */
|
|
241
|
+
isUserInput: boolean;
|
|
242
|
+
constructor(
|
|
243
|
+
/** Reference to the chip that emitted the event. */
|
|
244
|
+
source: MatChipOption,
|
|
245
|
+
/** Whether the chip that emitted the event is selected. */
|
|
246
|
+
selected: boolean,
|
|
247
|
+
/** Whether the selection change was a result of a user interaction. */
|
|
248
|
+
isUserInput?: boolean);
|
|
249
|
+
}
|
|
260
250
|
/**
|
|
261
|
-
*
|
|
262
|
-
*
|
|
251
|
+
* An extension of the MatChip component that supports chip selection. Used with MatChipListbox.
|
|
252
|
+
*
|
|
253
|
+
* Unlike other chips, the user can focus on disabled chip options inside a MatChipListbox. The
|
|
254
|
+
* user cannot click disabled chips.
|
|
263
255
|
*/
|
|
264
|
-
declare class
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
isInteractive: boolean;
|
|
274
|
-
/** Whether this is the primary action in the chip. */
|
|
275
|
-
_isPrimary: boolean;
|
|
276
|
-
/** Whether the action is disabled. */
|
|
277
|
-
get disabled(): boolean;
|
|
278
|
-
set disabled(value: boolean);
|
|
279
|
-
private _disabled;
|
|
280
|
-
/** Tab index of the action. */
|
|
281
|
-
tabIndex: number;
|
|
282
|
-
/**
|
|
283
|
-
* Private API to allow focusing this chip when it is disabled.
|
|
284
|
-
*/
|
|
285
|
-
private _allowFocusWhenDisabled;
|
|
256
|
+
declare class MatChipOption extends MatChip implements OnInit {
|
|
257
|
+
/** Default chip options. */
|
|
258
|
+
private _defaultOptions;
|
|
259
|
+
/** Whether the chip list is selectable. */
|
|
260
|
+
chipListSelectable: boolean;
|
|
261
|
+
/** Whether the chip list is in multi-selection mode. */
|
|
262
|
+
_chipListMultiple: boolean;
|
|
263
|
+
/** Whether the chip list hides single-selection indicator. */
|
|
264
|
+
_chipListHideSingleSelectionIndicator: boolean;
|
|
286
265
|
/**
|
|
287
|
-
*
|
|
266
|
+
* Whether or not the chip is selectable.
|
|
267
|
+
*
|
|
268
|
+
* When a chip is not selectable, changes to its selected state are always
|
|
269
|
+
* ignored. By default an option chip is selectable, and it becomes
|
|
270
|
+
* non-selectable if its parent chip list is not selectable.
|
|
288
271
|
*/
|
|
289
|
-
|
|
272
|
+
get selectable(): boolean;
|
|
273
|
+
set selectable(value: boolean);
|
|
274
|
+
protected _selectable: boolean;
|
|
275
|
+
/** Whether the chip is selected. */
|
|
276
|
+
get selected(): boolean;
|
|
277
|
+
set selected(value: boolean);
|
|
278
|
+
private _selected;
|
|
290
279
|
/**
|
|
291
|
-
*
|
|
280
|
+
* The ARIA selected applied to the chip. Conforms to WAI ARIA best practices for listbox
|
|
281
|
+
* interaction patterns.
|
|
282
|
+
*
|
|
283
|
+
* From [WAI ARIA Listbox authoring practices guide](
|
|
284
|
+
* https://www.w3.org/WAI/ARIA/apg/patterns/listbox/):
|
|
285
|
+
* "If any options are selected, each selected option has either aria-selected or aria-checked
|
|
286
|
+
* set to true. All options that are selectable but not selected have either aria-selected or
|
|
287
|
+
* aria-checked set to false."
|
|
288
|
+
*
|
|
289
|
+
* Set `aria-selected="false"` on not-selected listbox options that are selectable to fix
|
|
290
|
+
* VoiceOver reading every option as "selected" (#25736).
|
|
292
291
|
*/
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
292
|
+
get ariaSelected(): string | null;
|
|
293
|
+
/** The unstyled chip selector for this component. */
|
|
294
|
+
protected basicChipAttrName: string;
|
|
295
|
+
/** Emitted when the chip is selected or deselected. */
|
|
296
|
+
readonly selectionChange: EventEmitter<MatChipSelectionChange>;
|
|
297
|
+
ngOnInit(): void;
|
|
298
|
+
/** Selects the chip. */
|
|
299
|
+
select(): void;
|
|
300
|
+
/** Deselects the chip. */
|
|
301
|
+
deselect(): void;
|
|
302
|
+
/** Selects this chip and emits userInputSelection event */
|
|
303
|
+
selectViaInteraction(): void;
|
|
304
|
+
/** Toggles the current selected state of this chip. */
|
|
305
|
+
toggleSelected(isUserInput?: boolean): boolean;
|
|
306
|
+
_handlePrimaryActionInteraction(): void;
|
|
307
|
+
_hasLeadingGraphic(): boolean;
|
|
308
|
+
_setSelectedState(isSelected: boolean, isUserInput: boolean, emitEvent: boolean): void;
|
|
309
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipOption, never>;
|
|
310
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipOption, "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", never, { "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], true, never>;
|
|
311
|
+
static ngAcceptInputType_selectable: unknown;
|
|
312
|
+
static ngAcceptInputType_selected: unknown;
|
|
314
313
|
}
|
|
315
314
|
|
|
316
315
|
/**
|
|
317
316
|
* A directive that makes a span editable and exposes functions to modify and retrieve the
|
|
318
317
|
* element's contents.
|
|
319
318
|
*/
|
|
320
|
-
|
|
319
|
+
declare class MatChipEditInput {
|
|
321
320
|
private readonly _elementRef;
|
|
322
321
|
private readonly _document;
|
|
323
322
|
constructor(...args: unknown[]);
|
|
@@ -330,130 +329,225 @@ export declare class MatChipEditInput {
|
|
|
330
329
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipEditInput, "span[matChipEditInput]", never, {}, {}, never, never, true, never>;
|
|
331
330
|
}
|
|
332
331
|
|
|
333
|
-
/** Represents an event fired on an individual `mat-chip
|
|
334
|
-
|
|
335
|
-
/** The
|
|
336
|
-
|
|
332
|
+
/** Represents an event fired on an individual `mat-chip` when it is edited. */
|
|
333
|
+
interface MatChipEditedEvent extends MatChipEvent {
|
|
334
|
+
/** The final edit value. */
|
|
335
|
+
value: string;
|
|
337
336
|
}
|
|
338
|
-
|
|
339
337
|
/**
|
|
340
|
-
* An extension of the
|
|
338
|
+
* An extension of the MatChip component used with MatChipGrid and
|
|
341
339
|
* the matChipInputFor directive.
|
|
342
340
|
*/
|
|
343
|
-
|
|
344
|
-
|
|
341
|
+
declare class MatChipRow extends MatChip implements AfterViewInit {
|
|
342
|
+
protected basicChipAttrName: string;
|
|
345
343
|
/**
|
|
346
|
-
*
|
|
347
|
-
*
|
|
344
|
+
* The editing action has to be triggered in a timeout. While we're waiting on it, a blur
|
|
345
|
+
* event might occur which will interrupt the editing. This flag is used to avoid interruptions
|
|
346
|
+
* while the editing action is being initialized.
|
|
348
347
|
*/
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
348
|
+
private _editStartPending;
|
|
349
|
+
editable: boolean;
|
|
350
|
+
/** Emitted when the chip is edited. */
|
|
351
|
+
readonly edited: EventEmitter<MatChipEditedEvent>;
|
|
352
|
+
/** The default chip edit input that is used if none is projected into this chip row. */
|
|
353
|
+
defaultEditInput?: MatChipEditInput;
|
|
354
|
+
/** The projected chip edit input. */
|
|
355
|
+
contentEditInput?: MatChipEditInput;
|
|
356
|
+
_isEditing: boolean;
|
|
357
|
+
constructor(...args: unknown[]);
|
|
358
|
+
_hasTrailingIcon(): boolean;
|
|
359
|
+
/** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
|
|
360
|
+
_handleFocus(): void;
|
|
361
|
+
_handleKeydown(event: KeyboardEvent): void;
|
|
362
|
+
_handleDoubleclick(event: MouseEvent): void;
|
|
363
|
+
private _startEditing;
|
|
364
|
+
private _onEditFinish;
|
|
365
|
+
_isRippleDisabled(): boolean;
|
|
354
366
|
/**
|
|
355
|
-
*
|
|
367
|
+
* Gets the projected chip edit input, or the default input if none is projected in. One of these
|
|
368
|
+
* two values is guaranteed to be defined.
|
|
356
369
|
*/
|
|
357
|
-
private
|
|
370
|
+
private _getEditInput;
|
|
371
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRow, never>;
|
|
372
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipRow, "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", never, { "editable": { "alias": "editable"; "required": false; }; }, { "edited": "edited"; }, ["contentEditInput"], ["mat-chip-avatar, [matChipAvatar]", "[matChipEditInput]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], true, never>;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
/**
|
|
376
|
+
* Basic container component for the MatChip component.
|
|
377
|
+
*
|
|
378
|
+
* Extended by MatChipListbox and MatChipGrid for different interaction patterns.
|
|
379
|
+
*/
|
|
380
|
+
declare class MatChipSet implements AfterViewInit, OnDestroy {
|
|
381
|
+
protected _elementRef: ElementRef<HTMLElement>;
|
|
382
|
+
protected _changeDetectorRef: ChangeDetectorRef;
|
|
383
|
+
private _dir;
|
|
384
|
+
/** Index of the last destroyed chip that had focus. */
|
|
385
|
+
private _lastDestroyedFocusedChipIndex;
|
|
386
|
+
/** Used to manage focus within the chip list. */
|
|
387
|
+
protected _keyManager: FocusKeyManager<MatChipAction>;
|
|
388
|
+
/** Subject that emits when the component has been destroyed. */
|
|
389
|
+
protected _destroyed: Subject<void>;
|
|
390
|
+
/** Role to use if it hasn't been overwritten by the user. */
|
|
391
|
+
protected _defaultRole: string;
|
|
392
|
+
/** Combined stream of all of the child chips' focus events. */
|
|
393
|
+
get chipFocusChanges(): Observable<MatChipEvent>;
|
|
394
|
+
/** Combined stream of all of the child chips' destroy events. */
|
|
395
|
+
get chipDestroyedChanges(): Observable<MatChipEvent>;
|
|
396
|
+
/** Combined stream of all of the child chips' remove events. */
|
|
397
|
+
get chipRemovedChanges(): Observable<MatChipEvent>;
|
|
398
|
+
/** Whether the chip set is disabled. */
|
|
399
|
+
get disabled(): boolean;
|
|
400
|
+
set disabled(value: boolean);
|
|
401
|
+
protected _disabled: boolean;
|
|
402
|
+
/** Whether the chip list contains chips or not. */
|
|
403
|
+
get empty(): boolean;
|
|
404
|
+
/** The ARIA role applied to the chip set. */
|
|
405
|
+
get role(): string | null;
|
|
406
|
+
/** Tabindex of the chip set. */
|
|
407
|
+
tabIndex: number;
|
|
408
|
+
set role(value: string | null);
|
|
409
|
+
private _explicitRole;
|
|
410
|
+
/** Whether any of the chips inside of this chip-set has focus. */
|
|
411
|
+
get focused(): boolean;
|
|
412
|
+
/** The chips that are part of this chip set. */
|
|
413
|
+
_chips: QueryList<MatChip>;
|
|
414
|
+
/** Flat list of all the actions contained within the chips. */
|
|
415
|
+
_chipActions: QueryList<MatChipAction>;
|
|
416
|
+
constructor(...args: unknown[]);
|
|
417
|
+
ngAfterViewInit(): void;
|
|
418
|
+
ngOnDestroy(): void;
|
|
419
|
+
/** Checks whether any of the chips is focused. */
|
|
420
|
+
protected _hasFocusedChip(): boolean;
|
|
421
|
+
/** Syncs the chip-set's state with the individual chips. */
|
|
422
|
+
protected _syncChipsState(): void;
|
|
423
|
+
/** Dummy method for subclasses to override. Base chip set cannot be focused. */
|
|
424
|
+
focus(): void;
|
|
425
|
+
/** Handles keyboard events on the chip set. */
|
|
426
|
+
_handleKeydown(event: KeyboardEvent): void;
|
|
358
427
|
/**
|
|
359
|
-
*
|
|
360
|
-
*
|
|
428
|
+
* Utility to ensure all indexes are valid.
|
|
429
|
+
*
|
|
430
|
+
* @param index The index to be checked.
|
|
431
|
+
* @returns True if the index is valid for our list of chips.
|
|
361
432
|
*/
|
|
362
|
-
|
|
433
|
+
protected _isValidIndex(index: number): boolean;
|
|
363
434
|
/**
|
|
364
|
-
*
|
|
365
|
-
*
|
|
435
|
+
* Removes the `tabindex` from the chip set and resets it back afterwards, allowing the
|
|
436
|
+
* user to tab out of it. This prevents the set from capturing focus and redirecting
|
|
437
|
+
* it back to the first chip, creating a focus trap, if it user tries to tab away.
|
|
366
438
|
*/
|
|
367
|
-
|
|
439
|
+
protected _allowFocusEscape(): void;
|
|
368
440
|
/**
|
|
369
|
-
*
|
|
370
|
-
*
|
|
441
|
+
* Gets a stream of events from all the chips within the set.
|
|
442
|
+
* The stream will automatically incorporate any newly-added chips.
|
|
371
443
|
*/
|
|
372
|
-
|
|
373
|
-
|
|
444
|
+
protected _getChipStream<T, C extends MatChip = MatChip>(mappingFunction: (chip: C) => Observable<T>): Observable<T>;
|
|
445
|
+
/** Checks whether an event comes from inside a chip element. */
|
|
446
|
+
protected _originatesFromChip(event: Event): boolean;
|
|
447
|
+
/** Sets up the chip set's focus management logic. */
|
|
448
|
+
private _setUpFocusManagement;
|
|
374
449
|
/**
|
|
375
|
-
*
|
|
376
|
-
*
|
|
450
|
+
* Determines if key manager should avoid putting a given chip action in the tab index. Skip
|
|
451
|
+
* non-interactive and disabled actions since the user can't do anything with them.
|
|
377
452
|
*/
|
|
378
|
-
|
|
453
|
+
protected _skipPredicate(action: MatChipAction): boolean;
|
|
454
|
+
/** Listens to changes in the chip set and syncs up the state of the individual chips. */
|
|
455
|
+
private _trackChipSetChanges;
|
|
456
|
+
/** Starts tracking the destroyed chips in order to capture the focused one. */
|
|
457
|
+
private _trackDestroyedFocusedChip;
|
|
379
458
|
/**
|
|
380
|
-
*
|
|
381
|
-
*
|
|
459
|
+
* Finds the next appropriate chip to move focus to,
|
|
460
|
+
* if the currently-focused chip is destroyed.
|
|
382
461
|
*/
|
|
383
|
-
|
|
462
|
+
private _redirectDestroyedChipFocus;
|
|
463
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipSet, never>;
|
|
464
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipSet, "mat-chip-set", never, { "disabled": { "alias": "disabled"; "required": false; }; "role": { "alias": "role"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["_chips"], ["*"], true, never>;
|
|
465
|
+
static ngAcceptInputType_disabled: unknown;
|
|
466
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
/** Change event object that is emitted when the chip listbox value has changed. */
|
|
470
|
+
declare class MatChipListboxChange {
|
|
471
|
+
/** Chip listbox that emitted the event. */
|
|
472
|
+
source: MatChipListbox;
|
|
473
|
+
/** Value of the chip listbox when the event was emitted. */
|
|
474
|
+
value: any;
|
|
475
|
+
constructor(
|
|
476
|
+
/** Chip listbox that emitted the event. */
|
|
477
|
+
source: MatChipListbox,
|
|
478
|
+
/** Value of the chip listbox when the event was emitted. */
|
|
479
|
+
value: any);
|
|
480
|
+
}
|
|
481
|
+
/**
|
|
482
|
+
* Provider Expression that allows mat-chip-listbox to register as a ControlValueAccessor.
|
|
483
|
+
* This allows it to support [(ngModel)].
|
|
484
|
+
* @docs-private
|
|
485
|
+
*/
|
|
486
|
+
declare const MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR: any;
|
|
487
|
+
/**
|
|
488
|
+
* An extension of the MatChipSet component that supports chip selection.
|
|
489
|
+
* Used with MatChipOption chips.
|
|
490
|
+
*/
|
|
491
|
+
declare class MatChipListbox extends MatChipSet implements AfterContentInit, OnDestroy, ControlValueAccessor {
|
|
384
492
|
/**
|
|
385
|
-
*
|
|
493
|
+
* Function when touched. Set as part of ControlValueAccessor implementation.
|
|
386
494
|
* @docs-private
|
|
387
495
|
*/
|
|
388
|
-
|
|
389
|
-
set placeholder(value: string);
|
|
390
|
-
protected _placeholder: string;
|
|
391
|
-
/** Whether any chips or the matChipInput inside of this chip-grid has focus. */
|
|
392
|
-
get focused(): boolean;
|
|
496
|
+
_onTouched: () => void;
|
|
393
497
|
/**
|
|
394
|
-
*
|
|
498
|
+
* Function when changed. Set as part of ControlValueAccessor implementation.
|
|
395
499
|
* @docs-private
|
|
396
500
|
*/
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
501
|
+
_onChange: (value: any) => void;
|
|
502
|
+
protected _defaultRole: string;
|
|
503
|
+
/** Default chip options. */
|
|
504
|
+
private _defaultOptions;
|
|
505
|
+
/** Whether the user should be allowed to select multiple chips. */
|
|
506
|
+
get multiple(): boolean;
|
|
507
|
+
set multiple(value: boolean);
|
|
508
|
+
private _multiple;
|
|
509
|
+
/** The array of selected chips inside the chip listbox. */
|
|
510
|
+
get selected(): MatChipOption[] | MatChipOption;
|
|
511
|
+
/** Orientation of the chip list. */
|
|
512
|
+
ariaOrientation: 'horizontal' | 'vertical';
|
|
400
513
|
/**
|
|
401
|
-
*
|
|
402
|
-
*
|
|
514
|
+
* Whether or not this chip listbox is selectable.
|
|
515
|
+
*
|
|
516
|
+
* When a chip listbox is not selectable, the selected states for all
|
|
517
|
+
* the chips inside the chip listbox are always ignored.
|
|
403
518
|
*/
|
|
404
|
-
get
|
|
519
|
+
get selectable(): boolean;
|
|
520
|
+
set selectable(value: boolean);
|
|
521
|
+
protected _selectable: boolean;
|
|
405
522
|
/**
|
|
406
|
-
*
|
|
407
|
-
*
|
|
523
|
+
* A function to compare the option values with the selected values. The first argument
|
|
524
|
+
* is a value from an option. The second is a value from the selection. A boolean
|
|
525
|
+
* should be returned.
|
|
408
526
|
*/
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
/**
|
|
413
|
-
get
|
|
414
|
-
set
|
|
527
|
+
compareWith: (o1: any, o2: any) => boolean;
|
|
528
|
+
/** Whether this chip listbox is required. */
|
|
529
|
+
required: boolean;
|
|
530
|
+
/** Whether checkmark indicator for single-selection options is hidden. */
|
|
531
|
+
get hideSingleSelectionIndicator(): boolean;
|
|
532
|
+
set hideSingleSelectionIndicator(value: boolean);
|
|
533
|
+
private _hideSingleSelectionIndicator;
|
|
534
|
+
/** Combined stream of all of the child chips' selection change events. */
|
|
535
|
+
get chipSelectionChanges(): Observable<MatChipSelectionChange>;
|
|
415
536
|
/** Combined stream of all of the child chips' blur events. */
|
|
416
537
|
get chipBlurChanges(): Observable<MatChipEvent>;
|
|
417
|
-
/**
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
readonly valueChange: EventEmitter<any>;
|
|
425
|
-
_chips: QueryList<MatChipRow>;
|
|
426
|
-
/**
|
|
427
|
-
* Emits whenever the component state changes and should cause the parent
|
|
428
|
-
* form-field to update. Implemented as part of `MatFormFieldControl`.
|
|
429
|
-
* @docs-private
|
|
430
|
-
*/
|
|
431
|
-
readonly stateChanges: Subject<void>;
|
|
432
|
-
/** Whether the chip grid is in an error state. */
|
|
433
|
-
get errorState(): boolean;
|
|
434
|
-
set errorState(value: boolean);
|
|
435
|
-
constructor(...args: unknown[]);
|
|
538
|
+
/** The value of the listbox, which is the combined value of the selected chips. */
|
|
539
|
+
get value(): any;
|
|
540
|
+
set value(value: any);
|
|
541
|
+
protected _value: any;
|
|
542
|
+
/** Event emitted when the selected chip listbox value has been changed by the user. */
|
|
543
|
+
readonly change: EventEmitter<MatChipListboxChange>;
|
|
544
|
+
_chips: QueryList<MatChipOption>;
|
|
436
545
|
ngAfterContentInit(): void;
|
|
437
|
-
ngAfterViewInit(): void;
|
|
438
|
-
ngDoCheck(): void;
|
|
439
|
-
ngOnDestroy(): void;
|
|
440
|
-
/** Associates an HTML input element with this chip grid. */
|
|
441
|
-
registerInput(inputElement: MatChipTextControl): void;
|
|
442
|
-
/**
|
|
443
|
-
* Implemented as part of MatFormFieldControl.
|
|
444
|
-
* @docs-private
|
|
445
|
-
*/
|
|
446
|
-
onContainerClick(event: MouseEvent): void;
|
|
447
546
|
/**
|
|
448
|
-
* Focuses the first chip in this chip
|
|
449
|
-
* are no
|
|
547
|
+
* Focuses the first selected chip in this chip listbox, or the first non-disabled chip when there
|
|
548
|
+
* are no selected chips.
|
|
450
549
|
*/
|
|
451
550
|
focus(): void;
|
|
452
|
-
/**
|
|
453
|
-
* Implemented as part of MatFormFieldControl.
|
|
454
|
-
* @docs-private
|
|
455
|
-
*/
|
|
456
|
-
setDescribedByIds(ids: string[]): void;
|
|
457
551
|
/**
|
|
458
552
|
* Implemented as part of ControlValueAccessor.
|
|
459
553
|
* @docs-private
|
|
@@ -474,9 +568,218 @@ export declare class MatChipGrid extends MatChipSet implements AfterContentInit,
|
|
|
474
568
|
* @docs-private
|
|
475
569
|
*/
|
|
476
570
|
setDisabledState(isDisabled: boolean): void;
|
|
477
|
-
/**
|
|
478
|
-
|
|
479
|
-
/** When blurred,
|
|
571
|
+
/** Selects all chips with value. */
|
|
572
|
+
_setSelectionByValue(value: any, isUserInput?: boolean): void;
|
|
573
|
+
/** When blurred, marks the field as touched when focus moved outside the chip listbox. */
|
|
574
|
+
_blur(): void;
|
|
575
|
+
_keydown(event: KeyboardEvent): void;
|
|
576
|
+
/** Marks the field as touched */
|
|
577
|
+
private _markAsTouched;
|
|
578
|
+
/** Emits change event to set the model value. */
|
|
579
|
+
private _propagateChanges;
|
|
580
|
+
/**
|
|
581
|
+
* Deselects every chip in the listbox.
|
|
582
|
+
* @param skip Chip that should not be deselected.
|
|
583
|
+
*/
|
|
584
|
+
private _clearSelection;
|
|
585
|
+
/**
|
|
586
|
+
* Finds and selects the chip based on its value.
|
|
587
|
+
* @returns Chip that has the corresponding value.
|
|
588
|
+
*/
|
|
589
|
+
private _selectValue;
|
|
590
|
+
/** Syncs the chip-listbox selection state with the individual chips. */
|
|
591
|
+
private _syncListboxProperties;
|
|
592
|
+
/** Returns the first selected chip in this listbox, or undefined if no chips are selected. */
|
|
593
|
+
private _getFirstSelectedChip;
|
|
594
|
+
/**
|
|
595
|
+
* Determines if key manager should avoid putting a given chip action in the tab index. Skip
|
|
596
|
+
* non-interactive actions since the user can't do anything with them.
|
|
597
|
+
*/
|
|
598
|
+
protected _skipPredicate(action: MatChipAction): boolean;
|
|
599
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipListbox, never>;
|
|
600
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipListbox, "mat-chip-listbox", never, { "multiple": { "alias": "multiple"; "required": false; }; "ariaOrientation": { "alias": "aria-orientation"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["_chips"], ["*"], true, never>;
|
|
601
|
+
static ngAcceptInputType_multiple: unknown;
|
|
602
|
+
static ngAcceptInputType_selectable: unknown;
|
|
603
|
+
static ngAcceptInputType_required: unknown;
|
|
604
|
+
static ngAcceptInputType_hideSingleSelectionIndicator: unknown;
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
/** Interface for a text control that is used to drive interaction with a mat-chip-list. */
|
|
608
|
+
interface MatChipTextControl {
|
|
609
|
+
/** Unique identifier for the text control. */
|
|
610
|
+
id: string;
|
|
611
|
+
/** The text control's placeholder text. */
|
|
612
|
+
placeholder: string;
|
|
613
|
+
/** Whether the text control has browser focus. */
|
|
614
|
+
focused: boolean;
|
|
615
|
+
/** Whether the text control is empty. */
|
|
616
|
+
empty: boolean;
|
|
617
|
+
/** Focuses the text control. */
|
|
618
|
+
focus(): void;
|
|
619
|
+
/** Gets the list of ids the input is described by. */
|
|
620
|
+
readonly describedByIds?: string[];
|
|
621
|
+
/** Sets the list of ids the input is described by. */
|
|
622
|
+
setDescribedByIds(ids: string[]): void;
|
|
623
|
+
}
|
|
624
|
+
|
|
625
|
+
/** Change event object that is emitted when the chip grid value has changed. */
|
|
626
|
+
declare class MatChipGridChange {
|
|
627
|
+
/** Chip grid that emitted the event. */
|
|
628
|
+
source: MatChipGrid;
|
|
629
|
+
/** Value of the chip grid when the event was emitted. */
|
|
630
|
+
value: any;
|
|
631
|
+
constructor(
|
|
632
|
+
/** Chip grid that emitted the event. */
|
|
633
|
+
source: MatChipGrid,
|
|
634
|
+
/** Value of the chip grid when the event was emitted. */
|
|
635
|
+
value: any);
|
|
636
|
+
}
|
|
637
|
+
/**
|
|
638
|
+
* An extension of the MatChipSet component used with MatChipRow chips and
|
|
639
|
+
* the matChipInputFor directive.
|
|
640
|
+
*/
|
|
641
|
+
declare class MatChipGrid extends MatChipSet implements AfterContentInit, AfterViewInit, ControlValueAccessor, DoCheck, MatFormFieldControl<any>, OnDestroy {
|
|
642
|
+
ngControl: NgControl;
|
|
643
|
+
/**
|
|
644
|
+
* Implemented as part of MatFormFieldControl.
|
|
645
|
+
* @docs-private
|
|
646
|
+
*/
|
|
647
|
+
readonly controlType: string;
|
|
648
|
+
/** The chip input to add more chips */
|
|
649
|
+
protected _chipInput: MatChipTextControl;
|
|
650
|
+
protected _defaultRole: string;
|
|
651
|
+
private _errorStateTracker;
|
|
652
|
+
/**
|
|
653
|
+
* List of element ids to propagate to the chipInput's aria-describedby attribute.
|
|
654
|
+
*/
|
|
655
|
+
private _ariaDescribedbyIds;
|
|
656
|
+
/**
|
|
657
|
+
* Function when touched. Set as part of ControlValueAccessor implementation.
|
|
658
|
+
* @docs-private
|
|
659
|
+
*/
|
|
660
|
+
_onTouched: () => void;
|
|
661
|
+
/**
|
|
662
|
+
* Function when changed. Set as part of ControlValueAccessor implementation.
|
|
663
|
+
* @docs-private
|
|
664
|
+
*/
|
|
665
|
+
_onChange: (value: any) => void;
|
|
666
|
+
/**
|
|
667
|
+
* Implemented as part of MatFormFieldControl.
|
|
668
|
+
* @docs-private
|
|
669
|
+
*/
|
|
670
|
+
get disabled(): boolean;
|
|
671
|
+
set disabled(value: boolean);
|
|
672
|
+
/**
|
|
673
|
+
* Implemented as part of MatFormFieldControl.
|
|
674
|
+
* @docs-private
|
|
675
|
+
*/
|
|
676
|
+
get id(): string;
|
|
677
|
+
/**
|
|
678
|
+
* Implemented as part of MatFormFieldControl.
|
|
679
|
+
* @docs-private
|
|
680
|
+
*/
|
|
681
|
+
get empty(): boolean;
|
|
682
|
+
/**
|
|
683
|
+
* Implemented as part of MatFormFieldControl.
|
|
684
|
+
* @docs-private
|
|
685
|
+
*/
|
|
686
|
+
get placeholder(): string;
|
|
687
|
+
set placeholder(value: string);
|
|
688
|
+
protected _placeholder: string;
|
|
689
|
+
/** Whether any chips or the matChipInput inside of this chip-grid has focus. */
|
|
690
|
+
get focused(): boolean;
|
|
691
|
+
/**
|
|
692
|
+
* Implemented as part of MatFormFieldControl.
|
|
693
|
+
* @docs-private
|
|
694
|
+
*/
|
|
695
|
+
get required(): boolean;
|
|
696
|
+
set required(value: boolean);
|
|
697
|
+
protected _required: boolean | undefined;
|
|
698
|
+
/**
|
|
699
|
+
* Implemented as part of MatFormFieldControl.
|
|
700
|
+
* @docs-private
|
|
701
|
+
*/
|
|
702
|
+
get shouldLabelFloat(): boolean;
|
|
703
|
+
/**
|
|
704
|
+
* Implemented as part of MatFormFieldControl.
|
|
705
|
+
* @docs-private
|
|
706
|
+
*/
|
|
707
|
+
get value(): any;
|
|
708
|
+
set value(value: any);
|
|
709
|
+
protected _value: any[];
|
|
710
|
+
/** An object used to control when error messages are shown. */
|
|
711
|
+
get errorStateMatcher(): ErrorStateMatcher;
|
|
712
|
+
set errorStateMatcher(value: ErrorStateMatcher);
|
|
713
|
+
/** Combined stream of all of the child chips' blur events. */
|
|
714
|
+
get chipBlurChanges(): Observable<MatChipEvent>;
|
|
715
|
+
/** Emits when the chip grid value has been changed by the user. */
|
|
716
|
+
readonly change: EventEmitter<MatChipGridChange>;
|
|
717
|
+
/**
|
|
718
|
+
* Emits whenever the raw value of the chip-grid changes. This is here primarily
|
|
719
|
+
* to facilitate the two-way binding for the `value` input.
|
|
720
|
+
* @docs-private
|
|
721
|
+
*/
|
|
722
|
+
readonly valueChange: EventEmitter<any>;
|
|
723
|
+
_chips: QueryList<MatChipRow>;
|
|
724
|
+
/**
|
|
725
|
+
* Emits whenever the component state changes and should cause the parent
|
|
726
|
+
* form-field to update. Implemented as part of `MatFormFieldControl`.
|
|
727
|
+
* @docs-private
|
|
728
|
+
*/
|
|
729
|
+
readonly stateChanges: Subject<void>;
|
|
730
|
+
/** Whether the chip grid is in an error state. */
|
|
731
|
+
get errorState(): boolean;
|
|
732
|
+
set errorState(value: boolean);
|
|
733
|
+
constructor(...args: unknown[]);
|
|
734
|
+
ngAfterContentInit(): void;
|
|
735
|
+
ngAfterViewInit(): void;
|
|
736
|
+
ngDoCheck(): void;
|
|
737
|
+
ngOnDestroy(): void;
|
|
738
|
+
/** Associates an HTML input element with this chip grid. */
|
|
739
|
+
registerInput(inputElement: MatChipTextControl): void;
|
|
740
|
+
/**
|
|
741
|
+
* Implemented as part of MatFormFieldControl.
|
|
742
|
+
* @docs-private
|
|
743
|
+
*/
|
|
744
|
+
onContainerClick(event: MouseEvent): void;
|
|
745
|
+
/**
|
|
746
|
+
* Focuses the first chip in this chip grid, or the associated input when there
|
|
747
|
+
* are no eligible chips.
|
|
748
|
+
*/
|
|
749
|
+
focus(): void;
|
|
750
|
+
/**
|
|
751
|
+
* Implemented as part of MatFormFieldControl.
|
|
752
|
+
* @docs-private
|
|
753
|
+
*/
|
|
754
|
+
get describedByIds(): string[];
|
|
755
|
+
/**
|
|
756
|
+
* Implemented as part of MatFormFieldControl.
|
|
757
|
+
* @docs-private
|
|
758
|
+
*/
|
|
759
|
+
setDescribedByIds(ids: string[]): void;
|
|
760
|
+
/**
|
|
761
|
+
* Implemented as part of ControlValueAccessor.
|
|
762
|
+
* @docs-private
|
|
763
|
+
*/
|
|
764
|
+
writeValue(value: any): void;
|
|
765
|
+
/**
|
|
766
|
+
* Implemented as part of ControlValueAccessor.
|
|
767
|
+
* @docs-private
|
|
768
|
+
*/
|
|
769
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
770
|
+
/**
|
|
771
|
+
* Implemented as part of ControlValueAccessor.
|
|
772
|
+
* @docs-private
|
|
773
|
+
*/
|
|
774
|
+
registerOnTouched(fn: () => void): void;
|
|
775
|
+
/**
|
|
776
|
+
* Implemented as part of ControlValueAccessor.
|
|
777
|
+
* @docs-private
|
|
778
|
+
*/
|
|
779
|
+
setDisabledState(isDisabled: boolean): void;
|
|
780
|
+
/** Refreshes the error state of the chip grid. */
|
|
781
|
+
updateErrorState(): void;
|
|
782
|
+
/** When blurred, mark the field as touched when focus moved outside the chip grid. */
|
|
480
783
|
_blur(): void;
|
|
481
784
|
/**
|
|
482
785
|
* Removes the `tabindex` from the chip grid and resets it back afterwards, allowing the
|
|
@@ -497,31 +800,31 @@ export declare class MatChipGrid extends MatChipSet implements AfterContentInit,
|
|
|
497
800
|
static ngAcceptInputType_required: unknown;
|
|
498
801
|
}
|
|
499
802
|
|
|
500
|
-
/**
|
|
501
|
-
|
|
502
|
-
/**
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
803
|
+
/** Represents an input event on a `matChipInput`. */
|
|
804
|
+
interface MatChipInputEvent {
|
|
805
|
+
/**
|
|
806
|
+
* The native `<input>` element that the event is being fired for.
|
|
807
|
+
* @deprecated Use `MatChipInputEvent#chipInput.inputElement` instead.
|
|
808
|
+
* @breaking-change 13.0.0 This property will be removed.
|
|
809
|
+
*/
|
|
810
|
+
input: HTMLInputElement;
|
|
811
|
+
/** The value of the input. */
|
|
812
|
+
value: string;
|
|
813
|
+
/** Reference to the chip input that emitted the event. */
|
|
814
|
+
chipInput: MatChipInput;
|
|
511
815
|
}
|
|
512
|
-
|
|
513
816
|
/**
|
|
514
817
|
* Directive that adds chip-specific behaviors to an input element inside `<mat-form-field>`.
|
|
515
818
|
* May be placed inside or outside of a `<mat-chip-grid>`.
|
|
516
819
|
*/
|
|
517
|
-
|
|
820
|
+
declare class MatChipInput implements MatChipTextControl, OnChanges, OnDestroy {
|
|
518
821
|
protected _elementRef: ElementRef<HTMLInputElement>;
|
|
519
822
|
/** Whether the control is focused. */
|
|
520
823
|
focused: boolean;
|
|
521
824
|
/** Register input for chip list */
|
|
522
825
|
get chipGrid(): MatChipGrid;
|
|
523
826
|
set chipGrid(value: MatChipGrid);
|
|
524
|
-
|
|
827
|
+
protected _chipGrid: MatChipGrid;
|
|
525
828
|
/**
|
|
526
829
|
* Whether or not the chipEnd event will be emitted when the input is blurred.
|
|
527
830
|
*/
|
|
@@ -542,6 +845,10 @@ export declare class MatChipInput implements MatChipTextControl, OnChanges, OnDe
|
|
|
542
845
|
get disabled(): boolean;
|
|
543
846
|
set disabled(value: boolean);
|
|
544
847
|
private _disabled;
|
|
848
|
+
/** Whether the input is readonly. */
|
|
849
|
+
readonly: boolean;
|
|
850
|
+
/** Whether the input should remain interactive when it is disabled. */
|
|
851
|
+
disabledInteractive: boolean;
|
|
545
852
|
/** Whether the input is empty. */
|
|
546
853
|
get empty(): boolean;
|
|
547
854
|
/** The native input element to which this directive is attached. */
|
|
@@ -561,440 +868,63 @@ export declare class MatChipInput implements MatChipTextControl, OnChanges, OnDe
|
|
|
561
868
|
focus(): void;
|
|
562
869
|
/** Clears the input */
|
|
563
870
|
clear(): void;
|
|
871
|
+
/**
|
|
872
|
+
* Implemented as part of MatChipTextControl.
|
|
873
|
+
* @docs-private
|
|
874
|
+
*/
|
|
875
|
+
get describedByIds(): string[];
|
|
564
876
|
setDescribedByIds(ids: string[]): void;
|
|
565
877
|
/** Checks whether a keycode is one of the configured separators. */
|
|
566
878
|
private _isSeparatorKey;
|
|
879
|
+
/** Gets the value to set on the `readonly` attribute. */
|
|
880
|
+
protected _getReadonlyAttribute(): string | null;
|
|
567
881
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipInput, never>;
|
|
568
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipInput, "input[matChipInputFor]", ["matChipInput", "matChipInputFor"], { "chipGrid": { "alias": "matChipInputFor"; "required": false; }; "addOnBlur": { "alias": "matChipInputAddOnBlur"; "required": false; }; "separatorKeyCodes": { "alias": "matChipInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "chipEnd": "matChipInputTokenEnd"; }, never, never, true, never>;
|
|
882
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipInput, "input[matChipInputFor]", ["matChipInput", "matChipInputFor"], { "chipGrid": { "alias": "matChipInputFor"; "required": false; }; "addOnBlur": { "alias": "matChipInputAddOnBlur"; "required": false; }; "separatorKeyCodes": { "alias": "matChipInputSeparatorKeyCodes"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabledInteractive": { "alias": "matChipInputDisabledInteractive"; "required": false; }; }, { "chipEnd": "matChipInputTokenEnd"; }, never, never, true, never>;
|
|
569
883
|
static ngAcceptInputType_addOnBlur: unknown;
|
|
570
884
|
static ngAcceptInputType_disabled: unknown;
|
|
885
|
+
static ngAcceptInputType_readonly: unknown;
|
|
886
|
+
static ngAcceptInputType_disabledInteractive: unknown;
|
|
571
887
|
}
|
|
572
888
|
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
* @deprecated Use `MatChipInputEvent#chipInput.inputElement` instead.
|
|
578
|
-
* @breaking-change 13.0.0 This property will be removed.
|
|
579
|
-
*/
|
|
580
|
-
input: HTMLInputElement;
|
|
581
|
-
/** The value of the input. */
|
|
582
|
-
value: string;
|
|
583
|
-
/** Reference to the chip input that emitted the event. */
|
|
584
|
-
chipInput: MatChipInput;
|
|
889
|
+
declare class MatChipsModule {
|
|
890
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsModule, never>;
|
|
891
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatChipsModule, never, [typeof MatCommonModule, typeof MatRippleModule, typeof MatChipAction, typeof MatChip, typeof MatChipAvatar, typeof MatChipEditInput, typeof MatChipGrid, typeof MatChipInput, typeof MatChipListbox, typeof MatChipOption, typeof MatChipRemove, typeof MatChipRow, typeof MatChipSet, typeof MatChipTrailingIcon], [typeof MatCommonModule, typeof MatChip, typeof MatChipAvatar, typeof MatChipEditInput, typeof MatChipGrid, typeof MatChipInput, typeof MatChipListbox, typeof MatChipOption, typeof MatChipRemove, typeof MatChipRow, typeof MatChipSet, typeof MatChipTrailingIcon]>;
|
|
892
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MatChipsModule>;
|
|
585
893
|
}
|
|
586
894
|
|
|
895
|
+
/** Default options, for the chips module, that can be overridden. */
|
|
896
|
+
interface MatChipsDefaultOptions {
|
|
897
|
+
/** The list of key codes that will trigger a chipEnd event. */
|
|
898
|
+
separatorKeyCodes: readonly number[] | ReadonlySet<number>;
|
|
899
|
+
/** Whether icon indicators should be hidden for single-selection. */
|
|
900
|
+
hideSingleSelectionIndicator?: boolean;
|
|
901
|
+
/** Whether the chip input should be interactive while disabled by default. */
|
|
902
|
+
inputDisabledInteractive?: boolean;
|
|
903
|
+
}
|
|
904
|
+
/** Injection token to be used to override the default options for the chips module. */
|
|
905
|
+
declare const MAT_CHIPS_DEFAULT_OPTIONS: InjectionToken<MatChipsDefaultOptions>;
|
|
587
906
|
/**
|
|
588
|
-
*
|
|
589
|
-
*
|
|
907
|
+
* Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
|
|
908
|
+
* alternative token to the actual `MatChipAvatar` class which could cause unnecessary
|
|
909
|
+
* retention of the class and its directive metadata.
|
|
590
910
|
*/
|
|
591
|
-
|
|
592
|
-
/**
|
|
593
|
-
* Function when touched. Set as part of ControlValueAccessor implementation.
|
|
594
|
-
* @docs-private
|
|
595
|
-
*/
|
|
596
|
-
_onTouched: () => void;
|
|
597
|
-
/**
|
|
598
|
-
* Function when changed. Set as part of ControlValueAccessor implementation.
|
|
599
|
-
* @docs-private
|
|
600
|
-
*/
|
|
601
|
-
_onChange: (value: any) => void;
|
|
602
|
-
protected _defaultRole: string;
|
|
603
|
-
/** Default chip options. */
|
|
604
|
-
private _defaultOptions;
|
|
605
|
-
/** Whether the user should be allowed to select multiple chips. */
|
|
606
|
-
get multiple(): boolean;
|
|
607
|
-
set multiple(value: boolean);
|
|
608
|
-
private _multiple;
|
|
609
|
-
/** The array of selected chips inside the chip listbox. */
|
|
610
|
-
get selected(): MatChipOption[] | MatChipOption;
|
|
611
|
-
/** Orientation of the chip list. */
|
|
612
|
-
ariaOrientation: 'horizontal' | 'vertical';
|
|
613
|
-
/**
|
|
614
|
-
* Whether or not this chip listbox is selectable.
|
|
615
|
-
*
|
|
616
|
-
* When a chip listbox is not selectable, the selected states for all
|
|
617
|
-
* the chips inside the chip listbox are always ignored.
|
|
618
|
-
*/
|
|
619
|
-
get selectable(): boolean;
|
|
620
|
-
set selectable(value: boolean);
|
|
621
|
-
protected _selectable: boolean;
|
|
622
|
-
/**
|
|
623
|
-
* A function to compare the option values with the selected values. The first argument
|
|
624
|
-
* is a value from an option. The second is a value from the selection. A boolean
|
|
625
|
-
* should be returned.
|
|
626
|
-
*/
|
|
627
|
-
compareWith: (o1: any, o2: any) => boolean;
|
|
628
|
-
/** Whether this chip listbox is required. */
|
|
629
|
-
required: boolean;
|
|
630
|
-
/** Whether checkmark indicator for single-selection options is hidden. */
|
|
631
|
-
get hideSingleSelectionIndicator(): boolean;
|
|
632
|
-
set hideSingleSelectionIndicator(value: boolean);
|
|
633
|
-
private _hideSingleSelectionIndicator;
|
|
634
|
-
/** Combined stream of all of the child chips' selection change events. */
|
|
635
|
-
get chipSelectionChanges(): Observable<MatChipSelectionChange>;
|
|
636
|
-
/** Combined stream of all of the child chips' blur events. */
|
|
637
|
-
get chipBlurChanges(): Observable<MatChipEvent>;
|
|
638
|
-
/** The value of the listbox, which is the combined value of the selected chips. */
|
|
639
|
-
get value(): any;
|
|
640
|
-
set value(value: any);
|
|
641
|
-
protected _value: any;
|
|
642
|
-
/** Event emitted when the selected chip listbox value has been changed by the user. */
|
|
643
|
-
readonly change: EventEmitter<MatChipListboxChange>;
|
|
644
|
-
_chips: QueryList<MatChipOption>;
|
|
645
|
-
ngAfterContentInit(): void;
|
|
646
|
-
/**
|
|
647
|
-
* Focuses the first selected chip in this chip listbox, or the first non-disabled chip when there
|
|
648
|
-
* are no selected chips.
|
|
649
|
-
*/
|
|
650
|
-
focus(): void;
|
|
651
|
-
/**
|
|
652
|
-
* Implemented as part of ControlValueAccessor.
|
|
653
|
-
* @docs-private
|
|
654
|
-
*/
|
|
655
|
-
writeValue(value: any): void;
|
|
656
|
-
/**
|
|
657
|
-
* Implemented as part of ControlValueAccessor.
|
|
658
|
-
* @docs-private
|
|
659
|
-
*/
|
|
660
|
-
registerOnChange(fn: (value: any) => void): void;
|
|
661
|
-
/**
|
|
662
|
-
* Implemented as part of ControlValueAccessor.
|
|
663
|
-
* @docs-private
|
|
664
|
-
*/
|
|
665
|
-
registerOnTouched(fn: () => void): void;
|
|
666
|
-
/**
|
|
667
|
-
* Implemented as part of ControlValueAccessor.
|
|
668
|
-
* @docs-private
|
|
669
|
-
*/
|
|
670
|
-
setDisabledState(isDisabled: boolean): void;
|
|
671
|
-
/** Selects all chips with value. */
|
|
672
|
-
_setSelectionByValue(value: any, isUserInput?: boolean): void;
|
|
673
|
-
/** When blurred, marks the field as touched when focus moved outside the chip listbox. */
|
|
674
|
-
_blur(): void;
|
|
675
|
-
_keydown(event: KeyboardEvent): void;
|
|
676
|
-
/** Marks the field as touched */
|
|
677
|
-
private _markAsTouched;
|
|
678
|
-
/** Emits change event to set the model value. */
|
|
679
|
-
private _propagateChanges;
|
|
680
|
-
/**
|
|
681
|
-
* Deselects every chip in the listbox.
|
|
682
|
-
* @param skip Chip that should not be deselected.
|
|
683
|
-
*/
|
|
684
|
-
private _clearSelection;
|
|
685
|
-
/**
|
|
686
|
-
* Finds and selects the chip based on its value.
|
|
687
|
-
* @returns Chip that has the corresponding value.
|
|
688
|
-
*/
|
|
689
|
-
private _selectValue;
|
|
690
|
-
/** Syncs the chip-listbox selection state with the individual chips. */
|
|
691
|
-
private _syncListboxProperties;
|
|
692
|
-
/** Returns the first selected chip in this listbox, or undefined if no chips are selected. */
|
|
693
|
-
private _getFirstSelectedChip;
|
|
694
|
-
/**
|
|
695
|
-
* Determines if key manager should avoid putting a given chip action in the tab index. Skip
|
|
696
|
-
* non-interactive actions since the user can't do anything with them.
|
|
697
|
-
*/
|
|
698
|
-
protected _skipPredicate(action: MatChipAction): boolean;
|
|
699
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipListbox, never>;
|
|
700
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipListbox, "mat-chip-listbox", never, { "multiple": { "alias": "multiple"; "required": false; }; "ariaOrientation": { "alias": "aria-orientation"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, ["_chips"], ["*"], true, never>;
|
|
701
|
-
static ngAcceptInputType_multiple: unknown;
|
|
702
|
-
static ngAcceptInputType_selectable: unknown;
|
|
703
|
-
static ngAcceptInputType_required: unknown;
|
|
704
|
-
static ngAcceptInputType_hideSingleSelectionIndicator: unknown;
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
/** Change event object that is emitted when the chip listbox value has changed. */
|
|
708
|
-
export declare class MatChipListboxChange {
|
|
709
|
-
/** Chip listbox that emitted the event. */
|
|
710
|
-
source: MatChipListbox;
|
|
711
|
-
/** Value of the chip listbox when the event was emitted. */
|
|
712
|
-
value: any;
|
|
713
|
-
constructor(
|
|
714
|
-
/** Chip listbox that emitted the event. */
|
|
715
|
-
source: MatChipListbox,
|
|
716
|
-
/** Value of the chip listbox when the event was emitted. */
|
|
717
|
-
value: any);
|
|
718
|
-
}
|
|
719
|
-
|
|
720
|
-
/**
|
|
721
|
-
* An extension of the MatChip component that supports chip selection. Used with MatChipListbox.
|
|
722
|
-
*
|
|
723
|
-
* Unlike other chips, the user can focus on disabled chip options inside a MatChipListbox. The
|
|
724
|
-
* user cannot click disabled chips.
|
|
725
|
-
*/
|
|
726
|
-
export declare class MatChipOption extends MatChip implements OnInit {
|
|
727
|
-
/** Default chip options. */
|
|
728
|
-
private _defaultOptions;
|
|
729
|
-
/** Whether the chip list is selectable. */
|
|
730
|
-
chipListSelectable: boolean;
|
|
731
|
-
/** Whether the chip list is in multi-selection mode. */
|
|
732
|
-
_chipListMultiple: boolean;
|
|
733
|
-
/** Whether the chip list hides single-selection indicator. */
|
|
734
|
-
_chipListHideSingleSelectionIndicator: boolean;
|
|
735
|
-
/**
|
|
736
|
-
* Whether or not the chip is selectable.
|
|
737
|
-
*
|
|
738
|
-
* When a chip is not selectable, changes to its selected state are always
|
|
739
|
-
* ignored. By default an option chip is selectable, and it becomes
|
|
740
|
-
* non-selectable if its parent chip list is not selectable.
|
|
741
|
-
*/
|
|
742
|
-
get selectable(): boolean;
|
|
743
|
-
set selectable(value: boolean);
|
|
744
|
-
protected _selectable: boolean;
|
|
745
|
-
/** Whether the chip is selected. */
|
|
746
|
-
get selected(): boolean;
|
|
747
|
-
set selected(value: boolean);
|
|
748
|
-
private _selected;
|
|
749
|
-
/**
|
|
750
|
-
* The ARIA selected applied to the chip. Conforms to WAI ARIA best practices for listbox
|
|
751
|
-
* interaction patterns.
|
|
752
|
-
*
|
|
753
|
-
* From [WAI ARIA Listbox authoring practices guide](
|
|
754
|
-
* https://www.w3.org/WAI/ARIA/apg/patterns/listbox/):
|
|
755
|
-
* "If any options are selected, each selected option has either aria-selected or aria-checked
|
|
756
|
-
* set to true. All options that are selectable but not selected have either aria-selected or
|
|
757
|
-
* aria-checked set to false."
|
|
758
|
-
*
|
|
759
|
-
* Set `aria-selected="false"` on not-selected listbox options that are selectable to fix
|
|
760
|
-
* VoiceOver reading every option as "selected" (#25736).
|
|
761
|
-
*/
|
|
762
|
-
get ariaSelected(): string | null;
|
|
763
|
-
/** The unstyled chip selector for this component. */
|
|
764
|
-
protected basicChipAttrName: string;
|
|
765
|
-
/** Emitted when the chip is selected or deselected. */
|
|
766
|
-
readonly selectionChange: EventEmitter<MatChipSelectionChange>;
|
|
767
|
-
ngOnInit(): void;
|
|
768
|
-
/** Selects the chip. */
|
|
769
|
-
select(): void;
|
|
770
|
-
/** Deselects the chip. */
|
|
771
|
-
deselect(): void;
|
|
772
|
-
/** Selects this chip and emits userInputSelection event */
|
|
773
|
-
selectViaInteraction(): void;
|
|
774
|
-
/** Toggles the current selected state of this chip. */
|
|
775
|
-
toggleSelected(isUserInput?: boolean): boolean;
|
|
776
|
-
_handlePrimaryActionInteraction(): void;
|
|
777
|
-
_hasLeadingGraphic(): boolean;
|
|
778
|
-
_setSelectedState(isSelected: boolean, isUserInput: boolean, emitEvent: boolean): void;
|
|
779
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipOption, never>;
|
|
780
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipOption, "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", never, { "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, ["mat-chip-avatar, [matChipAvatar]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], true, never>;
|
|
781
|
-
static ngAcceptInputType_selectable: unknown;
|
|
782
|
-
static ngAcceptInputType_selected: unknown;
|
|
783
|
-
}
|
|
784
|
-
|
|
911
|
+
declare const MAT_CHIP_AVATAR: InjectionToken<unknown>;
|
|
785
912
|
/**
|
|
786
|
-
*
|
|
787
|
-
*
|
|
788
|
-
*
|
|
789
|
-
* Recommended for use with the Material Design "cancel" icon
|
|
790
|
-
* available at https://material.io/icons/#ic_cancel.
|
|
791
|
-
*
|
|
792
|
-
* Example:
|
|
793
|
-
*
|
|
794
|
-
* ```
|
|
795
|
-
* <mat-chip>
|
|
796
|
-
* <mat-icon matChipRemove>cancel</mat-icon>
|
|
797
|
-
* </mat-chip>
|
|
798
|
-
* ```
|
|
913
|
+
* Injection token that can be used to reference instances of `MatChipTrailingIcon`. It serves as
|
|
914
|
+
* alternative token to the actual `MatChipTrailingIcon` class which could cause unnecessary
|
|
915
|
+
* retention of the class and its directive metadata.
|
|
799
916
|
*/
|
|
800
|
-
|
|
801
|
-
_isPrimary: boolean;
|
|
802
|
-
_handleClick(event: MouseEvent): void;
|
|
803
|
-
_handleKeydown(event: KeyboardEvent): void;
|
|
804
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRemove, never>;
|
|
805
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipRemove, "[matChipRemove]", never, {}, {}, never, never, true, never>;
|
|
806
|
-
}
|
|
807
|
-
|
|
917
|
+
declare const MAT_CHIP_TRAILING_ICON: InjectionToken<unknown>;
|
|
808
918
|
/**
|
|
809
|
-
*
|
|
810
|
-
* the
|
|
919
|
+
* Injection token that can be used to reference instances of `MatChipRemove`. It serves as
|
|
920
|
+
* alternative token to the actual `MatChipRemove` class which could cause unnecessary
|
|
921
|
+
* retention of the class and its directive metadata.
|
|
811
922
|
*/
|
|
812
|
-
|
|
813
|
-
protected basicChipAttrName: string;
|
|
814
|
-
/**
|
|
815
|
-
* The editing action has to be triggered in a timeout. While we're waiting on it, a blur
|
|
816
|
-
* event might occur which will interrupt the editing. This flag is used to avoid interruptions
|
|
817
|
-
* while the editing action is being initialized.
|
|
818
|
-
*/
|
|
819
|
-
private _editStartPending;
|
|
820
|
-
editable: boolean;
|
|
821
|
-
/** Emitted when the chip is edited. */
|
|
822
|
-
readonly edited: EventEmitter<MatChipEditedEvent>;
|
|
823
|
-
/** The default chip edit input that is used if none is projected into this chip row. */
|
|
824
|
-
defaultEditInput?: MatChipEditInput;
|
|
825
|
-
/** The projected chip edit input. */
|
|
826
|
-
contentEditInput?: MatChipEditInput;
|
|
827
|
-
_isEditing: boolean;
|
|
828
|
-
constructor(...args: unknown[]);
|
|
829
|
-
_hasTrailingIcon(): boolean;
|
|
830
|
-
/** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */
|
|
831
|
-
_handleFocus(): void;
|
|
832
|
-
_handleKeydown(event: KeyboardEvent): void;
|
|
833
|
-
_handleDoubleclick(event: MouseEvent): void;
|
|
834
|
-
private _startEditing;
|
|
835
|
-
private _onEditFinish;
|
|
836
|
-
_isRippleDisabled(): boolean;
|
|
837
|
-
/**
|
|
838
|
-
* Gets the projected chip edit input, or the default input if none is projected in. One of these
|
|
839
|
-
* two values is guaranteed to be defined.
|
|
840
|
-
*/
|
|
841
|
-
private _getEditInput;
|
|
842
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipRow, never>;
|
|
843
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipRow, "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", never, { "editable": { "alias": "editable"; "required": false; }; }, { "edited": "edited"; }, ["contentEditInput"], ["mat-chip-avatar, [matChipAvatar]", "[matChipEditInput]", "*", "mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]"], true, never>;
|
|
844
|
-
}
|
|
845
|
-
|
|
846
|
-
/** Default options, for the chips module, that can be overridden. */
|
|
847
|
-
export declare interface MatChipsDefaultOptions {
|
|
848
|
-
/** The list of key codes that will trigger a chipEnd event. */
|
|
849
|
-
separatorKeyCodes: readonly number[] | ReadonlySet<number>;
|
|
850
|
-
/** Whether icon indicators should be hidden for single-selection. */
|
|
851
|
-
hideSingleSelectionIndicator?: boolean;
|
|
852
|
-
}
|
|
853
|
-
|
|
854
|
-
/** Event object emitted by MatChipOption when selected or deselected. */
|
|
855
|
-
export declare class MatChipSelectionChange {
|
|
856
|
-
/** Reference to the chip that emitted the event. */
|
|
857
|
-
source: MatChipOption;
|
|
858
|
-
/** Whether the chip that emitted the event is selected. */
|
|
859
|
-
selected: boolean;
|
|
860
|
-
/** Whether the selection change was a result of a user interaction. */
|
|
861
|
-
isUserInput: boolean;
|
|
862
|
-
constructor(
|
|
863
|
-
/** Reference to the chip that emitted the event. */
|
|
864
|
-
source: MatChipOption,
|
|
865
|
-
/** Whether the chip that emitted the event is selected. */
|
|
866
|
-
selected: boolean,
|
|
867
|
-
/** Whether the selection change was a result of a user interaction. */
|
|
868
|
-
isUserInput?: boolean);
|
|
869
|
-
}
|
|
870
|
-
|
|
923
|
+
declare const MAT_CHIP_REMOVE: InjectionToken<unknown>;
|
|
871
924
|
/**
|
|
872
|
-
*
|
|
873
|
-
*
|
|
874
|
-
* Extended by MatChipListbox and MatChipGrid for different interaction patterns.
|
|
925
|
+
* Injection token used to avoid a circular dependency between the `MatChip` and `MatChipAction`.
|
|
875
926
|
*/
|
|
876
|
-
|
|
877
|
-
protected _elementRef: ElementRef<HTMLElement>;
|
|
878
|
-
protected _changeDetectorRef: ChangeDetectorRef;
|
|
879
|
-
private _dir;
|
|
880
|
-
/** Index of the last destroyed chip that had focus. */
|
|
881
|
-
private _lastDestroyedFocusedChipIndex;
|
|
882
|
-
/** Used to manage focus within the chip list. */
|
|
883
|
-
protected _keyManager: FocusKeyManager<MatChipAction>;
|
|
884
|
-
/** Subject that emits when the component has been destroyed. */
|
|
885
|
-
protected _destroyed: Subject<void>;
|
|
886
|
-
/** Role to use if it hasn't been overwritten by the user. */
|
|
887
|
-
protected _defaultRole: string;
|
|
888
|
-
/** Combined stream of all of the child chips' focus events. */
|
|
889
|
-
get chipFocusChanges(): Observable<MatChipEvent>;
|
|
890
|
-
/** Combined stream of all of the child chips' destroy events. */
|
|
891
|
-
get chipDestroyedChanges(): Observable<MatChipEvent>;
|
|
892
|
-
/** Combined stream of all of the child chips' remove events. */
|
|
893
|
-
get chipRemovedChanges(): Observable<MatChipEvent>;
|
|
894
|
-
/** Whether the chip set is disabled. */
|
|
895
|
-
get disabled(): boolean;
|
|
896
|
-
set disabled(value: boolean);
|
|
897
|
-
protected _disabled: boolean;
|
|
898
|
-
/** Whether the chip list contains chips or not. */
|
|
899
|
-
get empty(): boolean;
|
|
900
|
-
/** The ARIA role applied to the chip set. */
|
|
901
|
-
get role(): string | null;
|
|
902
|
-
/** Tabindex of the chip set. */
|
|
903
|
-
tabIndex: number;
|
|
904
|
-
set role(value: string | null);
|
|
905
|
-
private _explicitRole;
|
|
906
|
-
/** Whether any of the chips inside of this chip-set has focus. */
|
|
907
|
-
get focused(): boolean;
|
|
908
|
-
/** The chips that are part of this chip set. */
|
|
909
|
-
_chips: QueryList<MatChip>;
|
|
910
|
-
/** Flat list of all the actions contained within the chips. */
|
|
911
|
-
_chipActions: QueryList<MatChipAction>;
|
|
912
|
-
constructor(...args: unknown[]);
|
|
913
|
-
ngAfterViewInit(): void;
|
|
914
|
-
ngOnDestroy(): void;
|
|
915
|
-
/** Checks whether any of the chips is focused. */
|
|
916
|
-
protected _hasFocusedChip(): boolean;
|
|
917
|
-
/** Syncs the chip-set's state with the individual chips. */
|
|
918
|
-
protected _syncChipsState(): void;
|
|
919
|
-
/** Dummy method for subclasses to override. Base chip set cannot be focused. */
|
|
920
|
-
focus(): void;
|
|
921
|
-
/** Handles keyboard events on the chip set. */
|
|
922
|
-
_handleKeydown(event: KeyboardEvent): void;
|
|
923
|
-
/**
|
|
924
|
-
* Utility to ensure all indexes are valid.
|
|
925
|
-
*
|
|
926
|
-
* @param index The index to be checked.
|
|
927
|
-
* @returns True if the index is valid for our list of chips.
|
|
928
|
-
*/
|
|
929
|
-
protected _isValidIndex(index: number): boolean;
|
|
930
|
-
/**
|
|
931
|
-
* Removes the `tabindex` from the chip set and resets it back afterwards, allowing the
|
|
932
|
-
* user to tab out of it. This prevents the set from capturing focus and redirecting
|
|
933
|
-
* it back to the first chip, creating a focus trap, if it user tries to tab away.
|
|
934
|
-
*/
|
|
935
|
-
protected _allowFocusEscape(): void;
|
|
936
|
-
/**
|
|
937
|
-
* Gets a stream of events from all the chips within the set.
|
|
938
|
-
* The stream will automatically incorporate any newly-added chips.
|
|
939
|
-
*/
|
|
940
|
-
protected _getChipStream<T, C extends MatChip = MatChip>(mappingFunction: (chip: C) => Observable<T>): Observable<T>;
|
|
941
|
-
/** Checks whether an event comes from inside a chip element. */
|
|
942
|
-
protected _originatesFromChip(event: Event): boolean;
|
|
943
|
-
/** Sets up the chip set's focus management logic. */
|
|
944
|
-
private _setUpFocusManagement;
|
|
945
|
-
/**
|
|
946
|
-
* Determines if key manager should avoid putting a given chip action in the tab index. Skip
|
|
947
|
-
* non-interactive and disabled actions since the user can't do anything with them.
|
|
948
|
-
*/
|
|
949
|
-
protected _skipPredicate(action: MatChipAction): boolean;
|
|
950
|
-
/** Listens to changes in the chip set and syncs up the state of the individual chips. */
|
|
951
|
-
private _trackChipSetChanges;
|
|
952
|
-
/** Starts tracking the destroyed chips in order to capture the focused one. */
|
|
953
|
-
private _trackDestroyedFocusedChip;
|
|
954
|
-
/**
|
|
955
|
-
* Finds the next appropriate chip to move focus to,
|
|
956
|
-
* if the currently-focused chip is destroyed.
|
|
957
|
-
*/
|
|
958
|
-
private _redirectDestroyedChipFocus;
|
|
959
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipSet, never>;
|
|
960
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatChipSet, "mat-chip-set", never, { "disabled": { "alias": "disabled"; "required": false; }; "role": { "alias": "role"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["_chips"], ["*"], true, never>;
|
|
961
|
-
static ngAcceptInputType_disabled: unknown;
|
|
962
|
-
static ngAcceptInputType_tabIndex: unknown;
|
|
963
|
-
}
|
|
964
|
-
|
|
965
|
-
export declare class MatChipsModule {
|
|
966
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsModule, never>;
|
|
967
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MatChipsModule, never, [typeof i1.MatCommonModule, typeof i1.MatRippleModule, typeof i2.MatChipAction, typeof i3.MatChip, typeof i4.MatChipAvatar, typeof i5.MatChipEditInput, typeof i6.MatChipGrid, typeof i7.MatChipInput, typeof i8.MatChipListbox, typeof i9.MatChipOption, typeof i4.MatChipRemove, typeof i10.MatChipRow, typeof i11.MatChipSet, typeof i4.MatChipTrailingIcon], [typeof i1.MatCommonModule, typeof i3.MatChip, typeof i4.MatChipAvatar, typeof i5.MatChipEditInput, typeof i6.MatChipGrid, typeof i7.MatChipInput, typeof i8.MatChipListbox, typeof i9.MatChipOption, typeof i4.MatChipRemove, typeof i10.MatChipRow, typeof i11.MatChipSet, typeof i4.MatChipTrailingIcon]>;
|
|
968
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<MatChipsModule>;
|
|
969
|
-
}
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
/** Interface for a text control that is used to drive interaction with a mat-chip-list. */
|
|
973
|
-
export declare interface MatChipTextControl {
|
|
974
|
-
/** Unique identifier for the text control. */
|
|
975
|
-
id: string;
|
|
976
|
-
/** The text control's placeholder text. */
|
|
977
|
-
placeholder: string;
|
|
978
|
-
/** Whether the text control has browser focus. */
|
|
979
|
-
focused: boolean;
|
|
980
|
-
/** Whether the text control is empty. */
|
|
981
|
-
empty: boolean;
|
|
982
|
-
/** Focuses the text control. */
|
|
983
|
-
focus(): void;
|
|
984
|
-
/** Sets the list of ids the input is described by. */
|
|
985
|
-
setDescribedByIds(ids: string[]): void;
|
|
986
|
-
}
|
|
987
|
-
|
|
988
|
-
/** Non-interactive trailing icon in a chip. */
|
|
989
|
-
export declare class MatChipTrailingIcon extends MatChipAction {
|
|
990
|
-
/**
|
|
991
|
-
* MDC considers all trailing actions as a remove icon,
|
|
992
|
-
* but we support non-interactive trailing icons.
|
|
993
|
-
*/
|
|
994
|
-
isInteractive: boolean;
|
|
995
|
-
_isPrimary: boolean;
|
|
996
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatChipTrailingIcon, never>;
|
|
997
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatChipTrailingIcon, "mat-chip-trailing-icon, [matChipTrailingIcon]", never, {}, {}, never, never, true, never>;
|
|
998
|
-
}
|
|
927
|
+
declare const MAT_CHIP: InjectionToken<unknown>;
|
|
999
928
|
|
|
1000
|
-
export { }
|
|
929
|
+
export { MAT_CHIP, MAT_CHIPS_DEFAULT_OPTIONS, MAT_CHIP_AVATAR, MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR, MAT_CHIP_REMOVE, MAT_CHIP_TRAILING_ICON, MatChip, MatChipAvatar, MatChipEditInput, MatChipGrid, MatChipGridChange, MatChipInput, MatChipListbox, MatChipListboxChange, MatChipOption, MatChipRemove, MatChipRow, MatChipSelectionChange, MatChipSet, MatChipTrailingIcon, MatChipsModule };
|
|
930
|
+
export type { MatChipEditedEvent, MatChipEvent, MatChipInputEvent, MatChipTextControl, MatChipsDefaultOptions };
|