fix(icon.directive): add role attr

Author: xidedix

projects/coreui-icons-angular/src/lib/icon/icon.directive.spec.ts

@@ -49,7 +49,6 @@ describe('IconDirective', () => {
     expect(directive).toBeTruthy();
   });
   it('icon classes should be applied', () => {
-    console.log(svgEl.nativeElement);
     expect(svgEl.nativeElement).toBeTruthy();
     expect(svgEl.nativeElement).toHaveClass('icon');
     expect(svgEl.nativeElement).toHaveClass('icon-lg');

projects/coreui-icons-angular/src/lib/icon/icon.directive.ts

@@ -19,7 +19,7 @@ export class IconDirective implements IIcon {
 
   @Input()
   set name(name: string) {
-    this._name = name.includes('-') ? this.toCamelCase(name) : name;
+    this._name = name?.includes('-') ? this.toCamelCase(name) : name;
   }
   get name(): string {
     return this._name;
@@ -42,6 +42,9 @@ export class IconDirective implements IIcon {
   @HostBinding('attr.pointer-events')
   @Input('pointer-events') pointerEvents = 'none';
 
+  @HostBinding('attr.role')
+  @Input() role = 'img';
+
   @HostBinding('class')
   get hostClasses() {
     const classes = {