coreui-angular-ex-dev/projects/coreui-angular/src/lib/card/card-img.directive.ts

CoreUI Components Library for Angular

import { Directive, HostBinding, Input } from '@angular/core';

@Directive({
  selector: '[cCardImg]',
  standalone: true
})
export class CardImgDirective {
  /**
   * Optionally orientate the image to the top, bottom, or make it overlaid across the card.
   * @type {'top | 'bottom'}
   */
  @Input('cCardImg') orientation?: 'top' | 'bottom';

  @HostBinding('class')
  get hostClasses(): any {
    const suffix = !!this.orientation ? `-${this.orientation}` : '';
    return {
      [`card-img${suffix}`]: true
    };
  }
}