@angular/material 15.1.0-next.0 → 15.1.0-next.1
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/testing/index.d.ts +2 -0
- package/button/testing/index.d.ts +2 -0
- package/button-toggle/testing/index.d.ts +4 -0
- package/checkbox/testing/index.d.ts +2 -0
- package/core/index.d.ts +3 -3
- package/esm2020/autocomplete/testing/autocomplete-harness-filters.mjs +1 -1
- package/esm2020/autocomplete/testing/autocomplete-harness.mjs +6 -2
- package/esm2020/button/icon-button.mjs +4 -4
- package/esm2020/button/testing/button-harness-filters.mjs +1 -1
- package/esm2020/button/testing/button-harness.mjs +5 -2
- package/esm2020/button-toggle/testing/button-toggle-group-harness-filters.mjs +1 -1
- package/esm2020/button-toggle/testing/button-toggle-group-harness.mjs +4 -2
- package/esm2020/button-toggle/testing/button-toggle-harness-filters.mjs +1 -1
- package/esm2020/button-toggle/testing/button-toggle-harness.mjs +5 -2
- package/esm2020/checkbox/testing/checkbox-harness-filters.mjs +1 -1
- package/esm2020/checkbox/testing/checkbox-harness.mjs +5 -2
- package/esm2020/chips/chip-action.mjs +3 -5
- package/esm2020/core/ripple/ripple-event-manager.mjs +69 -0
- package/esm2020/core/ripple/ripple-renderer.mjs +31 -23
- package/esm2020/core/version.mjs +1 -1
- package/esm2020/form-field/directives/prefix.mjs +12 -7
- package/esm2020/form-field/directives/suffix.mjs +12 -7
- package/esm2020/legacy-autocomplete/testing/autocomplete-harness-filters.mjs +1 -1
- package/esm2020/legacy-autocomplete/testing/autocomplete-harness.mjs +6 -2
- package/esm2020/legacy-button/testing/button-harness.mjs +5 -2
- package/esm2020/legacy-checkbox/testing/checkbox-harness.mjs +5 -2
- package/esm2020/list/list-option.mjs +2 -5
- package/esm2020/list/selection-list.mjs +2 -9
- package/esm2020/progress-spinner/progress-spinner.mjs +4 -5
- package/esm2020/slider/testing/slider-harness-filters.mjs +1 -1
- package/esm2020/slider/testing/slider-harness.mjs +6 -2
- package/esm2020/tabs/tab-group.mjs +6 -6
- package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
- package/fesm2015/autocomplete/testing.mjs +5 -1
- package/fesm2015/autocomplete/testing.mjs.map +1 -1
- package/fesm2015/button/testing.mjs +4 -1
- package/fesm2015/button/testing.mjs.map +1 -1
- package/fesm2015/button-toggle/testing.mjs +7 -2
- package/fesm2015/button-toggle/testing.mjs.map +1 -1
- package/fesm2015/button.mjs +4 -4
- package/fesm2015/button.mjs.map +1 -1
- package/fesm2015/checkbox/testing.mjs +4 -1
- package/fesm2015/checkbox/testing.mjs.map +1 -1
- package/fesm2015/chips.mjs +2 -4
- package/fesm2015/chips.mjs.map +1 -1
- package/fesm2015/core.mjs +100 -24
- package/fesm2015/core.mjs.map +1 -1
- package/fesm2015/form-field.mjs +20 -10
- package/fesm2015/form-field.mjs.map +1 -1
- package/fesm2015/legacy-autocomplete/testing.mjs +6 -8
- package/fesm2015/legacy-autocomplete/testing.mjs.map +1 -1
- package/fesm2015/legacy-button/testing.mjs +4 -1
- package/fesm2015/legacy-button/testing.mjs.map +1 -1
- package/fesm2015/legacy-checkbox/testing.mjs +4 -1
- package/fesm2015/legacy-checkbox/testing.mjs.map +1 -1
- package/fesm2015/list.mjs +2 -12
- package/fesm2015/list.mjs.map +1 -1
- package/fesm2015/progress-spinner.mjs +3 -4
- package/fesm2015/progress-spinner.mjs.map +1 -1
- package/fesm2015/slider/testing.mjs +5 -1
- package/fesm2015/slider/testing.mjs.map +1 -1
- package/fesm2015/tabs.mjs +11 -11
- package/fesm2015/tabs.mjs.map +1 -1
- package/fesm2020/autocomplete/testing.mjs +5 -1
- package/fesm2020/autocomplete/testing.mjs.map +1 -1
- package/fesm2020/button/testing.mjs +4 -1
- package/fesm2020/button/testing.mjs.map +1 -1
- package/fesm2020/button-toggle/testing.mjs +7 -2
- package/fesm2020/button-toggle/testing.mjs.map +1 -1
- package/fesm2020/button.mjs +4 -4
- package/fesm2020/button.mjs.map +1 -1
- package/fesm2020/checkbox/testing.mjs +4 -1
- package/fesm2020/checkbox/testing.mjs.map +1 -1
- package/fesm2020/chips.mjs +2 -4
- package/fesm2020/chips.mjs.map +1 -1
- package/fesm2020/core.mjs +99 -24
- package/fesm2020/core.mjs.map +1 -1
- package/fesm2020/form-field.mjs +20 -10
- package/fesm2020/form-field.mjs.map +1 -1
- package/fesm2020/legacy-autocomplete/testing.mjs +5 -1
- package/fesm2020/legacy-autocomplete/testing.mjs.map +1 -1
- package/fesm2020/legacy-button/testing.mjs +4 -1
- package/fesm2020/legacy-button/testing.mjs.map +1 -1
- package/fesm2020/legacy-checkbox/testing.mjs +4 -1
- package/fesm2020/legacy-checkbox/testing.mjs.map +1 -1
- package/fesm2020/list.mjs +2 -12
- package/fesm2020/list.mjs.map +1 -1
- package/fesm2020/progress-spinner.mjs +3 -4
- package/fesm2020/progress-spinner.mjs.map +1 -1
- package/fesm2020/slider/testing.mjs +5 -1
- package/fesm2020/slider/testing.mjs.map +1 -1
- package/fesm2020/tabs.mjs +11 -11
- package/fesm2020/tabs.mjs.map +1 -1
- package/form-field/index.d.ts +4 -4
- package/legacy-autocomplete/testing/index.d.ts +2 -0
- package/list/_interactive-list-theme.scss +0 -17
- package/list/index.d.ts +0 -12
- package/package.json +2 -2
- 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-spinner/index.d.ts +3 -4
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/schematics/ng-generate/mdc-migration/index_bundled.js +4 -2
- package/schematics/ng-generate/mdc-migration/index_bundled.js.map +2 -2
- package/schematics/ng-generate/mdc-migration/mdc_migration_bundle_metadata.json +1 -1
- package/slider/testing/index.d.ts +2 -0
- package/tabs/_tabs-common.scss +42 -0
- package/tabs/_tabs-theme.scss +4 -30
package/form-field/index.d.ts
CHANGED
|
@@ -467,18 +467,18 @@ export declare class MatLabel {
|
|
|
467
467
|
|
|
468
468
|
/** Prefix to be placed in front of the form field. */
|
|
469
469
|
export declare class MatPrefix {
|
|
470
|
+
set _isTextSelector(value: '');
|
|
470
471
|
_isText: boolean;
|
|
471
|
-
constructor(elementRef: ElementRef);
|
|
472
472
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatPrefix, never>;
|
|
473
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatPrefix, "[matPrefix], [matIconPrefix], [matTextPrefix]", never, {}, {}, never, never, false, never>;
|
|
473
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatPrefix, "[matPrefix], [matIconPrefix], [matTextPrefix]", never, { "_isTextSelector": "matTextPrefix"; }, {}, never, never, false, never>;
|
|
474
474
|
}
|
|
475
475
|
|
|
476
476
|
/** Suffix to be placed at the end of the form field. */
|
|
477
477
|
export declare class MatSuffix {
|
|
478
|
+
set _isTextSelector(value: '');
|
|
478
479
|
_isText: boolean;
|
|
479
|
-
constructor(elementRef: ElementRef);
|
|
480
480
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatSuffix, never>;
|
|
481
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatSuffix, "[matSuffix], [matIconSuffix], [matTextSuffix]", never, {}, {}, never, never, false, never>;
|
|
481
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatSuffix, "[matSuffix], [matIconSuffix], [matTextSuffix]", never, { "_isTextSelector": "matTextSuffix"; }, {}, never, never, false, never>;
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
/** Behaviors for how the subscript height is set. */
|
|
@@ -14,6 +14,8 @@ import { MatLegacyOptionHarness } from '@angular/material/legacy-core/testing';
|
|
|
14
14
|
export declare interface LegacyAutocompleteHarnessFilters extends BaseHarnessFilters {
|
|
15
15
|
/** Only find instances whose associated input element matches the given value. */
|
|
16
16
|
value?: string | RegExp;
|
|
17
|
+
/** Only find instances which match the given disabled state. */
|
|
18
|
+
disabled?: boolean;
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
/**
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '@material/ripple' as mdc-ripple;
|
|
3
|
-
@use '../core/theming/theming';
|
|
4
3
|
|
|
5
4
|
// Mixin that provides colors for the various states of an interactive list-item. MDC
|
|
6
5
|
// has integrated styles for these states but relies on their complex ripples for it.
|
|
7
6
|
@mixin private-interactive-list-item-state-colors($config) {
|
|
8
7
|
$is-dark-theme: map.get($config, is-dark);
|
|
9
8
|
$active-base-color: if($is-dark-theme, white, black);
|
|
10
|
-
$selected-color: theming.get-color-from-palette(map.get($config, primary));
|
|
11
9
|
|
|
12
10
|
.mat-mdc-list-item-interactive {
|
|
13
11
|
&::before {
|
|
@@ -18,21 +16,6 @@
|
|
|
18
16
|
opacity: mdc-ripple.states-opacity($active-base-color, hover);
|
|
19
17
|
}
|
|
20
18
|
|
|
21
|
-
&.mdc-list-item--selected {
|
|
22
|
-
&::before {
|
|
23
|
-
background: $selected-color;
|
|
24
|
-
opacity: mdc-ripple.states-opacity($selected-color, selected);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
&:not(:focus):not(.mdc-list-item--disabled):hover::before {
|
|
28
|
-
// The hover and selected opacities need to be combined to match with what the MDC
|
|
29
|
-
// ripple state would render. More details here:
|
|
30
|
-
// https://github.com/material-components/material-components-web/blob/348665978ce73694ad4518626dd70cdf5b984113/packages/mdc-ripple/_ripple-theme.scss#L450.
|
|
31
|
-
opacity: mdc-ripple.states-opacity($selected-color, hover) +
|
|
32
|
-
mdc-ripple.states-opacity($selected-color, selected);
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
19
|
&:focus::before {
|
|
37
20
|
opacity: mdc-ripple.states-opacity($active-base-color, focus);
|
|
38
21
|
}
|
package/list/index.d.ts
CHANGED
|
@@ -539,23 +539,11 @@ export declare class MatSelectionList extends MatListBase implements SelectionLi
|
|
|
539
539
|
export declare class MatSelectionListChange {
|
|
540
540
|
/** Reference to the selection list that emitted the event. */
|
|
541
541
|
source: MatSelectionList;
|
|
542
|
-
/**
|
|
543
|
-
* Reference to the option that has been changed.
|
|
544
|
-
* @deprecated Use `options` instead, because some events may change more than one option.
|
|
545
|
-
* @breaking-change 12.0.0
|
|
546
|
-
*/
|
|
547
|
-
option: MatListOption;
|
|
548
542
|
/** Reference to the options that have been changed. */
|
|
549
543
|
options: MatListOption[];
|
|
550
544
|
constructor(
|
|
551
545
|
/** Reference to the selection list that emitted the event. */
|
|
552
546
|
source: MatSelectionList,
|
|
553
|
-
/**
|
|
554
|
-
* Reference to the option that has been changed.
|
|
555
|
-
* @deprecated Use `options` instead, because some events may change more than one option.
|
|
556
|
-
* @breaking-change 12.0.0
|
|
557
|
-
*/
|
|
558
|
-
option: MatListOption,
|
|
559
547
|
/** Reference to the options that have been changed. */
|
|
560
548
|
options: MatListOption[]);
|
|
561
549
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@angular/material",
|
|
3
|
-
"version": "15.1.0-next.
|
|
3
|
+
"version": "15.1.0-next.1",
|
|
4
4
|
"description": "Angular Material",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -989,7 +989,7 @@
|
|
|
989
989
|
},
|
|
990
990
|
"peerDependencies": {
|
|
991
991
|
"@angular/animations": "^15.0.0 || ^16.0.0",
|
|
992
|
-
"@angular/cdk": "15.1.0-next.
|
|
992
|
+
"@angular/cdk": "15.1.0-next.1",
|
|
993
993
|
"@angular/core": "^15.0.0 || ^16.0.0",
|
|
994
994
|
"@angular/common": "^15.0.0 || ^16.0.0",
|
|
995
995
|
"@angular/forms": "^15.0.0 || ^16.0.0",
|