refactor(icon): add afterNextRender for SSR, add aria-hidden attribute, improve testing

Author: xidedix

projects/coreui-icons-angular/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 creativeLabs Łukasz Holeczek
+Copyright (c) 2024 creativeLabs Łukasz Holeczek
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

projects/coreui-icons-angular/README.md

@@ -169,5 +169,5 @@ Thanks to all the backers and sponsors! Support this project by [becoming a back
 
 ## Copyright and license
 
-Copyright 2023 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
+Copyright 2024 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-angular/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
 

projects/coreui-icons-angular/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@coreui/icons-angular",
-  "version": "4.7.16",
+  "version": "5.0.0-next.23",
   "description": "CoreUI Icons Angular component and service",
-  "copyright": "Copyright 2023 creativeLabs Łukasz Holeczek",
+  "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "license": "MIT",
   "homepage": "https://coreui.io/angular",
   "author": {

projects/coreui-icons-angular/src/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

projects/coreui-icons-angular/src/lib/icon/icon.component.svg

@@ -1,4 +1,4 @@
-import { NgClass, NgIf } from '@angular/common';
+import { NgClass } from '@angular/common';
 import { AfterViewInit, Component, ElementRef, Input, Renderer2, ViewChild } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
@@ -12,7 +12,7 @@ import { toCamelCase } from './icon.utils';
   templateUrl: './icon.component.svg',
   styleUrls: ['./icon.component.scss'],
   standalone: true,
-  imports: [NgClass, NgIf, HtmlAttributesDirective],
+  imports: [NgClass, HtmlAttributesDirective],
   // eslint-disable-next-line @angular-eslint/no-host-metadata-property
   host: { ngSkipHydration: 'true' }
 })

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

@@ -53,4 +53,12 @@ describe('IconDirective', () => {
     expect(svgEl.nativeElement).toHaveClass('icon-lg');
     expect(svgEl.nativeElement).toHaveClass('test');
   });
+  it('icon attributes should be applied', () => {
+    expect(svgEl.nativeElement.getAttribute('aria-hidden')).toBe('true');
+    expect(svgEl.nativeElement.getAttribute('pointer-events')).toBe('none');
+    expect(svgEl.nativeElement.getAttribute('role')).toBe('img');
+    expect(svgEl.nativeElement.getAttribute('title')).toBe('Test');
+    expect(svgEl.nativeElement.getAttribute('viewBox')).toBeDefined();
+    expect(svgEl.nativeElement.getAttribute('xmlns')).toBe('http://www.w3.org/2000/svg');
+  });
 });

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

@@ -33,6 +33,8 @@ export class IconDirective implements IIcon {
 
   private _viewBox!: string;
 
+  @HostBinding('attr.aria-hidden') ariaHidden = true;
+
   @HostBinding('attr.xmlns')
   @Input() xmlns = 'http://www.w3.org/2000/svg';