Skip to content
This repository was archived by the owner on Oct 7, 2020. It is now read-only.

Commit 1f67404

Browse files
trimoxtrimox
committed
chore(package): Publish Angular MDC v0.40.2
1 parent 44952c7 commit 1f67404

File tree

21 files changed

+71
-105
lines changed

21 files changed

+71
-105
lines changed

‎demos/app-layout.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@
6767
<router-outlet></router-outlet>
6868
</div>
6969

70-
<div class="demo-app-bar-control-container demo-layout__row-with-button" #demoTopAppBarControls>
70+
<div class="demo-app-bar-control-container" #demoTopAppBarControls>
7171
<div class="demo-layout__row">
7272
<button mdc-button (click)="topAppBar.fixed = !topAppBar.fixed">Fixed: {{topAppBar.fixed ? 'On' : 'Off'}}</button>
7373
<button mdc-button (click)="topAppBar.prominent = !topAppBar.prominent">Promient: {{topAppBar.prominent ? 'On' : 'Off'}}</button>

‎demos/components/button-demo/button-demo.html‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -88,8 +88,6 @@ <h2>Basic Usage</h2>
8888
<div class="demo-layout__row">
8989
<button mdc-button (click)="demobutton.primary = !demobutton.primary">Primary: {{demobutton.primary ? 'On' : 'Off'}}</button>
9090
<button mdc-button (click)="demobutton.secondary = !demobutton.secondary">Secondary: {{demobutton.secondary ? 'On' : 'Off'}}</button>
91-
</div>
92-
<div class="demo-layout__row">
9391
<button mdc-button (click)="demobutton.dense = !demobutton.dense">Dense: {{demobutton.dense ? 'On' : 'Off'}}</button>
9492
<button mdc-button (click)="demobutton.raised = !demobutton.raised">Raised: {{demobutton.raised ? 'On' : 'Off'}}</button>
9593
<button mdc-button (click)="demobutton.unelevated = !demobutton.unelevated">Unelevated: {{demobutton.unelevated ? 'On' : 'Off'}}</button>
@@ -112,7 +110,7 @@ <h3 class="demo-content__headline">SVG Icon</h3>
112110

113111
<div class="demo-content">
114112
<h3 class="demo-content__headline">Different Color Icons/Ink</h3>
115-
<div class="demo-layout__row demo-layout__row-with-button">
113+
<div class="demo-layout__row">
116114
<button mdc-button unelevated class="demo-button-ink-color">
117115
<mdc-icon>favorite</mdc-icon>
118116
Ink Color
@@ -126,7 +124,7 @@ <h3 class="demo-content__headline">Different Color Icons/Ink</h3>
126124

127125
<div class="demo-content">
128126
<h3 class="demo-content__headline">Custom button (Experimental)</h3>
129-
<div class="demo-layout__row demo-layout__row-with-button">
127+
<div class="demo-layout__row">
130128
<button mdc-button unelevated class="big-round-shape-button">
131129
Corner Radius
132130
</button>
@@ -137,23 +135,23 @@ <h3 class="demo-content__headline">Custom button (Experimental)</h3>
137135
</div>
138136

139137
<div class="demo-content">
140-
<div class="demo-layout__row demo-layout__row-with-button">
138+
<div class="demo-layout__row">
141139
<button mdc-button primary raised>Primary and Raised</button>
142140
<button mdc-button secondary>Secondary Color</button>
143141
</div>
144142

145-
<div class="demo-layout__row demo-layout__row-with-button">
143+
<div class="demo-layout__row">
146144
<button mdc-button><mdc-icon #demoicon1>favorite</mdc-icon>Icon</button>
147145
<button mdc-button secondary raised><mdc-icon>favorite</mdc-icon>Icon</button>
148146
</div>
149147

150-
<div class="demo-layout__row demo-layout__row-with-button">
148+
<div class="demo-layout__row">
151149
<button mdc-button unelevated>Unelevated</button>
152150
<button mdc-button outlined>Outlined</button>
153151
<a mdc-button primary raised href="#/button-demo">Href link</a>
154152
</div>
155153

156-
<div class="demo-layout__row demo-layout__row-with-button">
154+
<div class="demo-layout__row">
157155
<button mdc-button raised>Raised</button>
158156
<button mdc-button dense raised>Dense and Raised</button>
159157
<button mdc-button primary raised disabled>Disabled</button>

