move all directives to seperate files

npm/ng-packs/packages/theme-shared/src/lib/components/card/card-header.directive.ts

@@ -0,0 +1,9 @@
+import { Directive } from "@angular/core";
+
+@Directive({
+  selector: `abp-card-header, [abp-card-header], [abpCardHeader]`,
+  host: {
+    class: 'card-header',
+  },
+})
+export class CardHeader {}

npm/ng-packs/packages/theme-shared/src/lib/components/card/card-img-top.directive.ts

@@ -0,0 +1,9 @@
+import { Directive } from "@angular/core";
+
+@Directive({
+  selector: `abp-card-img-top, [abp-card-img-top], [abpCardImgTop]`,
+  host: {
+    class: 'card-img-top',
+  },
+})
+export class CardImgTop {}

npm/ng-packs/packages/theme-shared/src/lib/components/card/card-subtitle.directive.ts

@@ -0,0 +1,9 @@
+import { Directive } from "@angular/core";
+
+@Directive({
+  selector: `abp-card-subtitle, [abp-card-subtitle], [abpCardSubtitle]`,
+  host: {
+    class: 'card-subtitle',
+  },
+})
+export class CardSubtitle {}

npm/ng-packs/packages/theme-shared/src/lib/components/card/card-title.directive.ts

@@ -0,0 +1,9 @@
+import { Directive } from "@angular/core";
+
+@Directive({
+  selector: `abp-card-title, [abp-card-title], [abpCardTitle]`,
+  host: {
+    class: 'card-title',
+  },
+})
+export class CardTitle {}

npm/ng-packs/packages/theme-shared/src/lib/components/card/card.component.ts

@@ -1,36 +1,5 @@
 import { Component, Directive, Input } from '@angular/core';
 
-@Directive({
-  selector: `abp-card-header, [abp-card-header], [abpCardHeader]`,
-  host: {
-    class: 'card-header',
-  },
-})
-export class CardHeader {}
-
-@Directive({
-  selector: `abp-card-title, [abp-card-title], [abpCardTitle]`,
-  host: {
-    class: 'card-title',
-  },
-})
-export class CardTitle {}
-
-@Directive({
-  selector: `abp-card-subtitle, [abp-card-subtitle], [abpCardSubtitle]`,
-  host: {
-    class: 'card-subtitle',
-  },
-})
-export class CardSubtitle {}
-
-@Directive({
-  selector: `abp-card-img-top, [abp-card-img-top], [abpCardImgTop]`,
-  host: {
-    class: 'card-img-top',
-  },
-})
-export class CardImgTop {}
 
 @Component({
   selector: 'abp-card',

npm/ng-packs/packages/theme-shared/src/lib/components/card/card.module.ts

@@ -1,17 +1,13 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { CardBodyComponent } from './card-body.component';
-import {
-  CardComponent,
-  CardImgTop,
-  CardLink,
-  CardSubtitle,
-  CardText,
-  CardTitle,
-  CardHeader,
-} from './card.component';
+import { CardComponent } from './card.component';
 import { CardHeaderComponent } from './card-header.component';
 import { CardFooterComponent } from './card-footer.component';
+import { CardTitle } from './card-title.directive';
+import { CardSubtitle } from './card-subtitle.directive';
+import { CardImgTop } from './card-img-top.directive';
+import { CardHeader } from './card-header.directive';
 
 const declarationsWithExports = [
   CardComponent,
@@ -20,9 +16,7 @@ const declarationsWithExports = [
   CardFooterComponent,
   CardTitle,
   CardSubtitle,
-  CardText,
   CardImgTop,
-  CardLink,
   CardHeader,
 ];
 
@@ -31,4 +25,4 @@ const declarationsWithExports = [
   imports: [CommonModule],
   exports: [...declarationsWithExports],
 })
-export class CardModule {}
+export class CardModule { }

npm/ng-packs/packages/theme-shared/src/lib/components/card/index.ts

@@ -2,4 +2,8 @@ export * from './card.module';
 export * from './card.component';
 export * from './card-body.component';
 export * from './card-footer.component';
-export * from './card-header.component';
+export * from './card-header.component';
+export * from './card-title.directive';
+export * from './card-subtitle.directive';
+export * from './card-img-top.directive';
+export * from './card-header.directive';