Skip to content

Commit 02b8193

Browse files
mmalerbajelbourn
mmalerba
authored and
jelbourn
committed
chore: add skeleton files for MDC-based implementations of card, button, menu, radio, and slide-toggle (#15828)
1 parent 3e17ce7 commit 02b8193

File tree

111 files changed

+1318
-2
lines changed

Some content is hidden

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

111 files changed

+1318
-2
lines changed

‎.github/CODEOWNERS

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -84,8 +84,13 @@
8484

8585
# Material experimental package
8686
/src/material-experimental/* @jelbourn
87+
/src/material-experimental/mdc-button/** @mmalerba # Note to implementer: please repossess
88+
/src/material-experimental/mdc-card/** @mmalerba # Note to implementer: please repossess
8789
/src/material-experimental/mdc-checkbox/** @mmalerba
8890
/src/material-experimental/mdc-helpers/** @mmalerba
91+
/src/material-experimental/mdc-menu/** @mmalerba # Note to implementer: please repossess
92+
/src/material-experimental/mdc-radio/** @mmalerba # Note to implementer: please repossess
93+
/src/material-experimental/mdc-slide-toggle/** @mmalerba # Note to implementer: please repossess
8994

9095
# CDK experimental package
9196
/src/cdk-experimental/** @jelbourn
@@ -128,7 +133,12 @@
128133
/src/dev-app/input/** @mmalerba
129134
/src/dev-app/list/** @jelbourn @crisbeto @devversion
130135
/src/dev-app/live-announcer/** @jelbourn
136+
/src/dev-app/mdc-button/** @mmalerba # Note to implementer: please repossess
137+
/src/dev-app/mdc-card/** @mmalerba # Note to implementer: please repossess
131138
/src/dev-app/mdc-checkbox/** @mmalerba
139+
/src/dev-app/mdc-menu/** @mmalerba # Note to implementer: please repossess
140+
/src/dev-app/mdc-radio/** @mmalerba # Note to implementer: please repossess
141+
/src/dev-app/mdc-slide-toggle/** @mmalerba # Note to implementer: please repossess
132142
/src/dev-app/menu/** @crisbeto
133143
/src/dev-app/overlay/** @jelbourn @crisbeto
134144
/src/dev-app/paginator/** @andrewseguin
@@ -167,7 +177,12 @@
167177
/e2e/components/icon-e2e.spec.ts @jelbourn
168178
/e2e/components/input-e2e.spec.ts @mmalerba
169179
/e2e/components/list-e2e.spec.ts @jelbourn @crisbeto @devversion
180+
/e2e/components/mdc-button-e2e.spec.ts @mmalerba # Note to implementer: please repossess
181+
/e2e/components/mdc-card-e2e.spec.ts @mmalerba # Note to implementer: please repossess
170182
/e2e/components/mdc-checkbox-e2e.spec.ts @mmalerba
183+
/e2e/components/mdc-menu-e2e.spec.ts @mmalerba # Note to implementer: please repossess
184+
/e2e/components/mdc-radio-e2e.spec.ts @mmalerba # Note to implementer: please repossess
185+
/e2e/components/mdc-slide-toggle-e2e.spec.ts @mmalerba # Note to implementer: please repossess
171186
/e2e/components/menu-e2e.spec.ts @crisbeto
172187
/e2e/components/progress-bar-e2e.spec.ts @jelbourn @crisbeto @josephperrott
173188
/e2e/components/progress-spinner-e2e.spec.ts @jelbourn @crisbeto @josephperrott
@@ -193,7 +208,12 @@
193208
/src/e2e-app/icon/** @jelbourn
194209
/src/e2e-app/input/** @mmalerba
195210
/src/e2e-app/list/** @jelbourn
211+
/src/e2e-app/mdc-button/** @mmalerba # Note to implementer: please repossess
212+
/src/e2e-app/mdc-card/** @mmalerba # Note to implementer: please repossess
196213
/src/e2e-app/mdc-checkbox/** @mmalerba
214+
/src/e2e-app/mdc-menu/** @mmalerba # Note to implementer: please repossess
215+
/src/e2e-app/mdc-radio/** @mmalerba # Note to implementer: please repossess
216+
/src/e2e-app/mdc-slide-toggle/** @mmalerba # Note to implementer: please repossess
197217
/src/e2e-app/menu/** @crisbeto
198218
/src/e2e-app/progress-bar/** @jelbourn @crisbeto @josephperrott
199219
/src/e2e-app/progress-spinner/** @jelbourn @crisbeto @josephperrott

‎e2e/components/mdc-button-e2e.spec.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy tests from existing mat-button, update as necessary to fix.

‎e2e/components/mdc-card-e2e.spec.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy tests from existing mat-card, update as necessary to fix.

‎e2e/components/mdc-menu-e2e.spec.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy tests from existing mat-menu, update as necessary to fix.

‎e2e/components/mdc-radio-e2e.spec.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy tests from existing mat-radio, update as necessary to fix.

‎e2e/components/mdc-slide-toggle-e2e.spec.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy tests from existing mat-slide-toggle, update as necessary to fix.

‎src/dev-app/BUILD.bazel

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,12 @@ ng_module(
2525
"@npm//@angular/platform-browser-dynamic",
2626
"@npm//@angular/router",
2727
"@npm//rxjs",
28+
"//src/material-experimental/mdc-button",
29+
"//src/material-experimental/mdc-card",
2830
"//src/material-experimental/mdc-checkbox",
31+
"//src/material-experimental/mdc-menu",
32+
"//src/material-experimental/mdc-radio",
33+
"//src/material-experimental/mdc-slide-toggle",
2934
"//src/material-examples:examples",
3035
] + CDK_TARGETS + CDK_EXPERIMENTAL_TARGETS + MATERIAL_TARGETS
3136
)
@@ -39,6 +44,11 @@ sass_binary(
3944
deps = [
4045
"//src/lib/core:all_themes",
4146
"//src/material-experimental/mdc-helpers:mdc_scss_deps_lib",
47+
"//src/material-experimental/mdc-button:button_scss_lib",
48+
"//src/material-experimental/mdc-card:card_scss_lib",
4249
"//src/material-experimental/mdc-checkbox:checkbox_scss_lib",
50+
"//src/material-experimental/mdc-menu:menu_scss_lib",
51+
"//src/material-experimental/mdc-radio:radio_scss_lib",
52+
"//src/material-experimental/mdc-slide-toggle:slide_toggle_scss_lib",
4353
]
4454
)

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

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,13 @@ export class DevAppLayout {
6969
{name: 'Tree', route: '/tree'},
7070
{name: 'Typography', route: '/typography'},
7171
{name: 'Virtual Scrolling', route: '/virtual-scroll'},
72+
{name: 'MDC Button', route: '/mdc-button'},
73+
{name: 'MDC Card', route: '/mdc-card'},
7274
{name: 'MDC Checkbox', route: '/mdc-checkbox'},
75+
{name: 'MDC Menu', route: '/mdc-menu'},
76+
{name: 'MDC Radio', route: '/mdc-radio'},
77+
{name: 'MDC Slide Toggle', route: '/mdc-slide-toggle'},
78+
7379
];
7480

7581
constructor(

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

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,18 @@ export const DEV_APP_ROUTES: Routes = [
4848
path: 'live-announcer',
4949
loadChildren: 'live-announcer/live-announcer-demo-module#LiveAnnouncerDemoModule'
5050
},
51+
{path: 'mdc-button', loadChildren: 'mdc-button/mdc-button-demo-module#MdcButtonDemoModule'},
52+
{path: 'mdc-card', loadChildren: 'mdc-card/mdc-card-demo-module#MdcCardDemoModule'},
5153
{
5254
path: 'mdc-checkbox',
5355
loadChildren: 'mdc-checkbox/mdc-checkbox-demo-module#MdcCheckboxDemoModule'
5456
},
57+
{path: 'mdc-menu', loadChildren: 'mdc-menu/mdc-menu-demo-module#MdcMenuDemoModule'},
58+
{path: 'mdc-radio', loadChildren: 'mdc-radio/mdc-radio-demo-module#MdcRadioDemoModule'},
59+
{
60+
path: 'mdc-slide-toggle',
61+
loadChildren: 'mdc-slide-toggle/mdc-slide-toggle-demo-module#MdcSlideToggleDemoModule'
62+
},
5563
{path: 'menu', loadChildren: 'menu/menu-demo-module#MenuDemoModule'},
5664
{path: 'paginator', loadChildren: 'paginator/paginator-demo-module#PaginatorDemoModule'},
5765
{path: 'platform', loadChildren: 'platform/platform-demo-module#PlatformDemoModule'},

‎src/dev-app/mdc-button/mdc-button-demo-module.ts

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {NgModule} from '@angular/core';
10+
import {MatButtonModule} from '@angular/material-experimental/mdc-button';
11+
import {RouterModule} from '@angular/router';
12+
import {MdcButtonDemo} from './mdc-button-demo';
13+
14+
@NgModule({
15+
imports: [
16+
MatButtonModule,
17+
RouterModule.forChild([{path: '', component: MdcButtonDemo}]),
18+
],
19+
declarations: [MdcButtonDemo],
20+
})
21+
export class MdcButtonDemoModule {
22+
}

‎src/dev-app/mdc-button/mdc-button-demo.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<!-- TODO: copy in demo template from existing mat-button demo. -->
2+
Not yet implemented.

‎src/dev-app/mdc-button/mdc-button-demo.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy in demo styles from existing mat-button demo.

‎src/dev-app/mdc-button/mdc-button-demo.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {Component} from '@angular/core';
10+
11+
@Component({
12+
moduleId: module.id,
13+
selector: 'mdc-button-demo',
14+
templateUrl: 'mdc-button-demo.html',
15+
styleUrls: ['mdc-button-demo.css'],
16+
})
17+
export class MdcButtonDemo {
18+
}

‎src/dev-app/mdc-card/mdc-card-demo-module.ts

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {NgModule} from '@angular/core';
10+
import {MatCardModule} from '@angular/material-experimental/mdc-card';
11+
import {RouterModule} from '@angular/router';
12+
import {MdcCardDemo} from './mdc-card-demo';
13+
14+
@NgModule({
15+
imports: [
16+
MatCardModule,
17+
RouterModule.forChild([{path: '', component: MdcCardDemo}]),
18+
],
19+
declarations: [MdcCardDemo],
20+
})
21+
export class MdcCardDemoModule {
22+
}

‎src/dev-app/mdc-card/mdc-card-demo.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<!-- TODO: copy in demo template from existing mat-card demo. -->
2+
Not yet implemented.

‎src/dev-app/mdc-card/mdc-card-demo.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy in demo styles from existing mat-card demo.

‎src/dev-app/mdc-card/mdc-card-demo.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {Component} from '@angular/core';
10+
11+
@Component({
12+
moduleId: module.id,
13+
selector: 'mdc-card-demo',
14+
templateUrl: 'mdc-card-demo.html',
15+
styleUrls: ['mdc-card-demo.css'],
16+
})
17+
export class MdcCardDemo {
18+
}

‎src/dev-app/mdc-menu/mdc-menu-demo-module.ts

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {NgModule} from '@angular/core';
10+
import {MatMenuModule} from '@angular/material-experimental/mdc-menu';
11+
import {RouterModule} from '@angular/router';
12+
import {MdcMenuDemo} from './mdc-menu-demo';
13+
14+
@NgModule({
15+
imports: [
16+
MatMenuModule,
17+
RouterModule.forChild([{path: '', component: MdcMenuDemo}]),
18+
],
19+
declarations: [MdcMenuDemo],
20+
})
21+
export class MdcMenuDemoModule {
22+
}

‎src/dev-app/mdc-menu/mdc-menu-demo.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<!-- TODO: copy in demo template from existing mat-menu demo. -->
2+
Not yet implemented.

‎src/dev-app/mdc-menu/mdc-menu-demo.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy in demo styles from existing mat-menu demo.

‎src/dev-app/mdc-menu/mdc-menu-demo.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {Component} from '@angular/core';
10+
11+
@Component({
12+
moduleId: module.id,
13+
selector: 'mdc-menu-demo',
14+
templateUrl: 'mdc-menu-demo.html',
15+
styleUrls: ['mdc-menu-demo.css'],
16+
})
17+
export class MdcMenuDemo {
18+
}

‎src/dev-app/mdc-radio/mdc-radio-demo-module.ts

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {NgModule} from '@angular/core';
10+
import {MatRadioModule} from '@angular/material-experimental/mdc-radio';
11+
import {RouterModule} from '@angular/router';
12+
import {MdcRadioDemo} from './mdc-radio-demo';
13+
14+
@NgModule({
15+
imports: [
16+
MatRadioModule,
17+
RouterModule.forChild([{path: '', component: MdcRadioDemo}]),
18+
],
19+
declarations: [MdcRadioDemo],
20+
})
21+
export class MdcRadioDemoModule {
22+
}

‎src/dev-app/mdc-radio/mdc-radio-demo.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<!-- TODO: copy in demo template from existing mat-radio demo. -->
2+
Not yet implemented.

‎src/dev-app/mdc-radio/mdc-radio-demo.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy in demo styles from existing mat-radio demo.

‎src/dev-app/mdc-radio/mdc-radio-demo.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {Component} from '@angular/core';
10+
11+
@Component({
12+
moduleId: module.id,
13+
selector: 'mdc-radio-demo',
14+
templateUrl: 'mdc-radio-demo.html',
15+
styleUrls: ['mdc-radio-demo.css'],
16+
})
17+
export class MdcRadioDemo {
18+
}

‎src/dev-app/mdc-slide-toggle/mdc-slide-toggle-demo-module.ts

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {NgModule} from '@angular/core';
10+
import {MatSlideToggleModule} from '@angular/material-experimental/mdc-slide-toggle';
11+
import {RouterModule} from '@angular/router';
12+
import {MdcSlideToggleDemo} from './mdc-slide-toggle-demo';
13+
14+
@NgModule({
15+
imports: [
16+
MatSlideToggleModule,
17+
RouterModule.forChild([{path: '', component: MdcSlideToggleDemo}]),
18+
],
19+
declarations: [MdcSlideToggleDemo],
20+
})
21+
export class MdcSlideToggleDemoModule {
22+
}

‎src/dev-app/mdc-slide-toggle/mdc-slide-toggle-demo.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<!-- TODO: copy in demo template from existing mat-slide-toggle demo. -->
2+
Not yet implemented.

‎src/dev-app/mdc-slide-toggle/mdc-slide-toggle-demo.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
// TODO: copy in demo styles from existing mat-slide-toggle demo.

‎src/dev-app/mdc-slide-toggle/mdc-slide-toggle-demo.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
/**
2+
* @license
3+
* Copyright Google LLC All Rights Reserved.
4+
*
5+
* Use of this source code is governed by an MIT-style license that can be
6+
* found in the LICENSE file at https://angular.io/license
7+
*/
8+
9+
import {Component} from '@angular/core';
10+
11+
@Component({
12+
moduleId: module.id,
13+
selector: 'mdc-slide-toggle-demo',
14+
templateUrl: 'mdc-slide-toggle-demo.html',
15+
styleUrls: ['mdc-slide-toggle-demo.css'],
16+
})
17+
export class MdcSlideToggleDemo {
18+
}

‎src/dev-app/system-config.ts

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,8 +135,18 @@ System.config({
135135
'@angular/material/badge': 'dist/packages/material/badge/index.js',
136136
'@angular/material/tree': 'dist/packages/material/tree/index.js',
137137

138+
'@angular/material-experimental/mdc-button':
139+
'dist/packages/material-experimental/mdc-button/index.js',
140+
'@angular/material-experimental/mdc-card':
141+
'dist/packages/material-experimental/mdc-card/index.js',
138142
'@angular/material-experimental/mdc-checkbox':
139143
'dist/packages/material-experimental/mdc-checkbox/index.js',
144+
'@angular/material-experimental/mdc-menu':
145+
'dist/packages/material-experimental/mdc-menu/index.js',
146+
'@angular/material-experimental/mdc-radio':
147+
'dist/packages/material-experimental/mdc-radio/index.js',
148+
'@angular/material-experimental/mdc-slide-toggle':
149+
'dist/packages/material-experimental/mdc-slide-toggle/index.js',
140150
'@angular/material-experimental/mdc-helpers':
141151
'dist/packages/material-experimental/mdc-helpers/index.js',
142152
},

0 commit comments

Comments
 (0)