‎demos/components/checkbox-demo/checkbox-demo.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -122,23 +122,22 @@ <h2>Examples</h2>
122122
<div class="demo-content">
123123
<h3 class="demo-content__headline">Checkbox</h3>
124124
<div class="demo-layout__row">
125-
<button mdc-button (click)="demobox.setIndeterminate(true)">Indeterminate: {{demobox.indeterminate ? 'On' : 'Off'}}</button>
126-
<button mdc-button (click)="demobox.setIndeterminateToChecked(!demobox.indeterminateToChecked)">
125+
<button mdc-button (click)="demobox.indeterminate = !demobox.indeterminate">Indeterminate: {{demobox.indeterminate ? 'On' : 'Off'}}</button>
126+
<button mdc-button (click)="demobox.indeterminateToChecked = !demobox.indeterminateToChecked">
127127
Indeterminate To Checked: {{demobox.indeterminateToChecked ? 'On' : 'Off'}}</button>
128128
<button mdc-button (click)="demobox.toggle()">Toggle</button>
129-
<button mdc-button (click)="demofield.alignEnd = !demofield.alignEnd">Align End: {{demofield.alignEnd ? 'On' : 'Off'}}</button>
129+
<button mdc-button (click)="demofield.alignEnd = !demofield.alignEnd">RTL: {{demofield.alignEnd ? 'On' : 'Off'}}</button>
130130
<button mdc-button (click)="demobox.disabled = !demobox.disabled">Disabled: {{demobox.disabled ? 'On' : 'Off'}}</button>
131131
</div>
132132
<mdc-form-field #demofield>
133-
<mdc-checkbox #demobox (change)="onChange($event)" value="banana" (indeterminateChange)="onIndeterminateChange($event)"></mdc-checkbox>
133+
<mdc-checkbox #demobox value="banana"></mdc-checkbox>
134134
<label>Checkbox value is {{demobox.checked}}</label>
135135
</mdc-form-field>
136136
</div>
137137

138138
<div class="demo-content">
139139
<h3 class="demo-content__headline">Checkbox List</h3>
140140
<div class="demo-layout__row">
141-
<button mdc-button (click)="checkboxes.singleSelection = !checkboxes.singleSelection">Single Selection: {{checkboxes.singleSelection ? 'On' : 'Off'}}</button>
142141
<button mdc-button (click)="checkboxes.interactive = !checkboxes.interactive">Interactive: {{checkboxes.interactive ? 'On' : 'Off'}}</button>
143142
</div>
144143
<mdc-list #checkboxes>

‎demos/components/checkbox-demo/checkbox-demo.ts‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,4 @@ import { Component } from '@angular/core';
33
@Component({
44
templateUrl: './checkbox-demo.html'
55
})
6-
export class CheckboxDemo {
7-
onChange(event: any) {
8-
console.log(event);
9-
}
10-
11-
onIndeterminateChange(event: { indeterminate: boolean, source: any }) {
12-
console.log(event);
13-
}
14-
}
6+
export class CheckboxDemo { }

‎demos/components/chips-demo/chips-demo.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,7 @@ <h2>Design & API Documentation</h2>
122122
<td>Emitted when the chip is selected or deselected.</td>
123123
</tr>
124124
<tr>
125-
<td>removed: MdcChipInteractionEvent</td>
125+
<td>removed: MdcChipRemovedEvent</td>
126126
<td>Emitted when a chip is removed from a set.</td>
127127
</tr>
128128
</tbody>

