Support custom path for icons file

Author: lukasmatta

projects/cps-ui-kit/src/lib/components/cps-icon/cps-icon.component.spec.ts

@@ -0,0 +1,41 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { CpsIconComponent, ICONS_PATH } from './cps-icon.component';
+import { CommonModule } from '@angular/common';
+
+describe('CpsIconComponent', () => {
+  const createComponent = () => {
+    fixture = TestBed.createComponent(CpsIconComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  };
+
+  let component: CpsIconComponent;
+  let fixture: ComponentFixture<CpsIconComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CommonModule, CpsIconComponent],
+      providers: [{ provide: ICONS_PATH, useValue: 'test-assets' }]
+    }).compileComponents();
+  });
+
+  it('should create', () => {
+    createComponent();
+    expect(component).toBeTruthy();
+  });
+
+  describe('Test assets path injection', () => {
+    it('should use injected ICONS_PATH value', () => {
+      createComponent();
+      expect(component.url).toBe('test-assets');
+    });
+
+    it('should default to "assets/" if no ICONS_PATH is provided', () => {
+      TestBed.overrideProvider(ICONS_PATH, {
+        useValue: null
+      });
+      createComponent();
+      expect(component.url).toBe('assets/');
+    });
+  });
+});

projects/cps-ui-kit/src/lib/components/cps-icon/cps-icon.component.ts

@@ -1,8 +1,22 @@
 import { CommonModule, DOCUMENT } from '@angular/common';
-import { Component, Inject, Input, OnChanges } from '@angular/core';
+import {
+  Component,
+  inject,
+  Inject,
+  InjectionToken,
+  Input,
+  OnChanges
+} from '@angular/core';
 import { convertSize } from '../../utils/internal/size-utils';
 import { getCSSColor } from '../../utils/colors-utils';
 
+/**
+ * Injection token that is used to provide the path to the icons.
+ */
+export const ICONS_PATH = new InjectionToken<string>(
+  'Icons path for CpsIconComponent'
+);
+
 export const iconNames = [
   'access',
   'access-denied',
@@ -176,7 +190,7 @@ export class CpsIconComponent implements OnChanges {
   @Input() color = 'currentColor';
 
   iconColor = 'currentColor';
-  url = 'assets/';
+  url = inject(ICONS_PATH, { optional: true }) ?? 'assets/';
   cvtSize = '';
 
   classesList: string[] = ['cps-icon'];