feat(core): add tuiIcon pipe (#7244)

projects/core/components/icon/icon.pipe.ts

@@ -0,0 +1,12 @@
+import type {PipeTransform} from '@angular/core';
+import {inject, Pipe} from '@angular/core';
+import type {TuiStringHandler} from '@taiga-ui/cdk';
+import {TUI_ICON_RESOLVER} from '@taiga-ui/core/tokens';
+
+@Pipe({
+    standalone: true,
+    name: 'tuiIcon',
+})
+export class TuiIconPipe implements PipeTransform {
+    public readonly transform = inject<TuiStringHandler<string>>(TUI_ICON_RESOLVER);
+}

projects/core/components/icon/index.ts

@@ -1 +1,2 @@
 export * from './icon.component';
+export * from './icon.pipe';

projects/demo/src/modules/components/icon/examples/1/index.html

@@ -2,3 +2,8 @@
     icon="tuiIconHeartLarge"
     [style.color]="'var(--tui-primary)'"
 />
+
+<img
+    alt=""
+    [src]="'tuiIconHeartLarge' | tuiIcon"
+/>

projects/demo/src/modules/components/icon/examples/1/index.less

@@ -0,0 +1,4 @@
+:host {
+    display: flex;
+    gap: 0.625rem;
+}

projects/demo/src/modules/components/icon/examples/1/index.ts

@@ -5,6 +5,7 @@ import {encapsulation} from '@demo/emulate/encapsulation';
 @Component({
     selector: 'tui-icon-example-1',
     templateUrl: './index.html',
+    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })

projects/demo/src/modules/components/icon/icon.module.ts

@@ -1,7 +1,12 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {tuiGetDocModules} from '@taiga-ui/addon-doc';
-import {TuiIconComponent, TuiLinkDirective, TuiNotificationModule} from '@taiga-ui/core';
+import {
+    TuiIconComponent,
+    TuiIconPipe,
+    TuiLinkDirective,
+    TuiNotificationModule,
+} from '@taiga-ui/core';
 
 import {TuiIconExample1} from './examples/1';
 import {TuiIconExample2} from './examples/2';
@@ -15,6 +20,7 @@ import {ExampleTuiIconComponent} from './icon.component';
         TuiLinkDirective,
         TuiNotificationModule,
         tuiGetDocModules(ExampleTuiIconComponent),
+        TuiIconPipe,
     ],
     declarations: [
         ExampleTuiIconComponent,