@pega/dx-component-builder-sdk/tests/assets/sdk-a/components/create/override-sdk/designSystemExtension/material-utility/material-utility.component.ts

Utility for building custom UI components

import { Component, OnInit, Input } from '@angular/core';
import { Utils } from '@pega/angular-sdk-components';

@Component({
  selector: 'app-material-utility',
  templateUrl: './material-utility.component.html',
  styleUrls: ['./material-utility.component.scss'],
  providers: [Utils],
  standalone: true
})
export class MaterialUtilityComponent implements OnInit {
  @Input() headerText$: string;
  @Input() headerIcon$: string;
  @Input() headerIconUrl$: string;
  @Input() noItemsMessage$: string;

  headerSvgIcon$: string;
  settingsSvgIcon$: string;

  constructor(private utils: Utils) {}

  ngOnInit(): void {
    this.headerSvgIcon$ = this.utils.getImageSrc(this.headerIcon$, this.headerIconUrl$);
    this.settingsSvgIcon$ = this.utils.getImageSrc('plus', this.headerIconUrl$);
  }
}