Skip to content

Commit b8af554

Browse files
authored
build: switch remaining dev app demos to MDC (#25649)
Switches all of the remaining demos of components that don't have MDC counterparts to use MDC components.
1 parent 3761275 commit b8af554

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+383
-284
lines changed

.github/CODEOWNERS

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,7 @@
153153
/src/dev-app/autocomplete/** @crisbeto
154154
/src/dev-app/badge/** @andrewseguin
155155
/src/dev-app/baseline/** @mmalerba
156+
/src/dev-app/legacy-baseline/** @mmalerba
156157
/src/dev-app/bottom-sheet/** @andrewseguin @crisbeto
157158
/src/dev-app/button-toggle/** @andrewseguin
158159
/src/dev-app/button/** @andrewseguin

src/components-examples/material/core/ripple-overview/ripple-overview-example.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,12 @@
33
<mat-checkbox [(ngModel)]="unbounded" class="example-ripple-checkbox">Unbounded</mat-checkbox>
44

55
<mat-form-field class="example-ripple-form-field" appearance="fill">
6-
<input matInput [(ngModel)]="radius" type="number" placeholder="Radius">
6+
<mat-label>Radius</mat-label>
7+
<input matInput [(ngModel)]="radius" type="number">
78
</mat-form-field>
89
<mat-form-field class="example-ripple-form-field" appearance="fill">
9-
<input matInput [(ngModel)]="color" type="text" placeholder="Color">
10+
<mat-label>Color</mat-label>
11+
<input matInput [(ngModel)]="color" type="text">
1012
</mat-form-field>
1113

1214

src/dev-app/BUILD.bazel

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,7 @@ ng_module(
4848
"//src/dev-app/input-modality",
4949
"//src/dev-app/layout",
5050
"//src/dev-app/legacy-autocomplete",
51+
"//src/dev-app/legacy-baseline",
5152
"//src/dev-app/legacy-button",
5253
"//src/dev-app/legacy-card",
5354
"//src/dev-app/legacy-checkbox",

src/dev-app/badge/BUILD.bazel

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@ ng_module(
1111
],
1212
deps = [
1313
"//src/material/badge",
14+
"//src/material/button",
1415
"//src/material/icon",
15-
"//src/material/legacy-button",
1616
"@npm//@angular/forms",
1717
],
1818
)

src/dev-app/badge/badge-demo.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,15 @@ import {Component} from '@angular/core';
1010
import {CommonModule} from '@angular/common';
1111
import {FormsModule} from '@angular/forms';
1212
import {MatBadgeModule} from '@angular/material/badge';
13-
import {MatLegacyButtonModule} from '@angular/material/legacy-button';
13+
import {MatButtonModule} from '@angular/material/button';
1414
import {MatIconModule} from '@angular/material/icon';
1515

1616
@Component({
1717
selector: 'badge-demo',
1818
templateUrl: 'badge-demo.html',
1919
styleUrls: ['badge-demo.css'],
2020
standalone: true,
21-
imports: [CommonModule, FormsModule, MatBadgeModule, MatLegacyButtonModule, MatIconModule],
21+
imports: [CommonModule, FormsModule, MatBadgeModule, MatButtonModule, MatIconModule],
2222
})
2323
export class BadgeDemo {
2424
visible = true;

src/dev-app/baseline/BUILD.bazel

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@ ng_module(
1010
":baseline_demo_scss",
1111
],
1212
deps = [
13-
"//src/material/legacy-card",
14-
"//src/material/legacy-checkbox",
15-
"//src/material/legacy-form-field",
16-
"//src/material/legacy-input",
17-
"//src/material/legacy-radio",
18-
"//src/material/legacy-select",
13+
"//src/material/card",
14+
"//src/material/checkbox",
15+
"//src/material/form-field",
16+
"//src/material/input",
17+
"//src/material/radio",
18+
"//src/material/select",
1919
"//src/material/toolbar",
2020
],
2121
)

src/dev-app/baseline/baseline-demo.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
padding: 0;
33
}
44

5-
.demo-basic .mat-card-content {
5+
.demo-basic .mat-mdc-card-content {
66
padding: 16px;
77
}
88

src/dev-app/baseline/baseline-demo.ts

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,12 @@
88

99
import {Component} from '@angular/core';
1010
import {CommonModule} from '@angular/common';
11-
import {MatLegacyCardModule} from '@angular/material/legacy-card';
12-
import {MatLegacyCheckboxModule} from '@angular/material/legacy-checkbox';
13-
import {MatLegacyFormFieldModule} from '@angular/material/legacy-form-field';
14-
import {MatLegacyInputModule} from '@angular/material/legacy-input';
15-
import {MatLegacyRadioModule} from '@angular/material/legacy-radio';
16-
import {MatLegacySelectModule} from '@angular/material/legacy-select';
11+
import {MatCardModule} from '@angular/material/card';
12+
import {MatCheckboxModule} from '@angular/material/checkbox';
13+
import {MatFormFieldModule} from '@angular/material/form-field';
14+
import {MatInputModule} from '@angular/material/input';
15+
import {MatRadioModule} from '@angular/material/radio';
16+
import {MatSelectModule} from '@angular/material/select';
1717
import {MatToolbarModule} from '@angular/material/toolbar';
1818

1919
@Component({
@@ -23,12 +23,12 @@ import {MatToolbarModule} from '@angular/material/toolbar';
2323
standalone: true,
2424
imports: [
2525
CommonModule,
26-
MatLegacyCardModule,
27-
MatLegacyCheckboxModule,
28-
MatLegacyFormFieldModule,
29-
MatLegacyInputModule,
30-
MatLegacyRadioModule,
31-
MatLegacySelectModule,
26+
MatCardModule,
27+
MatCheckboxModule,
28+
MatFormFieldModule,
29+
MatInputModule,
30+
MatRadioModule,
31+
MatSelectModule,
3232
MatToolbarModule,
3333
],
3434
})

src/dev-app/bottom-sheet/BUILD.bazel

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,14 @@ ng_module(
1111
],
1212
deps = [
1313
"//src/material/bottom-sheet",
14+
"//src/material/button",
15+
"//src/material/card",
16+
"//src/material/checkbox",
17+
"//src/material/form-field",
1418
"//src/material/icon",
15-
"//src/material/legacy-button",
16-
"//src/material/legacy-card",
17-
"//src/material/legacy-checkbox",
18-
"//src/material/legacy-form-field",
19-
"//src/material/legacy-input",
20-
"//src/material/legacy-list",
21-
"//src/material/legacy-select",
19+
"//src/material/input",
20+
"//src/material/list",
21+
"//src/material/select",
2222
"@npm//@angular/forms",
2323
],
2424
)

src/dev-app/bottom-sheet/bottom-sheet-demo.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,9 @@ <h2>Options</h2>
3737
<ng-template let-bottomSheetRef="bottomSheetRef">
3838
<mat-nav-list>
3939
<mat-list-item (click)="bottomSheetRef.dismiss()" *ngFor="let action of [1, 2, 3]">
40-
<mat-icon mat-list-icon>folder</mat-icon>
41-
<span mat-line>Action {{ action }}</span>
42-
<span mat-line>Description</span>
40+
<mat-icon matListItemIcon>folder</mat-icon>
41+
<span matListItemTitle>Action {{ action }}</span>
42+
<span matLine>Description</span>
4343
</mat-list-item>
4444
</mat-nav-list>
4545
</ng-template>

0 commit comments

Comments
 (0)