Skip to content

Commit 07b56eb

Browse files
andrewseguinandrewseguin
authored
docs(material/progress-spinner): switch examples to MDC (#25630)
1 parent b8cfddc commit 07b56eb

File tree

13 files changed

+64
-64
lines changed

13 files changed

+64
-64
lines changed

‎.github/CODEOWNERS

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@
202202
/src/dev-app/legacy-button/** @andrewseguin
203203
/src/dev-app/mdc-chips/** @mmalerba
204204
/src/dev-app/legacy-progress-bar/** @crisbeto
205-
/src/dev-app/mdc-progress-spinner/** @mmalerba
205+
/src/dev-app/legacy-progress-spinner/** @mmalerba
206206
/src/dev-app/mdc-slide-toggle/** @crisbeto
207207
/src/dev-app/legacy-slider/** @devversion
208208
/src/dev-app/mdc-snack-bar/** @andrewseguin

‎src/dev-app/BUILD.bazel

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@ ng_module(
5656
"//src/dev-app/legacy-menu",
5757
"//src/dev-app/legacy-paginator",
5858
"//src/dev-app/legacy-progress-bar",
59+
"//src/dev-app/legacy-progress-spinner",
5960
"//src/dev-app/legacy-radio",
6061
"//src/dev-app/legacy-select",
6162
"//src/dev-app/legacy-slider",
@@ -66,7 +67,6 @@ ng_module(
6667
"//src/dev-app/live-announcer",
6768
"//src/dev-app/mdc-autocomplete",
6869
"//src/dev-app/mdc-chips",
69-
"//src/dev-app/mdc-progress-spinner",
7070
"//src/dev-app/mdc-slide-toggle",
7171
"//src/dev-app/mdc-tabs",
7272
"//src/dev-app/menu",

‎src/dev-app/dev-app/dev-app-layout.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,6 @@ export class DevAppLayout {
106106
{name: 'MDC Autocomplete', route: '/mdc-autocomplete'},
107107
{name: 'MDC Chips', route: '/mdc-chips'},
108108
{name: 'MDC Progress Bar', route: '/mdc-progress-bar'},
109-
{name: 'MDC Progress Spinner', route: '/mdc-progress-spinner'},
110109
{name: 'MDC Slide Toggle', route: '/mdc-slide-toggle'},
111110
{name: 'MDC Tabs', route: '/mdc-tabs'},
112111
{name: 'Legacy Button', route: '/legacy-button'},
@@ -118,6 +117,7 @@ export class DevAppLayout {
118117
{name: 'Legacy Menu', route: '/legacy-menu'},
119118
{name: 'Legacy Paginator', route: '/legacy-paginator'},
120119
{name: 'Legacy Progress Bar', route: '/legacy-progress-bar'},
120+
{name: 'Legacy Progress Spinner', route: '/legacy-progress-spinner'},
121121
{name: 'Legacy Radio', route: '/legacy-radio'},
122122
{name: 'Legacy Select', route: '/legacy-select'},
123123
{name: 'Legacy Slider', route: '/legacy-slider'},

‎src/dev-app/legacy-progress-spinner/BUILD.bazel

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
load("//tools:defaults.bzl", "ng_module", "sass_binary")
2+
3+
package(default_visibility = ["//visibility:public"])
4+
5+
ng_module(
6+
name = "legacy-progress-spinner",
7+
srcs = glob(["**/*.ts"]),
8+
assets = [
9+
"legacy-progress-spinner-demo.html",
10+
":legacy_progress_spinner_demo_scss",
11+
],
12+
deps = [
13+
"//src/material/button-toggle",
14+
"//src/material/legacy-button",
15+
"//src/material/legacy-checkbox",
16+
"//src/material/legacy-progress-spinner",
17+
"@npm//@angular/forms",
18+
],
19+
)
20+
21+
sass_binary(
22+
name = "legacy_progress_spinner_demo_scss",
23+
src = "legacy-progress-spinner-demo.scss",
24+
)

