@depup/angular__material 21.2.2-depup.19
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/LICENSE +21 -0
- package/README.md +31 -0
- package/_index.scss +145 -0
- package/autocomplete/_autocomplete-theme.scss +76 -0
- package/autocomplete/_m2-autocomplete.scss +19 -0
- package/autocomplete/_m3-autocomplete.scss +26 -0
- package/badge/_badge-theme.scss +106 -0
- package/badge/_m2-badge.scss +73 -0
- package/badge/_m3-badge.scss +52 -0
- package/bottom-sheet/_bottom-sheet-theme.scss +76 -0
- package/bottom-sheet/_m2-bottom-sheet.scss +24 -0
- package/bottom-sheet/_m3-bottom-sheet.scss +25 -0
- package/button/_button-theme.scss +113 -0
- package/button/_fab-theme.scss +111 -0
- package/button/_icon-button-theme.scss +136 -0
- package/button/_m2-button.scss +194 -0
- package/button/_m2-fab.scss +101 -0
- package/button/_m2-icon-button.scss +59 -0
- package/button/_m3-button.scss +170 -0
- package/button/_m3-fab.scss +92 -0
- package/button/_m3-icon-button.scss +54 -0
- package/button-toggle/_button-toggle-theme.scss +93 -0
- package/button-toggle/_m2-button-toggle.scss +68 -0
- package/button-toggle/_m3-button-toggle.scss +72 -0
- package/card/_card-theme.scss +76 -0
- package/card/_m2-card.scss +39 -0
- package/card/_m3-card.scss +44 -0
- package/changes.json +10 -0
- package/checkbox/_checkbox-theme.scss +105 -0
- package/checkbox/_m2-checkbox.scss +78 -0
- package/checkbox/_m3-checkbox.scss +68 -0
- package/chips/_chips-theme.scss +115 -0
- package/chips/_m2-chip.scss +85 -0
- package/chips/_m3-chip.scss +81 -0
- package/core/_core-theme.scss +125 -0
- package/core/_core.scss +50 -0
- package/core/_m2-app.scss +24 -0
- package/core/_m3-app.scss +44 -0
- package/core/color/_all-color.scss +17 -0
- package/core/density/private/_all-density.scss +78 -0
- package/core/focus-indicators/_private.scss +126 -0
- package/core/m2/_index.scss +52 -0
- package/core/m2/_palette.scss +748 -0
- package/core/m2/_theming.scss +340 -0
- package/core/m2/_typography-utils.scss +81 -0
- package/core/m2/_typography.scss +388 -0
- package/core/option/_m2-optgroup.scss +21 -0
- package/core/option/_m2-option.scss +38 -0
- package/core/option/_m3-optgroup.scss +25 -0
- package/core/option/_m3-option.scss +37 -0
- package/core/option/_optgroup-theme.scss +76 -0
- package/core/option/_option-theme.scss +103 -0
- package/core/ripple/_m2-ripple.scss +17 -0
- package/core/ripple/_m3-ripple.scss +17 -0
- package/core/ripple/_ripple-theme.scss +75 -0
- package/core/ripple/_ripple.scss +56 -0
- package/core/selection/pseudo-checkbox/_m2-pseudo-checkbox.scss +32 -0
- package/core/selection/pseudo-checkbox/_m3-pseudo-checkbox.scss +34 -0
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-common.scss +86 -0
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +110 -0
- package/core/style/_checkbox-common.scss +11 -0
- package/core/style/_elevation.scss +208 -0
- package/core/style/_layout-common.scss +8 -0
- package/core/style/_private.scss +27 -0
- package/core/style/_sass-utils.scss +57 -0
- package/core/style/_validation.scss +52 -0
- package/core/style/_variables.scss +44 -0
- package/core/style/_vendor-prefixes.scss +56 -0
- package/core/theming/_all-theme.scss +168 -0
- package/core/theming/_color-api-backwards-compatibility.scss +159 -0
- package/core/theming/_config-validation.scss +174 -0
- package/core/theming/_definition.scss +141 -0
- package/core/theming/_inspection.scss +289 -0
- package/core/theming/_m2-inspection.scss +243 -0
- package/core/theming/_palettes.scss +1036 -0
- package/core/theming/_theming.scss +193 -0
- package/core/theming/_validation.scss +5 -0
- package/core/tokens/_classes.scss +398 -0
- package/core/tokens/_m2-utils.scss +25 -0
- package/core/tokens/_m3-tokens.scss +126 -0
- package/core/tokens/_m3-utils.scss +36 -0
- package/core/tokens/_system.scss +398 -0
- package/core/tokens/_token-utils.scss +119 -0
- package/core/tokens/m2/_index.scss +6 -0
- package/core/tokens/m2/_md-sys-color-internal.scss +11 -0
- package/core/tokens/m2/_md-sys-color.scss +123 -0
- package/core/tokens/m2/_md-sys-elevation.scss +10 -0
- package/core/tokens/m2/_md-sys-motion.scss +30 -0
- package/core/tokens/m2/_md-sys-shape.scss +16 -0
- package/core/tokens/m2/_md-sys-state.scss +8 -0
- package/core/tokens/m2/_md-sys-typescale.scss +68 -0
- package/core/tokens/m3/_index.scss +7 -0
- package/core/tokens/m3/_md-sys-color-internal.scss +11 -0
- package/core/tokens/m3/_md-sys-color.scss +118 -0
- package/core/tokens/m3/_md-sys-elevation.scss +15 -0
- package/core/tokens/m3/_md-sys-motion.scss +35 -0
- package/core/tokens/m3/_md-sys-shape.scss +21 -0
- package/core/tokens/m3/_md-sys-state.scss +13 -0
- package/core/tokens/m3/_md-sys-typescale-internal.scss +5 -0
- package/core/tokens/m3/_md-sys-typescale.scss +114 -0
- package/core/tokens/m3/_theme.scss +35 -0
- package/core/typography/_all-typography.scss +104 -0
- package/core/typography/_typography-utils.scss +31 -0
- package/core/typography/_typography.scss +269 -0
- package/core/typography/_versioning.scss +90 -0
- package/datepicker/_datepicker-theme.scss +132 -0
- package/datepicker/_m2-datepicker.scss +81 -0
- package/datepicker/_m3-datepicker.scss +74 -0
- package/dialog/_dialog-legacy-padding.scss +31 -0
- package/dialog/_dialog-theme.scss +76 -0
- package/dialog/_m2-dialog.scss +43 -0
- package/dialog/_m3-dialog.scss +47 -0
- package/divider/_divider-theme.scss +75 -0
- package/divider/_m2-divider.scss +17 -0
- package/divider/_m3-divider.scss +19 -0
- package/expansion/_expansion-theme.scss +76 -0
- package/expansion/_m2-expansion.scss +64 -0
- package/expansion/_m3-expansion.scss +61 -0
- package/fesm2022/_animation-chunk.mjs +22 -0
- package/fesm2022/_animation-chunk.mjs.map +1 -0
- package/fesm2022/_date-formats-chunk.mjs +86 -0
- package/fesm2022/_date-formats-chunk.mjs.map +1 -0
- package/fesm2022/_date-range-input-harness-chunk.mjs +322 -0
- package/fesm2022/_date-range-input-harness-chunk.mjs.map +1 -0
- package/fesm2022/_error-options-chunk.mjs +66 -0
- package/fesm2022/_error-options-chunk.mjs.map +1 -0
- package/fesm2022/_error-state-chunk.mjs +30 -0
- package/fesm2022/_error-state-chunk.mjs.map +1 -0
- package/fesm2022/_form-field-chunk.mjs +1351 -0
- package/fesm2022/_form-field-chunk.mjs.map +1 -0
- package/fesm2022/_icon-button-chunk.mjs +268 -0
- package/fesm2022/_icon-button-chunk.mjs.map +1 -0
- package/fesm2022/_icon-registry-chunk.mjs +368 -0
- package/fesm2022/_icon-registry-chunk.mjs.map +1 -0
- package/fesm2022/_input-harness-chunk.mjs +67 -0
- package/fesm2022/_input-harness-chunk.mjs.map +1 -0
- package/fesm2022/_input-value-accessor-chunk.mjs +6 -0
- package/fesm2022/_input-value-accessor-chunk.mjs.map +1 -0
- package/fesm2022/_internal-form-field-chunk.mjs +67 -0
- package/fesm2022/_internal-form-field-chunk.mjs.map +1 -0
- package/fesm2022/_line-chunk.mjs +99 -0
- package/fesm2022/_line-chunk.mjs.map +1 -0
- package/fesm2022/_option-chunk.mjs +385 -0
- package/fesm2022/_option-chunk.mjs.map +1 -0
- package/fesm2022/_option-harness-chunk.mjs +30 -0
- package/fesm2022/_option-harness-chunk.mjs.map +1 -0
- package/fesm2022/_option-module-chunk.mjs +48 -0
- package/fesm2022/_option-module-chunk.mjs.map +1 -0
- package/fesm2022/_pseudo-checkbox-chunk.mjs +88 -0
- package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -0
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs +46 -0
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -0
- package/fesm2022/_public-api-chunk.mjs +84 -0
- package/fesm2022/_public-api-chunk.mjs.map +1 -0
- package/fesm2022/_ripple-chunk.mjs +544 -0
- package/fesm2022/_ripple-chunk.mjs.map +1 -0
- package/fesm2022/_ripple-loader-chunk.mjs +144 -0
- package/fesm2022/_ripple-loader-chunk.mjs.map +1 -0
- package/fesm2022/_ripple-module-chunk.mjs +46 -0
- package/fesm2022/_ripple-module-chunk.mjs.map +1 -0
- package/fesm2022/_structural-styles-chunk.mjs +45 -0
- package/fesm2022/_structural-styles-chunk.mjs.map +1 -0
- package/fesm2022/_tooltip-chunk.mjs +848 -0
- package/fesm2022/_tooltip-chunk.mjs.map +1 -0
- package/fesm2022/autocomplete-testing.mjs +75 -0
- package/fesm2022/autocomplete-testing.mjs.map +1 -0
- package/fesm2022/autocomplete.mjs +1068 -0
- package/fesm2022/autocomplete.mjs.map +1 -0
- package/fesm2022/badge-testing.mjs +48 -0
- package/fesm2022/badge-testing.mjs.map +1 -0
- package/fesm2022/badge.mjs +357 -0
- package/fesm2022/badge.mjs.map +1 -0
- package/fesm2022/bottom-sheet-testing.mjs +17 -0
- package/fesm2022/bottom-sheet-testing.mjs.map +1 -0
- package/fesm2022/bottom-sheet.mjs +390 -0
- package/fesm2022/bottom-sheet.mjs.map +1 -0
- package/fesm2022/button-testing.mjs +81 -0
- package/fesm2022/button-testing.mjs.map +1 -0
- package/fesm2022/button-toggle-testing.mjs +87 -0
- package/fesm2022/button-toggle-testing.mjs.map +1 -0
- package/fesm2022/button-toggle.mjs +789 -0
- package/fesm2022/button-toggle.mjs.map +1 -0
- package/fesm2022/button.mjs +308 -0
- package/fesm2022/button.mjs.map +1 -0
- package/fesm2022/card-testing.mjs +29 -0
- package/fesm2022/card-testing.mjs.map +1 -0
- package/fesm2022/card.mjs +615 -0
- package/fesm2022/card.mjs.map +1 -0
- package/fesm2022/checkbox-testing.mjs +79 -0
- package/fesm2022/checkbox-testing.mjs.map +1 -0
- package/fesm2022/checkbox.mjs +551 -0
- package/fesm2022/checkbox.mjs.map +1 -0
- package/fesm2022/chips-testing.mjs +239 -0
- package/fesm2022/chips-testing.mjs.map +1 -0
- package/fesm2022/chips.mjs +2663 -0
- package/fesm2022/chips.mjs.map +1 -0
- package/fesm2022/core-testing.mjs +22 -0
- package/fesm2022/core-testing.mjs.map +1 -0
- package/fesm2022/core.mjs +408 -0
- package/fesm2022/core.mjs.map +1 -0
- package/fesm2022/datepicker-testing.mjs +26 -0
- package/fesm2022/datepicker-testing.mjs.map +1 -0
- package/fesm2022/datepicker.mjs +5015 -0
- package/fesm2022/datepicker.mjs.map +1 -0
- package/fesm2022/dialog-testing.mjs +123 -0
- package/fesm2022/dialog-testing.mjs.map +1 -0
- package/fesm2022/dialog.mjs +873 -0
- package/fesm2022/dialog.mjs.map +1 -0
- package/fesm2022/divider-testing.mjs +17 -0
- package/fesm2022/divider-testing.mjs.map +1 -0
- package/fesm2022/divider.mjs +132 -0
- package/fesm2022/divider.mjs.map +1 -0
- package/fesm2022/expansion-testing.mjs +87 -0
- package/fesm2022/expansion-testing.mjs.map +1 -0
- package/fesm2022/expansion.mjs +749 -0
- package/fesm2022/expansion.mjs.map +1 -0
- package/fesm2022/form-field-testing-control.mjs +24 -0
- package/fesm2022/form-field-testing-control.mjs.map +1 -0
- package/fesm2022/form-field-testing.mjs +135 -0
- package/fesm2022/form-field-testing.mjs.map +1 -0
- package/fesm2022/form-field.mjs +57 -0
- package/fesm2022/form-field.mjs.map +1 -0
- package/fesm2022/grid-list-testing.mjs +80 -0
- package/fesm2022/grid-list-testing.mjs.map +1 -0
- package/fesm2022/grid-list.mjs +604 -0
- package/fesm2022/grid-list.mjs.map +1 -0
- package/fesm2022/icon-testing.mjs +172 -0
- package/fesm2022/icon-testing.mjs.map +1 -0
- package/fesm2022/icon.mjs +366 -0
- package/fesm2022/icon.mjs.map +1 -0
- package/fesm2022/input-testing.mjs +73 -0
- package/fesm2022/input-testing.mjs.map +1 -0
- package/fesm2022/input.mjs +495 -0
- package/fesm2022/input.mjs.map +1 -0
- package/fesm2022/list-testing.mjs +295 -0
- package/fesm2022/list-testing.mjs.map +1 -0
- package/fesm2022/list.mjs +1604 -0
- package/fesm2022/list.mjs.map +1 -0
- package/fesm2022/material.mjs +4 -0
- package/fesm2022/material.mjs.map +1 -0
- package/fesm2022/menu-testing.mjs +174 -0
- package/fesm2022/menu-testing.mjs.map +1 -0
- package/fesm2022/menu.mjs +1421 -0
- package/fesm2022/menu.mjs.map +1 -0
- package/fesm2022/paginator-testing.mjs +69 -0
- package/fesm2022/paginator-testing.mjs.map +1 -0
- package/fesm2022/paginator.mjs +445 -0
- package/fesm2022/paginator.mjs.map +1 -0
- package/fesm2022/progress-bar-testing.mjs +20 -0
- package/fesm2022/progress-bar-testing.mjs.map +1 -0
- package/fesm2022/progress-bar.mjs +247 -0
- package/fesm2022/progress-bar.mjs.map +1 -0
- package/fesm2022/progress-spinner-testing.mjs +21 -0
- package/fesm2022/progress-spinner-testing.mjs.map +1 -0
- package/fesm2022/progress-spinner.mjs +258 -0
- package/fesm2022/progress-spinner.mjs.map +1 -0
- package/fesm2022/radio-testing.mjs +143 -0
- package/fesm2022/radio-testing.mjs.map +1 -0
- package/fesm2022/radio.mjs +751 -0
- package/fesm2022/radio.mjs.map +1 -0
- package/fesm2022/select-testing.mjs +92 -0
- package/fesm2022/select-testing.mjs.map +1 -0
- package/fesm2022/select.mjs +1181 -0
- package/fesm2022/select.mjs.map +1 -0
- package/fesm2022/sidenav-testing.mjs +80 -0
- package/fesm2022/sidenav-testing.mjs.map +1 -0
- package/fesm2022/sidenav.mjs +1151 -0
- package/fesm2022/sidenav.mjs.map +1 -0
- package/fesm2022/slide-toggle-testing.mjs +68 -0
- package/fesm2022/slide-toggle-testing.mjs.map +1 -0
- package/fesm2022/slide-toggle.mjs +403 -0
- package/fesm2022/slide-toggle.mjs.map +1 -0
- package/fesm2022/slider-testing.mjs +105 -0
- package/fesm2022/slider-testing.mjs.map +1 -0
- package/fesm2022/slider.mjs +1720 -0
- package/fesm2022/slider.mjs.map +1 -0
- package/fesm2022/snack-bar-testing.mjs +47 -0
- package/fesm2022/snack-bar-testing.mjs.map +1 -0
- package/fesm2022/snack-bar.mjs +820 -0
- package/fesm2022/snack-bar.mjs.map +1 -0
- package/fesm2022/sort-testing.mjs +55 -0
- package/fesm2022/sort-testing.mjs.map +1 -0
- package/fesm2022/sort.mjs +470 -0
- package/fesm2022/sort.mjs.map +1 -0
- package/fesm2022/stepper-testing.mjs +99 -0
- package/fesm2022/stepper-testing.mjs.map +1 -0
- package/fesm2022/stepper.mjs +900 -0
- package/fesm2022/stepper.mjs.map +1 -0
- package/fesm2022/table-testing.mjs +152 -0
- package/fesm2022/table-testing.mjs.map +1 -0
- package/fesm2022/table.mjs +1151 -0
- package/fesm2022/table.mjs.map +1 -0
- package/fesm2022/tabs-testing.mjs +144 -0
- package/fesm2022/tabs-testing.mjs.map +1 -0
- package/fesm2022/tabs.mjs +2435 -0
- package/fesm2022/tabs.mjs.map +1 -0
- package/fesm2022/timepicker-testing.mjs +128 -0
- package/fesm2022/timepicker-testing.mjs.map +1 -0
- package/fesm2022/timepicker.mjs +1284 -0
- package/fesm2022/timepicker.mjs.map +1 -0
- package/fesm2022/toolbar-testing.mjs +26 -0
- package/fesm2022/toolbar-testing.mjs.map +1 -0
- package/fesm2022/toolbar.mjs +182 -0
- package/fesm2022/toolbar.mjs.map +1 -0
- package/fesm2022/tooltip-testing.mjs +48 -0
- package/fesm2022/tooltip-testing.mjs.map +1 -0
- package/fesm2022/tooltip.mjs +58 -0
- package/fesm2022/tooltip.mjs.map +1 -0
- package/fesm2022/tree-testing.mjs +104 -0
- package/fesm2022/tree-testing.mjs.map +1 -0
- package/fesm2022/tree.mjs +681 -0
- package/fesm2022/tree.mjs.map +1 -0
- package/form-field/_form-field-theme.scss +96 -0
- package/form-field/_m2-form-field.scss +226 -0
- package/form-field/_m3-form-field.scss +137 -0
- package/grid-list/_grid-list-theme.scss +76 -0
- package/grid-list/_m2-grid-list.scss +21 -0
- package/grid-list/_m3-grid-list.scss +20 -0
- package/icon/_icon-theme.scss +109 -0
- package/icon/_m2-icon.scss +15 -0
- package/icon/_m3-icon.scss +21 -0
- package/input/_input-theme.scss +36 -0
- package/list/_list-theme.scss +201 -0
- package/list/_m2-list.scss +92 -0
- package/list/_m3-list.scss +93 -0
- package/menu/_m2-menu.scss +44 -0
- package/menu/_m3-menu.scss +42 -0
- package/menu/_menu-theme.scss +76 -0
- package/package.json +404 -0
- package/paginator/_m2-paginator.scss +69 -0
- package/paginator/_m3-paginator.scss +46 -0
- package/paginator/_paginator-theme.scss +76 -0
- package/prebuilt-themes/azure-blue.css +1 -0
- package/prebuilt-themes/cyan-orange.css +1 -0
- package/prebuilt-themes/deeppurple-amber.css +1 -0
- package/prebuilt-themes/indigo-pink.css +1 -0
- package/prebuilt-themes/magenta-violet.css +1 -0
- package/prebuilt-themes/pink-bluegrey.css +1 -0
- package/prebuilt-themes/purple-green.css +1 -0
- package/prebuilt-themes/rose-red.css +1 -0
- package/progress-bar/_m2-progress-bar.scss +36 -0
- package/progress-bar/_m3-progress-bar.scss +29 -0
- package/progress-bar/_progress-bar-theme.scss +93 -0
- package/progress-spinner/_m2-progress-spinner.scss +25 -0
- package/progress-spinner/_m3-progress-spinner.scss +27 -0
- package/progress-spinner/_progress-spinner-theme.scss +95 -0
- package/radio/_m2-radio.scss +67 -0
- package/radio/_m3-radio.scss +65 -0
- package/radio/_radio-theme.scss +102 -0
- package/schematics/collection.json +55 -0
- package/schematics/migration.json +15 -0
- package/schematics/ng-add/fonts/material-fonts.d.ts +11 -0
- package/schematics/ng-add/fonts/material-fonts.js +41 -0
- package/schematics/ng-add/fonts/material-fonts.js.map +1 -0
- package/schematics/ng-add/index.d.ts +17 -0
- package/schematics/ng-add/index.js +54 -0
- package/schematics/ng-add/index.js.map +1 -0
- package/schematics/ng-add/package-config.d.ts +12 -0
- package/schematics/ng-add/package-config.js +51 -0
- package/schematics/ng-add/package-config.js.map +1 -0
- package/schematics/ng-add/schema.d.ts +15 -0
- package/schematics/ng-add/schema.js +10 -0
- package/schematics/ng-add/schema.js.map +1 -0
- package/schematics/ng-add/schema.json +43 -0
- package/schematics/ng-add/setup-project.d.ts +15 -0
- package/schematics/ng-add/setup-project.js +36 -0
- package/schematics/ng-add/setup-project.js.map +1 -0
- package/schematics/ng-add/theming/create-theme.d.ts +9 -0
- package/schematics/ng-add/theming/create-theme.js +58 -0
- package/schematics/ng-add/theming/create-theme.js.map +1 -0
- package/schematics/ng-add/theming/theming.d.ts +11 -0
- package/schematics/ng-add/theming/theming.js +133 -0
- 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.__style__.template +27 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +99 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +38 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +118 -0
- package/schematics/ng-generate/address-form/index.d.ts +14 -0
- package/schematics/ng-generate/address-form/index.js +43 -0
- package/schematics/ng-generate/address-form/index.js.map +1 -0
- package/schematics/ng-generate/address-form/schema.d.ts +10 -0
- package/schematics/ng-generate/address-form/schema.js +10 -0
- package/schematics/ng-generate/address-form/schema.js.map +1 -0
- package/schematics/ng-generate/address-form/schema.json +100 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +21 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +26 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +36 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +56 -0
- package/schematics/ng-generate/dashboard/index.d.ts +14 -0
- package/schematics/ng-generate/dashboard/index.js +42 -0
- package/schematics/ng-generate/dashboard/index.js.map +1 -0
- package/schematics/ng-generate/dashboard/schema.d.ts +10 -0
- package/schematics/ng-generate/dashboard/schema.js +10 -0
- package/schematics/ng-generate/dashboard/schema.js.map +1 -0
- package/schematics/ng-generate/dashboard/schema.json +100 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +17 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +28 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +36 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +42 -0
- package/schematics/ng-generate/navigation/index.d.ts +14 -0
- package/schematics/ng-generate/navigation/index.js +42 -0
- package/schematics/ng-generate/navigation/index.js.map +1 -0
- package/schematics/ng-generate/navigation/schema.d.ts +10 -0
- package/schematics/ng-generate/navigation/schema.js +10 -0
- package/schematics/ng-generate/navigation/schema.js.map +1 -0
- package/schematics/ng-generate/navigation/schema.json +105 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__-datasource.ts.template +111 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +3 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +26 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +32 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +36 -0
- package/schematics/ng-generate/table/index.d.ts +14 -0
- package/schematics/ng-generate/table/index.js +40 -0
- package/schematics/ng-generate/table/index.js.map +1 -0
- package/schematics/ng-generate/table/schema.d.ts +10 -0
- package/schematics/ng-generate/table/schema.js +10 -0
- package/schematics/ng-generate/table/schema.js.map +1 -0
- package/schematics/ng-generate/table/schema.json +100 -0
- package/schematics/ng-generate/theme-color/index_bundled.js +6561 -0
- package/schematics/ng-generate/theme-color/index_bundled.js.map +6 -0
- package/schematics/ng-generate/theme-color/schema.json +55 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +4 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +22 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +32 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +93 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/example-data.ts.template +47 -0
- package/schematics/ng-generate/tree/index.d.ts +14 -0
- package/schematics/ng-generate/tree/index.js +40 -0
- package/schematics/ng-generate/tree/index.js.map +1 -0
- package/schematics/ng-generate/tree/schema.d.ts +10 -0
- package/schematics/ng-generate/tree/schema.js +10 -0
- package/schematics/ng-generate/tree/schema.js.map +1 -0
- package/schematics/ng-generate/tree/schema.json +100 -0
- package/schematics/ng-update/index_bundled.js +204 -0
- package/schematics/ng-update/index_bundled.js.map +6 -0
- package/schematics/package.json +3 -0
- package/select/_m2-select.scss +49 -0
- package/select/_m3-select.scss +54 -0
- package/select/_select-theme.scss +99 -0
- package/sidenav/_m2-sidenav.scss +48 -0
- package/sidenav/_m3-sidenav.scss +26 -0
- package/sidenav/_sidenav-theme.scss +75 -0
- package/slide-toggle/_m2-slide-toggle.scss +134 -0
- package/slide-toggle/_m3-slide-toggle.scss +133 -0
- package/slide-toggle/_slide-toggle-theme.scss +119 -0
- package/slider/_m2-slider.scss +73 -0
- package/slider/_m3-slider.scss +69 -0
- package/slider/_slider-theme.scss +103 -0
- package/snack-bar/_m2-snack-bar.scss +24 -0
- package/snack-bar/_m3-snack-bar.scss +26 -0
- package/snack-bar/_snack-bar-theme.scss +77 -0
- package/sort/_m2-sort.scss +16 -0
- package/sort/_m3-sort.scss +20 -0
- package/sort/_sort-theme.scss +76 -0
- package/stepper/_m2-stepper.scss +65 -0
- package/stepper/_m3-stepper.scss +66 -0
- package/stepper/_stepper-theme.scss +102 -0
- package/table/_m2-table.scss +63 -0
- package/table/_m3-table.scss +52 -0
- package/table/_table-theme.scss +76 -0
- package/tabs/_m2-tabs.scss +68 -0
- package/tabs/_m3-tabs.scss +58 -0
- package/tabs/_tabs-theme.scss +131 -0
- package/timepicker/_m2-timepicker.scss +19 -0
- package/timepicker/_m3-timepicker.scss +21 -0
- package/timepicker/_timepicker-theme.scss +81 -0
- package/toolbar/_m2-toolbar.scss +43 -0
- package/toolbar/_m3-toolbar.scss +41 -0
- package/toolbar/_toolbar-theme.scss +114 -0
- package/tooltip/_m2-tooltip.scss +24 -0
- package/tooltip/_m3-tooltip.scss +25 -0
- package/tooltip/_tooltip-theme.scss +76 -0
- package/tree/_m2-tree.scss +30 -0
- package/tree/_m3-tree.scss +37 -0
- package/tree/_tree-theme.scss +76 -0
- package/types/_badge-chunk.d.ts +100 -0
- package/types/_button-toggle-chunk.d.ts +252 -0
- package/types/_date-adapter-chunk.d.ts +261 -0
- package/types/_date-range-input-harness-chunk.d.ts +284 -0
- package/types/_dialog-chunk.d.ts +336 -0
- package/types/_error-options-chunk.d.ts +17 -0
- package/types/_form-field-chunk.d.ts +375 -0
- package/types/_form-field-control-chunk.d.ts +64 -0
- package/types/_form-field-control-harness-chunk.d.ts +20 -0
- package/types/_form-field-module-chunk.d.ts +18 -0
- package/types/_icon-module-chunk.d.ts +162 -0
- package/types/_icon-registry-chunk.d.ts +271 -0
- package/types/_input-harness-chunk.d.ts +61 -0
- package/types/_line-chunk.d.ts +25 -0
- package/types/_list-option-types-chunk.d.ts +15 -0
- package/types/_option-chunk.d.ts +146 -0
- package/types/_option-harness-chunk.d.ts +35 -0
- package/types/_option-module-chunk.d.ts +13 -0
- package/types/_option-parent-chunk.d.ts +20 -0
- package/types/_paginator-chunk.d.ts +184 -0
- package/types/_palette-chunk.d.ts +4 -0
- package/types/_progress-spinner-chunk.d.ts +91 -0
- package/types/_pseudo-checkbox-module-chunk.d.ts +45 -0
- package/types/_ripple-chunk.d.ts +256 -0
- package/types/_ripple-loader-chunk.d.ts +48 -0
- package/types/_ripple-module-chunk.d.ts +11 -0
- package/types/_sort-chunk.d.ts +88 -0
- package/types/_sort-direction-chunk.d.ts +3 -0
- package/types/_tooltip-chunk.d.ts +315 -0
- package/types/autocomplete-testing.d.ts +53 -0
- package/types/autocomplete.d.ts +420 -0
- package/types/badge-testing.d.ts +36 -0
- package/types/badge.d.ts +14 -0
- package/types/bottom-sheet-testing.d.ts +26 -0
- package/types/bottom-sheet.d.ts +192 -0
- package/types/button-testing.d.ts +70 -0
- package/types/button-toggle-testing.d.ts +97 -0
- package/types/button-toggle.d.ts +16 -0
- package/types/button.d.ts +210 -0
- package/types/card-testing.d.ts +41 -0
- package/types/card.d.ts +156 -0
- package/types/checkbox-testing.d.ts +86 -0
- package/types/checkbox.d.ts +216 -0
- package/types/chips-testing.d.ts +270 -0
- package/types/chips.d.ts +993 -0
- package/types/core-testing.d.ts +32 -0
- package/types/core.d.ts +185 -0
- package/types/datepicker-testing.d.ts +25 -0
- package/types/datepicker.d.ts +1746 -0
- package/types/dialog-testing.d.ts +83 -0
- package/types/dialog.d.ts +84 -0
- package/types/divider-testing.d.ts +15 -0
- package/types/divider.d.ts +24 -0
- package/types/expansion-testing.d.ts +101 -0
- package/types/expansion.d.ts +258 -0
- package/types/form-field-testing-control.d.ts +13 -0
- package/types/form-field-testing.d.ts +127 -0
- package/types/form-field.d.ts +19 -0
- package/types/grid-list-testing.d.ts +82 -0
- package/types/grid-list.d.ts +207 -0
- package/types/icon-testing.d.ts +81 -0
- package/types/icon.d.ts +8 -0
- package/types/input-testing.d.ts +73 -0
- package/types/input.d.ts +208 -0
- package/types/list-testing.d.ts +354 -0
- package/types/list.d.ts +516 -0
- package/types/material.d.ts +3 -0
- package/types/menu-testing.d.ts +141 -0
- package/types/menu.d.ts +547 -0
- package/types/paginator-testing.d.ts +51 -0
- package/types/paginator.d.ts +36 -0
- package/types/progress-bar-testing.d.ts +24 -0
- package/types/progress-bar.d.ts +106 -0
- package/types/progress-spinner-testing.d.ts +28 -0
- package/types/progress-spinner.d.ts +13 -0
- package/types/radio-testing.d.ts +109 -0
- package/types/radio.d.ts +295 -0
- package/types/select-testing.d.ts +63 -0
- package/types/select.d.ts +448 -0
- package/types/sidenav-testing.d.ts +122 -0
- package/types/sidenav.d.ts +335 -0
- package/types/slide-toggle-testing.d.ts +66 -0
- package/types/slide-toggle.d.ts +151 -0
- package/types/slider-testing.d.ts +90 -0
- package/types/slider.d.ts +662 -0
- package/types/snack-bar-testing.d.ts +64 -0
- package/types/snack-bar.d.ts +328 -0
- package/types/sort-testing.d.ts +48 -0
- package/types/sort.d.ts +126 -0
- package/types/stepper-testing.d.ts +136 -0
- package/types/stepper.d.ts +225 -0
- package/types/table-testing.d.ts +174 -0
- package/types/table.d.ts +302 -0
- package/types/tabs-testing.d.ts +145 -0
- package/types/tabs.d.ts +890 -0
- package/types/timepicker-testing.d.ts +108 -0
- package/types/timepicker.d.ts +318 -0
- package/types/toolbar-testing.d.ts +33 -0
- package/types/toolbar.d.ts +44 -0
- package/types/tooltip-testing.d.ts +35 -0
- package/types/tooltip.d.ts +17 -0
- package/types/tree-testing.d.ts +119 -0
- package/types/tree.d.ts +233 -0
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
@use '../core/theming/inspection';
|
|
2
|
+
@use '../core/tokens/token-utils';
|
|
3
|
+
@use '../core/typography/typography';
|
|
4
|
+
@use './m2-tooltip';
|
|
5
|
+
@use './m3-tooltip';
|
|
6
|
+
@use 'sass:map';
|
|
7
|
+
|
|
8
|
+
@mixin base($theme) {
|
|
9
|
+
$tokens: map.get(m2-tooltip.get-tokens($theme), base);
|
|
10
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
11
|
+
$tokens: map.get(m3-tooltip.get-tokens($theme), base);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@include token-utils.values($tokens);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@mixin color($theme) {
|
|
18
|
+
$tokens: map.get(m2-tooltip.get-tokens($theme), color);
|
|
19
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
20
|
+
$tokens: map.get(m3-tooltip.get-tokens($theme), color);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@include token-utils.values($tokens);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin typography($theme) {
|
|
27
|
+
$tokens: map.get(m2-tooltip.get-tokens($theme), typography);
|
|
28
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
29
|
+
$tokens: map.get(m3-tooltip.get-tokens($theme), typography);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@include token-utils.values($tokens);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@mixin density($theme) {
|
|
36
|
+
$tokens: map.get(m2-tooltip.get-tokens($theme), density);
|
|
37
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
38
|
+
$tokens: map.get(m3-tooltip.get-tokens($theme), density);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@include token-utils.values($tokens);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
|
|
45
|
+
@function _define-overrides() {
|
|
46
|
+
@return (
|
|
47
|
+
(
|
|
48
|
+
namespace: tooltip,
|
|
49
|
+
tokens: token-utils.get-overrides(m3-tooltip.get-tokens(), tooltip)
|
|
50
|
+
),
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@mixin overrides($tokens: ()) {
|
|
55
|
+
@include token-utils.batch-create-token-values($tokens, _define-overrides());
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@mixin theme($theme) {
|
|
59
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
60
|
+
@include base($theme);
|
|
61
|
+
@include color($theme);
|
|
62
|
+
@include density($theme);
|
|
63
|
+
@include typography($theme);
|
|
64
|
+
} @else {
|
|
65
|
+
@include base($theme);
|
|
66
|
+
@if inspection.theme-has($theme, color) {
|
|
67
|
+
@include color($theme);
|
|
68
|
+
}
|
|
69
|
+
@if inspection.theme-has($theme, density) {
|
|
70
|
+
@include density($theme);
|
|
71
|
+
}
|
|
72
|
+
@if inspection.theme-has($theme, typography) {
|
|
73
|
+
@include typography($theme);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../core/theming/theming';
|
|
3
|
+
@use '../core/tokens/m2-utils';
|
|
4
|
+
|
|
5
|
+
@function get-tokens($theme) {
|
|
6
|
+
$system: m2-utils.get-system($theme);
|
|
7
|
+
$density-scale: theming.clamp-density(map.get($system, density-scale), -4);
|
|
8
|
+
|
|
9
|
+
@return (
|
|
10
|
+
base: (),
|
|
11
|
+
color: (
|
|
12
|
+
tree-container-background-color: map.get($system, surface),
|
|
13
|
+
tree-node-text-color: map.get($system, on-surface),
|
|
14
|
+
),
|
|
15
|
+
typography: (
|
|
16
|
+
// TODO(crisbeto): provide tokens for line height and letter spacing
|
|
17
|
+
tree-node-text-font: map.get($system, body-medium-font),
|
|
18
|
+
tree-node-text-size: map.get($system, body-medium-size),
|
|
19
|
+
tree-node-text-weight: map.get($system, body-medium-weight),),
|
|
20
|
+
density: (
|
|
21
|
+
tree-node-min-height: map.get((
|
|
22
|
+
0: 48px,
|
|
23
|
+
-1: 44px,
|
|
24
|
+
-2: 40px,
|
|
25
|
+
-3: 36px,
|
|
26
|
+
-4: 28px,
|
|
27
|
+
), $density-scale)
|
|
28
|
+
),
|
|
29
|
+
);
|
|
30
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use 'sass:list';
|
|
3
|
+
@use '../core/tokens/m3-utils';
|
|
4
|
+
@use '../core/theming/theming';
|
|
5
|
+
@use '../core/tokens/m3';
|
|
6
|
+
|
|
7
|
+
// The prefix used to generate the fully qualified name for tokens in this file.
|
|
8
|
+
$prefix: (mat, tree);
|
|
9
|
+
|
|
10
|
+
/// Generates custom tokens for the mat-tree.
|
|
11
|
+
@function get-tokens($theme: m3.$sys-theme) {
|
|
12
|
+
$system: m3-utils.get-system($theme);
|
|
13
|
+
|
|
14
|
+
@return (
|
|
15
|
+
base: (),
|
|
16
|
+
color: (
|
|
17
|
+
tree-container-background-color: map.get($system, surface),
|
|
18
|
+
tree-node-text-color: map.get($system, on-surface),
|
|
19
|
+
),
|
|
20
|
+
typography: (
|
|
21
|
+
tree-node-text-font: map.get($system, body-large-font),
|
|
22
|
+
tree-node-text-size: map.get($system, body-large-size),
|
|
23
|
+
tree-node-text-weight: map.get($system, body-large-weight),
|
|
24
|
+
),
|
|
25
|
+
density: get-density-tokens(map.get($system, density-scale)),
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Tokens that can be configured through Angular Material's density theming API.
|
|
30
|
+
@function get-density-tokens($scale) {
|
|
31
|
+
$scale: theming.clamp-density($scale, -4);
|
|
32
|
+
$index: ($scale * -1) + 1;
|
|
33
|
+
|
|
34
|
+
@return (
|
|
35
|
+
tree-node-min-height: list.nth((48px, 44px, 40px, 36px, 28px), $index),
|
|
36
|
+
);
|
|
37
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../core/theming/inspection';
|
|
3
|
+
@use '../core/typography/typography';
|
|
4
|
+
@use '../core/tokens/token-utils';
|
|
5
|
+
@use './m2-tree';
|
|
6
|
+
@use './m3-tree';
|
|
7
|
+
|
|
8
|
+
@mixin base($theme) {
|
|
9
|
+
$tokens: map.get(m2-tree.get-tokens($theme), base);
|
|
10
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
11
|
+
$tokens: map.get(m3-tree.get-tokens($theme), base);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@include token-utils.values($tokens);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@mixin color($theme) {
|
|
18
|
+
$tokens: map.get(m2-tree.get-tokens($theme), color);
|
|
19
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
20
|
+
$tokens: map.get(m3-tree.get-tokens($theme), color);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@include token-utils.values($tokens);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin typography($theme) {
|
|
27
|
+
$tokens: map.get(m2-tree.get-tokens($theme), typography);
|
|
28
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
29
|
+
$tokens: map.get(m3-tree.get-tokens($theme), typography);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@include token-utils.values($tokens);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@mixin density($theme) {
|
|
36
|
+
$tokens: map.get(m2-tree.get-tokens($theme), density);
|
|
37
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
38
|
+
$tokens: map.get(m3-tree.get-tokens($theme), density);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@include token-utils.values($tokens);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
|
|
45
|
+
@function _define-overrides() {
|
|
46
|
+
@return (
|
|
47
|
+
(
|
|
48
|
+
namespace: tree,
|
|
49
|
+
tokens: token-utils.get-overrides(m3-tree.get-tokens(), tree)
|
|
50
|
+
),
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@mixin overrides($tokens: ()) {
|
|
55
|
+
@include token-utils.batch-create-token-values($tokens, _define-overrides());
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@mixin theme($theme) {
|
|
59
|
+
@if inspection.get-theme-version($theme) == 1 {
|
|
60
|
+
@include base($theme);
|
|
61
|
+
@include color($theme);
|
|
62
|
+
@include density($theme);
|
|
63
|
+
@include typography($theme);
|
|
64
|
+
} @else {
|
|
65
|
+
@include base($theme);
|
|
66
|
+
@if inspection.theme-has($theme, color) {
|
|
67
|
+
@include color($theme);
|
|
68
|
+
}
|
|
69
|
+
@if inspection.theme-has($theme, density) {
|
|
70
|
+
@include density($theme);
|
|
71
|
+
}
|
|
72
|
+
@if inspection.theme-has($theme, typography) {
|
|
73
|
+
@include typography($theme);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnInit, AfterViewInit, OnDestroy } from '@angular/core';
|
|
3
|
+
import { ThemePalette } from './_palette-chunk.js';
|
|
4
|
+
|
|
5
|
+
/** Allowed position options for matBadgePosition */
|
|
6
|
+
type MatBadgePosition = 'above after' | 'above before' | 'below before' | 'below after' | 'before' | 'after' | 'above' | 'below';
|
|
7
|
+
/** Allowed size options for matBadgeSize */
|
|
8
|
+
type MatBadgeSize = 'small' | 'medium' | 'large';
|
|
9
|
+
/**
|
|
10
|
+
* Component used to load the structural styles of the badge.
|
|
11
|
+
* @docs-private
|
|
12
|
+
*/
|
|
13
|
+
declare class _MatBadgeStyleLoader {
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<_MatBadgeStyleLoader, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<_MatBadgeStyleLoader, "ng-component", never, {}, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
17
|
+
/** Directive to display a text badge. */
|
|
18
|
+
declare class MatBadge implements OnInit, AfterViewInit, OnDestroy {
|
|
19
|
+
private _ngZone;
|
|
20
|
+
private _elementRef;
|
|
21
|
+
private _ariaDescriber;
|
|
22
|
+
private _renderer;
|
|
23
|
+
private _animationsDisabled;
|
|
24
|
+
private _idGenerator;
|
|
25
|
+
/**
|
|
26
|
+
* Theme color of the badge. This API is supported in M2 themes only, it
|
|
27
|
+
* has no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/badge/styling.
|
|
28
|
+
*
|
|
29
|
+
* For information on applying color variants in M3, see
|
|
30
|
+
* https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
|
|
31
|
+
*/
|
|
32
|
+
get color(): ThemePalette;
|
|
33
|
+
set color(value: ThemePalette);
|
|
34
|
+
private _color;
|
|
35
|
+
/** Whether the badge should overlap its contents or not */
|
|
36
|
+
overlap: boolean;
|
|
37
|
+
/** Whether the badge is disabled. */
|
|
38
|
+
disabled: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Position the badge should reside.
|
|
41
|
+
* Accepts any combination of 'above'|'below' and 'before'|'after'
|
|
42
|
+
*/
|
|
43
|
+
position: MatBadgePosition;
|
|
44
|
+
/** The content for the badge */
|
|
45
|
+
get content(): string | number | undefined | null;
|
|
46
|
+
set content(newContent: string | number | undefined | null);
|
|
47
|
+
private _content;
|
|
48
|
+
/** Message used to describe the decorated element via aria-describedby */
|
|
49
|
+
get description(): string;
|
|
50
|
+
set description(newDescription: string);
|
|
51
|
+
private _description;
|
|
52
|
+
/** Size of the badge. Can be 'small', 'medium', or 'large'. */
|
|
53
|
+
size: MatBadgeSize;
|
|
54
|
+
/** Whether the badge is hidden. */
|
|
55
|
+
hidden: boolean;
|
|
56
|
+
/** Visible badge element. */
|
|
57
|
+
private _badgeElement;
|
|
58
|
+
/** Inline badge description. Used when the badge is applied to non-interactive host elements. */
|
|
59
|
+
private _inlineBadgeDescription;
|
|
60
|
+
/** Whether the OnInit lifecycle hook has run yet */
|
|
61
|
+
private _isInitialized;
|
|
62
|
+
/** InteractivityChecker to determine if the badge host is focusable. */
|
|
63
|
+
private _interactivityChecker;
|
|
64
|
+
private _document;
|
|
65
|
+
constructor(...args: unknown[]);
|
|
66
|
+
/** Whether the badge is above the host or not */
|
|
67
|
+
isAbove(): boolean;
|
|
68
|
+
/** Whether the badge is after the host or not */
|
|
69
|
+
isAfter(): boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Gets the element into which the badge's content is being rendered. Undefined if the element
|
|
72
|
+
* hasn't been created (e.g. if the badge doesn't have content).
|
|
73
|
+
*/
|
|
74
|
+
getBadgeElement(): HTMLElement | undefined;
|
|
75
|
+
ngOnInit(): void;
|
|
76
|
+
ngAfterViewInit(): void;
|
|
77
|
+
ngOnDestroy(): void;
|
|
78
|
+
/** Gets whether the badge's host element is interactive. */
|
|
79
|
+
private _isHostInteractive;
|
|
80
|
+
/** Creates the badge element */
|
|
81
|
+
private _createBadgeElement;
|
|
82
|
+
/** Update the text content of the badge element in the DOM, creating the element if necessary. */
|
|
83
|
+
private _updateRenderedContent;
|
|
84
|
+
/** Updates the host element's aria description via AriaDescriber. */
|
|
85
|
+
private _updateDescription;
|
|
86
|
+
private _updateInlineDescription;
|
|
87
|
+
private _removeInlineDescription;
|
|
88
|
+
/** Adds css theme class given the color to the component host */
|
|
89
|
+
private _setColor;
|
|
90
|
+
/** Clears any existing badges that might be left over from server-side rendering. */
|
|
91
|
+
private _clearExistingBadges;
|
|
92
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatBadge, never>;
|
|
93
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatBadge, "[matBadge]", never, { "color": { "alias": "matBadgeColor"; "required": false; }; "overlap": { "alias": "matBadgeOverlap"; "required": false; }; "disabled": { "alias": "matBadgeDisabled"; "required": false; }; "position": { "alias": "matBadgePosition"; "required": false; }; "content": { "alias": "matBadge"; "required": false; }; "description": { "alias": "matBadgeDescription"; "required": false; }; "size": { "alias": "matBadgeSize"; "required": false; }; "hidden": { "alias": "matBadgeHidden"; "required": false; }; }, {}, never, never, true, never>;
|
|
94
|
+
static ngAcceptInputType_overlap: unknown;
|
|
95
|
+
static ngAcceptInputType_disabled: unknown;
|
|
96
|
+
static ngAcceptInputType_hidden: unknown;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export { MatBadge, _MatBadgeStyleLoader };
|
|
100
|
+
export type { MatBadgePosition, MatBadgeSize };
|
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import { Direction } from '@angular/cdk/bidi';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { InjectionToken, OnInit, AfterContentInit, QueryList, EventEmitter, AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
|
|
4
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated No longer used.
|
|
8
|
+
* @breaking-change 11.0.0
|
|
9
|
+
*/
|
|
10
|
+
type ToggleType = 'checkbox' | 'radio';
|
|
11
|
+
/** Possible appearance styles for the button toggle. */
|
|
12
|
+
type MatButtonToggleAppearance = 'legacy' | 'standard';
|
|
13
|
+
/**
|
|
14
|
+
* Represents the default options for the button toggle that can be configured
|
|
15
|
+
* using the `MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS` injection token.
|
|
16
|
+
*/
|
|
17
|
+
interface MatButtonToggleDefaultOptions {
|
|
18
|
+
/**
|
|
19
|
+
* Default appearance to be used by button toggles. Can be overridden by explicitly
|
|
20
|
+
* setting an appearance on a button toggle or group.
|
|
21
|
+
*/
|
|
22
|
+
appearance?: MatButtonToggleAppearance;
|
|
23
|
+
/** Whether icon indicators should be hidden for single-selection button toggle groups. */
|
|
24
|
+
hideSingleSelectionIndicator?: boolean;
|
|
25
|
+
/** Whether icon indicators should be hidden for multiple-selection button toggle groups. */
|
|
26
|
+
hideMultipleSelectionIndicator?: boolean;
|
|
27
|
+
/** Whether disabled toggle buttons should be interactive. */
|
|
28
|
+
disabledInteractive?: boolean;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Injection token that can be used to configure the
|
|
32
|
+
* default options for all button toggles within an app.
|
|
33
|
+
*/
|
|
34
|
+
declare const MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS: InjectionToken<MatButtonToggleDefaultOptions>;
|
|
35
|
+
/**
|
|
36
|
+
* Injection token that can be used to reference instances of `MatButtonToggleGroup`.
|
|
37
|
+
* It serves as alternative token to the actual `MatButtonToggleGroup` class which
|
|
38
|
+
* could cause unnecessary retention of the class and its component metadata.
|
|
39
|
+
*/
|
|
40
|
+
declare const MAT_BUTTON_TOGGLE_GROUP: InjectionToken<MatButtonToggleGroup>;
|
|
41
|
+
/**
|
|
42
|
+
* Provider Expression that allows mat-button-toggle-group to register as a ControlValueAccessor.
|
|
43
|
+
* This allows it to support [(ngModel)].
|
|
44
|
+
* @docs-private
|
|
45
|
+
*/
|
|
46
|
+
declare const MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR: any;
|
|
47
|
+
/** Change event object emitted by button toggle. */
|
|
48
|
+
declare class MatButtonToggleChange {
|
|
49
|
+
/** The button toggle that emits the event. */
|
|
50
|
+
source: MatButtonToggle;
|
|
51
|
+
/** The value assigned to the button toggle. */
|
|
52
|
+
value: any;
|
|
53
|
+
constructor(
|
|
54
|
+
/** The button toggle that emits the event. */
|
|
55
|
+
source: MatButtonToggle,
|
|
56
|
+
/** The value assigned to the button toggle. */
|
|
57
|
+
value: any);
|
|
58
|
+
}
|
|
59
|
+
/** Exclusive selection button toggle group that behaves like a radio-button group. */
|
|
60
|
+
declare class MatButtonToggleGroup implements ControlValueAccessor, OnInit, AfterContentInit {
|
|
61
|
+
private _changeDetector;
|
|
62
|
+
private _dir;
|
|
63
|
+
private _multiple;
|
|
64
|
+
private _disabled;
|
|
65
|
+
private _disabledInteractive;
|
|
66
|
+
private _selectionModel;
|
|
67
|
+
/**
|
|
68
|
+
* Reference to the raw value that the consumer tried to assign. The real
|
|
69
|
+
* value will exclude any values from this one that don't correspond to a
|
|
70
|
+
* toggle. Useful for the cases where the value is assigned before the toggles
|
|
71
|
+
* have been initialized or at the same that they're being swapped out.
|
|
72
|
+
*/
|
|
73
|
+
private _rawValue;
|
|
74
|
+
/**
|
|
75
|
+
* The method to be called in order to update ngModel.
|
|
76
|
+
* Now `ngModel` binding is not supported in multiple selection mode.
|
|
77
|
+
*/
|
|
78
|
+
_controlValueAccessorChangeFn: (value: any) => void;
|
|
79
|
+
/** onTouch function registered via registerOnTouch (ControlValueAccessor). */
|
|
80
|
+
_onTouched: () => any;
|
|
81
|
+
/** Child button toggle buttons. */
|
|
82
|
+
_buttonToggles: QueryList<MatButtonToggle>;
|
|
83
|
+
/** The appearance for all the buttons in the group. */
|
|
84
|
+
appearance: MatButtonToggleAppearance;
|
|
85
|
+
/** `name` attribute for the underlying `input` element. */
|
|
86
|
+
get name(): string;
|
|
87
|
+
set name(value: string);
|
|
88
|
+
private _name;
|
|
89
|
+
/** Whether the toggle group is vertical. */
|
|
90
|
+
vertical: boolean;
|
|
91
|
+
/** Value of the toggle group. */
|
|
92
|
+
get value(): any;
|
|
93
|
+
set value(newValue: any);
|
|
94
|
+
/**
|
|
95
|
+
* Event that emits whenever the value of the group changes.
|
|
96
|
+
* Used to facilitate two-way data binding.
|
|
97
|
+
* @docs-private
|
|
98
|
+
*/
|
|
99
|
+
readonly valueChange: EventEmitter<any>;
|
|
100
|
+
/** Selected button toggles in the group. */
|
|
101
|
+
get selected(): MatButtonToggle | MatButtonToggle[];
|
|
102
|
+
/** Whether multiple button toggles can be selected. */
|
|
103
|
+
get multiple(): boolean;
|
|
104
|
+
set multiple(value: boolean);
|
|
105
|
+
/** Whether multiple button toggle group is disabled. */
|
|
106
|
+
get disabled(): boolean;
|
|
107
|
+
set disabled(value: boolean);
|
|
108
|
+
/** Whether buttons in the group should be interactive while they're disabled. */
|
|
109
|
+
get disabledInteractive(): boolean;
|
|
110
|
+
set disabledInteractive(value: boolean);
|
|
111
|
+
/** The layout direction of the toggle button group. */
|
|
112
|
+
get dir(): Direction;
|
|
113
|
+
/** Event emitted when the group's value changes. */
|
|
114
|
+
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
115
|
+
/** Whether checkmark indicator for single-selection button toggle groups is hidden. */
|
|
116
|
+
get hideSingleSelectionIndicator(): boolean;
|
|
117
|
+
set hideSingleSelectionIndicator(value: boolean);
|
|
118
|
+
private _hideSingleSelectionIndicator;
|
|
119
|
+
/** Whether checkmark indicator for multiple-selection button toggle groups is hidden. */
|
|
120
|
+
get hideMultipleSelectionIndicator(): boolean;
|
|
121
|
+
set hideMultipleSelectionIndicator(value: boolean);
|
|
122
|
+
private _hideMultipleSelectionIndicator;
|
|
123
|
+
constructor(...args: unknown[]);
|
|
124
|
+
ngOnInit(): void;
|
|
125
|
+
ngAfterContentInit(): void;
|
|
126
|
+
/**
|
|
127
|
+
* Sets the model value. Implemented as part of ControlValueAccessor.
|
|
128
|
+
* @param value Value to be set to the model.
|
|
129
|
+
*/
|
|
130
|
+
writeValue(value: any): void;
|
|
131
|
+
registerOnChange(fn: (value: any) => void): void;
|
|
132
|
+
registerOnTouched(fn: any): void;
|
|
133
|
+
setDisabledState(isDisabled: boolean): void;
|
|
134
|
+
/** Handle keydown event calling to single-select button toggle. */
|
|
135
|
+
protected _keydown(event: KeyboardEvent): void;
|
|
136
|
+
/** Dispatch change event with current selection and group value. */
|
|
137
|
+
_emitChangeEvent(toggle: MatButtonToggle): void;
|
|
138
|
+
/**
|
|
139
|
+
* Syncs a button toggle's selected state with the model value.
|
|
140
|
+
* @param toggle Toggle to be synced.
|
|
141
|
+
* @param select Whether the toggle should be selected.
|
|
142
|
+
* @param isUserInput Whether the change was a result of a user interaction.
|
|
143
|
+
* @param deferEvents Whether to defer emitting the change events.
|
|
144
|
+
*/
|
|
145
|
+
_syncButtonToggle(toggle: MatButtonToggle, select: boolean, isUserInput?: boolean, deferEvents?: boolean): void;
|
|
146
|
+
/** Checks whether a button toggle is selected. */
|
|
147
|
+
_isSelected(toggle: MatButtonToggle): boolean;
|
|
148
|
+
/** Determines whether a button toggle should be checked on init. */
|
|
149
|
+
_isPrechecked(toggle: MatButtonToggle): boolean;
|
|
150
|
+
/** Initializes the tabindex attribute using the radio pattern. */
|
|
151
|
+
private _initializeTabIndex;
|
|
152
|
+
/** Obtain the subsequent toggle to which the focus shifts. */
|
|
153
|
+
private _getNextButton;
|
|
154
|
+
/** Updates the selection state of the toggles in the group based on a value. */
|
|
155
|
+
private _setSelectionByValue;
|
|
156
|
+
/** Clears the selected toggles. */
|
|
157
|
+
private _clearSelection;
|
|
158
|
+
/** Selects a value if there's a toggle that corresponds to it. */
|
|
159
|
+
private _selectValue;
|
|
160
|
+
/** Syncs up the group's value with the model and emits the change event. */
|
|
161
|
+
private _updateModelValue;
|
|
162
|
+
/** Marks all of the child button toggles to be checked. */
|
|
163
|
+
private _markButtonsForCheck;
|
|
164
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleGroup, never>;
|
|
165
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleGroup, "mat-button-toggle-group", ["matButtonToggleGroup"], { "appearance": { "alias": "appearance"; "required": false; }; "name": { "alias": "name"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; "hideMultipleSelectionIndicator": { "alias": "hideMultipleSelectionIndicator"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; }, ["_buttonToggles"], never, true, never>;
|
|
166
|
+
static ngAcceptInputType_vertical: unknown;
|
|
167
|
+
static ngAcceptInputType_multiple: unknown;
|
|
168
|
+
static ngAcceptInputType_disabled: unknown;
|
|
169
|
+
static ngAcceptInputType_disabledInteractive: unknown;
|
|
170
|
+
static ngAcceptInputType_hideSingleSelectionIndicator: unknown;
|
|
171
|
+
static ngAcceptInputType_hideMultipleSelectionIndicator: unknown;
|
|
172
|
+
}
|
|
173
|
+
/** Single button inside of a toggle group. */
|
|
174
|
+
declare class MatButtonToggle implements OnInit, AfterViewInit, OnDestroy {
|
|
175
|
+
private _changeDetectorRef;
|
|
176
|
+
private _elementRef;
|
|
177
|
+
private _focusMonitor;
|
|
178
|
+
private _idGenerator;
|
|
179
|
+
private _animationDisabled;
|
|
180
|
+
private _checked;
|
|
181
|
+
/**
|
|
182
|
+
* Attached to the aria-label attribute of the host element. In most cases, aria-labelledby will
|
|
183
|
+
* take precedence so this may be omitted.
|
|
184
|
+
*/
|
|
185
|
+
ariaLabel: string;
|
|
186
|
+
/**
|
|
187
|
+
* Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
|
|
188
|
+
*/
|
|
189
|
+
ariaLabelledby: string | null;
|
|
190
|
+
/** Underlying native `button` element. */
|
|
191
|
+
_buttonElement: ElementRef<HTMLButtonElement>;
|
|
192
|
+
/** The parent button toggle group (exclusive selection). Optional. */
|
|
193
|
+
buttonToggleGroup: MatButtonToggleGroup;
|
|
194
|
+
/** Unique ID for the underlying `button` element. */
|
|
195
|
+
get buttonId(): string;
|
|
196
|
+
/** The unique ID for this button toggle. */
|
|
197
|
+
id: string;
|
|
198
|
+
/** HTML's 'name' attribute used to group radios for unique selection. */
|
|
199
|
+
name: string;
|
|
200
|
+
/** MatButtonToggleGroup reads this to assign its own value. */
|
|
201
|
+
value: any;
|
|
202
|
+
/** Tabindex of the toggle. */
|
|
203
|
+
get tabIndex(): number | null;
|
|
204
|
+
set tabIndex(value: number | null);
|
|
205
|
+
private _tabIndex;
|
|
206
|
+
/** Whether ripples are disabled on the button toggle. */
|
|
207
|
+
disableRipple: boolean;
|
|
208
|
+
/** The appearance style of the button. */
|
|
209
|
+
get appearance(): MatButtonToggleAppearance;
|
|
210
|
+
set appearance(value: MatButtonToggleAppearance);
|
|
211
|
+
private _appearance;
|
|
212
|
+
/** Whether the button is checked. */
|
|
213
|
+
get checked(): boolean;
|
|
214
|
+
set checked(value: boolean);
|
|
215
|
+
/** Whether the button is disabled. */
|
|
216
|
+
get disabled(): boolean;
|
|
217
|
+
set disabled(value: boolean);
|
|
218
|
+
private _disabled;
|
|
219
|
+
/** Whether the button should remain interactive when it is disabled. */
|
|
220
|
+
get disabledInteractive(): boolean;
|
|
221
|
+
set disabledInteractive(value: boolean);
|
|
222
|
+
private _disabledInteractive;
|
|
223
|
+
/** Event emitted when the group value changes. */
|
|
224
|
+
readonly change: EventEmitter<MatButtonToggleChange>;
|
|
225
|
+
constructor(...args: unknown[]);
|
|
226
|
+
ngOnInit(): void;
|
|
227
|
+
ngAfterViewInit(): void;
|
|
228
|
+
ngOnDestroy(): void;
|
|
229
|
+
/** Focuses the button. */
|
|
230
|
+
focus(options?: FocusOptions): void;
|
|
231
|
+
/** Checks the button toggle due to an interaction with the underlying native button. */
|
|
232
|
+
_onButtonClick(): void;
|
|
233
|
+
/**
|
|
234
|
+
* Marks the button toggle as needing checking for change detection.
|
|
235
|
+
* This method is exposed because the parent button toggle group will directly
|
|
236
|
+
* update bound properties of the radio button.
|
|
237
|
+
*/
|
|
238
|
+
_markForCheck(): void;
|
|
239
|
+
/** Gets the name that should be assigned to the inner DOM node. */
|
|
240
|
+
_getButtonName(): string | null;
|
|
241
|
+
/** Whether the toggle is in single selection mode. */
|
|
242
|
+
isSingleSelector(): boolean;
|
|
243
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggle, never>;
|
|
244
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatButtonToggle, "mat-button-toggle", ["matButtonToggle"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
|
|
245
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
246
|
+
static ngAcceptInputType_checked: unknown;
|
|
247
|
+
static ngAcceptInputType_disabled: unknown;
|
|
248
|
+
static ngAcceptInputType_disabledInteractive: unknown;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
export { MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS, MAT_BUTTON_TOGGLE_GROUP, MAT_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, MatButtonToggle, MatButtonToggleChange, MatButtonToggleGroup };
|
|
252
|
+
export type { MatButtonToggleAppearance, MatButtonToggleDefaultOptions, ToggleType };
|