@angular/material 20.0.0-next.0 → 20.0.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/_autocomplete-theme.scss +4 -4
- package/autocomplete/index.d.ts +96 -126
- package/autocomplete/testing/index.d.ts +6 -11
- package/badge/_badge-theme.scss +5 -5
- package/badge/index.d.ts +8 -112
- package/badge/testing/index.d.ts +7 -8
- package/badge.d-49a8a74b.d.ts +98 -0
- package/bottom-sheet/_bottom-sheet-theme.scss +3 -3
- package/bottom-sheet/index.d.ts +88 -103
- package/bottom-sheet/testing/index.d.ts +4 -6
- package/button/_button-theme.scss +84 -32
- package/button/_fab-theme.scss +13 -13
- package/button/_icon-button-theme.scss +5 -5
- package/button/index.d.ts +10 -245
- package/button/testing/index.d.ts +13 -10
- package/button-toggle/_button-toggle-theme.scss +8 -8
- package/button-toggle/index.d.ts +12 -285
- package/button-toggle/testing/index.d.ts +38 -37
- package/button-toggle.d-edc8acff.d.ts +257 -0
- package/card/_card-theme.scss +12 -12
- package/card/index.d.ts +80 -117
- package/card/testing/index.d.ts +11 -15
- package/checkbox/_checkbox-theme.scss +10 -10
- package/checkbox/index.d.ts +43 -104
- package/checkbox/testing/index.d.ts +6 -10
- package/chips/_chips-theme.scss +14 -14
- package/chips/index.d.ts +599 -693
- package/chips/testing/index.d.ts +78 -93
- package/common-module.d-0e6515ae.d.ts +43 -0
- package/core/_core-theme.scss +2 -2
- package/core/index.d.ts +50 -979
- package/core/option/_optgroup-theme.scss +2 -2
- package/core/option/_option-theme.scss +4 -4
- package/core/ripple/_ripple-theme.scss +3 -3
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +4 -4
- package/core/testing/index.d.ts +3 -65
- package/core/theming/_color-api-backwards-compatibility.scss +19 -8
- package/core/tokens/_density.scss +3 -0
- package/core/tokens/_token-definition.scss +1 -2
- package/core/tokens/_token-utils.scss +20 -5
- package/core/tokens/m2/_index.scss +2 -0
- package/core/tokens/m2/mat/_tonal-button.scss +110 -0
- package/core/tokens/m3/_index.scss +2 -0
- package/core/tokens/m3/definitions/_index.scss +1 -1
- package/core/tokens/m3/definitions/_md-comp-elevated-card.scss +3 -1
- package/core/tokens/m3/definitions/_md-sys-color.scss +44 -2
- package/core/tokens/m3/definitions/_md-sys-typescale.scss +20 -1
- package/core/tokens/m3/mat/_tonal-button.scss +101 -0
- package/date-adapter.d-c6835d41.d.ts +267 -0
- package/date-range-input-harness.d-549a9f7e.d.ts +278 -0
- package/datepicker/_datepicker-theme.scss +8 -7
- package/datepicker/index.d.ts +1332 -1482
- package/datepicker/testing/index.d.ts +5 -287
- package/dialog/_dialog-theme.scss +6 -6
- package/dialog/index.d.ts +59 -453
- package/dialog/testing/index.d.ts +22 -26
- package/dialog.d-57867441.d.ts +335 -0
- package/divider/_divider-theme.scss +2 -2
- package/divider/index.d.ts +6 -11
- package/divider/testing/index.d.ts +2 -16
- package/divider-harness.d-d34fede4.d.ts +14 -0
- package/error-options.d-448d9046.d.ts +17 -0
- package/expansion/_expansion-theme.scss +4 -4
- package/expansion/index.d.ts +139 -190
- package/expansion/testing/index.d.ts +25 -31
- package/fesm2022/autocomplete/testing.mjs +2 -1
- package/fesm2022/autocomplete/testing.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +56 -32
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge/testing.mjs.map +1 -1
- package/fesm2022/badge.mjs +14 -17
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +13 -15
- package/fesm2022/bottom-sheet.mjs.map +1 -1
- package/fesm2022/button/testing.mjs +34 -15
- package/fesm2022/button/testing.mjs.map +1 -1
- package/fesm2022/button-toggle/testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +22 -15
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +14 -395
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/card.mjs +49 -51
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +32 -73
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips/testing.mjs.map +1 -1
- package/fesm2022/chips.mjs +51 -46
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/common-module-2d64df09.mjs +42 -0
- package/fesm2022/common-module-2d64df09.mjs.map +1 -0
- package/fesm2022/core/testing.mjs +3 -76
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +38 -1598
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/date-formats-b618acb8.mjs +190 -0
- package/fesm2022/date-formats-b618acb8.mjs.map +1 -0
- package/fesm2022/date-range-input-harness-de70be6a.mjs +467 -0
- package/fesm2022/date-range-input-harness-de70be6a.mjs.map +1 -0
- package/fesm2022/datepicker/testing.mjs +5 -465
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +162 -131
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +12 -1
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +14 -895
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider/testing.mjs +2 -17
- package/fesm2022/divider/testing.mjs.map +1 -1
- package/fesm2022/divider-harness-8099453f.mjs +18 -0
- package/fesm2022/divider-harness-8099453f.mjs.map +1 -0
- package/fesm2022/divider.mjs +10 -12
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/error-options-4a00765e.mjs +29 -0
- package/fesm2022/error-options-4a00765e.mjs.map +1 -0
- package/fesm2022/error-state-8f4ce1af.mjs +37 -0
- package/fesm2022/error-state-8f4ce1af.mjs.map +1 -0
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +30 -32
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field/testing/control.mjs +2 -10
- package/fesm2022/form-field/testing/control.mjs.map +1 -1
- package/fesm2022/form-field/testing.mjs +7 -6
- package/fesm2022/form-field/testing.mjs.map +1 -1
- package/fesm2022/form-field-6d755764.mjs +1076 -0
- package/fesm2022/form-field-6d755764.mjs.map +1 -0
- package/fesm2022/form-field-control-harness-efefd4cf.mjs +11 -0
- package/fesm2022/form-field-control-harness-efefd4cf.mjs.map +1 -0
- package/fesm2022/form-field.mjs +14 -1110
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs +1 -1
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +30 -173
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +12 -12
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon-button-0850d958.mjs +211 -0
- package/fesm2022/icon-button-0850d958.mjs.map +1 -0
- package/fesm2022/icon-module-3f77a24d.mjs +395 -0
- package/fesm2022/icon-module-3f77a24d.mjs.map +1 -0
- package/fesm2022/icon-registry-13a3b98e.mjs +639 -0
- package/fesm2022/icon-registry-13a3b98e.mjs.map +1 -0
- package/fesm2022/icon.mjs +11 -1016
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/index-1763d3a6.mjs +22 -0
- package/fesm2022/index-1763d3a6.mjs.map +1 -0
- package/fesm2022/index-4bc1d6d3.mjs +20 -0
- package/fesm2022/index-4bc1d6d3.mjs.map +1 -0
- package/fesm2022/input/testing.mjs +5 -113
- package/fesm2022/input/testing.mjs.map +1 -1
- package/fesm2022/input-harness-e68bb132.mjs +115 -0
- package/fesm2022/input-harness-e68bb132.mjs.map +1 -0
- package/fesm2022/input-value-accessor-8a79a24e.mjs +12 -0
- package/fesm2022/input-value-accessor-8a79a24e.mjs.map +1 -0
- package/fesm2022/input.mjs +21 -23
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/internal-form-field-434c4039.mjs +27 -0
- package/fesm2022/internal-form-field-434c4039.mjs.map +1 -0
- package/fesm2022/line-d6afe347.mjs +59 -0
- package/fesm2022/line-d6afe347.mjs.map +1 -0
- package/fesm2022/list/testing.mjs +2 -2
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +59 -56
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +37 -25
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/module-1c16a0a9.mjs +1293 -0
- package/fesm2022/module-1c16a0a9.mjs.map +1 -0
- package/fesm2022/module-47e3be58.mjs +970 -0
- package/fesm2022/module-47e3be58.mjs.map +1 -0
- package/fesm2022/module-a5f9ab72.mjs +875 -0
- package/fesm2022/module-a5f9ab72.mjs.map +1 -0
- package/fesm2022/module-cf951a02.mjs +214 -0
- package/fesm2022/module-cf951a02.mjs.map +1 -0
- package/fesm2022/module-d757bba0.mjs +38 -0
- package/fesm2022/module-d757bba0.mjs.map +1 -0
- package/fesm2022/optgroup-harness-5e66b138.mjs +36 -0
- package/fesm2022/optgroup-harness-5e66b138.mjs.map +1 -0
- package/fesm2022/option-07c3c660.mjs +348 -0
- package/fesm2022/option-07c3c660.mjs.map +1 -0
- package/fesm2022/option-harness-3b7c1106.mjs +46 -0
- package/fesm2022/option-harness-3b7c1106.mjs.map +1 -0
- package/fesm2022/paginator/testing.mjs +4 -1
- package/fesm2022/paginator/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +52 -22
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar/testing.mjs +0 -4
- package/fesm2022/progress-bar/testing.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +15 -13
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner/testing.mjs +0 -4
- package/fesm2022/progress-spinner/testing.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +15 -13
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/pseudo-checkbox-af5a4ea4.mjs +52 -0
- package/fesm2022/pseudo-checkbox-af5a4ea4.mjs.map +1 -0
- package/fesm2022/pseudo-checkbox-module-216fae38.mjs +20 -0
- package/fesm2022/pseudo-checkbox-module-216fae38.mjs.map +1 -0
- package/fesm2022/public-api-c5ab57f5.mjs +147 -0
- package/fesm2022/public-api-c5ab57f5.mjs.map +1 -0
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/radio.mjs +23 -15
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/ripple-9939d1f5.mjs +639 -0
- package/fesm2022/ripple-9939d1f5.mjs.map +1 -0
- package/fesm2022/ripple-loader-f2078c66.mjs +165 -0
- package/fesm2022/ripple-loader-f2078c66.mjs.map +1 -0
- package/fesm2022/select/testing.mjs +5 -121
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/select-harness-69d47123.mjs +123 -0
- package/fesm2022/select-harness-69d47123.mjs.map +1 -0
- package/fesm2022/select.mjs +30 -1311
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav/testing.mjs +1 -1
- package/fesm2022/sidenav/testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +31 -31
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +27 -75
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +27 -23
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +38 -30
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort/testing.mjs.map +1 -1
- package/fesm2022/sort.mjs +26 -20
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +52 -39
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/structural-styles-d5ada3b3.mjs +18 -0
- package/fesm2022/structural-styles-d5ada3b3.mjs.map +1 -0
- package/fesm2022/table/testing.mjs.map +1 -1
- package/fesm2022/table.mjs +58 -60
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +54 -58
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker/testing.mjs +1 -1
- package/fesm2022/timepicker/testing.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +37 -26
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +13 -15
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip/testing.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +15 -960
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree/testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +28 -30
- package/fesm2022/tree.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +16 -16
- package/form-field/index.d.ts +16 -508
- package/form-field/testing/control/index.d.ts +2 -10
- package/form-field/testing/index.d.ts +19 -24
- package/form-field-control-harness.d-2d91f25a.d.ts +10 -0
- package/form-field-control.d-eb86711c.d.ts +62 -0
- package/form-field.d-2edbc094.d.ts +367 -0
- package/grid-list/_grid-list-theme.scss +1 -1
- package/grid-list/index.d.ts +128 -152
- package/grid-list/testing/index.d.ts +39 -44
- package/icon/_icon-theme.scss +2 -2
- package/icon/index.d.ts +9 -470
- package/icon/testing/index.d.ts +41 -44
- package/icon-module.d-aa3bbba0.d.ts +167 -0
- package/icon-registry.d-1dffe9de.d.ts +286 -0
- package/index.d-0536b706.d.ts +11 -0
- package/index.d-37e31cd3.d.ts +13 -0
- package/index.d.ts +2 -3
- package/input/index.d.ts +33 -62
- package/input/testing/index.d.ts +13 -71
- package/input-harness.d-4eecd1d3.d.ts +60 -0
- package/line.d-570a2537.d.ts +25 -0
- package/list/_list-theme.scss +15 -15
- package/list/index.d.ts +155 -244
- package/list/testing/index.d.ts +158 -180
- package/list-option-types.d-8739f903.d.ts +15 -0
- package/menu/_menu-theme.scss +3 -3
- package/menu/index.d.ts +183 -231
- package/menu/testing/index.d.ts +17 -23
- package/module.d-74a721b9.d.ts +326 -0
- package/module.d-792a497c.d.ts +213 -0
- package/module.d-ba05faa6.d.ts +448 -0
- package/module.d-c17c834e.d.ts +18 -0
- package/optgroup-harness.d-7f741f69.d.ts +31 -0
- package/option-harness.d-3d33fc9a.d.ts +34 -0
- package/option-parent.d-559ad5c5.d.ts +19 -0
- package/option.d-6f493d78.d.ts +146 -0
- package/package.json +2 -2
- package/paginator/_paginator-theme.scss +3 -3
- package/paginator/index.d.ts +31 -216
- package/paginator/testing/index.d.ts +14 -15
- package/paginator.d-40b1766e.d.ts +199 -0
- package/palette.d-ec4a617c.d.ts +4 -0
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/progress-bar/_progress-bar-theme.scss +2 -2
- package/progress-bar/index.d.ts +40 -59
- package/progress-bar/testing/index.d.ts +7 -10
- package/progress-spinner/_progress-spinner-theme.scss +4 -4
- package/progress-spinner/index.d.ts +8 -110
- package/progress-spinner/testing/index.d.ts +10 -11
- package/progress-spinner.d-1fc040c5.d.ts +96 -0
- package/pseudo-checkbox-module.d-3abc0461.d.ts +44 -0
- package/radio/_radio-theme.scss +12 -12
- package/radio/index.d.ts +151 -170
- package/radio/testing/index.d.ts +61 -67
- package/ripple-loader.d-8aac2988.d.ts +48 -0
- package/ripple.d-2fb57d04.d.ts +255 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +2 -2
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +1 -1
- package/schematics/ng-generate/theme-color/index_bundled.js +2 -2
- package/schematics/ng-generate/theme-color/schema.json +10 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +2 -2
- package/schematics/ng-update/index_bundled.js +31 -31
- package/select/_select-theme.scss +6 -6
- package/select/index.d.ts +25 -505
- package/select/testing/index.d.ts +5 -67
- package/select-harness.d-7441a7ac.d.ts +63 -0
- package/sidenav/_sidenav-theme.scss +2 -2
- package/sidenav/index.d.ts +49 -92
- package/sidenav/testing/index.d.ts +58 -63
- package/slide-toggle/_slide-toggle-theme.scss +10 -10
- package/slide-toggle/index.d.ts +39 -110
- package/slide-toggle/testing/index.d.ts +17 -21
- package/slider/_slider-theme.scss +10 -10
- package/slider/index.d.ts +281 -328
- package/slider/testing/index.d.ts +42 -47
- package/snack-bar/_snack-bar-theme.scss +4 -4
- package/snack-bar/index.d.ts +152 -185
- package/snack-bar/testing/index.d.ts +7 -9
- package/sort/_sort-theme.scss +3 -3
- package/sort/index.d.ts +61 -169
- package/sort/testing/index.d.ts +22 -25
- package/sort-direction.d-f4ce4649.d.ts +3 -0
- package/sort.d-c2b79a45.d.ts +87 -0
- package/stepper/_stepper-theme.scss +5 -5
- package/stepper/index.d.ts +115 -167
- package/stepper/testing/index.d.ts +43 -52
- package/table/_table-theme.scss +4 -4
- package/table/index.d.ts +97 -156
- package/table/testing/index.d.ts +64 -78
- package/tabs/_tabs-theme.scss +16 -16
- package/tabs/index.d.ts +309 -383
- package/tabs/testing/index.d.ts +67 -76
- package/timepicker/_timepicker-theme.scss +4 -4
- package/timepicker/index.d.ts +127 -160
- package/timepicker/testing/index.d.ts +20 -26
- package/toolbar/_toolbar-theme.scss +4 -4
- package/toolbar/index.d.ts +15 -26
- package/toolbar/testing/index.d.ts +13 -16
- package/tooltip/_tooltip-theme.scss +4 -4
- package/tooltip/index.d.ts +11 -355
- package/tooltip/testing/index.d.ts +7 -10
- package/tree/_tree-theme.scss +3 -3
- package/tree/index.d.ts +117 -163
- package/tree/testing/index.d.ts +52 -58
- /package/core/tokens/m3/definitions/{unused/_md-comp-filled-tonal-button.scss → _md-comp-filled-tonal-button.scss} +0 -0
package/slider/index.d.ts
CHANGED
|
@@ -1,58 +1,181 @@
|
|
|
1
|
-
import { AfterViewInit } from '@angular/core';
|
|
2
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
3
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
4
1
|
import { Directionality } from '@angular/cdk/bidi';
|
|
5
|
-
import { ElementRef } from '@angular/core';
|
|
6
|
-
import { EventEmitter } from '@angular/core';
|
|
7
2
|
import * as i0 from '@angular/core';
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { QueryList } from '@angular/core';
|
|
13
|
-
import { RippleGlobalOptions } from '@angular/material/core';
|
|
3
|
+
import { ChangeDetectorRef, WritableSignal, AfterViewInit, OnDestroy, NgZone, ElementRef, QueryList, EventEmitter } from '@angular/core';
|
|
4
|
+
import { T as ThemePalette } from '../palette.d-ec4a617c.js';
|
|
5
|
+
import { b as RippleGlobalOptions, M as MatRipple } from '../ripple.d-2fb57d04.js';
|
|
6
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
14
7
|
import { Subject } from 'rxjs';
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
8
|
+
import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
|
|
9
|
+
import { M as MatRippleModule } from '../index.d-0536b706.js';
|
|
10
|
+
import '@angular/cdk/platform';
|
|
17
11
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
/**
|
|
13
|
+
* Thumb types: range slider has two thumbs (START, END) whereas single point
|
|
14
|
+
* slider only has one thumb (END).
|
|
15
|
+
*/
|
|
16
|
+
declare enum _MatThumb {
|
|
17
|
+
START = 1,
|
|
18
|
+
END = 2
|
|
22
19
|
}
|
|
23
|
-
|
|
24
|
-
declare
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
MAT_SLIDER_RANGE_THUMB_VALUE_ACCESSOR,
|
|
28
|
-
MatSliderThumb,
|
|
29
|
-
MatSliderRangeThumb
|
|
30
|
-
}
|
|
20
|
+
/** Tick mark enum, for discrete sliders. */
|
|
21
|
+
declare enum _MatTickMark {
|
|
22
|
+
ACTIVE = 0,
|
|
23
|
+
INACTIVE = 1
|
|
31
24
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
25
|
+
/** Represents a drag event emitted by the MatSlider component. */
|
|
26
|
+
interface MatSliderDragEvent {
|
|
27
|
+
/** The MatSliderThumb that was interacted with. */
|
|
28
|
+
source: _MatSliderThumb;
|
|
29
|
+
/** The MatSlider that was interacted with. */
|
|
30
|
+
parent: _MatSlider;
|
|
31
|
+
/** The current value of the slider. */
|
|
32
|
+
value: number;
|
|
37
33
|
}
|
|
38
|
-
|
|
39
34
|
/**
|
|
40
|
-
*
|
|
41
|
-
* @
|
|
42
|
-
|
|
43
|
-
declare const MAT_SLIDER_RANGE_THUMB_VALUE_ACCESSOR: any;
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Provider that allows the slider thumb to register as a ControlValueAccessor.
|
|
47
|
-
* @docs-private
|
|
35
|
+
* A simple change event emitted by the MatSlider component.
|
|
36
|
+
* @deprecated Use event bindings directly on the MatSliderThumbs for `change` and `input` events. See https://v17.material.angular.io/guide/mdc-migration for information about migrating.
|
|
37
|
+
* @breaking-change 17.0.0
|
|
48
38
|
*/
|
|
49
|
-
declare
|
|
39
|
+
declare class MatSliderChange {
|
|
40
|
+
/** The MatSliderThumb that was interacted with. */
|
|
41
|
+
source: _MatSliderThumb;
|
|
42
|
+
/** The MatSlider that was interacted with. */
|
|
43
|
+
parent: _MatSlider;
|
|
44
|
+
/** The new value of the source slider. */
|
|
45
|
+
value: number;
|
|
46
|
+
}
|
|
47
|
+
interface _MatSlider {
|
|
48
|
+
/** Whether the given pointer event occurred within the bounds of the slider pointer's DOM Rect. */
|
|
49
|
+
_isCursorOnSliderThumb(event: PointerEvent, rect: DOMRect): boolean;
|
|
50
|
+
/** Gets the slider thumb input of the given thumb position. */
|
|
51
|
+
_getInput(thumbPosition: _MatThumb): _MatSliderThumb | _MatSliderRangeThumb | undefined;
|
|
52
|
+
/** Gets the slider thumb HTML input element of the given thumb position. */
|
|
53
|
+
_getThumb(thumbPosition: _MatThumb): _MatSliderVisualThumb;
|
|
54
|
+
/** The minimum value that the slider can have. */
|
|
55
|
+
min: number;
|
|
56
|
+
/** The maximum value that the slider can have. */
|
|
57
|
+
max: number;
|
|
58
|
+
/** The amount that slider values can increment or decrement by. */
|
|
59
|
+
step: number;
|
|
60
|
+
/** Whether the slider is disabled. */
|
|
61
|
+
disabled: boolean;
|
|
62
|
+
/** Whether the slider is a range slider. */
|
|
63
|
+
_isRange: boolean;
|
|
64
|
+
/** Whether the slider is rtl. */
|
|
65
|
+
_isRtl: boolean;
|
|
66
|
+
/** The stored width of the host element's bounding client rect. */
|
|
67
|
+
_cachedWidth: number;
|
|
68
|
+
/** The stored width of the host element's bounding client rect. */
|
|
69
|
+
_cachedLeft: number;
|
|
70
|
+
/**
|
|
71
|
+
* The padding of the native slider input. This is added in order to make the region where the
|
|
72
|
+
* thumb ripple extends past the end of the slider track clickable.
|
|
73
|
+
*/
|
|
74
|
+
_inputPadding: number;
|
|
75
|
+
/** The radius of the visual slider's ripple. */
|
|
76
|
+
_rippleRadius: number;
|
|
77
|
+
/** The global configuration for `matRipple` instances. */
|
|
78
|
+
readonly _globalRippleOptions: RippleGlobalOptions | null;
|
|
79
|
+
/** Whether animations have been disabled. */
|
|
80
|
+
_noopAnimations: boolean;
|
|
81
|
+
/** Whether or not the slider should use animations. */
|
|
82
|
+
_hasAnimation: boolean;
|
|
83
|
+
/** Triggers UI updates that are needed after a slider input value has changed. */
|
|
84
|
+
_onValueChange: (source: _MatSliderThumb) => void;
|
|
85
|
+
/** Triggers UI updates that are needed after the slider thumb position has changed. */
|
|
86
|
+
_onTranslateXChange: (source: _MatSliderThumb) => void;
|
|
87
|
+
/** Updates the stored slider dimensions using the current bounding client rect. */
|
|
88
|
+
_updateDimensions: () => void;
|
|
89
|
+
/** Updates the scale on the active portion of the track. */
|
|
90
|
+
_updateTrackUI: (source: _MatSliderThumb) => void;
|
|
91
|
+
/** Used to set the transition duration for thumb and track animations. */
|
|
92
|
+
_setTransition: (withAnimation: boolean) => void;
|
|
93
|
+
_cdr: ChangeDetectorRef;
|
|
94
|
+
}
|
|
95
|
+
interface _MatSliderThumb {
|
|
96
|
+
/** The minimum value that the slider can have. */
|
|
97
|
+
min: number;
|
|
98
|
+
/** The maximum value that the slider can have. */
|
|
99
|
+
max: number;
|
|
100
|
+
/** The amount that slider values can increment or decrement by. */
|
|
101
|
+
step: number;
|
|
102
|
+
/** The current value of this slider input. */
|
|
103
|
+
value: number;
|
|
104
|
+
/** The current translateX in px of the slider visual thumb. */
|
|
105
|
+
translateX: number;
|
|
106
|
+
/** Indicates whether this thumb is the start or end thumb. */
|
|
107
|
+
thumbPosition: _MatThumb;
|
|
108
|
+
/** Similar to percentage but calcualted using translateX relative to the total track width. */
|
|
109
|
+
fillPercentage: number;
|
|
110
|
+
/** Whether the slider is disabled. */
|
|
111
|
+
disabled: boolean;
|
|
112
|
+
/** The host native HTML input element. */
|
|
113
|
+
_hostElement: HTMLInputElement;
|
|
114
|
+
/** Whether the input is currently focused (either by tab or after clicking). */
|
|
115
|
+
_isFocused: boolean;
|
|
116
|
+
/** The aria-valuetext string representation of the input's value. */
|
|
117
|
+
_valuetext: WritableSignal<string>;
|
|
118
|
+
/**
|
|
119
|
+
* Indicates whether UI updates should be skipped.
|
|
120
|
+
*
|
|
121
|
+
* This flag is used to avoid flickering
|
|
122
|
+
* when correcting values on pointer up/down.
|
|
123
|
+
*/
|
|
124
|
+
_skipUIUpdate: boolean;
|
|
125
|
+
/** Handles the initialization of properties for the slider input. */
|
|
126
|
+
initProps: () => void;
|
|
127
|
+
/** Handles UI initialization controlled by this slider input. */
|
|
128
|
+
initUI: () => void;
|
|
129
|
+
/** Calculates the visual thumb's translateX based on the slider input's current value. */
|
|
130
|
+
_calcTranslateXByValue: () => number;
|
|
131
|
+
/** Updates the visual thumb based on the slider input's current value. */
|
|
132
|
+
_updateThumbUIByValue: () => void;
|
|
133
|
+
/**
|
|
134
|
+
* Sets the slider input to disproportionate dimensions to allow for touch
|
|
135
|
+
* events to be captured on touch devices.
|
|
136
|
+
*/
|
|
137
|
+
_updateWidthInactive: () => void;
|
|
138
|
+
/**
|
|
139
|
+
* Used to set the slider width to the correct
|
|
140
|
+
* dimensions while the user is dragging.
|
|
141
|
+
*/
|
|
142
|
+
_updateWidthActive: () => void;
|
|
143
|
+
}
|
|
144
|
+
interface _MatSliderRangeThumb extends _MatSliderThumb {
|
|
145
|
+
/** Whether this slider corresponds to the input on the left hand side. */
|
|
146
|
+
_isLeftThumb: boolean;
|
|
147
|
+
/**
|
|
148
|
+
* Gets the sibling MatSliderRangeThumb.
|
|
149
|
+
* Returns undefined if it is too early in Angular's life cycle.
|
|
150
|
+
*/
|
|
151
|
+
getSibling: () => _MatSliderRangeThumb | undefined;
|
|
152
|
+
/** Used to cache whether this slider input corresponds to the visual left thumb. */
|
|
153
|
+
_setIsLeftThumb: () => void;
|
|
154
|
+
/** Updates the input styles to control whether it is pinned to the start or end of the mat-slider. */
|
|
155
|
+
_updateStaticStyles: () => void;
|
|
156
|
+
/** Updates the min and max properties of this slider input according to it's sibling. */
|
|
157
|
+
_updateMinMax: () => void;
|
|
158
|
+
}
|
|
159
|
+
interface _MatSliderVisualThumb {
|
|
160
|
+
/** The MatRipple for this slider thumb. */
|
|
161
|
+
_ripple: MatRipple;
|
|
162
|
+
/** Whether the slider thumb is currently being pressed. */
|
|
163
|
+
_isActive: boolean;
|
|
164
|
+
/** The host native HTML input element. */
|
|
165
|
+
_hostElement: HTMLElement;
|
|
166
|
+
/** Shows the value indicator ui. */
|
|
167
|
+
_showValueIndicator: () => void;
|
|
168
|
+
/** Hides the value indicator ui. */
|
|
169
|
+
_hideValueIndicator: () => void;
|
|
170
|
+
/** Whether the slider visual thumb is currently showing any ripple. */
|
|
171
|
+
_isShowingAnyRipple: () => boolean;
|
|
172
|
+
}
|
|
50
173
|
|
|
51
174
|
/**
|
|
52
175
|
* Allows users to select from a range of values by moving the slider thumb. It is similar in
|
|
53
176
|
* behavior to the native `<input type="range">` element.
|
|
54
177
|
*/
|
|
55
|
-
|
|
178
|
+
declare class MatSlider implements AfterViewInit, OnDestroy, _MatSlider {
|
|
56
179
|
readonly _ngZone: NgZone;
|
|
57
180
|
readonly _cdr: ChangeDetectorRef;
|
|
58
181
|
readonly _elementRef: ElementRef<HTMLElement>;
|
|
@@ -221,144 +344,86 @@ export declare class MatSlider implements AfterViewInit, OnDestroy, _MatSlider {
|
|
|
221
344
|
static ngAcceptInputType_step: unknown;
|
|
222
345
|
}
|
|
223
346
|
|
|
224
|
-
declare interface _MatSlider {
|
|
225
|
-
/** Whether the given pointer event occurred within the bounds of the slider pointer's DOM Rect. */
|
|
226
|
-
_isCursorOnSliderThumb(event: PointerEvent, rect: DOMRect): boolean;
|
|
227
|
-
/** Gets the slider thumb input of the given thumb position. */
|
|
228
|
-
_getInput(thumbPosition: _MatThumb): _MatSliderThumb | _MatSliderRangeThumb | undefined;
|
|
229
|
-
/** Gets the slider thumb HTML input element of the given thumb position. */
|
|
230
|
-
_getThumb(thumbPosition: _MatThumb): _MatSliderVisualThumb;
|
|
231
|
-
/** The minimum value that the slider can have. */
|
|
232
|
-
min: number;
|
|
233
|
-
/** The maximum value that the slider can have. */
|
|
234
|
-
max: number;
|
|
235
|
-
/** The amount that slider values can increment or decrement by. */
|
|
236
|
-
step: number;
|
|
237
|
-
/** Whether the slider is disabled. */
|
|
238
|
-
disabled: boolean;
|
|
239
|
-
/** Whether the slider is a range slider. */
|
|
240
|
-
_isRange: boolean;
|
|
241
|
-
/** Whether the slider is rtl. */
|
|
242
|
-
_isRtl: boolean;
|
|
243
|
-
/** The stored width of the host element's bounding client rect. */
|
|
244
|
-
_cachedWidth: number;
|
|
245
|
-
/** The stored width of the host element's bounding client rect. */
|
|
246
|
-
_cachedLeft: number;
|
|
247
|
-
/**
|
|
248
|
-
* The padding of the native slider input. This is added in order to make the region where the
|
|
249
|
-
* thumb ripple extends past the end of the slider track clickable.
|
|
250
|
-
*/
|
|
251
|
-
_inputPadding: number;
|
|
252
|
-
/** The radius of the visual slider's ripple. */
|
|
253
|
-
_rippleRadius: number;
|
|
254
|
-
/** The global configuration for `matRipple` instances. */
|
|
255
|
-
readonly _globalRippleOptions: RippleGlobalOptions | null;
|
|
256
|
-
/** Whether animations have been disabled. */
|
|
257
|
-
_noopAnimations: boolean;
|
|
258
|
-
/** Whether or not the slider should use animations. */
|
|
259
|
-
_hasAnimation: boolean;
|
|
260
|
-
/** Triggers UI updates that are needed after a slider input value has changed. */
|
|
261
|
-
_onValueChange: (source: _MatSliderThumb) => void;
|
|
262
|
-
/** Triggers UI updates that are needed after the slider thumb position has changed. */
|
|
263
|
-
_onTranslateXChange: (source: _MatSliderThumb) => void;
|
|
264
|
-
/** Updates the stored slider dimensions using the current bounding client rect. */
|
|
265
|
-
_updateDimensions: () => void;
|
|
266
|
-
/** Updates the scale on the active portion of the track. */
|
|
267
|
-
_updateTrackUI: (source: _MatSliderThumb) => void;
|
|
268
|
-
/** Used to set the transition duration for thumb and track animations. */
|
|
269
|
-
_setTransition: (withAnimation: boolean) => void;
|
|
270
|
-
_cdr: ChangeDetectorRef;
|
|
271
|
-
}
|
|
272
|
-
|
|
273
347
|
/**
|
|
274
|
-
*
|
|
275
|
-
*
|
|
276
|
-
*
|
|
348
|
+
* The visual slider thumb.
|
|
349
|
+
*
|
|
350
|
+
* Handles the slider thumb ripple states (hover, focus, and active),
|
|
351
|
+
* and displaying the value tooltip on discrete sliders.
|
|
352
|
+
* @docs-private
|
|
277
353
|
*/
|
|
278
|
-
|
|
279
|
-
/** The MatSliderThumb that was interacted with. */
|
|
280
|
-
source: _MatSliderThumb;
|
|
281
|
-
/** The MatSlider that was interacted with. */
|
|
282
|
-
parent: _MatSlider;
|
|
283
|
-
/** The new value of the source slider. */
|
|
284
|
-
value: number;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
/** Represents a drag event emitted by the MatSlider component. */
|
|
288
|
-
export declare interface MatSliderDragEvent {
|
|
289
|
-
/** The MatSliderThumb that was interacted with. */
|
|
290
|
-
source: _MatSliderThumb;
|
|
291
|
-
/** The MatSlider that was interacted with. */
|
|
292
|
-
parent: _MatSlider;
|
|
293
|
-
/** The current value of the slider. */
|
|
294
|
-
value: number;
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
export declare class MatSliderModule {
|
|
298
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderModule, never>;
|
|
299
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MatSliderModule, never, [typeof i1.MatCommonModule, typeof i1.MatRippleModule, typeof i2.MatSlider, typeof i3.MatSliderThumb, typeof i3.MatSliderRangeThumb, typeof i4.MatSliderVisualThumb], [typeof i2.MatSlider, typeof i3.MatSliderThumb, typeof i3.MatSliderRangeThumb]>;
|
|
300
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<MatSliderModule>;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
export declare class MatSliderRangeThumb extends MatSliderThumb implements _MatSliderRangeThumb {
|
|
354
|
+
declare class MatSliderVisualThumb implements _MatSliderVisualThumb, AfterViewInit, OnDestroy {
|
|
304
355
|
readonly _cdr: ChangeDetectorRef;
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
private
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
/**
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
/**
|
|
320
|
-
|
|
321
|
-
/**
|
|
322
|
-
|
|
356
|
+
private readonly _ngZone;
|
|
357
|
+
private _slider;
|
|
358
|
+
private _renderer;
|
|
359
|
+
private _listenerCleanups;
|
|
360
|
+
/** Whether the slider displays a numeric value label upon pressing the thumb. */
|
|
361
|
+
discrete: boolean;
|
|
362
|
+
/** Indicates which slider thumb this input corresponds to. */
|
|
363
|
+
thumbPosition: _MatThumb;
|
|
364
|
+
/** The display value of the slider thumb. */
|
|
365
|
+
valueIndicatorText: string;
|
|
366
|
+
/** The MatRipple for this slider thumb. */
|
|
367
|
+
readonly _ripple: MatRipple;
|
|
368
|
+
/** The slider thumb knob. */
|
|
369
|
+
_knob: ElementRef<HTMLElement>;
|
|
370
|
+
/** The slider thumb value indicator container. */
|
|
371
|
+
_valueIndicatorContainer: ElementRef<HTMLElement>;
|
|
372
|
+
/** The slider input corresponding to this slider thumb. */
|
|
373
|
+
private _sliderInput;
|
|
374
|
+
/** The native html element of the slider input corresponding to this thumb. */
|
|
375
|
+
private _sliderInputEl;
|
|
376
|
+
/** The RippleRef for the slider thumbs hover state. */
|
|
377
|
+
private _hoverRippleRef;
|
|
378
|
+
/** The RippleRef for the slider thumbs focus state. */
|
|
379
|
+
private _focusRippleRef;
|
|
380
|
+
/** The RippleRef for the slider thumbs active state. */
|
|
381
|
+
private _activeRippleRef;
|
|
382
|
+
/** Whether the slider thumb is currently being hovered. */
|
|
383
|
+
private _isHovered;
|
|
384
|
+
/** Whether the slider thumb is currently being pressed. */
|
|
385
|
+
_isActive: boolean;
|
|
386
|
+
/** Whether the value indicator tooltip is visible. */
|
|
387
|
+
_isValueIndicatorVisible: boolean;
|
|
388
|
+
/** The host native HTML input element. */
|
|
389
|
+
_hostElement: HTMLElement;
|
|
390
|
+
private _platform;
|
|
323
391
|
constructor(...args: unknown[]);
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
writeValue(value: any): void;
|
|
343
|
-
_setValue(value: string): void;
|
|
344
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderRangeThumb, never>;
|
|
345
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatSliderRangeThumb, "input[matSliderStartThumb], input[matSliderEndThumb]", ["matSliderRangeThumb"], {}, {}, never, never, true, never>;
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
declare interface _MatSliderRangeThumb extends _MatSliderThumb {
|
|
349
|
-
/** Whether this slider corresponds to the input on the left hand side. */
|
|
350
|
-
_isLeftThumb: boolean;
|
|
392
|
+
ngAfterViewInit(): void;
|
|
393
|
+
ngOnDestroy(): void;
|
|
394
|
+
private _onPointerMove;
|
|
395
|
+
private _onMouseLeave;
|
|
396
|
+
private _onFocus;
|
|
397
|
+
private _onBlur;
|
|
398
|
+
private _onDragStart;
|
|
399
|
+
private _onDragEnd;
|
|
400
|
+
/** Handles displaying the hover ripple. */
|
|
401
|
+
private _showHoverRipple;
|
|
402
|
+
/** Handles displaying the focus ripple. */
|
|
403
|
+
private _showFocusRipple;
|
|
404
|
+
/** Handles displaying the active ripple. */
|
|
405
|
+
private _showActiveRipple;
|
|
406
|
+
/** Whether the given rippleRef is currently fading in or visible. */
|
|
407
|
+
private _isShowingRipple;
|
|
408
|
+
/** Manually launches the slider thumb ripple using the specified ripple animation config. */
|
|
409
|
+
private _showRipple;
|
|
351
410
|
/**
|
|
352
|
-
*
|
|
353
|
-
*
|
|
411
|
+
* Fades out the given ripple.
|
|
412
|
+
* Also hides the value indicator if no ripple is showing.
|
|
354
413
|
*/
|
|
355
|
-
|
|
356
|
-
/**
|
|
357
|
-
|
|
358
|
-
/**
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
414
|
+
private _hideRipple;
|
|
415
|
+
/** Shows the value indicator ui. */
|
|
416
|
+
_showValueIndicator(): void;
|
|
417
|
+
/** Hides the value indicator ui. */
|
|
418
|
+
_hideValueIndicator(): void;
|
|
419
|
+
_getSibling(): _MatSliderVisualThumb;
|
|
420
|
+
/** Gets the value indicator container's native HTML element. */
|
|
421
|
+
_getValueIndicatorContainer(): HTMLElement | undefined;
|
|
422
|
+
/** Gets the native HTML element of the slider thumb knob. */
|
|
423
|
+
_getKnob(): HTMLElement;
|
|
424
|
+
_isShowingAnyRipple(): boolean;
|
|
425
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderVisualThumb, never>;
|
|
426
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatSliderVisualThumb, "mat-slider-visual-thumb", never, { "discrete": { "alias": "discrete"; "required": false; }; "thumbPosition": { "alias": "thumbPosition"; "required": false; }; "valueIndicatorText": { "alias": "valueIndicatorText"; "required": false; }; }, {}, never, never, true, never>;
|
|
362
427
|
}
|
|
363
428
|
|
|
364
429
|
/**
|
|
@@ -369,7 +434,7 @@ declare interface _MatSliderRangeThumb extends _MatSliderThumb {
|
|
|
369
434
|
* slider. If two are used, the selectors `matSliderStartThumb` and `matSliderEndThumb` must be
|
|
370
435
|
* used, and the outcome will be a range slider with two slider thumbs.
|
|
371
436
|
*/
|
|
372
|
-
|
|
437
|
+
declare class MatSliderThumb implements _MatSliderThumb, OnDestroy, ControlValueAccessor {
|
|
373
438
|
readonly _ngZone: NgZone;
|
|
374
439
|
readonly _elementRef: ElementRef<HTMLInputElement>;
|
|
375
440
|
readonly _cdr: ChangeDetectorRef;
|
|
@@ -419,7 +484,7 @@ export declare class MatSliderThumb implements _MatSliderThumb, OnDestroy, Contr
|
|
|
419
484
|
/** The host native HTML input element. */
|
|
420
485
|
_hostElement: HTMLInputElement;
|
|
421
486
|
/** The aria-valuetext string representation of the input's value. */
|
|
422
|
-
_valuetext: WritableSignal<string>;
|
|
487
|
+
_valuetext: i0.WritableSignal<string>;
|
|
423
488
|
/** The radius of a native html slider's knob. */
|
|
424
489
|
_knobRadius: number;
|
|
425
490
|
/** The distance in px from the start of the slider track to the first tick mark. */
|
|
@@ -540,167 +605,55 @@ export declare class MatSliderThumb implements _MatSliderThumb, OnDestroy, Contr
|
|
|
540
605
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatSliderThumb, "input[matSliderThumb]", ["matSliderThumb"], { "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, never, never, true, never>;
|
|
541
606
|
static ngAcceptInputType_value: unknown;
|
|
542
607
|
}
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
/**
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
max: number;
|
|
549
|
-
/** The amount that slider values can increment or decrement by. */
|
|
550
|
-
step: number;
|
|
551
|
-
/** The current value of this slider input. */
|
|
552
|
-
value: number;
|
|
553
|
-
/** The current translateX in px of the slider visual thumb. */
|
|
554
|
-
translateX: number;
|
|
555
|
-
/** Indicates whether this thumb is the start or end thumb. */
|
|
556
|
-
thumbPosition: _MatThumb;
|
|
557
|
-
/** Similar to percentage but calcualted using translateX relative to the total track width. */
|
|
558
|
-
fillPercentage: number;
|
|
559
|
-
/** Whether the slider is disabled. */
|
|
560
|
-
disabled: boolean;
|
|
561
|
-
/** The host native HTML input element. */
|
|
562
|
-
_hostElement: HTMLInputElement;
|
|
563
|
-
/** Whether the input is currently focused (either by tab or after clicking). */
|
|
564
|
-
_isFocused: boolean;
|
|
565
|
-
/** The aria-valuetext string representation of the input's value. */
|
|
566
|
-
_valuetext: WritableSignal<string>;
|
|
567
|
-
/**
|
|
568
|
-
* Indicates whether UI updates should be skipped.
|
|
569
|
-
*
|
|
570
|
-
* This flag is used to avoid flickering
|
|
571
|
-
* when correcting values on pointer up/down.
|
|
572
|
-
*/
|
|
573
|
-
_skipUIUpdate: boolean;
|
|
574
|
-
/** Handles the initialization of properties for the slider input. */
|
|
575
|
-
initProps: () => void;
|
|
576
|
-
/** Handles UI initialization controlled by this slider input. */
|
|
577
|
-
initUI: () => void;
|
|
578
|
-
/** Calculates the visual thumb's translateX based on the slider input's current value. */
|
|
579
|
-
_calcTranslateXByValue: () => number;
|
|
580
|
-
/** Updates the visual thumb based on the slider input's current value. */
|
|
581
|
-
_updateThumbUIByValue: () => void;
|
|
608
|
+
declare class MatSliderRangeThumb extends MatSliderThumb implements _MatSliderRangeThumb {
|
|
609
|
+
readonly _cdr: ChangeDetectorRef;
|
|
610
|
+
/** @docs-private */
|
|
611
|
+
getSibling(): _MatSliderRangeThumb | undefined;
|
|
612
|
+
private _sibling;
|
|
582
613
|
/**
|
|
583
|
-
*
|
|
584
|
-
*
|
|
614
|
+
* Returns the minimum translateX position allowed for this slider input's visual thumb.
|
|
615
|
+
* @docs-private
|
|
585
616
|
*/
|
|
586
|
-
|
|
617
|
+
getMinPos(): number;
|
|
587
618
|
/**
|
|
588
|
-
*
|
|
589
|
-
*
|
|
619
|
+
* Returns the maximum translateX position allowed for this slider input's visual thumb.
|
|
620
|
+
* @docs-private
|
|
590
621
|
*/
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
* Handles the slider thumb ripple states (hover, focus, and active),
|
|
598
|
-
* and displaying the value tooltip on discrete sliders.
|
|
599
|
-
* @docs-private
|
|
600
|
-
*/
|
|
601
|
-
export declare class MatSliderVisualThumb implements _MatSliderVisualThumb, AfterViewInit, OnDestroy {
|
|
602
|
-
readonly _cdr: ChangeDetectorRef;
|
|
603
|
-
private readonly _ngZone;
|
|
604
|
-
private _slider;
|
|
605
|
-
private _renderer;
|
|
606
|
-
private _listenerCleanups;
|
|
607
|
-
/** Whether the slider displays a numeric value label upon pressing the thumb. */
|
|
608
|
-
discrete: boolean;
|
|
609
|
-
/** Indicates which slider thumb this input corresponds to. */
|
|
610
|
-
thumbPosition: _MatThumb;
|
|
611
|
-
/** The display value of the slider thumb. */
|
|
612
|
-
valueIndicatorText: string;
|
|
613
|
-
/** The MatRipple for this slider thumb. */
|
|
614
|
-
readonly _ripple: MatRipple;
|
|
615
|
-
/** The slider thumb knob. */
|
|
616
|
-
_knob: ElementRef<HTMLElement>;
|
|
617
|
-
/** The slider thumb value indicator container. */
|
|
618
|
-
_valueIndicatorContainer: ElementRef<HTMLElement>;
|
|
619
|
-
/** The slider input corresponding to this slider thumb. */
|
|
620
|
-
private _sliderInput;
|
|
621
|
-
/** The native html element of the slider input corresponding to this thumb. */
|
|
622
|
-
private _sliderInputEl;
|
|
623
|
-
/** The RippleRef for the slider thumbs hover state. */
|
|
624
|
-
private _hoverRippleRef;
|
|
625
|
-
/** The RippleRef for the slider thumbs focus state. */
|
|
626
|
-
private _focusRippleRef;
|
|
627
|
-
/** The RippleRef for the slider thumbs active state. */
|
|
628
|
-
private _activeRippleRef;
|
|
629
|
-
/** Whether the slider thumb is currently being hovered. */
|
|
630
|
-
private _isHovered;
|
|
631
|
-
/** Whether the slider thumb is currently being pressed. */
|
|
632
|
-
_isActive: boolean;
|
|
633
|
-
/** Whether the value indicator tooltip is visible. */
|
|
634
|
-
_isValueIndicatorVisible: boolean;
|
|
635
|
-
/** The host native HTML input element. */
|
|
636
|
-
_hostElement: HTMLElement;
|
|
637
|
-
private _platform;
|
|
622
|
+
getMaxPos(): number;
|
|
623
|
+
_setIsLeftThumb(): void;
|
|
624
|
+
/** Whether this slider corresponds to the input on the left hand side. */
|
|
625
|
+
_isLeftThumb: boolean;
|
|
626
|
+
/** Whether this slider corresponds to the input with greater value. */
|
|
627
|
+
_isEndThumb: boolean;
|
|
638
628
|
constructor(...args: unknown[]);
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
private _showActiveRipple;
|
|
653
|
-
/** Whether the given rippleRef is currently fading in or visible. */
|
|
654
|
-
private _isShowingRipple;
|
|
655
|
-
/** Manually launches the slider thumb ripple using the specified ripple animation config. */
|
|
656
|
-
private _showRipple;
|
|
629
|
+
_getDefaultValue(): number;
|
|
630
|
+
_onInput(): void;
|
|
631
|
+
_onNgControlValueChange(): void;
|
|
632
|
+
_onPointerDown(event: PointerEvent): void;
|
|
633
|
+
_onPointerUp(): void;
|
|
634
|
+
_onPointerMove(event: PointerEvent): void;
|
|
635
|
+
_fixValue(event: PointerEvent): void;
|
|
636
|
+
_clamp(v: number): number;
|
|
637
|
+
_updateMinMax(): void;
|
|
638
|
+
_updateWidthActive(): void;
|
|
639
|
+
_updateWidthInactive(): void;
|
|
640
|
+
_updateStaticStyles(): void;
|
|
641
|
+
private _updateSibling;
|
|
657
642
|
/**
|
|
658
|
-
*
|
|
659
|
-
*
|
|
643
|
+
* Sets the input's value.
|
|
644
|
+
* @param value The new value of the input
|
|
645
|
+
* @docs-private
|
|
660
646
|
*/
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
_hideValueIndicator(): void;
|
|
666
|
-
_getSibling(): _MatSliderVisualThumb;
|
|
667
|
-
/** Gets the value indicator container's native HTML element. */
|
|
668
|
-
_getValueIndicatorContainer(): HTMLElement | undefined;
|
|
669
|
-
/** Gets the native HTML element of the slider thumb knob. */
|
|
670
|
-
_getKnob(): HTMLElement;
|
|
671
|
-
_isShowingAnyRipple(): boolean;
|
|
672
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderVisualThumb, never>;
|
|
673
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatSliderVisualThumb, "mat-slider-visual-thumb", never, { "discrete": { "alias": "discrete"; "required": false; }; "thumbPosition": { "alias": "thumbPosition"; "required": false; }; "valueIndicatorText": { "alias": "valueIndicatorText"; "required": false; }; }, {}, never, never, true, never>;
|
|
674
|
-
}
|
|
675
|
-
|
|
676
|
-
declare interface _MatSliderVisualThumb {
|
|
677
|
-
/** The MatRipple for this slider thumb. */
|
|
678
|
-
_ripple: MatRipple;
|
|
679
|
-
/** Whether the slider thumb is currently being pressed. */
|
|
680
|
-
_isActive: boolean;
|
|
681
|
-
/** The host native HTML input element. */
|
|
682
|
-
_hostElement: HTMLElement;
|
|
683
|
-
/** Shows the value indicator ui. */
|
|
684
|
-
_showValueIndicator: () => void;
|
|
685
|
-
/** Hides the value indicator ui. */
|
|
686
|
-
_hideValueIndicator: () => void;
|
|
687
|
-
/** Whether the slider visual thumb is currently showing any ripple. */
|
|
688
|
-
_isShowingAnyRipple: () => boolean;
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
/**
|
|
692
|
-
* Thumb types: range slider has two thumbs (START, END) whereas single point
|
|
693
|
-
* slider only has one thumb (END).
|
|
694
|
-
*/
|
|
695
|
-
declare enum _MatThumb {
|
|
696
|
-
START = 1,
|
|
697
|
-
END = 2
|
|
647
|
+
writeValue(value: any): void;
|
|
648
|
+
_setValue(value: string): void;
|
|
649
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderRangeThumb, never>;
|
|
650
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatSliderRangeThumb, "input[matSliderStartThumb], input[matSliderEndThumb]", ["matSliderRangeThumb"], {}, {}, never, never, true, never>;
|
|
698
651
|
}
|
|
699
652
|
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
653
|
+
declare class MatSliderModule {
|
|
654
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatSliderModule, never>;
|
|
655
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MatSliderModule, never, [typeof MatCommonModule, typeof MatRippleModule, typeof MatSlider, typeof MatSliderThumb, typeof MatSliderRangeThumb, typeof MatSliderVisualThumb], [typeof MatSlider, typeof MatSliderThumb, typeof MatSliderRangeThumb]>;
|
|
656
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MatSliderModule>;
|
|
704
657
|
}
|
|
705
658
|
|
|
706
|
-
export { }
|
|
659
|
+
export { MatSlider, MatSliderChange, type MatSliderDragEvent, MatSliderModule, MatSliderRangeThumb, MatSliderThumb, MatSliderVisualThumb };
|