fix(RC6): add directives for custom elements that are part of the API…

…s. (#1121)
angular · Aug 25, 2016 · 2c0dfcb · 2c0dfcb
1 parent 97fe211
commit 2c0dfcb
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 5 deletions.
diff --git a/src/lib/card/card.ts b/src/lib/card/card.ts
@@ -1,4 +1,43 @@
-import {NgModule, Component, ViewEncapsulation, ChangeDetectionStrategy} from '@angular/core';
+import {
+  NgModule,
+  Component,
+  ViewEncapsulation,
+  ChangeDetectionStrategy,
+  Directive
+} from '@angular/core';
+
+
+/**
+ * Content of a card, needed as it's used as a selector in the API.
+ */
+@Directive({
+  selector: 'md-card-content'
+})
+export class MdCardContent {}
+
+/**
+ * Title of a card, needed as it's used as a selector in the API.
+ */
+@Directive({
+  selector: 'md-card-title'
+})
+export class MdCardTitle {}
+
+/**
+ * Sub-title of a card, needed as it's used as a selector in the API.
+ */
+@Directive({
+  selector: 'md-card-subtitle'
+})
+export class MdCardSubtitle {}
+
+/**
+ * Action section of a card, needed as it's used as a selector in the API.
+ */
+@Directive({
+  selector: 'md-card-actions'
+})
+export class MdCardActions {}
 
 
 /*
@@ -75,7 +114,10 @@ TODO(kara): update link to demo site when it exists
 export class MdCardTitleGroup {}
 
 /** @deprecated */
-export const MD_CARD_DIRECTIVES: any[] = [MdCard, MdCardHeader, MdCardTitleGroup];
+export const MD_CARD_DIRECTIVES: any[] = [
+  MdCard, MdCardContent, MdCardHeader, MdCardTitleGroup, MdCardTitle, MdCardSubtitle,
+  MdCardActions
+];
 
 
 @NgModule({

diff --git a/src/lib/list/list.ts b/src/lib/list/list.ts
@@ -12,6 +12,11 @@ import {
 } from '@angular/core';
 import {MdLine, MdLineSetter, MdLineModule} from '@angular2-material/core/line/line';
 
+@Directive({
+  selector: 'md-divider'
+})
+export class MdListDivider {}
+
 @Component({
   moduleId: module.id,
   selector: 'md-list, md-nav-list',
@@ -66,7 +71,7 @@ export class MdListItem implements AfterContentInit {
 }
 
 /** @deprecated */
-export const MD_LIST_DIRECTIVES = [MdList, MdListItem, MdListAvatar];
+export const MD_LIST_DIRECTIVES = [MdList, MdListDivider, MdListItem, MdListAvatar];
 
 
 @NgModule({

diff --git a/src/lib/toolbar/toolbar.ts b/src/lib/toolbar/toolbar.ts
@@ -3,11 +3,17 @@ import {
   Component,
   ChangeDetectionStrategy,
   Input,
-  ViewEncapsulation
+  ViewEncapsulation,
+  Directive
 } from '@angular/core';
 import {Renderer} from '@angular/core';
 import {ElementRef} from '@angular/core';
 
+@Directive({
+  selector: 'md-toolbar-row'
+})
+export class MdToolbarRow {}
+
 @Component({
   moduleId: module.id,
   selector: 'md-toolbar',
@@ -46,7 +52,7 @@ export class MdToolbar {
 }
 
 /** @deprecated */
-export const MD_TOOLBAR_DIRECTIVES = [MdToolbar];
+export const MD_TOOLBAR_DIRECTIVES = [MdToolbar, MdToolbarRow];
 
 
 @NgModule({