safeHtml, safeStyle, safeScript, safeUrl and safeResourceUrl pipes included in a SafeResourceModule

Angular sanitizer pipes.ts

import { CommonModule } from '@angular/common';
import { Injectable, NgModule, Pipe, PipeTransform } from '@angular/core';
import {
  DomSanitizer,
  SafeHtml,
  SafeResourceUrl,
  SafeScript,
  SafeStyle,
  SafeUrl,
} from '@angular/platform-browser';

@Injectable()
abstract class AbstractPipe {
  constructor(protected domSanitizer: DomSanitizer) {}
  public abstract transform(value: unknown): unknown;
}

@Pipe({
  name: 'safeHtml',
})
class SafeHtmlPipe extends AbstractPipe implements PipeTransform {
  transform(html: string): SafeHtml {
    return this.domSanitizer.bypassSecurityTrustHtml(html);
  }
}

@Pipe({
  name: 'safeStyle',
})
class SafeStylePipe extends AbstractPipe implements PipeTransform {
  transform(style: string): SafeStyle {
    return this.domSanitizer.bypassSecurityTrustStyle(style);
  }
}

@Pipe({
  name: 'safeScript',
})
class SafeScriptPipe extends AbstractPipe implements PipeTransform {
  transform(script: string): SafeScript {
    return this.domSanitizer.bypassSecurityTrustScript(script);
  }
}

@Pipe({
  name: 'safeUrl',
})
class SafeUrlPipe extends AbstractPipe implements PipeTransform {
  transform(url: string): SafeUrl {
    return this.domSanitizer.bypassSecurityTrustUrl(url);
  }
}

@Pipe({
  name: 'safeResourceUrl',
})
class SafeResourceUrlPipe extends AbstractPipe implements PipeTransform {
  transform(resourceUrl: string): SafeResourceUrl {
    return this.domSanitizer.bypassSecurityTrustResourceUrl(resourceUrl);
  }
}

const pipes = [SafeUrlPipe, SafeHtmlPipe, SafeStylePipe, SafeScriptPipe, SafeResourceUrlPipe];

@NgModule({
  declarations: [...pipes],
  imports: [CommonModule],
  exports: [...pipes],
})
export class SafeResourceModule {}