move nav-frame-content as directive

Author: eksrha

projects/ng-mat-components/src/fs-nav-frame/directives/fs-nav-frame-content.directive.ts

@@ -0,0 +1,11 @@
+import { Directive } from '@angular/core';
+
+@Directive({
+  selector: 'fs-nav-frame-content, [fsNavFrameContent]',
+  host: { 'class': 'fs-nav-frame-content' },
+})
+export class FsNavFrameContentDirective {
+
+  constructor() { }
+
+}

projects/ng-mat-components/src/fs-nav-frame/fs-nav-frame.component.html

@@ -73,4 +73,4 @@
 </div>
 
 
-<ng-content select="fs-nav-frame-content"></ng-content>
+<ng-content select="fs-nav-frame-content" [class.opened]="!isClosed"></ng-content>

projects/ng-mat-components/src/fs-nav-frame/fs-nav-frame.module.ts

@@ -10,8 +10,8 @@ import { MatIconModule } from '@angular/material/icon';
 import { FsNavFrameToolbarCenterDirective } from './directives/fs-nav-frame-toolbar-center.directive';
 import { FsNavFrameToolbarSideDirective } from './directives/fs-nav-frame-toolbar-side.directive';
 import { FsNavFrameToolbarTitleDirective } from './directives/fs-nav-frame-toolbar-title.directive';
+import { FsNavFrameContentDirective } from './directives/fs-nav-frame-content.directive';
 import { FsNavFrameComponent } from './fs-nav-frame.component';
-import { FsNavFrameContentComponent } from './nav-frame-content/fs-nav-frame-content.component';
 import { FsNavFrameToolbarComponent } from './nav-frame-toolbar/fs-nav-frame-toolbar.component';
 
 @NgModule({
@@ -29,15 +29,15 @@ import { FsNavFrameToolbarComponent } from './nav-frame-toolbar/fs-nav-frame-too
     FsNavFrameToolbarCenterDirective,
     FsNavFrameToolbarSideDirective,
     FsNavFrameToolbarTitleDirective,
-    FsNavFrameContentComponent,
+    FsNavFrameContentDirective,
   ],
   declarations: [
     FsNavFrameComponent,
     FsNavFrameToolbarComponent,
     FsNavFrameToolbarCenterDirective,
     FsNavFrameToolbarSideDirective,
     FsNavFrameToolbarTitleDirective,
-    FsNavFrameContentComponent,
+    FsNavFrameContentDirective,
   ],
 })
 export class FsNavFrameModule { }

projects/ng-mat-components/src/fs-nav-frame/nav-frame-content/fs-nav-frame-content.component.html

@@ -5,8 +5,8 @@
 export { FsNavFrameToolbarCenterDirective } from './directives/fs-nav-frame-toolbar-center.directive';
 export { FsNavFrameToolbarSideDirective } from './directives/fs-nav-frame-toolbar-side.directive';
 export { FsNavFrameToolbarTitleDirective } from './directives/fs-nav-frame-toolbar-title.directive';
+export { FsNavFrameContentDirective } from './directives/fs-nav-frame-content.directive';
 export { FsNavFrameComponent } from './fs-nav-frame.component';
 export { FsNavFrameModule } from './fs-nav-frame.module';
-export { FsNavFrameContentComponent } from './nav-frame-content/fs-nav-frame-content.component';
 export { FsNavFrameToolbarComponent } from './nav-frame-toolbar/fs-nav-frame-toolbar.component';
 export * from './nav-frame.modules';