fix(card-img): missing cCardImg input alias, add start-end orientation for horizontal img

xidedix · xidedix · commit 9cbd0e33da9c · 2024-09-20T17:58:49.000+02:00
diff --git a/projects/coreui-angular/src/lib/card/card-img.directive.ts b/projects/coreui-angular/src/lib/card/card-img.directive.ts
@@ -1,4 +1,4 @@
-import { computed, Directive, input, InputSignal } from '@angular/core';
+import { computed, Directive, input } from '@angular/core';
 
 @Directive({
   selector: '[cCardImg]',
@@ -10,13 +10,16 @@ export class CardImgDirective {
    * Optionally orientate the image to the top, bottom, or make it overlaid across the card.
    * @type {'top | 'bottom'}
    */
-  readonly orientation: InputSignal<'top' | 'bottom' | undefined> = input<'top' | 'bottom'>();
+  readonly orientation = input<'top' | 'bottom' | 'start' | 'end' | undefined>(undefined, { alias: 'cCardImg' });
 
   readonly hostClasses = computed(() => {
     const orientation = this.orientation();
     const suffix = !!orientation ? `-${orientation}` : '';
+    const horizontal = ['start', 'end'].includes(orientation ?? '-') ? orientation : undefined;
     return {
-      [`card-img${suffix}`]: true
+      [`card-img${suffix}`]: !horizontal,
+      'img-fluid': !!horizontal,
+      [`rounded-${horizontal}`]: !!horizontal
     } as Record<string, boolean>;
   });
 }
