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

Commit a6d0497

Browse files
trimoxtrimox
committed
chore(package): Publish Angular MDC v0.43.4
1 parent 6bc437d commit a6d0497

File tree

10 files changed

+48
-44
lines changed

10 files changed

+48
-44
lines changed

‎demos/src/app/app.component.html‎

Lines changed: 21 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,54 @@
11
<mdc-top-app-bar class="demo-top-app-bar" #topAppBar fixed>
22
<mdc-top-app-bar-row>
33
<mdc-top-app-bar-section align="start" title="Angular MDC">
4-
<button mdcIconButton mdcTopAppBarNavIcon (click)="appDrawer.open = !appDrawer.open" icon="menu"></button>
4+
<button mdcTopAppBarNavIcon (click)="appDrawer.open = !appDrawer.open">
5+
<mdc-icon>menu</mdc-icon>
6+
</button>
57
</mdc-top-app-bar-section>
68
<mdc-top-app-bar-section align="end">
79
<span>v{{version}}</span>
8-
<a mdcTopAppBarActionItem href="https://github.com/trimox/angular-mdc-web" alt="GitHub" target="_blank" rel="noopener noreferrer">
10+
<a mdcTopAppBarActionItem href="https://github.com/trimox/angular-mdc-web"
11+
alt="GitHub" target="_blank" rel="noopener noreferrer">
912
<mdc-icon>
10-
<img src="https://trimox.github.io/angular-mdc-web/assets/github-circle-white-transparent.svg" height="24" />
13+
<img src="https://trimox.github.io/angular-mdc-web/assets/github-circle-white-transparent.svg"
14+
height="24" />
1115
</mdc-icon>
1216
</a>
1317
</mdc-top-app-bar-section>
1418
</mdc-top-app-bar-row>
1519
</mdc-top-app-bar>
1620

1721
<div class="demo-panel">
18-
<mdc-drawer class="demo-drawer" #appDrawer="mdcDrawer" [open]="!isScreenSmall()" [drawer]="isScreenSmall() ? 'modal' : 'dismissible'"
22+
<mdc-drawer class="demo-drawer" #appDrawer="mdcDrawer" [open]="!isScreenSmall()"
23+
[drawer]="isScreenSmall() ? 'modal' : 'dismissible'"
1924
mdcTopAppBarFixedAdjust>
2025
<mdc-drawer-content>
2126
<mdc-list>
22-
<mdc-list-item routerLink="home" [activated]="rlaHome.isActive" routerLinkActive #rlaHome="routerLinkActive">Home</mdc-list-item>
27+
<mdc-list-item routerLink="home" [activated]="rlaHome.isActive"
28+
(selectionChange)="onDrawerSelect('home')" routerLinkActive #rlaHome="routerLinkActive">Home</mdc-list-item>
2329
<mdc-list-divider></mdc-list-divider>
2430
<mdc-list-item (selectionChange)="startVisible = !startVisible">
2531
Getting Started
26-
<mdc-icon mdcListItemMeta>keyboard_arrow_{{startVisible ? 'down' : 'right'}}</mdc-icon>
32+
<mdc-icon mdcListItemMeta>keyboard_arrow_{{startVisible ? 'down' :
33+
'right'}}</mdc-icon>
2734
</mdc-list-item>
2835
<div *ngIf="startVisible">
29-
<mdc-list-item *ngFor="let item of startRoutes" routerLink="getting-started" (selectionChange)="onDrawerSelect()">{{item.name}}</mdc-list-item>
36+
<mdc-list-item *ngFor="let item of startRoutes" routerLink="getting-started"
37+
(selectionChange)="onDrawerSelect('getting-started')">{{item.name}}</mdc-list-item>
3038
</div>
3139
<mdc-list-divider></mdc-list-divider>
3240
<mdc-list-item (selectionChange)="themeVisible = !themeVisible">
3341
Theme
34-
<mdc-icon mdcListItemMeta>keyboard_arrow_{{themeVisible ? 'down' : 'right'}}</mdc-icon>
42+
<mdc-icon mdcListItemMeta>keyboard_arrow_{{themeVisible ? 'down' :
43+
'right'}}</mdc-icon>
3544
</mdc-list-item>
3645
<div *ngIf="themeVisible">
37-
<mdc-list-item *ngFor="let item of themeRoutes" [routerLink]="item.route" (selectionChange)="onDrawerSelect()">{{item.name}}</mdc-list-item>
46+
<mdc-list-item *ngFor="let item of themeRoutes" [routerLink]="item.route"
47+
(selectionChange)="onDrawerSelect(item.route)">{{item.name}}</mdc-list-item>
3848
</div>
3949
<mdc-list-divider></mdc-list-divider>
40-
<mdc-list-item *ngFor="let navItem of navigationLinks" (selectionChange)="onDrawerSelect(navItem.route)" [activated]="rla.isActive"
50+
<mdc-list-item *ngFor="let navItem of navigationLinks"
51+
(selectionChange)="onDrawerSelect(navItem.route)" [activated]="rla.isActive"
4152
routerLinkActive #rla="routerLinkActive" [routerLink]="navItem.route">{{navItem.name}}</mdc-list-item>
4253
</mdc-list>
4354
</mdc-drawer-content>

‎demos/src/app/app.component.ts‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,8 +80,10 @@ export class AppComponent implements OnInit {
8080
this.matcher.addListener((event: MediaQueryListEvent) => this._ngZone.run(() => event.matches));
8181
}
8282