‎src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.html renamed to ‎src/dev-app/legacy-progress-spinner/legacy-progress-spinner-demo.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ <h1>Determinate</h1>
99

1010
<div class="demo-progress-spinner">
1111
<mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'"
12-
[value]="progressValue" color="warn" [strokeWidth]="1.6" [diameter]="16"></mat-progress-spinner>
12+
[value]="progressValue" color="warn" [strokeWidth]="1.6" [diameter]="16"></mat-progress-spinner>
1313
<mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'"
14-
[value]="progressValue" color="accent" [strokeWidth]="1" [diameter]="32"></mat-progress-spinner>
14+
[value]="progressValue" color="accent" [strokeWidth]="1" [diameter]="32"></mat-progress-spinner>
1515
<mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'"
16-
[value]="progressValue" color="primary" [diameter]="50"></mat-progress-spinner>
16+
[value]="progressValue" color="primary" [diameter]="50"></mat-progress-spinner>
1717
</div>
1818

1919
<h1>Indeterminate</h1>

‎src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.scss renamed to ‎src/dev-app/legacy-progress-spinner/legacy-progress-spinner-demo.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
.demo-progress-spinner {
22
width: 100%;
33

4-
.mat-mdc-progress-spinner,
5-
.mat-mdc-spinner {
4+
.mat-progress-spinner,
5+
.mat-spinner {
66
display: inline-block;
77
}
8+
89
}
910

1011
.demo-progress-spinner-controls {

‎src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.ts renamed to ‎src/dev-app/legacy-progress-spinner/legacy-progress-spinner-demo.ts

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

99
import {Component} from '@angular/core';
1010
import {ThemePalette} from '@angular/material/core';
11-
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
12-
import {MatButtonModule} from '@angular/material/button';
13-
import {MatCheckboxModule} from '@angular/material/checkbox';
14-
import {MatButtonToggleModule} from '@angular/material/button-toggle';
1511
import {FormsModule} from '@angular/forms';
12+
import {MatLegacyButtonModule} from '@angular/material/legacy-button';
13+
import {MatButtonToggleModule} from '@angular/material/button-toggle';
14+
import {MatLegacyCheckboxModule} from '@angular/material/legacy-checkbox';
15+
import {MatLegacyProgressSpinnerModule} from '@angular/material/legacy-progress-spinner';
1616

1717
@Component({
18-
selector: 'mdc-progress-spinner-demo',
19-
templateUrl: 'mdc-progress-spinner-demo.html',
20-
styleUrls: ['mdc-progress-spinner-demo.css'],
18+
selector: 'legacy-progress-spinner-demo',
19+
templateUrl: 'legacy-progress-spinner-demo.html',
20+
styleUrls: ['legacy-progress-spinner-demo.css'],
2121
standalone: true,
2222
imports: [
23-
MatButtonModule,
24-
MatCheckboxModule,
25-
MatButtonToggleModule,
2623
FormsModule,
27-
MatProgressSpinnerModule,
24+
MatLegacyButtonModule,
25+
MatButtonToggleModule,
26+
MatLegacyCheckboxModule,
27+
MatLegacyProgressSpinnerModule,
2828
],
2929
})
30-
export class MdcProgressSpinnerDemo {
30+
export class LegacyProgressSpinnerDemo {
3131
progressValue = 60;
3232
color: ThemePalette = 'primary';
3333
isDeterminate = true;

‎src/dev-app/mdc-progress-spinner/BUILD.bazel

Lines changed: 0 additions & 24 deletions
This file was deleted.

‎src/dev-app/progress-spinner/BUILD.bazel

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@ ng_module(
1010
":progress_spinner_demo_scss",
1111
],
1212
deps = [
13+
"//src/material/button",
1314
"//src/material/button-toggle",
14-
"//src/material/legacy-button",
15-
"//src/material/legacy-checkbox",
16-
"//src/material/legacy-progress-spinner",
15+
"//src/material/checkbox",
16+
"//src/material/progress-spinner",
1717
"@npm//@angular/forms",
1818
],
1919
)

‎src/dev-app/progress-spinner/progress-spinner-demo.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ <h1>Determinate</h1>
99

1010
<div class="demo-progress-spinner">
1111
<mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'"
12-
[value]="progressValue" color="warn" [strokeWidth]="1.6" [diameter]="16"></mat-progress-spinner>
12+
[value]="progressValue" color="warn" [strokeWidth]="1.6" [diameter]="16"></mat-progress-spinner>
1313
<mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'"
14-
[value]="progressValue" color="accent" [strokeWidth]="1" [diameter]="32"></mat-progress-spinner>
14+
[value]="progressValue" color="accent" [strokeWidth]="1" [diameter]="32"></mat-progress-spinner>
1515
<mat-progress-spinner [mode]="isDeterminate ? 'determinate' : 'indeterminate'"
16-
[value]="progressValue" color="primary" [diameter]="50"></mat-progress-spinner>
16+
[value]="progressValue" color="primary" [diameter]="50"></mat-progress-spinner>
1717
</div>
1818

1919
<h1>Indeterminate</h1>

‎src/dev-app/progress-spinner/progress-spinner-demo.scss

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
.demo-progress-spinner {
22
width: 100%;
33

4-
.mat-progress-spinner,
5-
.mat-spinner {
4+
.mat-mdc-progress-spinner,
5+
.mat-mdc-spinner {
66
display: inline-block;
77
}
8-
98
}
109

1110
.demo-progress-spinner-controls {

‎src/dev-app/progress-spinner/progress-spinner-demo.ts

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

99
import {Component} from '@angular/core';
1010
import {ThemePalette} from '@angular/material/core';
11-
import {FormsModule} from '@angular/forms';
12-
import {MatLegacyButtonModule} from '@angular/material/legacy-button';
11+
import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
12+
import {MatButtonModule} from '@angular/material/button';
13+
import {MatCheckboxModule} from '@angular/material/checkbox';
1314
import {MatButtonToggleModule} from '@angular/material/button-toggle';
14-
import {MatLegacyCheckboxModule} from '@angular/material/legacy-checkbox';
15-
import {MatLegacyProgressSpinnerModule} from '@angular/material/legacy-progress-spinner';
15+
import {FormsModule} from '@angular/forms';
1616

1717
@Component({
1818
selector: 'progress-spinner-demo',
1919
templateUrl: 'progress-spinner-demo.html',
2020
styleUrls: ['progress-spinner-demo.css'],
2121
standalone: true,
2222
imports: [
23-
FormsModule,
24-
MatLegacyButtonModule,
23+
MatButtonModule,
24+
MatCheckboxModule,
2525
MatButtonToggleModule,
26-
MatLegacyCheckboxModule,
27-
MatLegacyProgressSpinnerModule,
26+
FormsModule,
27+
MatProgressSpinnerModule,
2828
],
2929
})
3030
export class ProgressSpinnerDemo {

‎src/dev-app/routes.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -189,10 +189,10 @@ export const DEV_APP_ROUTES: Routes = [
189189
import('./legacy-paginator/legacy-paginator-demo').then(m => m.LegacyPaginatorDemo),
190190
},
191191
{
192-
path: 'mdc-progress-spinner',
192+
path: 'legacy-progress-spinner',
193193
loadComponent: () =>
194-
import('./mdc-progress-spinner/mdc-progress-spinner-demo').then(
195-
m => m.MdcProgressSpinnerDemo,
194+
import('./legacy-progress-spinner/legacy-progress-spinner-demo').then(
195+
m => m.LegacyProgressSpinnerDemo,
196196
),
197197
},
198198
{

0 commit comments

Comments
 (0)