‎demos/components/dialog-demo/dialog-demo.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ export class DialogAlert {
8787
<mdc-dialog-title>Select an account</mdc-dialog-title>
8888
<mdc-dialog-content>
8989
<mdc-list avatar>
90-
<mdc-list-item mdcDialogAction="close">
90+
<mdc-list-item mdcDialogAction="close" [tabIndex]="0">
9191
<mdc-icon mdcListItemGraphic>person</mdc-icon>[email protected]
9292
</mdc-list-item>
9393
<mdc-list-item (click)="closeDialog()">

‎demos/components/icon-button-demo/icon-button-demo.html‎

Lines changed: 17 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,23 @@ <h2>Basic Usage</h2>
9696
target="_blank" rel="noopener noreferrer">EDIT IN STACKBLITZ</a>
9797
</div>
9898

99+
<div class="demo-content">
100+
<h3 class="demo-content__headline">Icon Button</h3>
101+
<button mdc-icon-button icon="keyboard_arrow_left"></button>
102+
<button mdc-icon-button icon="keyboard_arrow_right"></button>
103+
<button mdcIconButton>
104+
<mdc-icon>favorite</mdc-icon>
105+
</button>
106+
</div>
107+
108+
<div class="demo-content">
109+
<h3 class="demo-content__headline">Using Font Awesome</h3>
110+
<button mdcIconButton>
111+
<mdc-icon fontSet="fa" fontIcon="fa-star" mdcIconOn></mdc-icon>
112+
<mdc-icon fontSet="fa" fontIcon="fa-star-o"></mdc-icon>
113+
</button>
114+
</div>
115+
99116
<div class="demo-content">
100117
<h3 class="demo-content__headline">Using NgModel Form</h3>
101118
<div class="demo-layout__row">
@@ -111,14 +128,6 @@ <h3 class="demo-content__headline">Using NgModel Form</h3>
111128
<p>Value: {{ demoIconButtonModel.value }}</p>
112129
</div>
113130

114-
<div class="demo-content">
115-
<h3 class="demo-content__headline">Using Font Awesome</h3>
116-
<button mdcIconButton>
117-
<mdc-icon fontSet="fa" fontIcon="fa-star" mdcIconOn></mdc-icon>
118-
<mdc-icon fontSet="fa" fontIcon="fa-star-o"></mdc-icon>
119-
</button>
120-
</div>
121-
122131
<div class="demo-content">
123132
<h3 class="demo-content__headline">Using [on] property</h3>
124133
<div class="demo-layout__row">
@@ -145,16 +154,6 @@ <h3 class="demo-content__headline">SVG Icon</h3>
145154
</button>
146155
--> </div>
147156

148-
<div class="demo-content">
149-
<h3 class="demo-content__headline">Non toggle</h3>
150-
<button mdc-icon-button icon="keyboard_arrow_left"></button>
151-
<button mdc-icon-button icon="keyboard_arrow_right"></button>
152-
<button mdcIconButton>
153-
<mdc-icon>favorite</mdc-icon>
154-
</button>
155-
</div>
156-
157-
158157
<div class="demo-content">
159158
<h3 class="demo-content__headline">Custom Themes</h3>
160159
<button mdcIconButton class="demo-icon-button-custom">

‎demos/components/linear-progress-demo/linear-progress-demo.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ <h2>Basic Usage</h2>
6767

6868
<div class="demo-content">
6969
<h3 class="demo-content__headline">Indeterminate Progress</h3>
70-
<div class="demo-layout__row demo-layout__row-with-button">
70+
<div class="demo-layout__row">
7171
<button mdc-button (click)="lp.reversed = !lp.reversed">Reverse</button>
7272
<button mdc-button (click)="lp.open = !lp.open">Open/Close</button>
7373
<button mdc-button (click)="lp.secondary = !lp.secondary">{{lp.secondary ? 'Primary' : 'Secondary'}} Color</button>
@@ -78,7 +78,7 @@ <h3 class="demo-content__headline">Indeterminate Progress</h3>
7878

7979
<div class="demo-content">
8080
<h3 class="demo-content__headline">Determinate Progress</h3>
81-
<div class="demo-layout__row demo-layout__row-with-button">
81+
<div class="demo-layout__row">
8282
<button mdc-button (click)="deter.reversed = !deter.reversed">Reverse</button>
8383
<button mdc-button (click)="deter.open = !deter.open">Open/Close</button>
8484
<button mdc-button (click)="deter.secondary = !deter.secondary">{{deter.secondary ? 'Primary' : 'Secondary'}} Color</button>

‎demos/components/menu-demo/menu-demo.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -151,8 +151,7 @@ <h2>Basic Usage</h2>
151151
<button mdc-button [raised]="true" (click)="demomenu.open = !demomenu.open">
152152
Open Menu
153153
</button>
154-
<mdc-menu #demomenu (selected)="onMenuSelect($event)" [anchor]="demoanchor"
155-
[anchorMargin]="{ top: marginTop.value, bottom: marginBottom.value, left: marginLeft.value, right: marginRight.value }">
154+
<mdc-menu #demomenu (selected)="onMenuSelect($event)" [anchor]="demoanchor">
156155
<mdc-list>
157156
<mdc-list-item *ngFor="let item of menuItems">{{item.label}}</mdc-list-item>
158157
</mdc-list>

‎demos/components/switch-demo/switch-demo.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ <h2>Basic Usage</h2>
9999

100100
<div class="demo-content">
101101
<h3 class="demo-content__headline">Switch</h3>
102-
<div class="demo-layout__row demo-layout__row-with-button">
102+
<div class="demo-layout__row">
103103
<button mdc-button (click)="demoformfield.alignEnd = !demoformfield.alignEnd">RTL</button>
104104
<button mdc-button (click)="demoswitch.checked = !demoswitch.checked">Checked: {{demoswitch.checked ? 'On' : 'Off'}}</button>
105105
<button mdc-button (click)="demoswitch.disabled = !demoswitch.disabled">Disabled: {{demoswitch.disabled ? 'On' : 'Off'}}</button>

0 commit comments

Comments
 (0)