83-
onDrawerSelect(route: string) {
84-
this._router.navigate([route]);
83+
onDrawerSelect(route?: string) {
84+
if (route) {
85+
this._router.navigate([route]);
86+
}
8587

8688
if (this.isScreenSmall()) {
8789
this.appDrawer.open = false;

‎demos/src/app/shared/component-viewer/component-viewer.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<div class="demo-panel-content">
22
<div class="demo-panel-transition">
3-
<h1>{{componentView.name}}</h1>
3+
<h1 class="demo-panel-title">{{componentView.name}}</h1>
44
{{componentView.description}}
55

66
<div *ngIf="componentView.references">
7-
<h2>References</h2>
7+
<h2 class="demo-panel-references">References</h2>
88
<ul>
99
<li *ngFor="let ref of componentView.references"><a mdc-button [href]="ref.url" target="_blank" rel="noopener">{{ref.name}}</a></li>
1010
</ul>

‎demos/src/app/shared/example-viewer/example-viewer.html‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
<mdc-list-divider class="example-divider"></mdc-list-divider>
22
<button mdc-button raised class="example-opener" *ngIf="!open" (click)="open = !open">
3-
<mdc-icon>code</mdc-icon>
4-
View Source
3+
<mdc-icon>code</mdc-icon>View Source
54
</button>
6-
<mdc-tab-bar fixed [focusOnActivate]="false" *ngIf="open">
5+
<mdc-tab-bar fixed [focusOnActivate]="false" *ngIf="open" (activated)="onActivatedTab($event)">
76
<mdc-tab-scroller>
8-
<mdc-tab *ngFor="let tab of tabs" [label]="tab.label" (interacted)="showSource(tab.source)"></mdc-tab>
7+
<mdc-tab *ngFor="let tab of tabs" [label]="tab.label"></mdc-tab>
98
</mdc-tab-scroller>
109
</mdc-tab-bar>
1110
<pre><code [highlight]="currentExample" *ngIf="open"></code></pre>

‎demos/src/app/shared/example-viewer/example-viewer.ts‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import { Component, Input, OnInit, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
22

3+
import {MdcTabActivatedEvent} from '@angular-mdc/web';
4+
35
interface Example {
46
label?: string;
57
source?: any;
@@ -38,10 +40,10 @@ export class ExampleViewer implements OnInit {
3840
private _example: Example;
3941

4042
ngOnInit(): void {
41-
this.showSource(this.tabs[0].source);
43+
this.currentExample = this.tabs[0].source;
4244
}
4345

44-
showSource(exampleType: string): void {
45-
this.currentExample = exampleType;
46+
onActivatedTab(event: MdcTabActivatedEvent): void {
47+
this.currentExample = this.tabs[event.index].source;
4648
}
4749
}

‎demos/src/styles/_cards.scss‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,9 +36,7 @@
3636
}
3737

3838
.demo-card-article__title {
39-
margin: 0 0 4px 0 !important;
40-
border-bottom: unset !important;
41-
padding-bottom: unset !important;
39+
margin: 0 0 4px 0;
4240
}
4341

4442
.demo-card-article__snippet {

‎demos/src/styles/_layout.scss‎

Lines changed: 9 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -77,30 +77,22 @@
7777
.demo-panel-transition {
7878
width: 100%;
7979
max-width: 900px;
80-
padding-bottom: 60px;
81-
82-
h1, h2 {
83-
margin: 24px 16px 16px 0;
84-
line-height: 1.25;
85-
padding-bottom: .3em;
86-
border-bottom: 1px solid #eaecef;
87-
}
88-
89-
h1 {
90-
@include mdc-typography(headline4);
80+
padding-bottom: 60px;
81+
}
9182

92-
font-weight: 500;
93-
}
83+
.demo-panel-title {
84+
@include mdc-typography(headline4);
9485

95-
h2 {
96-
@include mdc-typography(headline5);
97-
}
86+
margin: 24px 16px 16px 0;
87+
line-height: 1.25;
88+
padding-bottom: .3em;
89+
border-bottom: 1px solid #eaecef;
90+
font-weight: 500;
9891
}
9992

10093
.demo-panel-references {
10194
@include mdc-typography(headline5);
10295

103-
font-weight: 500;
10496
margin: 24px 16px 16px 0;
10597
line-height: 1.25;
10698
padding-bottom: .3em;

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
"url": "https://github.com/trimox/angular-mdc-web.git"
99
},
1010
"license": "MIT",
11-
"version": "0.43.3",
11+
"version": "0.43.4",
1212
"engines": {
1313
"node": ">= 9.11.1"
1414
},

‎packages/material-components-web/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
"type": "git",
88
"url": "https://github.com/trimox/angular-mdc-web.git"
99
},
10-
"version": "0.43.3",
10+
"version": "0.43.4",
1111
"license": "MIT",
1212
"keywords": [
1313
"angular-mdc",

‎packages/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
"typings": "./web.d.ts",
2323
"private": false,
2424
"dependencies": {
25-
"@angular-mdc/theme": "0.43.3"
25+
"@angular-mdc/theme": "0.43.4"
2626
},
2727
"peerDependencies": {
2828
"@angular/core": "0.0.0-NG",

0 commit comments

Comments
 (0)