feat(toolbar): Add mdc-toolbar-icon and mdc-toolbar-icon-menu directives.

Author: trimox

src/lib/toolbar/index.ts

@@ -6,13 +6,17 @@ import { ToolbarRowDirective } from './toolbar-row.directive';
 import { ToolbarSectionDirective } from './toolbar-section.directive';
 import { ToolbarTitleDirective } from './toolbar-title.directive';
 import { ToolbarFixedAdjustDirective } from './toolbar-fixed-adjust.directive';
+import { ToolbarIconDirective } from './toolbar-icon.directive';
+import { ToolbarIconMenuDirective } from './toolbar-icon-menu.directive';
 
 const TOOLBAR_COMPONENTS = [
   ToolbarComponent,
   ToolbarRowDirective,
   ToolbarSectionDirective,
   ToolbarTitleDirective,
-  ToolbarFixedAdjustDirective
+  ToolbarFixedAdjustDirective,
+  ToolbarIconDirective,
+  ToolbarIconMenuDirective
 ];
 
 @NgModule({

src/lib/toolbar/toolbar-icon-menu.directive.ts

@@ -0,0 +1,11 @@
+import {
+  Directive,
+  HostBinding
+} from '@angular/core';
+
+@Directive({
+  selector: 'a[mdc-toolbar-icon-menu], span[mdc-toolbar-icon-menu], button[mdc-toolbar-icon-menu]'
+})
+export class ToolbarIconMenuDirective {
+  @HostBinding('class.mdc-toolbar__icon--menu') className: string = 'mdc-toolbar__icon--menu';
+}

src/lib/toolbar/toolbar-icon.directive.ts

@@ -0,0 +1,11 @@
+import {
+  Directive,
+  HostBinding
+} from '@angular/core';
+
+@Directive({
+  selector: 'a[mdc-toolbar-icon], span[mdc-toolbar-icon], button[mdc-toolbar-icon]'
+})
+export class ToolbarIconDirective {
+  @HostBinding('class.mdc-toolbar__icon') className: string = 'mdc-toolbar__icon';
+}