rename hostbinding class variable name

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

@@ -7,7 +7,7 @@ import { Component, HostBinding, Input } from '@angular/core';
   </div>`,
 })
 export class CardBodyComponent {
-  @HostBinding('class') class = 'card-body';
+  @HostBinding('class') componentClass = 'card-body';
   @Input() cardBodyClass: string;
   @Input() cardBodyStyle: string;
 }

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

@@ -10,7 +10,7 @@ import { Component, HostBinding, Input } from '@angular/core';
   styles: [],
 })
 export class CardFooterComponent {
-  @HostBinding('class') class = 'card-footer';
+  @HostBinding('class') componentClass = 'card-footer';
   @Input() cardFooterStyle: string;
   @Input() cardFooterClass: string;
 }

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

@@ -10,7 +10,7 @@ import { Component, HostBinding, Input } from '@angular/core';
   styles: [],
 })
 export class CardHeaderComponent {
-  @HostBinding('class') class = 'card-header';
+  @HostBinding('class') componentClass = 'card-header';
   @Input() cardHeaderClass: string;
   @Input() cardHeaderStyle: string;
 }

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

@@ -4,5 +4,5 @@ import { Directive, HostBinding } from '@angular/core';
   selector: `abp-card-header, [abp-card-header], [abpCardHeader]`,
 })
 export class CardHeaderDirective {
-  @HostBinding('class') class = 'card-header';
+  @HostBinding('class') directiveClass = 'card-header';
 }

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

@@ -4,5 +4,5 @@ import { Directive, HostBinding } from '@angular/core';
   selector: `abp-card-img-top, [abp-card-img-top], [abpCardImgTop]`,
 })
 export class CardImgTopDirective {
-  @HostBinding('class') class = 'card-img-top';
+  @HostBinding('class') directiveClass = 'card-img-top';
 }

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

@@ -4,5 +4,5 @@ import { Directive, HostBinding } from '@angular/core';
   selector: `abp-card-subtitle, [abp-card-subtitle], [abpCardSubtitle]`,
 })
 export class CardSubtitleDirective {
-  @HostBinding('class') class = 'card-subtitle';
+  @HostBinding('class') directiveClass = 'card-subtitle';
 }

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

@@ -4,5 +4,5 @@ import { Directive, HostBinding } from '@angular/core';
   selector: `abp-card-title, [abp-card-title], [abpCardTitle]`,
 })
 export class CardTitleDirective {
-  @HostBinding('class') class = 'card-title';
+  @HostBinding('class') directiveClass = 'card-title';
 }